@charset "UTF-8";@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900); }

.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas::before,
.fass::before,
.far::before,
.fasr::before,
.fal::before,
.fasl::before,
.fat::before,
.fast::before,
.fad::before,
.fadr::before,
.fadl::before,
.fadt::before,
.fasds::before,
.fasdr::before,
.fasdl::before,
.fasdt::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-light::before,
.fa-thin::before,
.fa-brands::before,
.fa-classic::before,
.fa-duotone::before,
.fa-sharp::before,
.fa-sharp-duotone::before,
.fa::before {
  content: var(--fa); }

.fad::after,
.fa-duotone.fa-solid::after,
.fa-duotone::after,
.fadr::after,
.fa-duotone.fa-regular::after,
.fadl::after,
.fa-duotone.fa-light::after,
.fadt::after,
.fa-duotone.fa-thin::after,
.fasds::after,
.fa-sharp-duotone.fa-solid::after,
.fa-sharp-duotone::after,
.fasdr::after,
.fa-sharp-duotone.fa-regular::after,
.fasdl::after,
.fa-sharp-duotone.fa-light::after,
.fasdt::after,
.fa-sharp-duotone.fa-thin::after {
  content: var(--fa--fa); }

.fa-classic.fa-duotone {
  font-family: 'Font Awesome 6 Duotone'; }

.fass,
.fa-sharp {
  font-weight: 900; }

.fad,
.fa-duotone {
  font-weight: 900; }

.fasds,
.fa-sharp-duotone {
  font-weight: 900; }

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro'; }

.fa-duotone,
.fad,
.fadr,
.fadl,
.fadt {
  font-family: 'Font Awesome 6 Duotone'; }

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands'; }

.fa-sharp,
.fass,
.fasr,
.fasl,
.fast {
  font-family: 'Font Awesome 6 Sharp'; }

.fa-sharp-duotone,
.fasds,
.fasdr,
.fasdl,
.fasdt {
  font-family: 'Font Awesome 6 Sharp Duotone'; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none; }

[dir="ltr"] .fa-ul {
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }

[dir="rtl"] .fa-ul {
  margin-right: var(--fa-li-margin, 2.5em);
  padding-right: 0; }

  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

[dir="ltr"] .fa-li {
  left: calc(-1 * var(--fa-li-width, 2em)); }

[dir="rtl"] .fa-li {
  right: calc(-1 * var(--fa-li-width, 2em)); }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

[dir="ltr"] .fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

[dir="rtl"] .fa-pull-left {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

[dir="ltr"] .fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

[dir="rtl"] .fa-pull-right {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }

  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }

  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }

  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }

  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }

  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }

  64% {
    transform: scale(1, 1) translateY(0); }

  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }

  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }

  4% {
    transform: rotate(15deg); }

  8%, 24% {
    transform: rotate(-18deg); }

  12%, 28% {
    transform: rotate(18deg); }

  16% {
    transform: rotate(-22deg); }

  20% {
    transform: rotate(22deg); }

  32% {
    transform: rotate(-12deg); }

  36% {
    transform: rotate(12deg); }

  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

[dir="ltr"] .fa-rotate-90 {
  transform: rotate(90deg); }

[dir="rtl"] .fa-rotate-90 {
  transform: rotate(-90deg); }

[dir="ltr"] .fa-rotate-180 {
  transform: rotate(180deg); }

[dir="rtl"] .fa-rotate-180 {
  transform: rotate(-180deg); }

[dir="ltr"] .fa-rotate-270 {
  transform: rotate(270deg); }

[dir="rtl"] .fa-rotate-270 {
  transform: rotate(-270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

[dir="ltr"] .fa-stack-1x,
[dir="ltr"] .fa-stack-2x {
  left: 0; }

[dir="rtl"] .fa-stack-1x,
[dir="rtl"] .fa-stack-2x {
  right: 0; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-add { --fa: "\2b"; --fa--fa: "\2b\2b"; }

.fa-align-center { --fa: "\f037"; --fa--fa: "\f037\f037"; }

.fa-align-justify { --fa: "\f039"; --fa--fa: "\f039\f039"; }

.fa-align-left { --fa: "\f036"; --fa--fa: "\f036\f036"; }

.fa-align-right { --fa: "\f038"; --fa--fa: "\f038\f038"; }

.fa-analytics { --fa: "\f643"; --fa--fa: "\f643\f643"; }

.fa-angle-down { --fa: "\f107"; --fa--fa: "\f107\f107"; }

.fa-angle-left { --fa: "\f104"; --fa--fa: "\f104\f104"; }

.fa-angle-right { --fa: "\f105"; --fa--fa: "\f105\f105"; }

.fa-angle-up { --fa: "\f106"; --fa--fa: "\f106\f106"; }

.fa-archive { --fa: "\f187"; --fa--fa: "\f187\f187"; }

.fa-arrow-alt-to-top { --fa: "\f34d"; --fa--fa: "\f34d\f34d"; }

.fa-arrow-down { --fa: "\f063"; --fa--fa: "\f063\f063"; }

.fa-arrow-left { --fa: "\f060"; --fa--fa: "\f060\f060"; }

.fa-arrow-left-long { --fa: "\f177"; --fa--fa: "\f177\f177"; }

.fa-arrow-right { --fa: "\f061"; --fa--fa: "\f061\f061"; }

.fa-arrow-right-long { --fa: "\f178"; --fa--fa: "\f178\f178"; }

.fa-arrow-up { --fa: "\f062"; --fa--fa: "\f062\f062"; }

.fa-arrow-up-long { --fa: "\f176"; --fa--fa: "\f176\f176"; }

.fa-arrows-alt { --fa: "\f0b2"; --fa--fa: "\f0b2\f0b2"; }

.fa-backward-step { --fa: "\f048"; --fa--fa: "\f048\f048"; }

.fa-ban { --fa: "\f05e"; --fa--fa: "\f05e\f05e"; }

.fa-bar-chart { --fa: "\f080"; --fa--fa: "\f080\f080"; }

.fa-bars-staggered { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-bell { --fa: "\f0f3"; --fa--fa: "\f0f3\f0f3"; }

.fa-bold { --fa: "\f032"; --fa--fa: "\f032\f032"; }

.fa-box-archive { --fa: "\f187"; --fa--fa: "\f187\f187"; }

.fa-bullhorn { --fa: "\f0a1"; --fa--fa: "\f0a1\f0a1"; }

.fa-calendar { --fa: "\f133"; --fa--fa: "\f133\f133"; }

.fa-calendar-alt { --fa: "\f073"; --fa--fa: "\f073\f073"; }

.fa-calendar-check { --fa: "\f274"; --fa--fa: "\f274\f274"; }

.fa-calendar-circle-user { --fa: "\e471"; --fa--fa: "\e471\e471"; }

.fa-calendar-day { --fa: "\f783"; --fa--fa: "\f783\f783"; }

.fa-calendar-days { --fa: "\f073"; --fa--fa: "\f073\f073"; }

.fa-camera { --fa: "\f030"; --fa--fa: "\f030\f030"; }

.fa-camera-alt { --fa: "\f030"; --fa--fa: "\f030\f030"; }

.fa-cancel { --fa: "\f05e"; --fa--fa: "\f05e\f05e"; }

.fa-caret-down { --fa: "\f0d7"; --fa--fa: "\f0d7\f0d7"; }

.fa-caret-up { --fa: "\f0d8"; --fa--fa: "\f0d8\f0d8"; }

.fa-chain { --fa: "\f0c1"; --fa--fa: "\f0c1\f0c1"; }

.fa-chain-broken { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-chain-slash { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-chart-bar { --fa: "\f080"; --fa--fa: "\f080\f080"; }

.fa-chart-mixed { --fa: "\f643"; --fa--fa: "\f643\f643"; }

.fa-chart-pie { --fa: "\f200"; --fa--fa: "\f200\f200"; }

.fa-check { --fa: "\f00c"; --fa--fa: "\f00c\f00c"; }

.fa-check-circle { --fa: "\f058"; --fa--fa: "\f058\f058"; }

.fa-check-square { --fa: "\f14a"; --fa--fa: "\f14a\f14a"; }

.fa-chevron-circle-left { --fa: "\f137"; --fa--fa: "\f137\f137"; }

.fa-chevron-circle-right { --fa: "\f138"; --fa--fa: "\f138\f138"; }

.fa-chevron-down { --fa: "\f078"; --fa--fa: "\f078\f078"; }

.fa-chevron-left { --fa: "\f053"; --fa--fa: "\f053\f053"; }

.fa-chevron-right { --fa: "\f054"; --fa--fa: "\f054\f054"; }

.fa-chevron-up { --fa: "\f077"; --fa--fa: "\f077\f077"; }

.fa-child { --fa: "\f1ae"; --fa--fa: "\f1ae\f1ae"; }

.fa-circle { --fa: "\f111"; --fa--fa: "\f111\f111"; }

.fa-circle-check { --fa: "\f058"; --fa--fa: "\f058\f058"; }

.fa-circle-chevron-left { --fa: "\f137"; --fa--fa: "\f137\f137"; }

.fa-circle-chevron-right { --fa: "\f138"; --fa--fa: "\f138\f138"; }

.fa-circle-exclamation { --fa: "\f06a"; --fa--fa: "\f06a\f06a"; }

.fa-circle-info { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }

.fa-circle-minus { --fa: "\f056"; --fa--fa: "\f056\f056"; }

.fa-circle-play { --fa: "\f144"; --fa--fa: "\f144\f144"; }

.fa-circle-plus { --fa: "\f055"; --fa--fa: "\f055\f055"; }

.fa-circle-user { --fa: "\f2bd"; --fa--fa: "\f2bd\f2bd"; }

.fa-circle-xmark { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.fa-clipboard { --fa: "\f328"; --fa--fa: "\f328\f328"; }

.fa-clipboard-check { --fa: "\f46c"; --fa--fa: "\f46c\f46c"; }

.fa-clock { --fa: "\f017"; --fa--fa: "\f017\f017"; }

.fa-clock-four { --fa: "\f017"; --fa--fa: "\f017\f017"; }

.fa-close { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-cloud-arrow-up { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-cloud-upload { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-cloud-upload-alt { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-code { --fa: "\f121"; --fa--fa: "\f121\f121"; }

.fa-cogs { --fa: "\f085"; --fa--fa: "\f085\f085"; }

.fa-coins { --fa: "\f51e"; --fa--fa: "\f51e\f51e"; }

.fa-comments { --fa: "\f086"; --fa--fa: "\f086\f086"; }

.fa-copy { --fa: "\f0c5"; --fa--fa: "\f0c5\f0c5"; }

.fa-cube { --fa: "\f1b2"; --fa--fa: "\f1b2\f1b2"; }

.fa-cubes { --fa: "\f1b3"; --fa--fa: "\f1b3\f1b3"; }

.fa-dashboard { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-database { --fa: "\f1c0"; --fa--fa: "\f1c0\f1c0"; }

.fa-dedent { --fa: "\f03b"; --fa--fa: "\f03b\f03b"; }

.fa-download { --fa: "\f019"; --fa--fa: "\f019\f019"; }

.fa-earth { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-earth-america { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-earth-americas { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-ellipsis { --fa: "\f141"; --fa--fa: "\f141\f141"; }

.fa-ellipsis-h { --fa: "\f141"; --fa--fa: "\f141\f141"; }

.fa-ellipsis-v { --fa: "\f142"; --fa--fa: "\f142\f142"; }

.fa-ellipsis-vertical { --fa: "\f142"; --fa--fa: "\f142\f142"; }

.fa-envelope { --fa: "\f0e0"; --fa--fa: "\f0e0\f0e0"; }

.fa-eraser { --fa: "\f12d"; --fa--fa: "\f12d\f12d"; }

.fa-exchange-alt { --fa: "\f362"; --fa--fa: "\f362\f362"; }

.fa-exclamation { --fa: "\21"; --fa--fa: "\21\21"; }

.fa-exclamation-circle { --fa: "\f06a"; --fa--fa: "\f06a\f06a"; }

.fa-exclamation-triangle { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-expand-alt { --fa: "\f424"; --fa--fa: "\f424\f424"; }

.fa-expand-arrows-alt { --fa: "\f31e"; --fa--fa: "\f31e\f31e"; }

.fa-external-link-square-alt { --fa: "\f360"; --fa--fa: "\f360\f360"; }

.fa-eye { --fa: "\f06e"; --fa--fa: "\f06e\f06e"; }

.fa-eye-dropper { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-eye-dropper-empty { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-eye-slash { --fa: "\f070"; --fa--fa: "\f070\f070"; }

.fa-eyedropper { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-face-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }

.fa-flag { --fa: "\f024"; --fa--fa: "\f024\f024"; }

.fa-font { --fa: "\f031"; --fa--fa: "\f031\f031"; }

.fa-forward-step { --fa: "\f051"; --fa--fa: "\f051\f051"; }

.fa-gauge { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-gauge-med { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-gears { --fa: "\f085"; --fa--fa: "\f085\f085"; }

.fa-gift { --fa: "\f06b"; --fa--fa: "\f06b\f06b"; }

.fa-globe { --fa: "\f0ac"; --fa--fa: "\f0ac\f0ac"; }

.fa-globe-americas { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-header { --fa: "\f1dc"; --fa--fa: "\f1dc\f1dc"; }

.fa-heading { --fa: "\f1dc"; --fa--fa: "\f1dc\f1dc"; }

.fa-heart { --fa: "\f004"; --fa--fa: "\f004\f004"; }

.fa-heart-pulse { --fa: "\f21e"; --fa--fa: "\f21e\f21e"; }

.fa-heartbeat { --fa: "\f21e"; --fa--fa: "\f21e\f21e"; }

.fa-highlighter { --fa: "\f591"; --fa--fa: "\f591\f591"; }

.fa-home { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-home-alt { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-home-lg-alt { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-hourglass-3 { --fa: "\f253"; --fa--fa: "\f253\f253"; }

.fa-hourglass-end { --fa: "\f253"; --fa--fa: "\f253\f253"; }

.fa-house { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-image { --fa: "\f03e"; --fa--fa: "\f03e\f03e"; }

.fa-indent { --fa: "\f03c"; --fa--fa: "\f03c\f03c"; }

.fa-info-circle { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }

.fa-italic { --fa: "\f033"; --fa--fa: "\f033\f033"; }

.fa-layer-group { --fa: "\f5fd"; --fa--fa: "\f5fd\f5fd"; }

.fa-link { --fa: "\f0c1"; --fa--fa: "\f0c1\f0c1"; }

.fa-link-slash { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-list-1-2 { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-dots { --fa: "\f0ca"; --fa--fa: "\f0ca\f0ca"; }

.fa-list-dropdown { --fa: "\e1cf"; --fa--fa: "\e1cf\e1cf"; }

.fa-list-numeric { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-ol { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-tree { --fa: "\e1d2"; --fa--fa: "\e1d2\e1d2"; }

.fa-list-ul { --fa: "\f0ca"; --fa--fa: "\f0ca\f0ca"; }

.fa-lock { --fa: "\f023"; --fa--fa: "\f023\f023"; }

.fa-long-arrow-left { --fa: "\f177"; --fa--fa: "\f177\f177"; }

.fa-long-arrow-right { --fa: "\f178"; --fa--fa: "\f178\f178"; }

.fa-long-arrow-up { --fa: "\f176"; --fa--fa: "\f176\f176"; }

.fa-magnifying-glass { --fa: "\f002"; --fa--fa: "\f002\f002"; }

.fa-mail-forward { --fa: "\f064"; --fa--fa: "\f064\f064"; }

.fa-mail-reply { --fa: "\f3e5"; --fa--fa: "\f3e5\f3e5"; }

.fa-maximize { --fa: "\f31e"; --fa--fa: "\f31e\f31e"; }

.fa-minus { --fa: "\f068"; --fa--fa: "\f068\f068"; }

.fa-minus-circle { --fa: "\f056"; --fa--fa: "\f056\f056"; }

.fa-minus-square { --fa: "\f146"; --fa--fa: "\f146\f146"; }

.fa-multiply { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-note { --fa: "\e1ff"; --fa--fa: "\e1ff\e1ff"; }

.fa-note-sticky { --fa: "\f249"; --fa--fa: "\f249\f249"; }

.fa-outdent { --fa: "\f03b"; --fa--fa: "\f03b\f03b"; }

.fa-paper-plane { --fa: "\f1d8"; --fa--fa: "\f1d8\f1d8"; }

.fa-paperclip { --fa: "\f0c6"; --fa--fa: "\f0c6\f0c6"; }

.fa-pause { --fa: "\f04c"; --fa--fa: "\f04c\f04c"; }

.fa-pen { --fa: "\f304"; --fa--fa: "\f304\f304"; }

.fa-pencil { --fa: "\f303"; --fa--fa: "\f303\f303"; }

.fa-pencil-alt { --fa: "\f303"; --fa--fa: "\f303\f303"; }

.fa-pie-chart { --fa: "\f200"; --fa--fa: "\f200\f200"; }

.fa-play { --fa: "\f04b"; --fa--fa: "\f04b\f04b"; }

.fa-play-circle { --fa: "\f144"; --fa--fa: "\f144\f144"; }

.fa-plus { --fa: "\2b"; --fa--fa: "\2b\2b"; }

.fa-plus-circle { --fa: "\f055"; --fa--fa: "\f055\f055"; }

.fa-plus-square { --fa: "\f0fe"; --fa--fa: "\f0fe\f0fe"; }

.fa-poll-people { --fa: "\f759"; --fa--fa: "\f759\f759"; }

.fa-print { --fa: "\f02f"; --fa--fa: "\f02f\f02f"; }

.fa-quote-right { --fa: "\f10e"; --fa--fa: "\f10e\f10e"; }

.fa-quote-right-alt { --fa: "\f10e"; --fa--fa: "\f10e\f10e"; }

.fa-redo-alt { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-remove { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-reorder { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-reply { --fa: "\f3e5"; --fa--fa: "\f3e5\f3e5"; }

.fa-right-left { --fa: "\f362"; --fa--fa: "\f362\f362"; }

.fa-rotate { --fa: "\f2f1"; --fa--fa: "\f2f1\f2f1"; }

.fa-rotate-back { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-backward { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-forward { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-rotate-left { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-right { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-search { --fa: "\f002"; --fa--fa: "\f002\f002"; }

.fa-share { --fa: "\f064"; --fa--fa: "\f064\f064"; }

.fa-sliders { --fa: "\f1de"; --fa--fa: "\f1de\f1de"; }

.fa-sliders-h { --fa: "\f1de"; --fa--fa: "\f1de\f1de"; }

.fa-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }

.fa-square-check { --fa: "\f14a"; --fa--fa: "\f14a\f14a"; }

.fa-square-minus { --fa: "\f146"; --fa--fa: "\f146\f146"; }

.fa-square-plus { --fa: "\f0fe"; --fa--fa: "\f0fe\f0fe"; }

.fa-square-up-right { --fa: "\f360"; --fa--fa: "\f360\f360"; }

.fa-star { --fa: "\f005"; --fa--fa: "\f005\f005"; }

.fa-star-sharp { --fa: "\e28b"; --fa--fa: "\e28b\e28b"; }

.fa-step-backward { --fa: "\f048"; --fa--fa: "\f048\f048"; }

.fa-step-forward { --fa: "\f051"; --fa--fa: "\f051\f051"; }

.fa-sticky-note { --fa: "\f249"; --fa--fa: "\f249\f249"; }

.fa-stop { --fa: "\f04d"; --fa--fa: "\f04d\f04d"; }

.fa-stream { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-strikethrough { --fa: "\f0cc"; --fa--fa: "\f0cc\f0cc"; }

.fa-subscript { --fa: "\f12c"; --fa--fa: "\f12c\f12c"; }

.fa-subtract { --fa: "\f068"; --fa--fa: "\f068\f068"; }

.fa-superscript { --fa: "\f12b"; --fa--fa: "\f12b\f12b"; }

.fa-swatchbook { --fa: "\f5c3"; --fa--fa: "\f5c3\f5c3"; }

.fa-sync-alt { --fa: "\f2f1"; --fa--fa: "\f2f1\f2f1"; }

.fa-tachometer-alt-average { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-tag { --fa: "\f02b"; --fa--fa: "\f02b\f02b"; }

.fa-text-height { --fa: "\f034"; --fa--fa: "\f034\f034"; }

.fa-thumb-tack { --fa: "\f08d"; --fa--fa: "\f08d\f08d"; }

.fa-thumbtack { --fa: "\f08d"; --fa--fa: "\f08d\f08d"; }

.fa-times { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-times-circle { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.fa-trash { --fa: "\f1f8"; --fa--fa: "\f1f8\f1f8"; }

.fa-trash-alt { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }

.fa-trash-can { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }

.fa-triangle-exclamation { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-underline { --fa: "\f0cd"; --fa--fa: "\f0cd\f0cd"; }

.fa-undo-alt { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-unlink { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-up-down-left-right { --fa: "\f0b2"; --fa--fa: "\f0b2\f0b2"; }

.fa-up-right-and-down-left-from-center { --fa: "\f424"; --fa--fa: "\f424\f424"; }

.fa-up-to-line { --fa: "\f34d"; --fa--fa: "\f34d\f34d"; }

.fa-upload { --fa: "\f093"; --fa--fa: "\f093\f093"; }

.fa-user { --fa: "\f007"; --fa--fa: "\f007\f007"; }

.fa-user-circle { --fa: "\f2bd"; --fa--fa: "\f2bd\f2bd"; }

.fa-users { --fa: "\f0c0"; --fa--fa: "\f0c0\f0c0"; }

.fa-video { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }

.fa-video-camera { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }

.fa-warning { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-wrench { --fa: "\f0ad"; --fa--fa: "\f0ad\f0ad"; }

.fa-x { --fa: "\58"; --fa--fa: "\58\58"; }

.fa-xmark { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-xmark-circle { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/assets/fa-light-300-C367-ACP.woff2") format("woff2"), url("/assets/fa-light-300-Q8hZPte1.ttf") format("truetype"); }

.fal,
.fa-light {
  font-weight: 300; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-regular-400-DkHUU_2Z.woff2") format("woff2"), url("/assets/fa-regular-400-CF8D3Pe-.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-PcMpZiJU.woff2") format("woff2"), url("/assets/fa-solid-900-Du6X6sGi.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("data:font/woff2;base64,d09GMgABAAAAAANIAAoAAAAAB3wAAAL+AAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQgBmADCACBPsqCIMsGBYdkByCFZAMR1ZtlAL5IyHBMcJ7qXCwIffILSbCV1cXf3GiOV+Lh+/3+t/a5X0WxLCYli1WGag0yQyTdSiL+oeEVr/8FgDZnHWNEF56zawsX3y/GzDi7bKBD9x/mdUjltdHXnM994h9oxZraADoSBjcshPkLAHhCG0es2KOwkSmx79TI1qiOzzB2kUO4ioBacKV2669M4Mfjc98s5HEncpRJIIi8kBN3YJtBUCIJ+LuXFYNACAAUxR03FUtJgn1JQtDugSTLAERdAGD/mROH4o6dQqE5Srl9MJ/qlfqIO3FTH4oAfUPppdsykU2eqbhqkQOoUiYpsjOaWfj9UihgvuDV2n9ClQplSgC+D2cBJdiJVcFos82gJRht8R6EZoJfTIT4/7FGKO4DXy9Vq1WvJRoH0Crv9SltXTtGCoymHC8LLbMOEdmSTlrISp4gSopNNjp54r3Tq1cp283j6OvX76Lis5TFvuz1neXlNbGvxjNcvJs3xpv48iVqjCQiJyje3cf6mfn8OT4UbSurLnKhLxTF1VeMMdwyh85eZJLae0OpuqQ5mVFRt8qu41mWpSx7+lQTbZdtqsGcdvgDcNwTWqJGADpIR2j1FkmpDmS6rQ8XFYdic06jRJN+VJjyCJVavUedBp/er1dkWSaKyrHkD0SYSaeR1MQIMhtxc7gIotjVeIkSY7GECmdjF5Vm0gPUGUpvT+qVxcV3+wyzIXf9g/R5iSc9tiuTUWYbabafPUnfLG/ilsJTsJGbg6SkyqHPWXNhMpy3XMszHAtsSbYfj+MBi3HfV1LcDphhcwYt82wO8fhKljRt3qXMR7nmLc+HS9Nwr18ETW87lPEHdldqtz5PsxFsyOFBzYjzEg9Ux+84nSq/L7Id+9h+9iR9s7xJ7q7KFdgoU4iSpMrxbc4/7oe8Kj7k/b+Wa3mGY4Gty+iMNk+og4erLxVJ5d0eMANqGqpXa6lt8wrysFnSQ1wUk8+wiTAaUlXm85TbOpWNoWE7nBRfUoVRn6XlMK336i9+DAwDAAAA") format("woff2"), url("data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMmB2XvcAAAEoAAAAYGNtYXAvR2fzAAABkAAAAL5nbHlmop6jhAAAAlAAAAEgaGVhZC2uIGUAAACsAAAANmhoZWEDQgFDAAAA5AAAACRobXR4AwAAIAAAAYgAAAAIbG9jYQCQAFIAAANwAAAABm1heHAACQA3AAABCAAAACBuYW1l4qcngwAAA3gAAAPkcG9zdAADAAAAAAdcAAAAIAABAAAAAA8AEnkmcV8PPPUACwIAAAAAAOaH6HQAAAAA5ofodAAA/8ABgAHAAAAACAACAAAAAAAAAAEAAAHA/8AAAAGAAAAAAAGAAAEAAAAAAAAAAAAAAAAAAAACAAEAAAACADUABQAAAAAAAQAAAAEAAQAAAAAAAAAAAAAABAGAAGQABQACAgACAAAAAEACAAIAAAABAAAZAIQAAAIAAwMAAAAAAAAAAAABEAAAAAAAAAAAAAAAQVdTTQGAANf//wHA/8AAAAHAAEAAAAABAAAAAAIAAgAAAAAgAAABgAAAAYAAIAAAAAQAAAADAAAAJAAAAAQAAABmAAMAAQAAACQAAwAKAAAAZgAEAEIAAAAMAAgAAgAEANcnFScWJ0zwDf//AAAA1ycVJxYnTPAN//8AAAAAAAAAAA/0AAEADAAKAAgABgAAAAAAAQAMAAAAAABYAAAAAAAAAAYAAADXAAAA1wAAAAEAACcVAAAnFQAAAAEAACcWAAAnFgAAAAEAACdMAAAnTAAAAAEAAPANAADwDQAAAAEAAfXZAAH12QAAAAEAAAAFAAD/wAGAAcAABwAPABcAHwA0AAATIgcXNyYjIQUHFzQ1ETQ1BycUFREUFTcHFjMhMjcnBwM0NzYzITIXFhURFAcGIyEiJyY1ESADAqWlAgP+wAFQpqa6pqabAgMBQAMCpaUbCQkOAUAOCQkJCQ7+wA4JCQGwAeLiAQ7i4gEBAcABAeLiAQH+QAEB4u8BAeHhAc8OCQkJCQ7+QA4JCQkJDgHAAAEAIAAgAWABYAAoAAAlFjMyNzY1NCcnNzY1NCcmIyIHBycmIyIHBhUUFxcHBhUUFxYzMjc3FwFSAwMDAgMDkpIDAwIDAwOSkgMDAwIDA5KSAwMCAwMDkpIjAwMCAwMDkpIDAwMCAwOSkgMDAgMDA5KSAwMDAgMDkpIAAAAAAFIAkAAAAAAAFgEOAAEAAAAAAAAAGgCRAAEAAAAAAAEAFwCvAAEAAAAAAAIABwAAAAEAAAAAAAMAHQBLAAEAAAAAAAQAFwCvAAEAAAAAAAUAMAAHAAEAAAAAAAYAFAA3AAEAAAAAAAoALADGAAEAAAAAAAsAFwB6AAEAAAAAABAAEgBoAAEAAAAAABEABACrAAMAAQQJAAAANAIUAAMAAQQJAAEALgJQAAMAAQQJAAIADgDyAAMAAQQJAAMAOgGIAAMAAQQJAAQALgJQAAMAAQQJAAUAYAEAAAMAAQQJAAYAKAFgAAMAAQQJAAoAWAJ+AAMAAQQJAAsALgHmAAMAAQQJABAAJAHCAAMAAQQJABEACAJIUmVndWxhclZlcnNpb24gMC4wNTg1OTM3NSAoRm9udCBBd2Vzb21lIHZlcnNpb246IDAuMC43KUZvbnRBd2Vzb21lNlByby1UaGluRm9udCBBd2Vzb21lIDYgUHJvIFRoaW4tMC4wLjdGb250IEF3ZXNvbWUgNiBQcm9odHRwczovL2ZvbnRhd2Vzb21lLmNvbUNvcHlyaWdodCAoYykgRm9udCBBd2Vzb21lVGhpbkZvbnQgQXdlc29tZSA2IFBybyBUaGluVGhlIHdlYidzIG1vc3QgcG9wdWxhciBpY29uIHNldCBhbmQgdG9vbGtpdC4AUgBlAGcAdQBsAGEAcgBWAGUAcgBzAGkAbwBuACAAMAAuADAANQA4ADUAOQAzADcANQAgACgARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAIAB2AGUAcgBzAGkAbwBuADoAIAAwAC4AMAAuADcAKQBGAG8AbgB0AEEAdwBlAHMAbwBtAGUANgBQAHIAbwAtAFQAaABpAG4ARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAIAA2ACAAUAByAG8AIABUAGgAaQBuAC0AMAAuADAALgA3AEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAANgAgAFAAcgBvAGgAdAB0AHAAcwA6AC8ALwBmAG8AbgB0AGEAdwBlAHMAbwBtAGUALgBjAG8AbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApACAARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAVABoAGkAbgBGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABQAHIAbwAgAFQAaABpAG4AVABoAGUAIAB3AGUAYgAnAHMAIABtAG8AcwB0ACAAcABvAHAAdQBsAGEAcgAgAGkAYwBvAG4AIABzAGUAdAAgAGEAbgBkACAAdABvAG8AbABrAGkAdAAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); }

.fat,
.fa-thin {
  font-weight: 100; }

:root, :host {
  --fa-style-family-duotone: 'Font Awesome 6 Duotone';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; }

@font-face {
  font-family: 'Font Awesome 6 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("data:font/woff2;base64,d09GMgABAAAAAARoAAsAAAAACogAAAQeAAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQgBmADHACBGMqHAMsQBYggByAcbIXkBFFUT2oAPwrclgdOtFJR0dURokiIvF0QHs1k8J//nOwOnu/35s59dUtvKaVImktQREYiJINQEXIVSFZFI2NpwjZZbf7Vmu4HaHxUYV0AwZVAPlFyP7lNwQEaWeVaXVVZWWGIKLrNbnHllsiDwKHe1X6/+vc7EMqL2KKJ0Dz229073JKIJjFPpK6eyHglFDrT1US82kmFL9kT34IAkgBevd3/EC0AfH/+Sdv9gynIACEKgEAmGDWoaWhpXm3yjlItRWKebPKjH1iqoACndlH9yx5ACV99LfKh7cXZf7Qj3GwjCHA0y3Cq0/lEoCWUm3OYK3jwAQsFmG8LYIAGPYABT/gJ6PGLgCcCRgDHEGqbv6dBwO+Gvfb5SLzRAzFOo7VUGy8bqDQqtWgzElpqG5EBI7XNiICV2mkHAEfx26cjN30C2pBNt3VruLmz7b/RXi8W/PPpnHf+3XZnODhyK30qBE69i0bj0orb8px3+z1+l8mbx5tlcipsklg9WOYg5k5lV04pwc5ga3NnZ3tjvVjI57y3XdF1O8Phe+9vfSTivb+68j4UjqjUD23Kba+srKxIOOQ5T3hw3qT2M5FWMmeblLBDUV5mGvenk8XCC3ktq1QhO+h2GFCaz+fYUbqxvsOcnK3NKWf4LUxpoG1OOX3vbL29k5nxDWP9wluXba5bipFtraMWUIftTsge7GQsfdZ2q3opV/pZbDDoqMEWuVy3u7yytbWy3O26h+mnzKnVdM78MbKphzJC2YRZw+NN6x8QNHtFycFEIxRl9XPFouKVdNJpYlafV4AXPz5ANeBHj3jqLVaDfzj+JvTQtqOVNEwhN9KNgcW7FtrYnW4OCqMHPvn6AOHjXLpt/+HkUQDsEr1wLzFBFd6BQhIgAKCi70ZRc46K9wu1jo3JJh5aq17RKfvEiBnCqKIgpsT9n58WBJrcUYDNvJUodnOPSqJfqF2mP9lItG46R2e97zDiOr8YtZwUpmT7vTEtltDjbod8Zl8+Xy2VLrUzND4PTJmrfBy1HbCO0zW7RiPJinPFvD6p8Y1Ttygp3EadPuP4i01ulRP8RjG+5LyZa/TFPvkcvtqxKH/d+tPFfLHWrLUqjRom8zd/jU8agkpNhZsmo16wI2dewG8U2N4FjjAui8pEiIdrKyjQMUtEcknDMQuaPMWVMY+xFY36qKgOTa3TKB5og0pqzCnKm/9TwwTjubZiMZgISlKkYBkTU3bKsQSN0723LIFDCwxHkIfxrLkkK8iiYJYQpyFIsqRChOWb4vT+JO+0sxXOksZQ+HVrmmpaKhpqUBL71ItcMtq95lJWKu0w3XR1aqPnWg5pDHrGj2dr8NM+mICIhizhSLSECAMABMixDAkiQIAwDBAhIkYrQGkCTShaLFDsAutQ4FK1AQMA") format("woff2"), url("data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQtlV3GcAAAocAAAAbE9TLzJT9mVqAAABOAAAAGBjbWFw8dxfEgAAAbQAAACYZ2x5ZinSD7UAAAJMAAADgGhlYWQuLiBlAAAAvAAAADZoaGVhA8IByAAAAPQAAAAkaG10eA2AAhgAAAGYAAAAHGxvY2ECegOMAAAFzAAAABBtYXhwAAsAPwAAARgAAAAgbmFtZbqQGPMAAAXcAAAEIHBvc3QAAwAAAAAJ/AAAACAAAQAAAAAPANM+QYFfDzz1AAsCAAAAAADmh+h0AAAAAOaH6HQAAP/AAgABwAAAAAgAAgAAAAAAAAABAAABwP/AAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAABwABAAAABwA9AAIAAAAAAAEAAAABAAEAAAAAAAAAAAAAAAQB7QOEAAUAAgIAAgAAAABAAgACAAAAAQAAGQCEAAACAAkDAAAAAAAAAAAAARAAAAAAAAAAAAAAAEFXU00BgPE3//8BwP/AAAABwABAAAAAAQAAAAACAAIAAAAAIAAGAYAAAAIAAKACAADIAgAAsAIAAAACAAAAAgAAAAAAAAQAAAADAAAAJAAAAAQAAABMAAMAAQAAACQAAwAKAAAATAAEACgAAAAGAAQAAQAC8TjxRP//AADxN/FE//8Oyg6/AAEAAAAAAAAADAAAAAAATAAAAAAAAAAFAADxNwAA8TgAAAABAADxRAAA8UQAAAADABDxNwAQ8TcAAAAEABDxOAAQ8TgAAAAFABDxRAAQ8UQAAAAGAAIAAP/AAYABwAAEACEAABMRIREhJzQ3Njc2MyEyFxYXFhURFAcGBwYjISInJicmNRFAAQD/AEAHBgsLDQEgDQsLBgcHBgsLDf7gDQsLBgcBgP6AAYAQDQsLBgcHBgsLDf5gDQsLBgcHBgsLDQGgAAABAKAAQAE4AUAAGAAANyY1NDc3NjMyFxYVFAcHFxYVFAcGIyInJ6cHB2gHCgoHBwdXVwcHCAkKB2ivBwoKB2gHBwcKCgdXVwcKCQgHB2gAAAEAyABAAWABQAAYAAAlFhUUBwcGIyInJjU0NzcnJjU0NzYzMhcXAVkHB2gHCgoHBwdXVwcHCAkKB2jRBwoKB2gHBwcKCgdXVwcKCQgHB2gAAQCwAFABcAEwABsAABMmIyIHBgcGFRUUFxYXFjMyNzc2NzY1NCcmJyfVBgcGBgYDAwMDBgYGBwaQBQMDAwMFkAEsBAMDBgUHsAcFBgMDBFgDBQYGBwUFBFgAAAACAAD/wAIAAcAAIAA5AAA3FBcWFxYXFjMyNzY3Njc2NTQnJicmJyYjIgcGBwYHBhUzNDc3NjMyFxYVFAcHFxYVFAcGIyInJyY1ABQUIyMuLzU1Ly4jIxQUFBQjIy4vNTUvLiMjFBSgB2gHCgoHBwdXVwcHBwoKB2gHwDUvLiMjFBQUFCMjLi81NS8uIyMUFBQUIyMuLzUKB2gHBwcKCgdXVwcKCgcHB2gHCgAAAgAA/8ACAAHAACAAOQAAJRQHBgcGBwYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYVJRQXFwcGFRQXFjMyNzc2NTQnJyYjIgcGFQIAFBQjIy4vNTUvLiMjFBQUFCMjLi81NS8uIyMUFP7IB1dXBwcHCgoHaAcHaAcKCgcHwDUvLiMjFBQUFCMjLi81NS8uIyMUFBQUIyMuLzVoCgdXVwcKCgcHB2gHCgoHaAcHBwoAAAACAAD/wAIAAcAAIAA8AAA3FBcWFxYXFjMyNzY3Njc2NTQnJicmJyYjIgcGBwYHBhU3NDc2NzYzMhcXFhcWFRQHBgcHBiMiJyYnJjU1ABQUIyMuLzU1Ly4jIxQUFBQjIy4vNTUvLiMjFBSwAwQFBgYHBpAFAwMDAwWQBgcGBgYDA8A1Ly4jIxQUFBQjIy4vNTUvLiMjFBQUFCMjLi81WAcFBgMDBFgDBQYGBgYFBFgDAwMGBQewAAAAAAA4AGAAiAC2AQwBZAHAAAAAFgEOAAEAAAAAAAAAGgBzAAEAAAAAAAEAHADqAAEAAAAAAAIABwDKAAEAAAAAAAMAIgCjAAEAAAAAAAQAHADqAAEAAAAAAAUAMAAXAAEAAAAAAAYAGQDRAAEAAAAAAAoALABHAAEAAAAAAAsAFwAAAAEAAAAAABAAFgCNAAEAAAAAABEABQDFAAMAAQQJAAAANAHsAAMAAQQJAAEAOALaAAMAAQQJAAIADgKaAAMAAQQJAAMARAJMAAMAAQQJAAQAOALaAAMAAQQJAAUAYAE0AAMAAQQJAAYAMgKoAAMAAQQJAAoAWAGUAAMAAQQJAAsALgEGAAMAAQQJABAALAIgAAMAAQQJABEACgKQaHR0cHM6Ly9mb250YXdlc29tZS5jb21WZXJzaW9uIDAuMDU4NTkzNzUgKEZvbnQgQXdlc29tZSB2ZXJzaW9uOiAwLjAuNylUaGUgd2ViJ3MgbW9zdCBwb3B1bGFyIGljb24gc2V0IGFuZCB0b29sa2l0LkNvcHlyaWdodCAoYykgRm9udCBBd2Vzb21lRm9udCBBd2Vzb21lIDYgRHVvdG9uZUZvbnQgQXdlc29tZSA2IER1b3RvbmUgU29saWQtMC4wLjdTb2xpZFJlZ3VsYXJGb250QXdlc29tZTZEdW90b25lLVNvbGlkRm9udCBBd2Vzb21lIDYgRHVvdG9uZSBTb2xpZABoAHQAdABwAHMAOgAvAC8AZgBvAG4AdABhAHcAZQBzAG8AbQBlAC4AYwBvAG0AVgBlAHIAcwBpAG8AbgAgADAALgAwADUAOAA1ADkAMwA3ADUAIAAoAEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAAdgBlAHIAcwBpAG8AbgA6ACAAMAAuADAALgA3ACkAVABoAGUAIAB3AGUAYgAnAHMAIABtAG8AcwB0ACAAcABvAHAAdQBsAGEAcgAgAGkAYwBvAG4AIABzAGUAdAAgAGEAbgBkACAAdABvAG8AbABrAGkAdAAuAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIABGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQBGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABEAHUAbwB0AG8AbgBlAEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAANgAgAEQAdQBvAHQAbwBuAGUAIABTAG8AbABpAGQALQAwAC4AMAAuADcAUwBvAGwAaQBkAFIAZQBnAHUAbABhAHIARgBvAG4AdABBAHcAZQBzAG8AbQBlADYARAB1AG8AdABvAG4AZQAtAFMAbwBsAGkAZABGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABEAHUAbwB0AG8AbgBlACAAUwBvAGwAaQBkAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAoAHgAsAAFsYXRuAAgABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACAABAAwAAwAWACAAKgABAAMAAQACAAMAAQAEAAQAAgABAAEABAAFAAIAAgABAAQABgACAAM=") format("truetype"); }

.fad,
.fa-duotone {
  position: relative;
  font-weight: 900;
  letter-spacing: normal; }

.fad::before,
.fa-duotone::before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: var(--fa-primary-opacity, 1); }

.fad::after,
.fa-duotone::after {
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fad.fa-swap-opacity::before,
.fa-duotone.fa-swap-opacity::before {
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fad.fa-swap-opacity::after,
.fa-duotone.fa-swap-opacity::after {
  opacity: var(--fa-primary-opacity, 1); }

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff); }

.fad.fa-stack-1x, .fad.fa-stack-2x,
.fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x {
  position: absolute; }
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}

.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

[dir="ltr"] .vjs-modal-dialog .vjs-modal-dialog-content, [dir="ltr"] .video-js .vjs-modal-dialog, [dir="ltr"] .vjs-button > .vjs-icon-placeholder:before, [dir="ltr"] .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  left: 0;
}

[dir="rtl"] .vjs-modal-dialog .vjs-modal-dialog-content, [dir="rtl"] .video-js .vjs-modal-dialog, [dir="rtl"] .vjs-button > .vjs-icon-placeholder:before, [dir="rtl"] .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  right: 0;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

[dir="ltr"] .video-js .vjs-tech {
  left: 0;
}

[dir="rtl"] .video-js .vjs-tech {
  right: 0;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

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

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  position: absolute;
  top: 0;
  width: 1px;
}

[dir="ltr"] .video-js .vjs-offscreen {
  left: -9999px;
}

[dir="rtl"] .video-js .vjs-offscreen {
  right: -9999px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  padding: 0;
  margin-top: -0.81666em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

[dir="ltr"] .video-js .vjs-big-play-button {
  left: 50%;
  margin-left: -1.5em;
}

[dir="rtl"] .video-js .vjs-big-play-button {
  right: 50%;
  margin-right: -1.5em;
}

.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  line-height: 1;
}

[dir="ltr"] .vjs-big-play-button .vjs-svg-icon {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .vjs-big-play-button .vjs-svg-icon {
  right: 50%;
  transform: translate(50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  top: 0.5em;
  z-index: 2;
}

[dir="ltr"] .video-js .vjs-control.vjs-close-button {
  right: 0;
}

[dir="rtl"] .video-js .vjs-control.vjs-close-button {
  left: 0;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
}

[dir="ltr"] .video-js .vjs-modal-dialog {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}

[dir="rtl"] .video-js .vjs-modal-dialog {
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

[dir="ltr"] .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}

[dir="rtl"] .vjs-menu-button-popup .vjs-menu {
  right: -3em;
}

[dir="ltr"] .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

[dir="rtl"] .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  right: unset;
  left: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

[dir="ltr"] .vjs-menu-button-inline .vjs-menu {
  left: 4em;
}

[dir="rtl"] .vjs-menu-button-inline .vjs-menu {
  right: 4em;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  line-height: 0.35em;
  z-index: 1;
}

[dir="ltr"] .video-js .vjs-play-progress:before {
  right: -0.5em;
}

[dir="rtl"] .video-js .vjs-play-progress:before {
  left: -0.5em;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

[dir="ltr"] .vjs-play-progress .vjs-svg-icon {
  right: -0.4em;
}

[dir="rtl"] .vjs-play-progress .vjs-svg-icon {
  left: -0.4em;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

[dir="ltr"] .video-js .vjs-time-tooltip {
  float: right;
}

[dir="rtl"] .video-js .vjs-time-tooltip {
  float: left;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  display: flex;
}

[dir="ltr"] .video-js .vjs-volume-control {
  margin-right: 1em;
}

[dir="rtl"] .video-js .vjs-volume-control {
  margin-left: 1em;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
}

[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control {
  margin-left: -1px;
}

[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control {
  margin-right: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
}

[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}

[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  margin-right: 0;
}

[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  margin-left: 0;
}

[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}

[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  right: -3.5em;
  transition: right 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
}

[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  right: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, right 1s 1s, top 1s 1s;
}

[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  background-color: #fff;
}

[dir="ltr"] .video-js .vjs-volume-level {
  left: 0;
}

[dir="rtl"] .video-js .vjs-volume-level {
  right: 0;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  z-index: 1;
}

[dir="ltr"] .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.3em;
}

[dir="rtl"] .vjs-slider-vertical .vjs-volume-level:before {
  right: -0.3em;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
}

[dir="ltr"] .vjs-slider-horizontal .vjs-volume-level:before {
  right: -0.5em;
}

[dir="rtl"] .vjs-slider-horizontal .vjs-volume-level:before {
  left: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  transform: translateY(-50%);
}

[dir="ltr"] .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
}

[dir="rtl"] .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  left: -0.3em;
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
}

[dir="ltr"] .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  transform: translateX(-50%);
}

[dir="rtl"] .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  transform: translateX(50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

[dir="ltr"] .video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

[dir="rtl"] .video-js .vjs-volume-horizontal .vjs-menu {
  right: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

[dir="ltr"] .video-js .vjs-volume-tooltip {
  float: right;
}

[dir="rtl"] .video-js .vjs-volume-tooltip {
  float: left;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  top: -12px;
}

[dir="ltr"] .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
[dir="ltr"] .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
}

[dir="rtl"] .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
[dir="rtl"] .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  right: 1em;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #888;
}

[dir="ltr"] .vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
}

[dir="rtl"] .vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-left: 0.5em;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

[dir="ltr"] .vjs-playback-rate > .vjs-menu-button,
[dir="ltr"] .vjs-playback-rate .vjs-playback-rate-value {
  left: 0;
}

[dir="rtl"] .vjs-playback-rate > .vjs-menu-button,
[dir="rtl"] .vjs-playback-rate .vjs-playback-rate-value {
  right: 0;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
}

[dir="ltr"] .vjs-playback-rate .vjs-menu {
  left: 0em;
}

[dir="rtl"] .vjs-playback-rate .vjs-menu {
  right: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  opacity: 0.85;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

[dir="ltr"] .vjs-loading-spinner {
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
}

[dir="rtl"] .vjs-loading-spinner {
  right: 50%;
  transform: translate(50%, -50%);
  text-align: right;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }

  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }

  35% {
    border-top-color: white;
  }

  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }

  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  vertical-align: bottom;
}

[dir="ltr"] .vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
}

[dir="rtl"] .vjs-text-track-settings .vjs-track-settings-controls {
  text-align: left;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}

.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-bottom: 0.5em;
}

[dir="ltr"] .vjs-track-setting > select {
  margin-right: 1em;
}

[dir="rtl"] .vjs-track-setting > select {
  margin-left: 1em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

[dir="ltr"] .vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

[dir="rtl"] .vjs-text-track-settings .vjs-label {
  margin: 0 0 0.5em 0.5em;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

[dir="ltr"] .vjs-track-settings-controls button {
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

[dir="rtl"] .vjs-track-settings-controls button {
  background-image: linear-gradient(180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

[dir="ltr"] .vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

[dir="rtl"] .vjs-track-settings-controls .vjs-default-button {
  margin-left: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

[dir="ltr"] .vjs-title-bar {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
}

[dir="rtl"] .vjs-title-bar {
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

[dir="ltr"] .video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

[dir="rtl"] .video-js .vjs-transient-button.vjs-left {
  right: 1em;
}

[dir="ltr"] .video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

[dir="rtl"] .video-js .vjs-transient-button.vjs-right {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

[dir="ltr"] .vjs-resize-manager {
  left: 0;
}

[dir="rtl"] .vjs-resize-manager {
  right: 0;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-sidenav-item {
  display: block;
  height: 100%;
}

isc-sidenav-item .md-button {
  line-height: 50px;
  min-height: 50px;
  max-height: 50px;
  background-color: inherit;
  font-weight: inherit;
  border-radius: 0;
  color: #FFFFFF;
  overflow: hidden;
  text-decoration: none;
  white-space: normal;
  width: 100%;
  text-transform: none;
  padding: 0 20px;
  z-index: inherit;
  margin: 0;
}

[dir="ltr"] isc-sidenav-item .md-button {
  text-align: left;
}

[dir="rtl"] isc-sidenav-item .md-button {
  text-align: right;
}

isc-sidenav-item .md-button:active, isc-sidenav-item .md-button:focus, isc-sidenav-item .md-button:hover {
  outline: 2px solid #FFFFFF;
  outline-offset: -2px;
}

isc-sidenav-item .md-button i,
isc-sidenav-item .md-button md-icon.icon {
  font-size: 20px;
  width: 25px;
  position: relative;
}

[dir="ltr"] isc-sidenav-item .md-button i,
[dir="ltr"] isc-sidenav-item .md-button md-icon.icon {
  margin-right: 5px;
}

[dir="rtl"] isc-sidenav-item .md-button i,
[dir="rtl"] isc-sidenav-item .md-button md-icon.icon {
  margin-left: 5px;
}

isc-sidenav-item .md-button:focus, isc-sidenav-item .md-button:focus-within .md-action-icon {
  opacity: 1;
}

isc-sidenav-item .md-button i {
  top: 2px;
}

isc-sidenav-item .md-button md-icon.icon {
  color: #FFFFFF;
}

isc-sidenav-item .md-button md-icon.icon svg {
  height: 12px;
  width: 12px;
  overflow: visible;
}

isc-sidenav-item .md-button .md-only-on-hover {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

isc-sidenav-item .md-button:hover .md-only-on-hover {
  opacity: 1;
  color: #FFFFFF;
}

isc-sidenav-item .md-button .sidenav-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
}

[dir="ltr"] isc-sidenav-item .md-button .sidenav-label {
  padding-right: 5px;
}

[dir="rtl"] isc-sidenav-item .md-button .sidenav-label {
  padding-left: 5px;
}

isc-sidenav-item:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: -2px;
}

isc-sidenav-item.isc-sidenav-sub-item .md-button {
  line-height: 40px;
  min-height: 40px;
  max-height: 40px;
  font-size: 0.8rem;
}

[dir="ltr"] isc-sidenav-item.isc-sidenav-sub-item .md-button {
  padding-left: 43px;
}

[dir="rtl"] isc-sidenav-item.isc-sidenav-sub-item .md-button {
  padding-right: 43px;
}

isc-sidenav-item .md-action-icon {
  text-align: center;
  display: block;
  transition: transform 0.3s ease-in-out;
}

isc-sidenav-item .md-action-icon md-icon {
  color: #FFFFFF;
}

isc-sidenav-item .md-toggle-icon {
  transform: rotate(0deg);
}

[dir="ltr"] isc-sidenav-item .md-toggle-icon.toggled {
  transform: rotate(-180deg);
}

[dir="rtl"] isc-sidenav-item .md-toggle-icon.toggled {
  transform: rotate(180deg);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-sidenav header {
  width: 100%;
  min-height: 64px;
  max-height: 64px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1px;
  color: #FFFFFF;
  padding: 20px;
  border-bottom: 1px solid #FFFFFF;
}

isc-sidenav header img {
  min-height: 32px;
  max-height: 32px;
  min-width: 32px;
  max-width: 32px;
}

[dir="ltr"] isc-sidenav header img {
  padding-right: 12px;
}

[dir="rtl"] isc-sidenav header img {
  padding-left: 12px;
}

isc-sidenav header.client-logo {
  max-height: 120px;
  padding: 20px;
}

isc-sidenav header.client-logo img {
  margin-left: auto;
  margin-right: auto;
  max-height: 80px;
  max-width: 180px;
}

[dir="ltr"] isc-sidenav header.client-logo img {
  padding-right: unset;
}

[dir="rtl"] isc-sidenav header.client-logo img {
  padding-left: unset;
}

isc-sidenav ul {
  margin: 0;
  padding: 0;
}

isc-sidenav ul section {
  padding: 25px 20px 10px;
  border-top: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.75rem;
  margin-top: -1px;
}

isc-sidenav ul li {
  overflow: hidden;
}

isc-sidenav ul li menu-toggle:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: -2px;
}

isc-sidenav ul li.level1 {
  z-index: 5;
}

isc-sidenav ul li.level2 {
  z-index: 1;
  font-weight: normal;
}

isc-sidenav ul li.level2.active {
  font-weight: bold;
  color: #004750;
}

isc-sidenav ul a {
  display: block;
  overflow: hidden;
  height: 100%;
}

isc-sidenav ul a:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: -2px;
}

isc-sidenav ul .active {
  font-weight: bold;
}

isc-sidenav ul .active:not(.open) {
  background-color: #EBF0F1;
}

isc-sidenav ul .active:not(.open) .md-button {
  opacity: 1;
  color: #004750;
}

isc-sidenav md-sidenav {
  width: 225px;
  height: 100%;
  z-index: 100;
  background-color: #004750;
}

isc-sidenav md-sidenav .bottom {
  padding-top: 24px;
}

isc-sidenav md-sidenav md-content {
  height: 100%;
  background-color: #004750;
  display: flex;
  flex-direction: column;
}

isc-sidenav .powered-by-logo-container {
  padding: 20px 20px 0;
  display: flex;
  color: #DEDEDE;
}

isc-sidenav .powered-by-logo-container img {
  min-width: 35px;
  min-height: 35px;
}

[dir="ltr"] isc-sidenav .powered-by-logo-container img {
  padding-right: 12px;
}

[dir="rtl"] isc-sidenav .powered-by-logo-container img {
  padding-left: 12px;
}

isc-sidenav footer {
  margin-bottom: 20px;
}

isc-sidenav footer .footer-links {
  margin-top: 15px;
}

isc-sidenav footer .footer-links a {
  padding: 5px 20px;
  color: #DEDEDE;
  font-size: 0.75rem;
  font-family: "Open Sans";
  display: block;
  text-decoration: underline;
}

isc-sidenav .menu-icon {
  padding: 8px 0 0;
  z-index: 10;
  display: none;
}

isc-sidenav .menu-icon .menu {
  position: absolute;
  line-height: 21px;
  height: 48px;
  width: 48px;
}

[dir="ltr"] isc-sidenav .menu-icon .menu {
  left: 12px;
}

[dir="rtl"] isc-sidenav .menu-icon .menu {
  right: 12px;
}

isc-sidenav .menu-icon .remove {
  color: #FFFFFF;
  line-height: 21px;
  height: 36px;
  width: 36px;
  margin: 8px;
}

@media screen and (max-width: 957px) {
  isc-sidenav .menu-icon {
    display: block;
  }
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
div.add-reward isc-button button {
  padding: 0;
}

.currency-tooltip {
  display: flex;
  align-items: center;
}

.tooltip-container {
  position: relative;
}

.tooltip-container > span.tooltip {
  position: absolute;
  bottom: 8px;
}

[dir="ltr"] .tooltip-container > span.tooltip {
  left: 2px;
}

[dir="rtl"] .tooltip-container > span.tooltip {
  right: 2px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] div.right {
  float: right;
}

[dir="rtl"] div.right {
  float: left;
}

div.result-segment {
  text-align: center;
}

[dir="ltr"] div.result-segment {
  float: left;
}

[dir="rtl"] div.result-segment {
  float: right;
}

div.result-segment .h4 {
  margin-bottom: 0;
  padding: 0 2px;
}

div.result-segment .h4.highlight {
  color: #347F62;
}

div.result-segment span {
  font-size: 0.5rem;
  font-weight: bold;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.quota-table md-table-container {
  min-width: 700px;
  width: 50%;
}

.quota-table .quota-number-error {
  color: rgb(202, 21, 42);
}

.quota-table isc-table-container md-table-container {
  margin-bottom: 10px;
}

.quota-table isc-table-container md-table-container table.md-table thead td.md-cell {
  text-align: center;
  min-width: 120px;
}

.quota-table isc-table-container md-table-container table.md-table tbody td.md-cell {
  text-align: center;
}

.quota-table isc-table-container md-table-container table.md-table tbody td.md-cell input {
  text-align: center;
}

[dir="ltr"] .quota-table isc-table-container md-table-container table.md-table tbody td.md-cell input {
  padding-left: 1rem;
}

[dir="rtl"] .quota-table isc-table-container md-table-container table.md-table tbody td.md-cell input {
  padding-right: 1rem;
}

.quota-table isc-table-container md-table-container table.md-table tbody tr {
  height: 70px;
}

.quota-table tfoot > tr > td > div {
  margin: none auto;
  width: 100%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
target-completion md-input-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

target-completion md-input-container .md-input {
  padding-top: 0;
  padding-bottom: 0;
}

target-completion isc-input + span.tooltip-container {
  height: auto;
  top: 0;
}

target-completion .completion-target-tooltip {
  line-height: 16px;
  padding: 4px 0;
}

target-completion .activity-target-completion-wrapper .segment-selector {
  margin-top: 40px;
  margin-bottom: 20px;
}

[dir="ltr"] target-completion .activity-target-completion-wrapper .segment-selector delete-button {
  margin-left: 15px;
}

[dir="rtl"] target-completion .activity-target-completion-wrapper .segment-selector delete-button {
  margin-right: 15px;
}

target-completion .activity-target-completion-wrapper isc-table-container.with-border md-table-container {
  border-collapse: collapse;
  padding: 20px 30px;
  border-radius: 0;
}

target-completion .activity-target-completion-wrapper isc-table-container.with-border md-table-container .total-row {
  color: #C9C9C9;
  border-top: 1px solid #DEDEDE;
}

target-completion .add-segmentation {
  margin-top: 40px;
}

target-completion .add-segmentation isc-button button {
  padding-top: 2px;
}

[dir="ltr"] target-completion .add-segmentation isc-button button {
  padding-left: 0;
}

[dir="rtl"] target-completion .add-segmentation isc-button button {
  padding-right: 0;
}

target-completion .add-segmentation isc-button button isc-button-icon {
  margin-bottom: 5px;
}

target-completion .add-segmentation isc-button button isc-button-icon span {
  font-size: 0.875rem;
}

target-completion thead,
target-completion tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* even columns width , fix width of table too*/
}

target-completion tr > :first-child {
  width: 35%;
}

target-completion .total-tooltip > * {
  display: inline-block;
}

target-completion .tooltip-container {
  position: relative;
}

target-completion .tooltip-container > span.tooltip {
  position: absolute;
  bottom: 8px;
}

target-completion .red {
  color: #FF0000;
}

target-completion tr.md-row.no-hover:hover {
  background-color: inherit !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
wizard-targeting .box {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.38);
  padding: 5px;
  width: fit-content;
  color: #000000;
}

wizard-targeting .targeting-section-title {
  display: inline;
  padding-bottom: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 0.875rem;
}

wizard-targeting .section-title-container {
  margin-top: 0;
  margin-bottom: 10px;
}

wizard-targeting label.section-title {
  display: inline;
  padding: 0;
  margin-bottom: 10px;
}

wizard-targeting .isc-input-label-subscript {
  margin-bottom: 25px;
}

wizard-targeting .radioButtons {
  display: block;
}

[dir="ltr"] wizard-targeting .inlineRadioGroup md-radio-button {
  margin-right: 0;
}

[dir="rtl"] wizard-targeting .inlineRadioGroup md-radio-button {
  margin-left: 0;
}

wizard-targeting .subtitle-bar {
  width: 50%;
}

wizard-targeting .subtitle-bar.left {
  position: relative;
}

[dir="ltr"] wizard-targeting .subtitle-bar.left {
  text-align: left;
}

[dir="rtl"] wizard-targeting .subtitle-bar.left {
  text-align: right;
}

[dir="ltr"] wizard-targeting .subtitle-bar.right {
  text-align: right;
}

[dir="rtl"] wizard-targeting .subtitle-bar.right {
  text-align: left;
}

wizard-targeting .h4 {
  color: #000000;
  font-weight: 600;
}

wizard-targeting .additionalTargeting {
  background-color: #F5F5F5;
  padding: 0;
}

wizard-targeting .additionalTargeting-container {
  padding: 30px;
}

wizard-targeting .and-label {
  margin: 0;
  padding: 0;
  position: relative;
  top: 20px;
  font-weight: bold;
}

[dir="ltr"] wizard-targeting div.randomization,
[dir="ltr"] wizard-targeting div.exclusion {
  margin: -25px 0 50px 25px;
}

[dir="rtl"] wizard-targeting div.randomization,
[dir="rtl"] wizard-targeting div.exclusion {
  margin: -25px 25px 50px 0;
}

wizard-targeting div.randomization span,
wizard-targeting div.exclusion span {
  position: absolute;
  margin-top: 21px;
}

wizard-targeting div.targeting-review {
  margin-bottom: 20px;
}

wizard-targeting div.display-randomization {
  margin-top: 20px;
}

wizard-targeting div.display-randomization label.section-sub-title {
  margin-bottom: 10px;
  display: block;
  font-size: 0.875rem;
}

wizard-targeting div.targeting-by-segmentation {
  margin-bottom: 30px;
}

wizard-targeting targeting-result.matches div {
  margin-bottom: 20px;
}

wizard-targeting div.randomization-warnings p {
  font-size: 0.6rem;
}

wizard-targeting isc-input.randomly-selected-input {
  margin-top: 15px;
}

[dir="ltr"] wizard-targeting isc-input.randomly-selected-input {
  margin-left: 5px;
}

[dir="rtl"] wizard-targeting isc-input.randomly-selected-input {
  margin-right: 5px;
}

wizard-targeting div.md-input-messages-animation {
  width: 350px;
  font-size: 0.6rem;
}

wizard-targeting md-input-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

wizard-targeting md-input-container .md-input {
  padding-top: 0;
  padding-bottom: 0;
}

wizard-targeting isc-input + span.tooltip-container {
  height: auto;
  top: 0;
}

wizard-targeting .completion-target-tooltip {
  line-height: 16px;
  padding: 4px 0;
}

wizard-targeting .activity-target-completion-wrapper .segment-selector {
  margin-top: 40px;
  margin-bottom: 20px;
}

[dir="ltr"] wizard-targeting .activity-target-completion-wrapper .segment-selector delete-button {
  margin-left: 15px;
}

[dir="rtl"] wizard-targeting .activity-target-completion-wrapper .segment-selector delete-button {
  margin-right: 15px;
}

wizard-targeting .activity-target-completion-wrapper isc-table-container.with-border md-table-container {
  border-collapse: collapse;
  padding: 20px 30px;
  border-radius: 0;
}

wizard-targeting .activity-target-completion-wrapper isc-table-container.with-border md-table-container .total-row {
  color: #C9C9C9;
  border-top: 1px solid #DEDEDE;
}

wizard-targeting .add-segmentation {
  margin-top: 40px;
}

wizard-targeting .add-segmentation isc-button button {
  padding-top: 2px;
}

[dir="ltr"] wizard-targeting .add-segmentation isc-button button {
  padding-left: 0;
}

[dir="rtl"] wizard-targeting .add-segmentation isc-button button {
  padding-right: 0;
}

wizard-targeting .add-segmentation isc-button button isc-button-icon {
  margin-bottom: 5px;
}

wizard-targeting .add-segmentation isc-button button isc-button-icon span {
  font-size: 0.875rem;
}

wizard-targeting .total-number-unique-completes {
  font-size: 0.8rem;
}

wizard-targeting thead,
wizard-targeting tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; /* even columns width , fix width of table too*/
}

wizard-targeting tr > :first-child {
  width: 35%;
}

wizard-targeting .total-tooltip > * {
  display: inline-block;
}

wizard-targeting .tooltip-container {
  position: relative;
}

wizard-targeting .tooltip-container > span.tooltip {
  position: absolute;
  bottom: 8px;
}

wizard-targeting .red {
  color: #FF0000;
}

wizard-targeting .communication-simulation {
  width: 100%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] url-tab-options > md-input-container {
  margin-left: 30px;
}

[dir="rtl"] url-tab-options > md-input-container {
  margin-right: 30px;
}

url-tab-options label {
  font-weight: normal;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
mailtemplate-overruler {
  width: 630px;
  display: block;
}

mailtemplate-overruler .template-container {
  border: 1px solid #DEDEDE;
  padding: 5px;
  height: 500px;
  overflow: auto;
  margin-top: 21px;
}

mailtemplate-overruler .template-container.ng-hide {
  opacity: 0;
  height: 0;
}

mailtemplate-overruler .template-container.ng-hide-add, mailtemplate-overruler .template-container.ng-hide-remove {
  transition: all linear 0.2s;
}

mailtemplate-overruler .subject-input {
  display: block;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.icon-content {
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
}

[dir="ltr"] .icon-content {
  margin-right: 0;
}

[dir="rtl"] .icon-content {
  margin-left: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
i.fas.fa-house {
  color: #347F62;
}

isc-button.icon-button[disabled] {
  opacity: 0.5;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
i.fas.fa-up-to-line {
  color: #347F62;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-modal-dialog.data-import-modal {
  width: 700px;
}

isc-modal-dialog.data-import-modal .infotext {
  margin-bottom: 20px;
}

isc-modal-dialog.data-import-modal .inputfield {
  display: unset;
}

isc-modal-dialog.data-import-modal .inputlabel {
  position: unset;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
splash-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.splash-page-content {
  margin: 2em;
  background: #FFFFFF;
  border-radius: 5px;
  border: solid 1px #DEDEDE;
  width: 70%;
  padding: 3em 2em;
}

.splash-page-content .message-content {
  border-radius: 3px;
  border: 1px solid #DEDEDE;
  padding: 20px 30px;
  vertical-align: middle;
  margin-bottom: 20px;
  color: #757575;
  font-size: 0.875rem;
  background-color: #FAFAFA;
}

.splash-page-content .submit-button {
  color: #FFFFFF;
  border-radius: 3px;
  font-weight: 800;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 0.875rem;
}

.splash-page-content .submit-button--agree {
  background-color: #000000;
}

.splash-page-content .submit-button--disagree {
  color: #000000;
  font-size: 0.8rem;
}

@font-face {
  font-family: "typicons";
  src: url("/assets/typicons-BUU9UDrU.eot?b99ba6e7256a27d29176cef7fc322738?#iefix") format("embedded-opentype"),
url("/assets/typicons-CK8ldiyx.woff2?b99ba6e7256a27d29176cef7fc322738") format("woff2"),
url("/assets/typicons-DO-EjvHL.woff?b99ba6e7256a27d29176cef7fc322738") format("woff"),
url("/assets/typicons-Cds9FLw-.ttf?b99ba6e7256a27d29176cef7fc322738") format("truetype"),
url("/assets/typicons-CRzBgqNb.svg?b99ba6e7256a27d29176cef7fc322738#typicons") format("svg");
}

.typcn:before {
  font-family: typicons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.typcn-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.typcn-2x {
  font-size: 2em;
}

.typcn-3x {
  font-size: 3em;
}

.typcn-4x {
  font-size: 4em;
}

.typcn-5x {
  font-size: 5em;
}

.typcn-adjust-brightness:before {
  content: "\e000";
}

.typcn-adjust-contrast:before {
  content: "\e001";
}

.typcn-anchor-outline:before {
  content: "\e002";
}

.typcn-anchor:before {
  content: "\e003";
}

.typcn-archive:before {
  content: "\e004";
}

.typcn-arrow-back-outline:before {
  content: "\e005";
}

.typcn-arrow-back:before {
  content: "\e006";
}

.typcn-arrow-down-outline:before {
  content: "\e007";
}

.typcn-arrow-down-thick:before {
  content: "\e008";
}

.typcn-arrow-down:before {
  content: "\e009";
}

.typcn-arrow-forward-outline:before {
  content: "\e00a";
}

.typcn-arrow-forward:before {
  content: "\e00b";
}

.typcn-arrow-left-outline:before {
  content: "\e00c";
}

.typcn-arrow-left-thick:before {
  content: "\e00d";
}

.typcn-arrow-left:before {
  content: "\e00e";
}

.typcn-arrow-loop-outline:before {
  content: "\e00f";
}

.typcn-arrow-loop:before {
  content: "\e010";
}

.typcn-arrow-maximise-outline:before {
  content: "\e011";
}

.typcn-arrow-maximise:before {
  content: "\e012";
}

.typcn-arrow-minimise-outline:before {
  content: "\e013";
}

.typcn-arrow-minimise:before {
  content: "\e014";
}

.typcn-arrow-move-outline:before {
  content: "\e015";
}

.typcn-arrow-move:before {
  content: "\e016";
}

.typcn-arrow-repeat-outline:before {
  content: "\e017";
}

.typcn-arrow-repeat:before {
  content: "\e018";
}

.typcn-arrow-right-outline:before {
  content: "\e019";
}

.typcn-arrow-right-thick:before {
  content: "\e01a";
}

.typcn-arrow-right:before {
  content: "\e01b";
}

.typcn-arrow-shuffle:before {
  content: "\e01c";
}

.typcn-arrow-sorted-down:before {
  content: "\e01d";
}

.typcn-arrow-sorted-up:before {
  content: "\e01e";
}

.typcn-arrow-sync-outline:before {
  content: "\e01f";
}

.typcn-arrow-sync:before {
  content: "\e020";
}

.typcn-arrow-unsorted:before {
  content: "\e021";
}

.typcn-arrow-up-outline:before {
  content: "\e022";
}

.typcn-arrow-up-thick:before {
  content: "\e023";
}

.typcn-arrow-up:before {
  content: "\e024";
}

.typcn-at:before {
  content: "\e025";
}

.typcn-attachment-outline:before {
  content: "\e026";
}

.typcn-attachment:before {
  content: "\e027";
}

.typcn-backspace-outline:before {
  content: "\e028";
}

.typcn-backspace:before {
  content: "\e029";
}

.typcn-battery-charge:before {
  content: "\e02a";
}

.typcn-battery-full:before {
  content: "\e02b";
}

.typcn-battery-high:before {
  content: "\e02c";
}

.typcn-battery-low:before {
  content: "\e02d";
}

.typcn-battery-mid:before {
  content: "\e02e";
}

.typcn-beaker:before {
  content: "\e02f";
}

.typcn-beer:before {
  content: "\e030";
}

.typcn-bell:before {
  content: "\e031";
}

.typcn-book:before {
  content: "\e032";
}

.typcn-bookmark:before {
  content: "\e033";
}

.typcn-briefcase:before {
  content: "\e034";
}

.typcn-brush:before {
  content: "\e035";
}

.typcn-business-card:before {
  content: "\e036";
}

.typcn-calculator:before {
  content: "\e037";
}

.typcn-calendar-outline:before {
  content: "\e038";
}

.typcn-calendar:before {
  content: "\e039";
}

.typcn-camera-outline:before {
  content: "\e03a";
}

.typcn-camera:before {
  content: "\e03b";
}

.typcn-cancel-outline:before {
  content: "\e03c";
}

.typcn-cancel:before {
  content: "\e03d";
}

.typcn-chart-area-outline:before {
  content: "\e03e";
}

.typcn-chart-area:before {
  content: "\e03f";
}

.typcn-chart-bar-outline:before {
  content: "\e040";
}

.typcn-chart-bar:before {
  content: "\e041";
}

.typcn-chart-line-outline:before {
  content: "\e042";
}

.typcn-chart-line:before {
  content: "\e043";
}

.typcn-chart-pie-outline:before {
  content: "\e044";
}

.typcn-chart-pie:before {
  content: "\e045";
}

.typcn-chevron-left-outline:before {
  content: "\e046";
}

.typcn-chevron-left:before {
  content: "\e047";
}

.typcn-chevron-right-outline:before {
  content: "\e048";
}

.typcn-chevron-right:before {
  content: "\e049";
}

.typcn-clipboard:before {
  content: "\e04a";
}

.typcn-cloud-storage:before {
  content: "\e04b";
}

.typcn-cloud-storage-outline:before {
  content: "\e054";
}

.typcn-code-outline:before {
  content: "\e04c";
}

.typcn-code:before {
  content: "\e04d";
}

.typcn-coffee:before {
  content: "\e04e";
}

.typcn-cog-outline:before {
  content: "\e04f";
}

.typcn-cog:before {
  content: "\e050";
}

.typcn-compass:before {
  content: "\e051";
}

.typcn-contacts:before {
  content: "\e052";
}

.typcn-credit-card:before {
  content: "\e053";
}

.typcn-css3:before {
  content: "\e055";
}

.typcn-database:before {
  content: "\e056";
}

.typcn-delete-outline:before {
  content: "\e057";
}

.typcn-delete:before {
  content: "\e058";
}

.typcn-device-desktop:before {
  content: "\e059";
}

.typcn-device-laptop:before {
  content: "\e05a";
}

.typcn-device-phone:before {
  content: "\e05b";
}

.typcn-device-tablet:before {
  content: "\e05c";
}

.typcn-directions:before {
  content: "\e05d";
}

.typcn-divide-outline:before {
  content: "\e05e";
}

.typcn-divide:before {
  content: "\e05f";
}

.typcn-document-add:before {
  content: "\e060";
}

.typcn-document-delete:before {
  content: "\e061";
}

.typcn-document-text:before {
  content: "\e062";
}

.typcn-document:before {
  content: "\e063";
}

.typcn-download-outline:before {
  content: "\e064";
}

.typcn-download:before {
  content: "\e065";
}

.typcn-dropbox:before {
  content: "\e066";
}

.typcn-edit:before {
  content: "\e067";
}

.typcn-eject-outline:before {
  content: "\e068";
}

.typcn-eject:before {
  content: "\e069";
}

.typcn-equals-outline:before {
  content: "\e06a";
}

.typcn-equals:before {
  content: "\e06b";
}

.typcn-export-outline:before {
  content: "\e06c";
}

.typcn-export:before {
  content: "\e06d";
}

.typcn-eye-outline:before {
  content: "\e06e";
}

.typcn-eye:before {
  content: "\e06f";
}

.typcn-feather:before {
  content: "\e070";
}

.typcn-film:before {
  content: "\e071";
}

.typcn-filter:before {
  content: "\e072";
}

.typcn-flag-outline:before {
  content: "\e073";
}

.typcn-flag:before {
  content: "\e074";
}

.typcn-flash-outline:before {
  content: "\e075";
}

.typcn-flash:before {
  content: "\e076";
}

.typcn-flow-children:before {
  content: "\e077";
}

.typcn-flow-merge:before {
  content: "\e078";
}

.typcn-flow-parallel:before {
  content: "\e079";
}

.typcn-flow-switch:before {
  content: "\e07a";
}

.typcn-folder-add:before {
  content: "\e07b";
}

.typcn-folder-delete:before {
  content: "\e07c";
}

.typcn-folder-open:before {
  content: "\e07d";
}

.typcn-folder:before {
  content: "\e07e";
}

.typcn-gift:before {
  content: "\e07f";
}

.typcn-globe-outline:before {
  content: "\e080";
}

.typcn-globe:before {
  content: "\e081";
}

.typcn-group-outline:before {
  content: "\e082";
}

.typcn-group:before {
  content: "\e083";
}

.typcn-headphones:before {
  content: "\e084";
}

.typcn-heart-full-outline:before {
  content: "\e085";
}

.typcn-heart-half-outline:before {
  content: "\e086";
}

.typcn-heart-outline:before {
  content: "\e087";
}

.typcn-heart:before {
  content: "\e088";
}

.typcn-home-outline:before {
  content: "\e089";
}

.typcn-home:before {
  content: "\e08a";
}

.typcn-html5:before {
  content: "\e08b";
}

.typcn-image-outline:before {
  content: "\e08c";
}

.typcn-image:before {
  content: "\e08d";
}

.typcn-infinity-outline:before {
  content: "\e08e";
}

.typcn-infinity:before {
  content: "\e08f";
}

.typcn-info-large-outline:before {
  content: "\e090";
}

.typcn-info-large:before {
  content: "\e091";
}

.typcn-info-outline:before {
  content: "\e092";
}

.typcn-info:before {
  content: "\e093";
}

.typcn-input-checked-outline:before {
  content: "\e094";
}

.typcn-input-checked:before {
  content: "\e095";
}

.typcn-key-outline:before {
  content: "\e096";
}

.typcn-key:before {
  content: "\e097";
}

.typcn-keyboard:before {
  content: "\e098";
}

.typcn-leaf:before {
  content: "\e099";
}

.typcn-lightbulb:before {
  content: "\e09a";
}

.typcn-link-outline:before {
  content: "\e09b";
}

.typcn-link:before {
  content: "\e09c";
}

.typcn-location-arrow-outline:before {
  content: "\e09d";
}

.typcn-location-arrow:before {
  content: "\e09e";
}

.typcn-location-outline:before {
  content: "\e09f";
}

.typcn-location:before {
  content: "\e0a0";
}

.typcn-lock-closed-outline:before {
  content: "\e0a1";
}

.typcn-lock-closed:before {
  content: "\e0a2";
}

.typcn-lock-open-outline:before {
  content: "\e0a3";
}

.typcn-lock-open:before {
  content: "\e0a4";
}

.typcn-mail:before {
  content: "\e0a5";
}

.typcn-map:before {
  content: "\e0a6";
}

.typcn-media-eject-outline:before {
  content: "\e0a7";
}

.typcn-media-eject:before {
  content: "\e0a8";
}

.typcn-media-fast-forward-outline:before {
  content: "\e0a9";
}

.typcn-media-fast-forward:before {
  content: "\e0aa";
}

.typcn-media-pause-outline:before {
  content: "\e0ab";
}

.typcn-media-pause:before {
  content: "\e0ac";
}

.typcn-media-play-outline:before {
  content: "\e0ad";
}

.typcn-media-play-reverse-outline:before {
  content: "\e0ae";
}

.typcn-media-play-reverse:before {
  content: "\e0af";
}

.typcn-media-play:before {
  content: "\e0b0";
}

.typcn-media-record-outline:before {
  content: "\e0b1";
}

.typcn-media-record:before {
  content: "\e0b2";
}

.typcn-media-rewind-outline:before {
  content: "\e0b3";
}

.typcn-media-rewind:before {
  content: "\e0b4";
}

.typcn-media-stop-outline:before {
  content: "\e0b5";
}

.typcn-media-stop:before {
  content: "\e0b6";
}

.typcn-message-typing:before {
  content: "\e0b7";
}

.typcn-message:before {
  content: "\e0b8";
}

.typcn-messages:before {
  content: "\e0b9";
}

.typcn-microphone-outline:before {
  content: "\e0ba";
}

.typcn-microphone:before {
  content: "\e0bb";
}

.typcn-minus-outline:before {
  content: "\e0bc";
}

.typcn-minus:before {
  content: "\e0bd";
}

.typcn-mortar-board:before {
  content: "\e0be";
}

.typcn-news:before {
  content: "\e0bf";
}

.typcn-notes-outline:before {
  content: "\e0c0";
}

.typcn-notes:before {
  content: "\e0c1";
}

.typcn-pen:before {
  content: "\e0c2";
}

.typcn-pencil:before {
  content: "\e0c3";
}

.typcn-phone-outline:before {
  content: "\e0c4";
}

.typcn-phone:before {
  content: "\e0c5";
}

.typcn-pi-outline:before {
  content: "\e0c6";
}

.typcn-pi:before {
  content: "\e0c7";
}

.typcn-pin-outline:before {
  content: "\e0c8";
}

.typcn-pin:before {
  content: "\e0c9";
}

.typcn-pipette:before {
  content: "\e0ca";
}

.typcn-plane-outline:before {
  content: "\e0cb";
}

.typcn-plane:before {
  content: "\e0cc";
}

.typcn-plug:before {
  content: "\e0cd";
}

.typcn-plus-outline:before {
  content: "\e0ce";
}

.typcn-plus:before {
  content: "\e0cf";
}

.typcn-point-of-interest-outline:before {
  content: "\e0d0";
}

.typcn-point-of-interest:before {
  content: "\e0d1";
}

.typcn-power-outline:before {
  content: "\e0d2";
}

.typcn-power:before {
  content: "\e0d3";
}

.typcn-printer:before {
  content: "\e0d4";
}

.typcn-puzzle-outline:before {
  content: "\e0d5";
}

.typcn-puzzle:before {
  content: "\e0d6";
}

.typcn-radar-outline:before {
  content: "\e0d7";
}

.typcn-radar:before {
  content: "\e0d8";
}

.typcn-refresh-outline:before {
  content: "\e0d9";
}

.typcn-refresh:before {
  content: "\e0da";
}

.typcn-rss-outline:before {
  content: "\e0db";
}

.typcn-rss:before {
  content: "\e0dc";
}

.typcn-scissors-outline:before {
  content: "\e0dd";
}

.typcn-scissors:before {
  content: "\e0de";
}

.typcn-shopping-bag:before {
  content: "\e0df";
}

.typcn-shopping-cart:before {
  content: "\e0e0";
}

.typcn-social-at-circular:before {
  content: "\e0e1";
}

.typcn-social-dribbble-circular:before {
  content: "\e0e2";
}

.typcn-social-dribbble:before {
  content: "\e0e3";
}

.typcn-social-facebook-circular:before {
  content: "\e0e4";
}

.typcn-social-facebook:before {
  content: "\e0e5";
}

.typcn-social-flickr-circular:before {
  content: "\e0e6";
}

.typcn-social-flickr:before {
  content: "\e0e7";
}

.typcn-social-github-circular:before {
  content: "\e0e8";
}

.typcn-social-github:before {
  content: "\e0e9";
}

.typcn-social-google-plus-circular:before {
  content: "\e0ea";
}

.typcn-social-google-plus:before {
  content: "\e0eb";
}

.typcn-social-instagram-circular:before {
  content: "\e0ec";
}

.typcn-social-instagram:before {
  content: "\e0ed";
}

.typcn-social-last-fm-circular:before {
  content: "\e0ee";
}

.typcn-social-last-fm:before {
  content: "\e0ef";
}

.typcn-social-linkedin-circular:before {
  content: "\e0f0";
}

.typcn-social-linkedin:before {
  content: "\e0f1";
}

.typcn-social-pinterest-circular:before {
  content: "\e0f2";
}

.typcn-social-pinterest:before {
  content: "\e0f3";
}

.typcn-social-skype-outline:before {
  content: "\e0f4";
}

.typcn-social-skype:before {
  content: "\e0f5";
}

.typcn-social-tumbler-circular:before {
  content: "\e0f6";
}

.typcn-social-tumbler:before {
  content: "\e0f7";
}

.typcn-social-twitter-circular:before {
  content: "\e0f8";
}

.typcn-social-twitter:before {
  content: "\e0f9";
}

.typcn-social-vimeo-circular:before {
  content: "\e0fa";
}

.typcn-social-vimeo:before {
  content: "\e0fb";
}

.typcn-social-youtube-circular:before {
  content: "\e0fc";
}

.typcn-social-youtube:before {
  content: "\e0fd";
}

.typcn-sort-alphabetically-outline:before {
  content: "\e0fe";
}

.typcn-sort-alphabetically:before {
  content: "\e0ff";
}

.typcn-sort-numerically-outline:before {
  content: "\e100";
}

.typcn-sort-numerically:before {
  content: "\e101";
}

.typcn-spanner-outline:before {
  content: "\e102";
}

.typcn-spanner:before {
  content: "\e103";
}

.typcn-spiral:before {
  content: "\e104";
}

.typcn-star-full-outline:before {
  content: "\e105";
}

.typcn-star-half-outline:before {
  content: "\e106";
}

.typcn-star-half:before {
  content: "\e107";
}

.typcn-star-outline:before {
  content: "\e108";
}

.typcn-star:before {
  content: "\e109";
}

.typcn-starburst-outline:before {
  content: "\e10a";
}

.typcn-starburst:before {
  content: "\e10b";
}

.typcn-stopwatch:before {
  content: "\e10c";
}

.typcn-support:before {
  content: "\e10d";
}

.typcn-tabs-outline:before {
  content: "\e10e";
}

.typcn-tag:before {
  content: "\e10f";
}

.typcn-tags:before {
  content: "\e110";
}

.typcn-th-large-outline:before {
  content: "\e111";
}

.typcn-th-large:before {
  content: "\e112";
}

.typcn-th-list-outline:before {
  content: "\e113";
}

.typcn-th-list:before {
  content: "\e114";
}

.typcn-th-menu-outline:before {
  content: "\e115";
}

.typcn-th-menu:before {
  content: "\e116";
}

.typcn-th-small-outline:before {
  content: "\e117";
}

.typcn-th-small:before {
  content: "\e118";
}

.typcn-thermometer:before {
  content: "\e119";
}

.typcn-thumbs-down:before {
  content: "\e11a";
}

.typcn-thumbs-ok:before {
  content: "\e11b";
}

.typcn-thumbs-up:before {
  content: "\e11c";
}

.typcn-tick-outline:before {
  content: "\e11d";
}

.typcn-tick:before {
  content: "\e11e";
}

.typcn-ticket:before {
  content: "\e11f";
}

.typcn-time:before {
  content: "\e120";
}

.typcn-times-outline:before {
  content: "\e121";
}

.typcn-times:before {
  content: "\e122";
}

.typcn-trash:before {
  content: "\e123";
}

.typcn-tree:before {
  content: "\e124";
}

.typcn-upload-outline:before {
  content: "\e125";
}

.typcn-upload:before {
  content: "\e126";
}

.typcn-user-add-outline:before {
  content: "\e127";
}

.typcn-user-add:before {
  content: "\e128";
}

.typcn-user-delete-outline:before {
  content: "\e129";
}

.typcn-user-delete:before {
  content: "\e12a";
}

.typcn-user-outline:before {
  content: "\e12b";
}

.typcn-user:before {
  content: "\e12c";
}

.typcn-vendor-android:before {
  content: "\e12d";
}

.typcn-vendor-apple:before {
  content: "\e12e";
}

.typcn-vendor-microsoft:before {
  content: "\e12f";
}

.typcn-video-outline:before {
  content: "\e130";
}

.typcn-video:before {
  content: "\e131";
}

.typcn-volume-down:before {
  content: "\e132";
}

.typcn-volume-mute:before {
  content: "\e133";
}

.typcn-volume-up:before {
  content: "\e134";
}

.typcn-volume:before {
  content: "\e135";
}

.typcn-warning-outline:before {
  content: "\e136";
}

.typcn-warning:before {
  content: "\e137";
}

.typcn-watch:before {
  content: "\e138";
}

.typcn-waves-outline:before {
  content: "\e139";
}

.typcn-waves:before {
  content: "\e13a";
}

.typcn-weather-cloudy:before {
  content: "\e13b";
}

.typcn-weather-downpour:before {
  content: "\e13c";
}

.typcn-weather-night:before {
  content: "\e13d";
}

.typcn-weather-partly-sunny:before {
  content: "\e13e";
}

.typcn-weather-shower:before {
  content: "\e13f";
}

.typcn-weather-snow:before {
  content: "\e140";
}

.typcn-weather-stormy:before {
  content: "\e141";
}

.typcn-weather-sunny:before {
  content: "\e142";
}

.typcn-weather-windy-cloudy:before {
  content: "\e143";
}

.typcn-weather-windy:before {
  content: "\e144";
}

.typcn-wi-fi-outline:before {
  content: "\e145";
}

.typcn-wi-fi:before {
  content: "\e146";
}

.typcn-wine:before {
  content: "\e147";
}

.typcn-world-outline:before {
  content: "\e148";
}

.typcn-world:before {
  content: "\e149";
}

.typcn-zoom-in-outline:before {
  content: "\e14a";
}

.typcn-zoom-in:before {
  content: "\e14b";
}

.typcn-zoom-out-outline:before {
  content: "\e14c";
}

.typcn-zoom-out:before {
  content: "\e14d";
}

.typcn-zoom-outline:before {
  content: "\e14e";
}

.typcn-zoom:before {
  content: "\e14f";
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-color-picker .selectColorDivContainer {
  display: inline-block;
  margin: margin-inline-values(15px 0 25px);
}

isc-color-picker .selectColorDivContainer .input-error {
  color: #FF0000;
}

isc-color-picker .selectColorDivContainer .selectColorDiv {
  display: inline-block;
  border: 1px solid #DDDDDD;
  margin: margin-inline-values(0 20px 5px 0);
}

isc-color-picker .selectColorDivContainer .selectColorDiv.borderError {
  border-color: #FF0000;
}

isc-color-picker .selectColorDivContainer .selectColorDiv .md-color-picker-input-container {
  display: inline;
}

isc-color-picker .selectColorDivContainer .selectColorDiv .md-color-picker-input-container .md-color-picker-preview {
  border-radius: border-inline-radius-values(0);
  width: 120px;
  height: 120px;
  box-shadow: none;
  position: static;
  margin: margin-inline-values(5px 5px 0);
  border: none;
}

isc-color-picker .selectColorDivContainer .selectColorDiv .md-color-picker-input-container md-input-container {
  margin: margin-inline-values(3px 2px 5px);
}

isc-color-picker .selectColorDivContainer .selectColorDiv .md-color-picker-input-container md-input-container .md-color-picker-input {
  width: 120px;
}

isc-color-picker .selectColorDivContainer .selectColorDiv .selectColor {
  display: inline-block;
  width: 122px;
  min-height: 122px;
  border: 1px solid #DDDDDD;
  border-radius: border-inline-radius-values(0);
  margin: margin-inline-values(5px 5px 3px);
}

isc-color-picker .selectColorDivContainer .selectColorDiv .selectIcon {
  width: 122px;
  min-height: 122px;
  border-radius: border-inline-radius-values(0);
  background-color: #808080;
  border: 1px solid #DDDDDD;
  margin: margin-inline-values(5px 5px 3px);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-search-counter .search-counter-container {
  background-color: #347F62;
  color: #FFFFFF;
  border-radius: border-inline-radius-values(5px);
  display: inline-flex;
  padding: padding-inline-values(5px);
  font-size: 0.8rem;
  justify-content: center;
}

isc-search-counter .search-counter-container:hover {
  text-decoration: underline;
}

isc-search-counter .search-counter-container .search-counter {
  width: auto;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-modal-dialog.data-export-modal {
  width: 700px;
}

isc-modal-dialog.data-export-modal .infotext {
  margin-bottom: 20px;
}

isc-modal-dialog.data-export-modal .bottomtext {
  margin-top: 20px;
}

isc-modal-dialog.data-export-modal .discussion-export-options isc-checkbox {
  position: relative;
  top: -25px;
}

[dir="ltr"] isc-modal-dialog.data-export-modal .discussion-export-options isc-checkbox {
  left: 25px;
}

[dir="rtl"] isc-modal-dialog.data-export-modal .discussion-export-options isc-checkbox {
  right: 25px;
}

isc-modal-dialog.data-export-modal isc-checkbox span {
  font-size: 0.875rem;
}

isc-modal-dialog.data-export-modal isc-radio-button {
  display: block;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
md-progress-linear.job-progress-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.modal-title {
  border-bottom: 1px solid;
  border-color: #C9C9C9;
  margin-bottom: 5px;
  margin-top: 15px;
  font-weight: bold;
}

.job-progress-result .result-row {
  cursor: default;
}

.job-progress-result .result-row.collapsible {
  cursor: pointer;
  position: relative;
}

.job-progress-result .result-row.collapsible p {
  margin-bottom: 0;
}

.job-progress-result .result-row.collapsible > md-content {
  font-size: 0.8rem;
  transition: all 0.2s;
  height: 100px;
  opacity: 1;
  padding-bottom: 0;
}

.job-progress-result .result-row.collapsible > md-content span {
  padding: 0 8px;
}

.job-progress-result .result-row.collapsible:after {
  content: "-";
  position: absolute;
  top: 12px;
}

[dir="ltr"] .job-progress-result .result-row.collapsible:after {
  left: -10px;
}

[dir="rtl"] .job-progress-result .result-row.collapsible:after {
  right: -10px;
}

.job-progress-result .result-row.collapsible.collapsed > md-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.job-progress-result .result-row.collapsible.collapsed:after {
  content: "+";
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.landing {
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
}

.landing > section {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  box-shadow: 0 0 2px #DEDEDE;
  margin: 15px;
}

.landing > section .h4 {
  line-height: 40px;
  padding: 0 20px;
  font-weight: bold;
}

.landing > section > p {
  padding: 20px;
}

.landing hr {
  background-color: #DEDEDE;
  height: 2px;
  border: none;
}

.landing .message {
  flex: 0 1 530px;
}

.landing .squares {
  flex: 1 0 250px;
}

.landing .squares .name {
  text-transform: uppercase;
}

.landing .squares .list {
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  width: 100%;
  padding: 10px;
}

.landing .squares .list article {
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  height: 200px;
  width: 200px;
  margin: 8px;
  padding: 15px;
  position: relative;
}

.landing .squares .list article .name {
  display: block;
  max-width: 180px;
  max-height: 2.45rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.landing .squares .list article > div {
  display: table;
  margin: 5px 0;
}

.landing .squares .list article > button {
  position: absolute;
  bottom: 8px;
}

[dir="ltr"] .landing .squares .list article > button {
  left: 8px;
}

[dir="rtl"] .landing .squares .list article > button {
  right: 8px;
}

[dir="ltr"] .landing .squares .list article > button.right {
  right: 8px;
  left: auto;
}

[dir="rtl"] .landing .squares .list article > button.right {
  left: 8px;
  right: auto;
}

.landing .squares .list article > button.disabled {
  opacity: 0.3;
  cursor: default;
}

.landing .squares .list article .status {
  border-radius: 3px;
  padding: 3px 5px;
  color: #FFFFFF;
  font-size: 0.6rem;
}

.landing .squares .list article .status-active {
  background-color: #4EBBBE;
}

.landing .squares .list article .status-closed {
  background-color: #F32651;
}

.landing .squares .list article .status-archived {
  background-color: #F32651;
  opacity: 0.5;
}

.landing .squares .list article .status-scheduled {
  background-color: #F6C8EC;
}

.landing .squares .list article pin-button {
  position: relative;
  top: -4px;
}

[dir="ltr"] .landing .squares .list article pin-button {
  float: right;
  right: -4px;
}

[dir="rtl"] .landing .squares .list article pin-button {
  float: left;
  left: -4px;
}

.landing .squares .list article i {
  margin-bottom: 12px;
}

.landing button {
  border: none;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 5px 10px;
  font-size: 0.8rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
loginerror .wrapper {
  padding: 0 330px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
  background-color: #FFFFFF;
  height: 100%;
}

loginerror .main {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-top: 100px;
}

loginerror .main-text {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

[dir="ltr"] loginerror .main-text {
  margin-left: 65px;
}

[dir="rtl"] loginerror .main-text {
  margin-right: 65px;
}

loginerror .main-text h1,
loginerror .main-text .h1 {
  font-weight: bold;
  font-size: 2rem;
  margin: 0;
  margin-bottom: 20px;
}

loginerror .main-text .body {
  font-size: 1.3rem;
  margin-bottom: 50px;
}

loginerror .main-text .body p {
  margin: 0;
}

loginerror .main-text .body a {
  color: inherit;
  text-decoration: underline;
}

@media only screen and (max-width: 1000px) {
  loginerror .wrapper {
    padding: 0;
  }

  loginerror .main-text h1,
  loginerror .main-text .h1 {
    font-size: 1.875rem;
    margin-bottom: 15px;
  }

  loginerror .main-text .body {
    font-size: 1.1rem;
    margin-bottom: 0;
  }

  loginerror .main {
    flex-direction: column;
    align-items: center;
    padding: 10px;
    word-break: break-all;
  }

  [dir="ltr"] loginerror .main-text {
    margin-left: 0;
  }

  [dir="rtl"] loginerror .main-text {
    margin-right: 0;
  }
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.position-right {
  position: absolute;
}

[dir="ltr"] .position-right {
  right: 0;
}

[dir="rtl"] .position-right {
  left: 0;
}

[dir="ltr"] .number {
  padding-left: 16px;
}

[dir="rtl"] .number {
  padding-right: 16px;
}

home-platform-notice {
  position: relative;
}

home-platform-notice .notice-type {
  padding-top: 32px;
}

home-platform-notice .notice-small {
  padding-top: 8px;
}

home-platform-notice .message {
  padding-bottom: 16px;
}

home-platform-notice .message-combo {
  padding-top: 32px;
}

[dir="ltr"] home-platform-notice .message-combo {
  padding-left: 16px;
}

[dir="rtl"] home-platform-notice .message-combo {
  padding-right: 16px;
}

home-platform-notice .target {
  padding-top: 4px;
}

home-platform-notice md-checkbox {
  margin-bottom: 0;
}

home-platform-notice md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  margin-top: 0;
  opacity: 1;
}

home-platform-notice md-input-container .md-input-message-animation:not(.ng-animate) {
  margin-top: 0;
  opacity: 1;
}

[dir="ltr"] home-platform-notice mdp-date-picker .md-button.md-icon-button {
  padding-left: 0;
}

[dir="rtl"] home-platform-notice mdp-date-picker .md-button.md-icon-button {
  padding-right: 0;
}

[dir="ltr"] home-platform-notice mdp-time-picker .md-button.md-icon-button {
  padding-left: 0;
}

[dir="rtl"] home-platform-notice mdp-time-picker .md-button.md-icon-button {
  padding-right: 0;
}

[dir="ltr"] home-platform-notice md-input-container {
  padding-left: 0;
}

[dir="rtl"] home-platform-notice md-input-container {
  padding-right: 0;
}

[dir="ltr"] home-platform-notice .ignore-input-container {
  padding-left: 0;
}

[dir="rtl"] home-platform-notice .ignore-input-container {
  padding-right: 0;
}

landing-page {
  height: 100%;
}

.main-menu-col {
  color: rgba(0, 0, 0, 0.54);
}

.hours {
  align-self: center;
  margin: 6px;
  margin-top: -5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .infoPage .tooltip-container i.fa {
  margin-left: 0;
}

[dir="rtl"] .infoPage .tooltip-container i.fa {
  margin-right: 0;
}

.infoPage td {
  position: relative;
}

.infoPage tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid #757575;
  width: 100%;
}

[dir="ltr"] .infoPage tr.strikeout td:before {
  left: 0;
}

[dir="rtl"] .infoPage tr.strikeout td:before {
  right: 0;
}

.infoPage tr.strikeout td:after {
  content: "·";
  font-size: 1px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
client-maintenance .cogs {
  width: 400px;
  height: 350px;
  margin: 70px;
}

client-maintenance .cog {
  fill: #8C8C8C;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
program-info .warning {
  color: #F29303;
}

[dir="ltr"] program-info isc-button.no-padding-left button {
  padding-left: 0;
}

[dir="rtl"] program-info isc-button.no-padding-left button {
  padding-right: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content {
  max-width: 500px;
}

isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content li {
  font-weight: bold;
}

isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .warning-group {
  margin: 1em 0;
}

isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .warning-group:first-child {
  margin-top: 0;
}

isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .warning-group div:first-of-type {
  padding-top: 5px;
}

[dir="ltr"] isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .warning-group div {
  padding-left: 20px;
}

[dir="rtl"] isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .warning-group div {
  padding-right: 20px;
}

isc-modal-dialog.activity-sequence-confirm isc-modal-content.activity-sequence-confirm-content .sequence-warning-message {
  color: #AE1F26;
  font-weight: bold;
  font-size: 1rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activities-all-tab isc-table-container.with-border table.md-table.activities-table,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  padding: 0;
  /*No select */
  -webkit-touch-callout: none; /* iOS Safari */
  user-select: none; /* Non-prefixed version, currently
           supported by Chrome and Opera */
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table td.reply .search-counter-container,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table td.reply .search-counter-container,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table td.reply .search-counter-container {
  width: 62px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:not(.nodrag),
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:not(.nodrag),
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:not(.nodrag) {
  cursor: move;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:hover,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:hover,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle:hover {
  background: transparent !important;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .removing,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .removing,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .removing {
  height: 1px !important;
  background: #347F62;
  border: none;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .move-disabled,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .move-disabled,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle ~ .move-disabled {
  display: none !important;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle md-icon.dragicon,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle md-icon.dragicon,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-handle md-icon.dragicon {
  cursor: inherit;
}

[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle {
  padding: 10px 10px 10px 30px;
}

[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle {
  padding: 10px 30px 10px 10px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle tr,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle tr,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .ui-tree-handle tr {
  height: 1px !important;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing {
  background: inherit;
  box-sizing: border-box;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before {
  border-radius: 100%;
  content: "";
  padding: 5px;
  position: absolute;
  border: 1px solid #347F62;
  margin-top: -6px;
}

[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before {
  margin-left: -12px;
}

[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder.removing:before {
  margin-right: -12px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div {
  height: 51px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div:not(.position-zero),
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div:not(.position-zero),
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .angular-ui-tree-placeholder:not(.removing) div:not(.position-zero) {
  border: 2px dashed rgba(0, 0, 0, 0.12);
}

[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .first-column,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .first-column,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .first-column {
  padding-left: 22px !important;
}

[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .first-column,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .first-column,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .first-column {
  padding-right: 22px !important;
}

[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .first-column-header,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .first-column-header,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .first-column-header {
  padding-left: 30px !important;
}

[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table .first-column-header,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table .first-column-header,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table .first-column-header {
  padding-right: 30px !important;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table .disabled,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table .disabled,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table .disabled {
  opacity: 0.3;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table thead.md-head > tr.md-row,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table thead.md-head > tr.md-row,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table thead.md-head > tr.md-row {
  height: 56px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td:first-child,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th:first-child,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td:first-child,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th:first-child,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td:first-child,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th:first-child {
  min-width: 200px;
  width: auto;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td:not(:first-child),
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th:not(:first-child),
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td:not(:first-child),
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th:not(:first-child),
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td:not(:first-child),
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th:not(:first-child) {
  width: 110px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.complete,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.complete,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.complete,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.complete,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.complete,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.complete {
  width: 200px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.complete .progress-bar-line,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.complete .progress-bar-line,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.complete .progress-bar-line,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.complete .progress-bar-line,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.complete .progress-bar-line,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.complete .progress-bar-line {
  width: 80px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.theme,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.theme,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.theme,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.theme,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.theme,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.theme {
  width: 150px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.actions {
  width: 150px;
  min-width: 150px;
  padding-bottom: 0;
}

[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="ltr"] activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="ltr"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="ltr"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.actions {
  text-align: right;
}

[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="rtl"] activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="rtl"] activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.actions,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.actions,
[dir="rtl"] activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.actions {
  text-align: left;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.completionRatio,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.completionRatio,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.completionRatio,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.completionRatio,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.completionRatio,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.completionRatio {
  width: 160px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.type,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.type,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.type,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.type,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.type,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.type {
  min-width: 160px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr td.endDate,
activities-all-tab isc-table-container.with-border table.md-table.activities-table tr th.endDate,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr td.endDate,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr th.endDate,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr td.endDate,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr th.endDate {
  min-width: 120px;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered .first-column span,
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered .first-column span,
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered .first-column span {
  opacity: 0.6;
}

activities-all-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered td:not(.first-column),
activities-qual-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered td:not(.first-column),
activities-quant-tab isc-table-container.with-border table.md-table.activities-table tr.non-filtered td:not(.first-column) {
  opacity: 0.6;
}

.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 7 !important;
  opacity: 0.8;
}

tbody.angular-ui-tree-drag tr {
  display: table;
  table-layout: fixed;
  position: absolute;
  width: 100%;
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 0.12);
  padding-top: 10px;
  background-color: #FFFFFF;
}

tbody.angular-ui-tree-drag tr td:first-child,
tbody.angular-ui-tree-drag tr th:first-child {
  width: auto;
}

[dir="ltr"] tbody.angular-ui-tree-drag tr td:first-child i,
[dir="ltr"] tbody.angular-ui-tree-drag tr th:first-child i {
  padding-left: 30px;
  padding-right: 10px;
}

[dir="rtl"] tbody.angular-ui-tree-drag tr td:first-child i,
[dir="rtl"] tbody.angular-ui-tree-drag tr th:first-child i {
  padding-right: 30px;
  padding-left: 10px;
}

tbody.angular-ui-tree-drag tr td:not(:first-child),
tbody.angular-ui-tree-drag tr th:not(:first-child) {
  width: 110px;
}

tbody.angular-ui-tree-drag tr td.complete,
tbody.angular-ui-tree-drag tr th.complete {
  width: 200px;
}

tbody.angular-ui-tree-drag tr td.theme,
tbody.angular-ui-tree-drag tr th.theme {
  width: 150px;
}

tbody.angular-ui-tree-drag tr td.actions,
tbody.angular-ui-tree-drag tr th.actions {
  width: 150px;
  padding-bottom: 0;
}

tbody.angular-ui-tree-drag tr td.completionRatio,
tbody.angular-ui-tree-drag tr th.completionRatio {
  width: 160px;
}

[dir="ltr"] tbody.angular-ui-tree-drag tr td.reply,
[dir="ltr"] tbody.angular-ui-tree-drag tr th.reply {
  padding-left: 25px;
}

[dir="rtl"] tbody.angular-ui-tree-drag tr td.reply,
[dir="rtl"] tbody.angular-ui-tree-drag tr th.reply {
  padding-right: 25px;
}

[dir="ltr"] table.md-table td.md-cell.actionsRight {
  text-align: right;
}

[dir="rtl"] table.md-table td.md-cell.actionsRight {
  text-align: left;
}

.moreActions .md-button.md-icon-button {
  padding: 0;
  margin: 0;
  font-size: 1.1rem;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  border-radius: 0;
}

.moreActions .md-button.md-icon-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.add-activity-dialog {
  width: 450px;
}

.add-activity-dialog .warning-messages {
  color: #F29303;
  margin-top: 5px;
}

.add-activity-dialog .warning-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .add-activity-dialog .warning-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .add-activity-dialog .warning-messages ul {
  padding-right: 5px;
}

.add-activity-dialog .warning-messages ul li:before {
  content: "-";
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
sticky-button.ng-hide:not(.ng-hide-animate),
home-button.ng-hide:not(.ng-hide-animate) {
  display: inline-block !important;
  visibility: hidden;
}

[dir="ltr"] .search-button {
  margin: 1px 0 0 20px;
}

[dir="rtl"] .search-button {
  margin: 1px 20px 0 0;
}

[dir="ltr"] .actions-column-header {
  padding-right: 100px !important;
}

[dir="rtl"] .actions-column-header {
  padding-left: 100px !important;
}

span.randomly-selected {
  color: #347F62;
  font-weight: bold;
}

[dir="ltr"] span.randomly-selected {
  margin-right: -3px;
}

[dir="rtl"] span.randomly-selected {
  margin-left: -3px;
}

[dir="ltr"] span.randomly-slash {
  margin-right: -3px;
}

[dir="rtl"] span.randomly-slash {
  margin-left: -3px;
}

message-overview isc-button,
message-overview isc-input-button {
  vertical-align: bottom;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-wizard-step .info-text {
  font-weight: bold;
  color: #AE1F26;
}

isc-wizard-step isc-input.cta-url-input md-input-container {
  width: 200%;
}

isc-wizard-step communication-publish .publish-overview table.md-table td.md-cell {
  max-width: 110px;
}

isc-wizard-step communication-publish .publish-launch md-input-container {
  margin: 0;
}

isc-wizard-step communication-publish .md-input-no-label {
  top: -18px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.ace_editor {
  height: 200px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.help-center-faq-page .tooltip-container > i {
  margin-bottom: 15px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
segment-selector .segment md-input-container {
  margin-top: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
md-tabs.configuration-tabs {
  width: 100%;
  display: block;
  overflow-y: none;
}

md-tabs.configuration-tabs md-tabs-canvas {
  padding: 0 50px;
}

md-tabs.configuration-tabs md-pagination-wrapper {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

md-tabs.configuration-tabs md-tabs-canvas,
md-tabs.configuration-tabs md-pagination-wrapper,
md-tabs.configuration-tabs .md-tab {
  height: 74px;
}

md-tabs.configuration-tabs .page-content {
  border: none;
  padding: 30px 0;
}

md-tabs.configuration-tabs .tab-subtitle {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.75rem;
}

md-tabs.configuration-tabs .tab-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
}

md-tabs.configuration-tabs md-ink-bar {
  height: 5px;
}

md-tabs.configuration-tabs .pages-error {
  color: rgb(202, 21, 42);
  font-size: 0.75rem;
}

.settings-locked-notice {
  display: flex;
  justify-content: center;
  font-size: smaller;
  color: rgba(0, 0, 0, 0.38);
  padding: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] intro-or-url-editor .description-error,
[dir="ltr"] intro-or-url-editor .url {
  margin-left: 30px;
}

[dir="rtl"] intro-or-url-editor .description-error,
[dir="rtl"] intro-or-url-editor .url {
  margin-right: 30px;
}

intro-or-url-editor isc-rich-input {
  position: relative;
  top: 20px;
}

[dir="ltr"] intro-or-url-editor .server-errors {
  margin-left: 30px;
}

[dir="rtl"] intro-or-url-editor .server-errors {
  margin-right: 30px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.import-locations-dialog .import-dialog-content {
  width: 500px;
}

.import-locations-dialog .import-dialog-content .consent-date-picker .md-button {
  width: auto;
}

.import-locations-dialog .import-dialog-content .consent-date-picker .md-input {
  color: #000000;
}

.import-locations-dialog .import-dialog-content md-input-container {
  width: 100%;
}

.import-locations-dialog .import-dialog-content md-input-container i {
  font-size: 0.8rem;
}

.import-locations-dialog .import-dialog-content md-input-container isc-checkbox md-input-container {
  margin: 0;
}

.import-locations-dialog .import-dialog-content isc-button {
  width: 100%;
  margin-bottom: 15px;
}

.import-locations-dialog .import-dialog-content .md-button {
  width: 100%;
  color: rgba(0, 0, 0, 0.38);
}

.import-locations-dialog .dotted.md-button {
  border: dotted 1px;
  border-color: rgba(0, 0, 0, 0.12);
  font-family: "Open Sans";
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  padding-left: 75px;
  padding-right: 75px;
  min-width: 0;
  margin: 0;
}

.import-locations-dialog .error-messages {
  color: rgb(202, 21, 42);
  margin-top: 5px;
}

.import-locations-dialog .error-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .import-locations-dialog .error-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .import-locations-dialog .error-messages ul {
  padding-right: 5px;
}

.import-locations-dialog .error-messages ul li:before {
  content: "-";
}

.import-locations-dialog .warning-messages {
  color: #F29303;
  margin-top: 5px;
}

.import-locations-dialog .warning-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .import-locations-dialog .warning-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .import-locations-dialog .warning-messages ul {
  padding-right: 5px;
}

.import-locations-dialog .warning-messages ul li:before {
  content: "-";
}

.import-locations-dialog .succes-messages {
  color: #347F62;
  margin-top: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.ai-moderator-body {
  padding: 30px;
}

.ai-moderator-body .heading {
  padding: 10px 0;
  border: none;
  color: #757575;
  font-size: 1.1rem;
  font-weight: bold;
  display: block;
}

.ai-moderator-body .profile-image {
  border-radius: 100%;
  width: 125px;
  height: 125px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.ai-moderator-body .profile-image .overlay {
  background: rgba(201, 201, 201, 0.75);
  text-align: center;
  opacity: 0;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;
  display: flex;
  font-size: 2.8rem;
  outline: none;
  cursor: pointer;
}

.ai-moderator-body .profile-image .overlay:hover, .ai-moderator-body .profile-image .overlay:focus {
  opacity: 1;
}

.ai-moderator-body .text-settings {
  flex: 1;
}

.ai-moderator-body .input-label {
  font-weight: 600;
}

.ai-moderator-body .input-box {
  margin-top: 20px;
}

.ai-moderator-body .tone {
  display: inline-block;
}

.ai-moderator-body .profile-image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
}

.ai-moderator-body .switch-label {
  font-size: 0.875rem;
}

[dir="ltr"] .ai-moderator-body .switch-label {
  margin-right: 8px;
}

[dir="rtl"] .ai-moderator-body .switch-label {
  margin-left: 8px;
}

.ai-moderator-body .formality {
  display: flex;
  align-items: center;
}

.ai-moderator-body .description {
  width: 400px;
}

.ai-moderator-body .no-moderators-title {
  margin: 20px 0 8px;
  color: #666666;
}

.ai-moderator-body .completeness-dropdown {
  width: 200px;
}

.ai-moderator-body .no-moderators-desc {
  color: #999999;
  max-width: 400px;
  text-align: center;
  margin-bottom: 30px;
}

.ai-moderator-body md-input-container {
  width: initial !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
conversation-post .stimuli-item {
  position: relative;
}

[dir="ltr"] conversation-post .stimuli-item {
  float: left;
}

[dir="rtl"] conversation-post .stimuli-item {
  float: right;
}

conversation-post .stimuli-item isc-stimuli-download i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  top: 6px;
  z-index: 2;
  cursor: pointer;
  visibility: hidden;
}

[dir="ltr"] conversation-post .stimuli-item isc-stimuli-download i {
  right: 3px;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

[dir="rtl"] conversation-post .stimuli-item isc-stimuli-download i {
  left: 3px;
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}

conversation-post .stimuli-item:hover isc-stimuli-download i {
  visibility: visible;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.manual-reward-dialog .import-dialog-content md-input-container {
  width: 100%;
}

.manual-reward-dialog .import-dialog-content isc-button {
  width: 100%;
  margin-bottom: 15px;
}

.manual-reward-dialog .import-dialog-content .md-button {
  width: 100%;
  color: rgba(0, 0, 0, 0.38);
}

.manual-reward-dialog .dotted.md-button {
  border: dotted 1px;
  border-color: rgba(0, 0, 0, 0.12);
  font-family: "Open Sans";
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  padding-left: 75px;
  padding-right: 75px;
  min-width: 0;
  margin: 0;
}

.manual-reward-dialog .error-messages {
  color: rgb(202, 21, 42);
  margin-top: 5px;
}

.manual-reward-dialog .error-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .manual-reward-dialog .error-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .manual-reward-dialog .error-messages ul {
  padding-right: 5px;
}

.manual-reward-dialog .error-messages ul li:before {
  content: "-";
}

.manual-reward-dialog .warning-messages {
  color: #F29303;
  margin-top: 5px;
}

.manual-reward-dialog .warning-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .manual-reward-dialog .warning-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .manual-reward-dialog .warning-messages ul {
  padding-right: 5px;
}

.manual-reward-dialog .warning-messages ul li:before {
  content: "-";
}

.manual-reward-dialog .succes-messages {
  color: #347F62;
  margin-top: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
saving-up-rewards label.section-title {
  color: rgba(0, 0, 0, 0.54);
  font-weight: bold;
  display: block;
}

saving-up-rewards isc-table-container table.md-table {
  width: auto;
}

saving-up-rewards isc-table-container table.md-table thead.md-head tr.md-row th {
  border: none;
}

saving-up-rewards .flex-container {
  display: flex;
  flex-direction: row;
}

saving-up-rewards .configuration {
  flex-grow: 1;
}

[dir="ltr"] saving-up-rewards .configuration {
  margin-right: 50px;
}

[dir="rtl"] saving-up-rewards .configuration {
  margin-left: 50px;
}

saving-up-rewards .overview {
  flex-grow: 2;
}

saving-up-rewards .bold {
  font-weight: bold;
}

saving-up-rewards .automaticRewardsDisabled {
  color: #AE1F26;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
periodic-rewards isc-table-container.with-border md-table-container table.md-table,
instant-rewards isc-table-container.with-border md-table-container table.md-table,
manual-rewards isc-table-container.with-border md-table-container table.md-table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  padding: 0;
}

[dir="ltr"] periodic-rewards .first-column,
[dir="ltr"] instant-rewards .first-column,
[dir="ltr"] manual-rewards .first-column {
  margin-left: 22px;
}

[dir="rtl"] periodic-rewards .first-column,
[dir="rtl"] instant-rewards .first-column,
[dir="rtl"] manual-rewards .first-column {
  margin-right: 22px;
}

[dir="ltr"] periodic-rewards .first-column-header,
[dir="ltr"] instant-rewards .first-column-header,
[dir="ltr"] manual-rewards .first-column-header {
  margin-left: 30px;
}

[dir="rtl"] periodic-rewards .first-column-header,
[dir="rtl"] instant-rewards .first-column-header,
[dir="rtl"] manual-rewards .first-column-header {
  margin-right: 30px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-modal-content.segmentation-dialog-content.segmentation-links {
  display: flex;
  flex-wrap: wrap;
}

isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked,
isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link {
  flex: 1 0 50%;
}

isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked div.questions-dropdown-container,
isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link div.questions-dropdown-container {
  display: flex;
}

isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked isc-button,
isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link isc-button {
  color: #757575;
}

[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked isc-button.sync,
[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link isc-button.sync {
  margin: -30px 0 0 25px;
}

[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked isc-button.sync,
[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link isc-button.sync {
  margin: -30px 25px 0 0;
}

[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked isc-button.unlink,
[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link isc-button.unlink {
  margin: 30px 0 0 -28px;
}

[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked isc-button.unlink,
[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link isc-button.unlink {
  margin: 30px -28px 0 0;
}

isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked div.border,
isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link div.border {
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  height: 150px;
}

[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked md-input-container,
[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link md-input-container {
  margin: 15px 0 0 20px;
}

[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.already-linked md-input-container,
[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links div.to-link md-input-container {
  margin: 15px 20px 0 0;
}

isc-modal-content.segmentation-dialog-content.segmentation-links div.segmentation-form-container {
  width: 100%;
}

[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links isc-button.link {
  float: right;
  margin-right: 380px;
}

[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links isc-button.link {
  float: left;
  margin-left: 380px;
}

[dir="ltr"] isc-modal-content.segmentation-dialog-content.segmentation-links isc-button.link.edit {
  margin-right: 280px;
}

[dir="rtl"] isc-modal-content.segmentation-dialog-content.segmentation-links isc-button.link.edit {
  margin-left: 280px;
}

isc-modal-content.segmentation-dialog-content.segmentation-links .processDataButton {
  display: block;
  margin: 10px 0 auto;
  text-align: center;
}

isc-modal-content.segmentation-dialog-content.segmentation-links .segment-treeview.questions {
  border-radius: 5px;
  height: 150px;
  width: 95%;
}

isc-modal-content.segmentation-dialog-content.segmentation-links isc-input.medium-size {
  width: 72px;
}

.populateSegmentsViaSurveyDataCheckbox {
  margin-top: 10px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.add-member-dialog {
  width: 730px;
}

.add-member-dialog md-input-container {
  width: 100%;
}

.add-member-dialog md-input-container i {
  font-size: 0.8rem;
}

.add-member-dialog isc-modal-actions {
  gap: 5px;
}

.add-member-dialog isc-modal-actions .activation-button {
  position: relative;
  display: inline-block;
}

.add-member-dialog isc-modal-actions label {
  position: absolute;
  top: -5px;
}

[dir="ltr"] .add-member-dialog isc-modal-actions label {
  right: -10px;
}

[dir="rtl"] .add-member-dialog isc-modal-actions label {
  left: -10px;
}

.add-member-dialog isc-modal-actions i {
  font-size: 14px;
}

.add-member-dialog .add-member-dialog-content .consent-date-picker .md-input {
  color: #000000;
}

.add-member-dialog isc-checkbox md-input-container {
  margin: 0;
}

.add-member-dialog .error-messages {
  color: rgb(202, 21, 42);
}

.add-member-dialog.wide {
  width: 800px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.import-members-dialog .import-dialog-content i {
  font-size: 14px;
}

.import-members-dialog .import-dialog-content .consent-date-picker .md-button {
  width: auto;
}

.import-members-dialog .import-dialog-content .consent-date-picker .md-input {
  color: #000000;
}

.import-members-dialog .import-dialog-content md-input-container {
  width: 100%;
}

.import-members-dialog .import-dialog-content md-input-container i {
  font-size: 0.8rem;
}

.import-members-dialog .import-dialog-content md-input-container isc-checkbox md-input-container {
  margin: 0;
}

.import-members-dialog .import-dialog-content isc-button {
  width: 100%;
  margin-bottom: 15px;
}

.import-members-dialog .import-dialog-content .md-button {
  width: 100%;
  color: rgba(0, 0, 0, 0.38);
}

.import-members-dialog .dotted.md-button {
  border: dotted 1px;
  border-color: rgba(0, 0, 0, 0.12);
  font-family: "Open Sans";
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  padding-left: 75px;
  padding-right: 75px;
  min-width: 0;
  margin: 0;
}

.import-members-dialog .error-messages {
  color: rgb(202, 21, 42);
  margin-top: 5px;
}

.import-members-dialog .error-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .import-members-dialog .error-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .import-members-dialog .error-messages ul {
  padding-right: 5px;
}

.import-members-dialog .error-messages ul li:before {
  content: "-";
}

.import-members-dialog .warning-messages {
  color: #F29303;
  margin-top: 5px;
}

.import-members-dialog .warning-messages ul {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .import-members-dialog .warning-messages ul {
  padding-left: 5px;
}

[dir="rtl"] .import-members-dialog .warning-messages ul {
  padding-right: 5px;
}

.import-members-dialog .warning-messages ul li:before {
  content: "-";
}

.import-members-dialog .succes-messages {
  color: #347F62;
  margin-top: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
member-overview .profile-image {
  flex: 0 0 auto;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

[dir="ltr"] member-overview .profile-image {
  float: left;
  margin-right: 10px;
}

[dir="rtl"] member-overview .profile-image {
  float: right;
  margin-left: 10px;
}

member-overview md-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
}

[dir="ltr"] member-overview md-checkbox {
  margin-right: 16px;
}

[dir="rtl"] member-overview md-checkbox {
  margin-left: 16px;
}

member-overview .member-name {
  padding-top: 7px;
}

member-overview isc-table-container.with-border md-table-container table.md-table {
  padding-top: 0;
}

member-overview isc-table-container.with-border member-action-bar {
  transition: all 0.2s;
}

member-overview table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
member-overview table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 10px;
}

member-overview .not-copyable {
  user-select: none;
}

member-overview table.md-table td.md-cell.usernameAlign {
  line-height: 31px;
}

member-overview table.md-table td.md-cell .dateLastActivationEmail {
  margin: 6px 0;
  white-space: nowrap;
  font-size: 0.8rem;
}

member-overview .buttons-help {
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.54);
  font-style: italic;
  font-size: 0.875rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.member-details-header {
  background-color: #FFFFFF;
  padding: 0 30px;
}

.member-details-header isc-button.go-back {
  margin-top: 5px;
}

.member-details-header isc-button.go-back .md-button {
  color: #347F62;
  padding: 0;
}

[dir="ltr"] .member-details-header isc-button.go-back .md-button .icon {
  margin-right: 0;
}

[dir="rtl"] .member-details-header isc-button.go-back .md-button .icon {
  margin-left: 0;
}

.member-details-header isc-button.go-back .md-button .icon i {
  font-weight: bold;
}

.member-details-header isc-button.go-back .md-button .label {
  font-size: 1rem;
}

.member-details-header .profile-details {
  margin: 5px 0 0;
}

[dir="ltr"] .member-details-header .profile-details .booking {
  float: right;
}

[dir="rtl"] .member-details-header .profile-details .booking {
  float: left;
}

.member-details-header .profile-details .booking isc-button.booking-button .md-button {
  background-color: #347F62;
  color: #FFFFFF;
}

.member-details-header .profile-details .booking isc-button.booking-button .md-button .icon {
  margin-top: 5px;
}

.member-details-header .profile-details .booking isc-button.booking-button .md-button .icon i {
  font-size: 1.3rem;
  font-weight: bold;
}

.member-details-header .profile-details .booking isc-button.booking-button .md-button[disabled] {
  background-color: #E0E0E0;
  color: #A5A3A3;
}

.member-details-header .profile-details .profile-image {
  flex: 0 0 auto;
  border-radius: 100%;
  width: 140px;
  height: 140px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

[dir="ltr"] .member-details-header .profile-details .profile-image {
  margin-right: 25px;
}

[dir="rtl"] .member-details-header .profile-details .profile-image {
  margin-left: 25px;
}

.member-details-header .profile-details .profile-image .overlay {
  background: rgba(201, 201, 201, 0.75);
  text-align: center;
  opacity: 0;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out;
  display: flex;
  font-size: 2.8rem;
  outline: none;
  cursor: pointer;
}

.member-details-header .profile-details .profile-image .overlay:hover, .member-details-header .profile-details .profile-image .overlay:focus {
  opacity: 1;
}

.member-details-header .profile-details .error-messages {
  color: rgb(202, 21, 42);
  margin-top: 5px;
}

.member-details-header .profile-details .details {
  width: 100%;
}

[dir="ltr"] .member-details-header .profile-details .details {
  float: left;
}

[dir="rtl"] .member-details-header .profile-details .details {
  float: right;
}

.member-details-header .profile-details .details .details-container {
  height: 100%;
  position: relative;
}

.member-details-header .profile-details .details .details-container .member-name {
  font-size: 2.5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 5px;
}

.member-details-header .profile-details .details .details-container .member-info {
  margin-top: 10px;
}

.member-details-header .profile-details .details .details-container .bottom-aligned {
  position: absolute;
  bottom: 0;
}

.member-details-header .profile-details .details .details-container isc-progress-linear .progress-bar-line {
  max-width: 200px;
}

.activity-tab-filter {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.54);
}

md-tabs.member-details-tabs {
  margin-bottom: 30px;
}

md-tabs.member-details-tabs md-tabs-wrapper {
  border-width: 0;
}

md-tabs.member-details-tabs md-tabs-wrapper .md-tab {
  font-size: 1rem;
  text-transform: none;
}

md-tabs.member-details-tabs md-tabs-wrapper .md-tab.md-active {
  color: #000000;
  font-weight: 600;
}

md-tabs.member-details-tabs md-tabs-wrapper md-ink-bar {
  height: 5px;
}

.member-details-content {
  margin: 0;
}

.member-details-content md-table-container {
  margin: 30px;
}

.member-details-content md-table-container div.pull-right.layout-row {
  margin: 10px;
}

.member-details-content isc-incentive .incentives-summary {
  margin-top: 30px;
}

.member-details-content member-details-segmentations md-icon {
  margin: 0;
  font-size: 20px;
  max-height: 20px;
  min-height: 20px;
  max-width: 20px;
  min-width: 20px;
  margin-top: -12px;
  color: #347F62;
}

[dir="ltr"] .member-details-content member-details-segmentations md-icon {
  margin-right: 2px;
}

[dir="rtl"] .member-details-content member-details-segmentations md-icon {
  margin-left: 2px;
}

.member-details-content member-details-segmentations thead tr th md-icon {
  margin-top: 0;
}

.member-details-content member-details-segmentations isc-timeline ul:before {
  display: none;
}

.member-details-content member-details-segmentations isc-timeline ul .moreCards {
  display: none;
}

.member-details-content member-details-segmentations isc-timeline ul .listItem {
  width: 80%;
}

.member-details-content member-details-segmentations isc-timeline ul .listItem:after {
  margin-bottom: -20px;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: transparent;
  top: 0;
  bottom: 0;
}

[dir="ltr"] .member-details-content member-details-segmentations isc-timeline ul .listItem:after {
  margin-left: -2px;
  left: 0;
}

[dir="rtl"] .member-details-content member-details-segmentations isc-timeline ul .listItem:after {
  margin-right: -2px;
  right: 0;
}

.member-details-content member-details-segmentations isc-timeline ul > div:first-of-type .listItem:after {
  top: 26px;
}

.member-details-content member-details-segmentations isc-timeline ul > div:last-of-type .listItem:after {
  height: 26px;
  margin-bottom: 0;
}

.member-details-content .timeline-badge .md-button.md-fab:not([disabled]):active, .member-details-content .timeline-badge .md-button.md-fab:not([disabled]):hover {
  background-color: #347F62;
}

.member-details-content .timeline-badge .md-button.md-fab[disabled] {
  background-color: #E0E0E0;
}

.member-details-content .timeline-badge .md-button.md-fab.outdated {
  background-color: #FFFFFF;
  border: 1px solid #347F62;
}

.member-details-content .timeline-badge .md-button.md-fab.outdated md-icon {
  color: #347F62;
}

[dir="ltr"] .member-details-content isc-forum-post.reply-level-0, [dir="ltr"] .member-details-content isc-forum-post.reply-level-1, [dir="ltr"] .member-details-content isc-forum-post.reply-level-2, [dir="ltr"] .member-details-content isc-forum-post.reply-level-3 {
  margin-left: 0;
}

[dir="rtl"] .member-details-content isc-forum-post.reply-level-0, [dir="rtl"] .member-details-content isc-forum-post.reply-level-1, [dir="rtl"] .member-details-content isc-forum-post.reply-level-2, [dir="rtl"] .member-details-content isc-forum-post.reply-level-3 {
  margin-right: 0;
}

.member-details-content isc-forum-post.reply-level-0 .profile-image, .member-details-content isc-forum-post.reply-level-1 .profile-image, .member-details-content isc-forum-post.reply-level-2 .profile-image, .member-details-content isc-forum-post.reply-level-3 .profile-image {
  width: 30px;
  height: 30px;
}

.member-details-content .post-author-details.layout-align-start-center.layout-row {
  display: none;
}

.member-details-content isc-forum-post .header-replypostcontent-container .post-author-details {
  display: none;
}

.member-details-content flag-button {
  display: none;
}

.member-details-content isc-post-footer {
  display: none;
}

.member-details-content isc-button.member-segments {
  display: none;
}

.member-details-content .isc-activity-status-filter {
  bottom: 0;
}

.member-details-content .far.fa-star {
  display: none;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.details.md-row td.reward-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.details.md-row td.reward-list:hover {
  background-color: transparent;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.details.md-row td.reward-list .md-button.md-accent[disabled] md-icon {
  color: #4caf50;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.details.md-row td.reward-list isc-forum-post.top-post {
  background-color: #FFFFFF;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.md-row.expanded {
  background-color: #F9F9F9;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.md-row td.md-cell i.fa {
  font-size: 0.875rem;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr.md-row td.md-cell i.fa:before {
  margin-top: 7px;
}

[dir="ltr"] .member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .header-replypostcontent-container,
[dir="ltr"] .member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .top-post-contents {
  padding-left: 40px;
}

[dir="rtl"] .member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .header-replypostcontent-container,
[dir="rtl"] .member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .top-post-contents {
  padding-right: 40px;
}

.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .header-replypostcontent-container img.profile-image,
.member-details-content isc-table-container md-table-container table.md-table tbody.md-body > tr isc-forum-post .top-post-contents img.profile-image {
  display: none;
}

.member-details-content .arrow-box {
  position: relative;
  background: #F0F3F5;
  border: 2px solid #E7E9E9;
  padding: 5px;
}

.member-details-content .admin-intf-card-container {
  background-color: #FFFFFF;
}

.member-details-content .background-white {
  background-color: #FFFFFF;
}

.member-details-content .arrow-box:after,
.member-details-content .arrow-box:before {
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

[dir="ltr"] .member-details-content .arrow-box:after,
[dir="ltr"] .member-details-content .arrow-box:before {
  right: 100%;
}

[dir="rtl"] .member-details-content .arrow-box:after,
[dir="rtl"] .member-details-content .arrow-box:before {
  left: 100%;
}

.member-details-content .arrow-box:after {
  border-color: rgba(240, 243, 245, 0);
  border-width: 15px;
  margin-top: -15px;
}

[dir="ltr"] .member-details-content .arrow-box:after {
  border-right-color: #F0F3F5;
}

[dir="rtl"] .member-details-content .arrow-box:after {
  border-left-color: #F0F3F5;
}

.member-details-content .arrow-box:before {
  border-color: rgba(231, 233, 233, 0);
  border-width: 17px;
  margin-top: -17px;
}

[dir="ltr"] .member-details-content .arrow-box:before {
  border-right-color: #E7E9E9;
}

[dir="rtl"] .member-details-content .arrow-box:before {
  border-left-color: #E7E9E9;
}

.member-details-content .page-content > div {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row wrap;
}

.member-details-content .icon-button .md-button .inactive {
  color: rgba(0, 0, 0, 0.38);
}

.member-details-content .data-moderation {
  padding: 0 10px;
  max-height: 100%;
  width: 100%;
  transition: all 0.4s;
  overflow: hidden;
  position: absolute;
}

.member-details-content .data-moderation:hover {
  z-index: 5;
}

.member-details-content .data-moderation .notes,
.member-details-content .data-moderation .tags {
  display: none;
  opacity: 0.8;
  box-sizing: border-box;
  position: relative;
  max-height: 50%;
  max-width: 100%;
  height: 100%;
  margin-bottom: 5px;
}

.member-details-content .data-moderation.on-top-note, .member-details-content .data-moderation.on-top-tag {
  position: unset;
}

.member-details-content .data-moderation.on-top-note .shadow-div, .member-details-content .data-moderation.on-top-tag .shadow-div {
  display: none;
}

.member-details-content .data-moderation.on-top-note .arrow-box, .member-details-content .data-moderation.on-top-tag .arrow-box {
  z-index: 3;
}

.member-details-content .data-moderation.on-top-note .notes, .member-details-content .data-moderation.on-top-tag .tags,
.member-details-content .data-moderation .notes:hover,
.member-details-content .data-moderation .tags:hover {
  display: block;
  opacity: 1;
}

.member-details-content .data-moderation .arrow-box {
  width: calc(100% - 16px);
}

[dir="ltr"] .member-details-content .data-moderation .arrow-box {
  margin-left: 16px;
}

[dir="rtl"] .member-details-content .data-moderation .arrow-box {
  margin-right: 16px;
}

.member-details-content .data-moderation.notes-filter .notes, .member-details-content .data-moderation.tags-filter .tags {
  display: block;
  max-height: 100%;
}

.member-details-content .data-moderation.on-top-note.tags-filter .tags, .member-details-content .data-moderation.on-top-tag.notes-filter .notes {
  opacity: 1;
}

.member-details-content .data-moderation.notes-filter.tags-filter .tags {
  max-height: 50%;
  overflow: hidden;
  height: auto;
}

.member-details-content .data-moderation isc-activity-data-post-notes {
  width: 100%;
}

.member-details-content .data-moderation .shadow-div {
  position: absolute;
  box-shadow: 0 0 20px 25px #FAFAFA;
  bottom: 0;
  width: 100%;
  margin: 0;
}

[dir="ltr"] .member-details-content .data-moderation .shadow-div {
  left: 0;
}

[dir="rtl"] .member-details-content .data-moderation .shadow-div {
  right: 0;
}

.member-details-content .data-moderation .no-shadow .shadow-div {
  display: none;
}

.member-details-content .data-moderation .note.note-list-item {
  border-bottom: 2px solid #E7E9E9;
}

.member-details-content .data-moderation .note.note-list-item.no-border {
  border: 0;
}

.member-details-content .data-moderation .note b,
.member-details-content .data-moderation .note span.note-text {
  width: calc(100% - 60px);
  display: block;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.member-details-content .data-moderation .note textarea {
  height: auto;
  width: 100%;
  max-width: 100%;
  border: none;
  margin: 0;
}

.member-details-content .data-moderation md-chips-wrap {
  background-color: #FFFFFF;
  box-shadow: none;
}

.member-details-content .data-moderation md-chips-wrap md-chip {
  display: table;
}

.member-details-content .data-moderation md-chips-wrap md-chip span {
  white-space: initial;
  word-break: break-all;
}

.member-details-content .convPagination {
  overflow: visible;
}

.member-details-content .page-title {
  padding-top: 0;
  height: initial;
  min-height: initial;
}

.member-details-content .edit-forum-post {
  display: block;
  padding: 0 20px 20px;
}

.member-details-content export-data-component {
  margin-bottom: 6px;
}

.member-details-content .notes-column {
  position: relative;
  padding-bottom: 40px;
}

.member-details-content isc-activity-data-post .stimuli-item {
  position: relative;
}

.member-details-content isc-activity-data-post .stimuli-item isc-stimuli-download i {
  position: absolute;
  color: #FFFFFF;
  top: 6px;
  z-index: 2;
  cursor: pointer;
  visibility: hidden;
}

[dir="ltr"] .member-details-content isc-activity-data-post .stimuli-item isc-stimuli-download i {
  right: 3px;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

[dir="rtl"] .member-details-content isc-activity-data-post .stimuli-item isc-stimuli-download i {
  left: 3px;
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}

.member-details-content isc-activity-data-post .stimuli-item:hover isc-stimuli-download i {
  visibility: visible;
}

.member-details-content isc-rich-input {
  flex-grow: 1;
  width: 100%;
}

.member-details-content isc-rich-input md-input-container {
  margin-top: 0;
  padding-top: 0;
}

.member-details-content isc-rich-input md-input-container .nw-editor {
  height: auto;
  min-height: auto;
}

.member-details-content isc-rich-input md-input-container .nw-editor .nw-editor__res {
  min-height: 80px;
}

.dot-divider {
  margin: 0 10px;
}

md-content.redemption-container {
  text-align: center;
  overflow: hidden;
}

/* This css is needed to make sure that the tooltip covers the entire request a call button */
.booking-container {
  position: relative;
}

.booking-container.tooltip-enabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  z-index: 1;
}

.booking-container:hover md-tooltip {
  display: block;
}

md-tooltip {
  position: absolute;
  display: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.grouped {
  display: flex;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
member-action-bar {
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
}

member-action-bar md-card {
  border: 0;
  opacity: 1;
}

member-action-bar.hidden {
  height: 0;
}

member-action-bar.hidden md-card {
  opacity: 0;
}

member-action-bar.hidden.sticky {
  border: 0;
}

member-action-bar.sticky {
  margin-top: -80px;
  top: 50px;
  z-index: 3;
  padding: 0;
  border-bottom: solid #E3E2E2;
  border-width: 1px 0;
}

member-action-bar.sticky md-card {
  margin: 0;
}

member-action-bar.sticky.under-filter-fields {
  top: 120px;
}

@media (max-width: 1700px) {
  member-action-bar .member-action-bar-container {
    display: block !important;
  }
}

member-action-bar .member-action-bar-container {
  padding: 15px 30px 0;
}

member-action-bar .member-action-bar-container isc-button {
  margin: 4px;
}

[dir="ltr"] member-action-bar .member-action-bar-container isc-button:last-child {
  margin-right: 0;
}

[dir="rtl"] member-action-bar .member-action-bar-container isc-button:last-child {
  margin-left: 0;
}

member-action-bar .fa,
member-action-bar .fas {
  font-size: 0.875rem;
}

[dir="ltr"] member-action-bar .fa,
[dir="ltr"] member-action-bar .fas {
  margin: 0 -8px 0 0;
}

[dir="rtl"] member-action-bar .fa,
[dir="rtl"] member-action-bar .fas {
  margin: 0 0 0 -8px;
}

member-action-bar .menu {
  margin: 0 8px;
}
member-action-bar {
  /* This css is needed to make sure that the tooltip covers the entire request a call button */
}

member-action-bar .request-a-call-btn {
  margin: 4px;
  position: relative;
}

member-action-bar .request-a-call-btn.tooltip-enabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  z-index: 1;
}

member-action-bar .request-a-call-btn:hover md-tooltip {
  display: block;
}

member-action-bar md-tooltip {
  position: absolute;
  display: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-confirmit-id md-chips .md-chips {
  box-shadow: none;
}

activity-confirmit-id md-input-container {
  margin: 0 !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-credits label.reward-section-title {
  width: 140px;
}

activity-credits .question {
  margin-bottom: 15px;
}

activity-credits .question md-input-container {
  margin-top: 0;
  margin-bottom: 5px;
}

activity-credits i.fa {
  font-size: 0.8rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-decipher-id md-chips .md-chips {
  box-shadow: none;
}

activity-decipher-id md-input-container {
  margin: 0 !important;
}

activity-decipher-id md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  margin-top: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-square-survey-id .duplicate-survey-id-warning {
  color: #F29303;
  font-size: 0.8rem;
}

activity-square-survey-id md-chips .md-chips {
  box-shadow: none;
}

activity-square-survey-id md-input-container {
  margin: 0 !important;
}

activity-square-survey-id md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  margin-top: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-health-component .page-title {
  padding-top: 0;
  height: initial;
  min-height: initial;
}

activity-health-component isc-button.go-back {
  margin-top: 5px;
}

activity-health-component isc-button.go-back .md-button {
  color: #347F62;
  padding: 0;
}

[dir="ltr"] activity-health-component isc-button.go-back .md-button .icon {
  margin-right: 0;
}

[dir="rtl"] activity-health-component isc-button.go-back .md-button .icon {
  margin-left: 0;
}

activity-health-component isc-button.go-back .md-button .icon i {
  font-weight: bold;
}

activity-health-component isc-button.go-back .md-button .label {
  font-size: 1rem;
}

[dir="ltr"] activity-health-component isc-button.right {
  float: right;
}

[dir="rtl"] activity-health-component isc-button.right {
  float: left;
}

activity-health-component isc-progress-circular.progress-circular-margin {
  margin: 32px 0 48px;
}

activity-health-component isc-progress-circular isc-progress-circular-content .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

activity-health-component isc-progress-circular isc-progress-circular-content .text .percentage {
  font-size: 1.875rem;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
}

activity-health-component isc-progress-circular isc-progress-circular-content .text .fraction {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
}

activity-health-component targeting-quota-table.quota-table isc-table-container md-table-container {
  width: 500px;
}

activity-health-component .activity-health-content {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
}

@media only screen and (min-width: 600px) {
  activity-health-component .activity-health-content {
    margin-left: 20px;
    margin-right: 20px;
  }
}

activity-health-component .activity-health-content isc-card {
  display: flex;
}

activity-health-component .activity-health-content isc-card md-card {
  flex-grow: 1;
}

activity-health-component .activity-health-content isc-card md-card md-card-title {
  max-height: 70px;
}

activity-health-component isc-card-content .communication-header {
  color: rgba(0, 0, 0, 0.54);
}

activity-health-component isc-card-content .communication-header.activity-target-header {
  font-size: large;
  margin-bottom: 50px;
}

[dir="ltr"] activity-health-component isc-card-content .communication-header .communication-target {
  float: right;
}

[dir="rtl"] activity-health-component isc-card-content .communication-header .communication-target {
  float: left;
}

activity-health-component isc-card-content .segments-communication-targeting {
  margin-top: 25px;
  margin-bottom: 20px;
}

activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

[dir="ltr"] activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  margin-right: 40px;
}

[dir="rtl"] activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  margin-left: 40px;
}

activity-health-component isc-card-content .segments-communication-targeting .segments-target-text {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.38);
}

activity-health-component isc-card-content .date-last-synced {
  color: rgba(0, 0, 0, 0.54);
}

[dir="ltr"] activity-health-component isc-card-content .float-left {
  float: left;
}

[dir="rtl"] activity-health-component isc-card-content .float-left {
  float: right;
}

[dir="ltr"] activity-health-component isc-card-content .clear-left {
  clear: left;
}

[dir="rtl"] activity-health-component isc-card-content .clear-left {
  clear: right;
}

activity-health-component isc-card-content .exclusion {
  font-size: small;
}

activity-health-component isc-card-content isc-table-container md-table-container table.md-table .target-group-table-content td.md-cell {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

activity-health-component isc-card-content md-divider {
  margin: 30px -20px;
}

activity-health-component isc-card-content .activity-dates {
  display: flex;
  flex-direction: column;
}

activity-health-component isc-card-content .activity-dates > :not(:last-child) {
  margin-bottom: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-setup-component .md-input-container label {
  color: #757575;
  font-size: 0.8rem;
}

activity-setup-component .error-message {
  color: rgb(202, 21, 42);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-probe-qual-build .isc-input-label-subscript {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

activity-probe-qual-build .nw-editor {
  height: 167px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.add-question-block {
  height: 58px;
  min-width: 58px;
  width: 58px;
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
}

.add-question-block .md-icon-button {
  font-size: 1.5rem;
}

.add-question-block .md-icon-button[disabled] md-icon.fa-circle-plus {
  color: #757575;
}

.add-question-block .md-icon-button md-icon.fa-circle-plus {
  color: #f44336;
}

.question-block-container {
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  width: 100%;
}

.question-block-container .question-answer-required {
  padding: 0 20px 20px;
  font-size: 0.875rem;
}

[dir="ltr"] .question-block-container .question-answer-required {
  margin-left: 15px;
}

[dir="rtl"] .question-block-container .question-answer-required {
  margin-right: 15px;
}

.question-block-container .question-block {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

[dir="ltr"] .question-block-container .question-block {
  margin-left: 15px;
}

[dir="rtl"] .question-block-container .question-block {
  margin-right: 15px;
}

.question-block-container .question-block.new-question {
  color: #f44336;
}

.question-block-container .question-block .question-text {
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 0.875rem;
}

.question-block-container .question-block .question-text .lightweight-font {
  font-weight: 300;
}

.question-block-container .question-block .empty-question-error:before {
  color: #f44336;
}

.question-block-container .question-block .question-block-icons {
  margin-top: -10px;
  height: 24px;
}

[dir="ltr"] .question-block-container .question-block .question-block-icons {
  padding: 20px 20px 20px 0;
}

[dir="rtl"] .question-block-container .question-block .question-block-icons {
  padding: 20px 0 20px 20px;
}

.question-block-container .question-block .question-block-icons .md-button.md-icon-button {
  margin: 0;
}

.question-block-container .question-block .question-block-icons .md-button.md-icon-button md-icon {
  color: #000000;
}

.question-block-container .question-block .question-block-icons .md-button.md-icon-button md-icon[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.question-block-container .question-block .question-block-icons .md-button.md-icon-button .fa-times {
  margin-top: -8px;
  font-size: 1.75rem;
}

.question-block-container .question-block .question-config-area {
  flex-grow: 1;
  padding: 20px;
  width: calc(100% - 105px);
  display: grid;
  grid-template-rows: min-content auto min-content;
}

.question-block-container .question-block .question-config-area[disabled] {
  cursor: default;
  color: #757575;
}

.question-block-container .question-block isc-rich-input {
  flex-grow: 1;
}

[dir="ltr"] .question-block-container .question-block isc-rich-input {
  margin-right: 100px;
}

[dir="rtl"] .question-block-container .question-block isc-rich-input {
  margin-left: 100px;
}

.question-block-container .question-block isc-rich-input md-input-container {
  margin-top: 0;
  padding-top: 0;
}

.question-block-container .question-block isc-rich-input md-input-container .nw-editor {
  height: 75px;
  min-height: unset;
}

.question-block-container md-icon.fa-circle-plus {
  color: #f44336;
}

.question-block-container md-switch .fa.fa-circle-info {
  font-size: 0.875rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-probe-question-overview isc-probe-question {
  display: flex;
  flex-grow: 1;
  margin: 15px 0 30px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.radioButtons {
  margin-top: 12px;
}

.isc-input-label-subscript {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

.nw-editor {
  height: 167px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-scout-build .radioButtons {
  margin-top: 12px;
}

activity-scout-build .isc-input-label-subscript {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

activity-scout-build .nw-editor {
  height: 167px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.ai-moderator-option-icon-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 4px;
  object-fit: cover;
}

isc-ai-moderator-overview {
  font-size: 0.875rem;
}

isc-ai-moderator-overview .ai-moderator-dropdown-container {
  padding-bottom: 16px;
}

isc-ai-moderator-overview .ai-moderator-placeholder {
  color: rgba(0, 0, 0, 0.38);
}

isc-ai-moderator-overview .ai-moderator-option {
  padding: 4px 0;
  display: flex;
  align-items: center;
}

isc-ai-moderator-overview .ai-moderator-option .ai-moderator-name {
  font-weight: 500;
}

isc-ai-moderator-overview .ai-moderator-option .ai-moderator-description {
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.54);
}

md-select-menu .ai-moderator-option {
  padding: 4px 0;
}

md-select-menu .ai-moderator-option .ai-moderator-name {
  font-weight: 500;
}

md-select-menu .ai-moderator-option .ai-moderator-description {
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.54);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-scout-build .radioButtons {
  margin-top: 12px;
}

activity-scout-build .isc-input-label-subscript {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

activity-scout-build .nw-editor {
  height: 167px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-observation-build .radioButtons {
  margin-top: 12px;
}

activity-observation-build .isc-input-label-subscript {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

activity-observation-build .nw-editor {
  height: 167px;
}

activity-observation-build .tooltip .fa {
  font-size: 0.875rem;
  color: #9E9E9E;
}

[dir="ltr"] activity-observation-build .tooltip .fa {
  margin-left: 4px;
}

[dir="rtl"] activity-observation-build .tooltip .fa {
  margin-right: 4px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-data-component .arrow-box {
  position: relative;
  background: #F0F3F5;
  border: 2px solid #E7E9E9;
  padding: 5px;
}

activity-data-component .admin-intf-card-container {
  background-color: #FFFFFF;
}

activity-data-component .arrow-box:after,
activity-data-component .arrow-box:before {
  top: 15px;
  border: solid transparent;
  content: " ";
  position: absolute;
}

[dir="ltr"] activity-data-component .arrow-box:after,
[dir="ltr"] activity-data-component .arrow-box:before {
  right: 100%;
}

[dir="rtl"] activity-data-component .arrow-box:after,
[dir="rtl"] activity-data-component .arrow-box:before {
  left: 100%;
}

activity-data-component .arrow-box:after {
  border-width: 15px;
  margin-top: -15px;
}

[dir="ltr"] activity-data-component .arrow-box:after {
  border-right-color: #F0F3F5;
}

[dir="rtl"] activity-data-component .arrow-box:after {
  border-left-color: #F0F3F5;
}

activity-data-component .arrow-box:before {
  border-width: 17px;
  margin-top: -17px;
}

[dir="ltr"] activity-data-component .arrow-box:before {
  border-right-color: #E7E9E9;
}

[dir="rtl"] activity-data-component .arrow-box:before {
  border-left-color: #E7E9E9;
}

activity-data-component .icon-button .md-button .inactive {
  color: rgba(0, 0, 0, 0.38);
}

activity-data-component .data-moderation {
  max-height: 100%;
  overflow: hidden;
  position: absolute;
}

[dir="ltr"] activity-data-component .data-moderation {
  padding: 0 0 0 5px;
}

[dir="rtl"] activity-data-component .data-moderation {
  padding: 0 5px 0 0;
}

activity-data-component .data-moderation:hover {
  z-index: 5;
}

activity-data-component .data-moderation .notes,
activity-data-component .data-moderation .tags {
  display: none;
  opacity: 0.8;
}

activity-data-component .data-moderation.on-top-note, activity-data-component .data-moderation.on-top-tag {
  position: unset;
}

activity-data-component .data-moderation.on-top-note .notes, activity-data-component .data-moderation.on-top-tag .tags,
activity-data-component .data-moderation .notes:hover,
activity-data-component .data-moderation .tags:hover {
  display: block;
  opacity: 1;
}

[dir="ltr"] activity-data-component .data-moderation .arrow-box {
  margin-left: 16px;
}

[dir="rtl"] activity-data-component .data-moderation .arrow-box {
  margin-right: 16px;
}

activity-data-component .data-moderation.notes-filter .notes, activity-data-component .data-moderation.tags-filter .tags {
  display: block;
  max-height: 100%;
}

activity-data-component .data-moderation.on-top-note.tags-filter .tags, activity-data-component .data-moderation.on-top-tag.notes-filter .notes {
  opacity: 1;
}

activity-data-component .data-moderation.notes-filter.tags-filter .tags {
  max-height: 50%;
  overflow: hidden;
  height: auto;
}

activity-data-component .data-moderation .note.note-list-item {
  border-bottom: 2px solid #E7E9E9;
}

activity-data-component .data-moderation .note.note-list-item.no-border {
  border: 0;
}

activity-data-component .data-moderation .note b,
activity-data-component .data-moderation .note span.note-text {
  width: calc(100% - 60px);
  white-space: pre-wrap;
  word-break: break-all;
}

activity-data-component .data-moderation .note textarea {
  height: auto;
  width: 100%;
  max-width: 100%;
  border: none;
  margin: 0;
}

activity-data-component .data-moderation md-chips-wrap {
  background-color: #FFFFFF;
  box-shadow: none;
}

activity-data-component .data-moderation md-chips-wrap md-chip {
  display: table;
}

activity-data-component .data-moderation md-chips-wrap md-chip span {
  white-space: initial;
  word-break: break-all;
}

activity-data-component .convPagination {
  overflow: visible;
}

activity-data-component isc-button.go-back {
  margin-top: 5px;
}

activity-data-component isc-button.go-back .md-button {
  color: #347F62;
  padding: 0;
}

[dir="ltr"] activity-data-component isc-button.go-back .md-button .icon {
  margin-right: 0;
}

[dir="rtl"] activity-data-component isc-button.go-back .md-button .icon {
  margin-left: 0;
}

activity-data-component isc-button.go-back .md-button .icon i {
  font-weight: bold;
}

activity-data-component isc-button.go-back .md-button .label {
  font-size: 1rem;
}

activity-data-component isc-conversation-editor isc-save-as-draft-message {
  margin-top: 12px;
}

activity-data-component .page-title {
  padding-top: 0;
  height: initial;
}

activity-data-component .edit-forum-post {
  display: block;
  padding: 0 20px 20px;
}

activity-data-component export-data-component {
  margin-bottom: 6px;
}

activity-data-component isc-activity-data-post .stimuli-item {
  position: relative;
}

activity-data-component isc-activity-data-post .stimuli-item isc-stimuli-download i {
  position: absolute;
  color: #FFFFFF;
  top: 6px;
  z-index: 2;
  visibility: hidden;
}

[dir="ltr"] activity-data-component isc-activity-data-post .stimuli-item isc-stimuli-download i {
  right: 3px;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

[dir="rtl"] activity-data-component isc-activity-data-post .stimuli-item isc-stimuli-download i {
  left: 3px;
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}

activity-data-component isc-activity-data-post .stimuli-item:hover isc-stimuli-download i {
  visibility: visible;
}

activity-data-component isc-activity-data-post table.md-table {
  margin-bottom: 20px;
}

activity-data-component isc-activity-data-post table.md-table thead.md-head tr.md-row {
  height: 30px !important;
}

activity-data-component isc-activity-data-post table.md-table thead.md-head tr.md-row th.md-column {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

activity-data-component isc-activity-data-post table.md-table tbody.md-body tr.md-row {
  height: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

activity-data-component isc-activity-data-post table.md-table tbody.md-body tr.md-row td.md-cell {
  font-size: 0.8rem;
}

activity-data-component .caption-disabled {
  clear: both;
  font-size: 0.8rem;
  font-weight: bold;
}

activity-data-component .border-bottom {
  padding-top: 30px;
  border-bottom: 1px solid #DEDEDE;
}

[dir="ltr"] activity-data-component .border-bottom {
  margin-left: 10px;
}

[dir="rtl"] activity-data-component .border-bottom {
  margin-right: 10px;
}

activity-data-component .probequestions-container md-input-container {
  margin-top: 15px;
}

activity-data-component .probequestions-container.disabled {
  border-top: none;
}

activity-data-component .probequestions-container.disabled div.border-bottom {
  display: none;
}

activity-data-component .probequestions-container.disabled md-input-container {
  margin-top: 0;
}

activity-data-component .probequestions-container.disabled div.nw-editor__res {
  height: auto;
}

activity-data-component .probequestions-container.disabled isc-forum-post {
  margin-top: 0;
}

activity-data-component .submit-answer-button {
  margin-top: 20px;
  margin-bottom: 20px;
}

activity-data-component .probequestions-container.questions-under-text {
  border-top: 1px solid #DEDEDE;
}

[dir="ltr"] activity-data-component .probequestions-container.questions-under-text {
  padding-left: 0;
}

[dir="rtl"] activity-data-component .probequestions-container.questions-under-text {
  padding-right: 0;
}

activity-data-component isc-post-footer.flex-custom-order {
  display: flex;
  flex-direction: column;
}

activity-data-component isc-post-footer.flex-custom-order isc-probe-questions-answer-editor {
  order: 1;
}

activity-data-component isc-post-footer.flex-custom-order footer {
  order: 2;
}

activity-data-component isc-post-footer.flex-custom-order div.border-bottom.no-margin {
  order: 3;
}

activity-data-component isc-post-footer.flex-custom-order div.reply-type-picker {
  order: 4;
}

activity-data-component isc-post-footer.flex-custom-order isc-conversation-editor {
  order: 5;
}

activity-data-component isc-post-footer.flex-custom-order isc-save-as-draft-message {
  order: 6;
}

activity-data-component .saved-as-draft-message {
  color: rgba(0, 0, 0, 0.38);
  font-size: 0.8rem;
}

[dir="ltr"] activity-data-component .saved-as-draft-message {
  margin-left: 30px;
}

[dir="rtl"] activity-data-component .saved-as-draft-message {
  margin-right: 30px;
}

activity-data-component .no-margin {
  margin: 0;
}

activity-data-component div.border-bottom.no-margin {
  display: block;
}

activity-data-component div.reply-type-picker {
  background-color: #F0F3F5;
  border: 1px solid #E3E2E2;
  font-size: 0.8rem;
  font-weight: bold;
}

activity-data-component div.reply-type-picker.active {
  border: 2px solid #347F62;
  margin-bottom: 20px;
}

activity-data-component div.reply-type-picker md-switch {
  color: #000000;
}

[dir="ltr"] activity-data-component div.reply-type-picker md-switch {
  margin: 8px 0 8px 20px;
}

[dir="rtl"] activity-data-component div.reply-type-picker md-switch {
  margin: 8px 20px 8px 0;
}

activity-data-component .isc-input-label {
  font-size: 0.8rem;
  color: #757575;
}

activity-data-component isc-probe-question-overview {
  color: #000000;
}

activity-data-component toggleable {
  display: block;
}

activity-data-component toggleable .more-button {
  height: 40px;
  margin: 0;
  width: 100%;
  padding: 0;
}

[dir="ltr"] activity-data-component toggleable .more-button {
  text-align: left;
}

[dir="rtl"] activity-data-component toggleable .more-button {
  text-align: right;
}

activity-data-component toggleable.visual-focused-conversation .expander {
  max-width: 614px;
  margin: 0 auto;
}

activity-data-component toggleable.visual-focused-conversation .more-button {
  padding: 0;
  text-align: center;
}

activity-data-component toggleable.scout-conversation {
  max-width: 614px;
  margin: 0 auto;
}

activity-data-component toggleable.toggle-hidden .expander header {
  display: none;
}

activity-data-component toggleable.toggle-hidden .expander section.isCollapsed {
  margin-top: 0;
}

activity-data-component toggleable .expander header {
  border-bottom: none;
  border-top: 1px solid #E3E2E2;
  line-height: 1;
}

activity-data-component toggleable .expander section.isCollapsed {
  display: none;
}

activity-data-component toggleable .expander section.notCollapsed {
  margin-top: 0;
}

activity-data-component toggleable .expander section.notCollapsed isc-probequestion-editor:first-of-type isc-forum-post {
  margin: 0;
}

activity-data-component .hashtag {
  color: #337AB7;
  cursor: pointer;
}

activity-data-component .discussion-detail-view {
  background-color: #FFFFFF;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
isc-user-details-button isc-button .md-button {
  /*override the default padding of the button since we want to save space here*/
  padding-right: 10px;
  padding-left: 10px;
}

isc-switch {
  color: #000000;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.fiveStarRating {
  border: none;
  cursor: pointer;
  margin: 4px 6px;
}

[dir="ltr"] .fiveStarRating {
  float: right;
}

[dir="rtl"] .fiveStarRating {
  float: left;
}

.fiveStarRating input {
  display: none;
}

.fiveStarRating label:not(.clear):before {
  margin: 2px;
  font-family: FontAwesome;
  font-size: 1.1rem;
  max-height: 1.1rem;
  min-height: 1.1rem;
  max-width: 1.1rem;
  min-width: 1.1rem;
  display: inline-block;
  content: "\f006";
}

.fiveStarRating label {
  color: rgba(0, 0, 0, 0.38);
}

[dir="ltr"] .fiveStarRating label {
  float: right;
}

[dir="rtl"] .fiveStarRating label {
  float: left;
}

.fiveStarRating label.clear {
  font-size: 0.8rem;
  visibility: hidden;
  clear: both;
}

.fiveStarRating label.clear.visible {
  visibility: visible;
}

.fiveStarRating:disabled {
  cursor: default;
}

.fiveStarRating:disabled label {
  opacity: 0.5;
}

.fiveStarRating:disabled label.clear.visible {
  visibility: hidden;
}

.fiveStarRating input:checked ~ label:not(.clear):before {
  content: "\f005";
  color: #347F62;
}

.fiveStarRating:not(:checked):not(:disabled) > label:hover {
  cursor: pointer;
}

.fiveStarRating:not(:checked):not(:disabled) > label:hover:not(.clear):before {
  content: "\f005";
  color: #347F62;
}

.fiveStarRating:not(:checked):not(:disabled) > label:hover ~ label {
  cursor: pointer;
}

.fiveStarRating:not(:checked):not(:disabled) > label:hover ~ label:not(.clear):before {
  content: "\f005";
  color: #347F62;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.highlight-share-popover {
  max-width: 8em;
  pointer-events: none;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
  -webkit-animation: highlight-share-intro 0.3s;
  animation: highlight-share-intro 0.3s;
}

.highlight-share-popover::before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  margin: 0.25em -0.5em;
  border-width: 0.5em 0.5em 0;
  border-style: solid;
  border-color: #333 transparent;
}

[dir="ltr"] .highlight-share-popover::before {
  left: 50%;
}

[dir="rtl"] .highlight-share-popover::before {
  right: 50%;
}

.highlight-share-popover > ul {
  pointer-events: auto;
  list-style: none;
  padding: 0;
  margin: -0.75em 0 0;
  white-space: nowrap;
  background: #333;
  color: #fff;
  border-radius: 0.25em;
  position: absolute;
}

[dir="ltr"] .highlight-share-popover > ul {
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

[dir="rtl"] .highlight-share-popover > ul {
  right: 50%;
  -webkit-transform: translate(50%, -100%);
  -ms-transform: translate(50%, -100%);
  transform: translate(50%, -100%);
}

.highlight-share-popover > ul > li {
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}

.highlight-share-popover > ul > li > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
  box-sizing: border-box;
  padding: 0;
}

.highlight-share-popover > ul > li > a:hover, .highlight-share-popover > ul > li > a:focus {
  background: rgba(255, 255, 255, 0.25);
}

.highlight-share-popover > ul > li polyline {
  stroke: #fff;
}

@media (pointer: coarse) {
  .highlight-share-popover {
    font-size: 150%;
  }

  .highlight-share-popover::before {
    bottom: auto;
    top: 100%;
    border-width: 0 0.5em 0.5em;
    margin-top: 0;
  }

  .highlight-share-popover > ul {
    top: 100%;
    margin: 0.5em 0 0;
  }

  [dir="ltr"] .highlight-share-popover > ul {
    transform: translateX(-50%);
  }

  [dir="rtl"] .highlight-share-popover > ul {
    transform: translateX(50%);
  }
}

@media (max-width: 575px) {
  .highlight-share-popover {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none;
  }

  .highlight-share-popover::before {
    bottom: auto;
    top: 100%;
    border-width: 0 0.5em 0.5em;
    margin-top: 0;
  }

  .highlight-share-popover > ul {
    top: 100%;
    margin: 0.5em 0 0;
  }

  [dir="ltr"] .highlight-share-popover > ul {
    transform: translateX(-50%);
  }

  [dir="rtl"] .highlight-share-popover > ul {
    transform: translateX(50%);
  }

  .highlight-share-popover > ul {
    width: 100%;
    transform: none;
    border-radius: 0;
    text-align: center;
  }

  [dir="ltr"] .highlight-share-popover > ul {
    left: 0;
  }

  [dir="rtl"] .highlight-share-popover > ul {
    right: 0;
  }
}

@-webkit-keyframes highlight-share-intro {
  0% {
    -webkit-transform: translateY(-3em);
    opacity: 0;
  }

  80% {
    -webkit-transform: translateY(0.5em);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes highlight-share-intro {
  0% {
    transform: translateY(-3em);
    opacity: 0;
  }

  80% {
    transform: translateY(0.5em);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
  }
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
body isc-activity-data-post .snippet-highlightable span.snippet-highlighted,
body isc-forum-post .snippet-highlightable span.snippet-highlighted {
  background-color: #9CD7C0;
  cursor: pointer;
}

body .highlight-share-popover {
  z-index: 10;
}

body .highlight-share-popover ul {
  padding: 5px 6px;
}

body .highlight-share-popover li[data-share-via=highlight] {
  width: fit-content;
  height: fit-content;
  position: relative;
}

body .highlight-share-popover li[data-share-via=highlight] a {
  width: 2em;
}

body .highlight-share-popover li[data-share-via=highlight] a.highlight {
  color: #FFFFFF;
}

body .highlight-share-popover li[data-share-via=highlight] a.unhighlight {
  color: #9CD7C0;
}

body .highlight-share-popover li[data-share-via=copy] a {
  width: 2em;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
activity-wizard-type .tooltip-container {
  height: 20px;
  position: relative;
  color: rgba(0, 0, 0, 0.38);
}

[dir="ltr"] activity-wizard-type .tooltip-container {
  left: 5px;
}

[dir="rtl"] activity-wizard-type .tooltip-container {
  right: 5px;
}

activity-wizard-type .tooltip-container.specify {
  top: 40px;
}

activity-wizard-type .tooltip-container.date {
  top: 10px;
}

activity-wizard-type .tooltip-container.theme {
  top: 25px;
}

activity-wizard-type .tooltip-container.tooltip-checkmarket-link {
  top: -20px;
}

[dir="ltr"] activity-wizard-type .reached {
  margin-left: 8px;
}

[dir="rtl"] activity-wizard-type .reached {
  margin-right: 8px;
}

activity-wizard-type .reached md-input-container {
  margin-top: 8px;
}

activity-wizard-type .reached-updown {
  margin-bottom: 15px;
}

[dir="ltr"] activity-wizard-type .reached-updown {
  margin-left: 8px;
}

[dir="rtl"] activity-wizard-type .reached-updown {
  margin-right: 8px;
}

activity-wizard-type .reached-updown md-input-container {
  margin-top: 0;
}

activity-wizard-type .span {
  margin-top: 11px;
  font-size: 0.9rem;
}

activity-wizard-type .wizard-row-details {
  align-self: center;
  font-size: 0.8rem;
}

activity-wizard-type .moderator-curation {
  margin-top: -12px;
}

activity-wizard-type activity-probe-qual-present isc-checkbox md-input-container,
activity-wizard-type activity-qual-builder isc-checkbox md-input-container {
  height: 25px;
}

activity-wizard-type activity-probe-qual-present isc-checkbox:last-child md-input-container,
activity-wizard-type activity-qual-builder isc-checkbox:last-child md-input-container {
  height: 35px;
}

activity-wizard-type .warning {
  color: #F29303;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-activity-filter-default {
  position: fixed;
  top: 63px;
  width: calc(100% - 225px);
  z-index: 50;
}

.isc-activity-filter-top {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-top: solid #E3E2E2;
  border-width: 1px 0;
}

[dir="ltr"] .isc-activity-filter-top isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-activity-filter-top isc-button {
  margin-left: 0;
}

.isc-activity-filter-top .show-filter {
  color: #3272A8;
}

[dir="ltr"] .isc-activity-filter-top .align-right {
  text-align: right;
}

[dir="rtl"] .isc-activity-filter-top .align-right {
  text-align: left;
}

[dir="ltr"] .isc-activity-filter-top .filter-space {
  margin-right: 20px;
}

[dir="rtl"] .isc-activity-filter-top .filter-space {
  margin-left: 20px;
}

.isc-activity-filter-top .filter-space isc-dropdown md-input-container {
  display: inline;
}

.isc-activity-filter-top .fixedElement {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.isc-activity-filter-top isc-basic-activity-filter {
  display: flex;
}

.isc-activity-filter-top label {
  font-size: 0.75rem;
  color: #757575;
  opacity: 1;
}

[dir="ltr"] .isc-activity-filter-top .divider {
  padding-left: 22px;
}

[dir="rtl"] .isc-activity-filter-top .divider {
  padding-right: 22px;
}

.isc-activity-filter-top .title {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 14px;
}

.isc-activity-filter-top .inputs {
  min-width: 42px;
}

.isc-activity-filter-top .filter-show-hide {
  transition: all linear 0.2s;
}

.isc-activity-filter-top .filter-show-hide.ng-hide {
  opacity: 0;
  height: 0;
}

.isc-activity-filter-top .hide-activity-filter {
  padding-bottom: 5px;
  border-top: 1px solid #E3E2E2;
  background-color: #FFFFFF;
  margin: 0 -30px;
  max-width: initial;
}

.isc-activity-filter-top .date-picker md-input-container {
  margin: -4px 0 0;
  padding-bottom: 0;
}

.isc-activity-filter-top .date-picker input {
  margin-top: 5px;
}

.isc-activity-filter-top .date-picker button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.isc-activity-filter-top .tag-select {
  margin-top: -6px;
}

.isc-activity-filter-bottom {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-bottom: solid #E3E2E2;
  border-width: 1px 0;
  font-size: 0.875rem;
}

.isc-activity-filter-bottom.sticky {
  z-index: 6;
}

[dir="ltr"] .isc-activity-filter-bottom isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-activity-filter-bottom isc-button {
  margin-left: 0;
}

.isc-activity-filter-bottom .filter-chips {
  display: flex;
  align-items: center;
  margin-top: -15px;
}

.isc-activity-filter-bottom .filter-chips .md-chips {
  box-shadow: none;
}

.isc-activity-filter-bottom .show-filter {
  color: #3272A8;
  font-size: 0.8rem;
}

[dir="ltr"] .isc-activity-filter-bottom .show-filter {
  padding-right: 5px;
}

[dir="rtl"] .isc-activity-filter-bottom .show-filter {
  padding-left: 5px;
}

.isc-activity-filter-bottom .clear-chips {
  color: #3272A8;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}

.isc-activity-filter-bottom .clear-chips md-icon {
  color: #3272A8;
  min-height: 11px !important;
  min-width: 11px !important;
  height: 11px !important;
  width: 11px !important;
  padding-bottom: 2px;
}

.isc-activity-filter-bottom.disabled {
  color: rgba(0, 0, 0, 0.38);
}

.isc-activity-filter-bottom.disabled md-icon {
  color: rgba(0, 0, 0, 0.38);
}

.isc-activity-filter-bottom .action-buttons {
  margin-top: -9px;
  padding-bottom: 7px;
}

[dir="ltr"] .isc-activity-filter-bottom .action-buttons {
  text-align: right;
}

[dir="rtl"] .isc-activity-filter-bottom .action-buttons {
  text-align: left;
}

.rating-filter { /* rating only has 7 rows we do not want it to scroll */
  max-height: unset;
}

.rating-filter .md-overflow {
  max-height: unset;
}

.rating-filter .md-overflow md-content {
  max-height: unset;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-health-filter-default {
  position: fixed;
  top: 63px;
  width: calc(100% - 225px);
  z-index: 50;
}

.isc-health-filter-top {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 40px 0;
  border-top: solid #E3E2E2;
  border-width: 1px 0;
}

[dir="ltr"] .isc-health-filter-top isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-health-filter-top isc-button {
  margin-left: 0;
}

.isc-health-filter-top .show-filter {
  color: #3272A8;
}

[dir="ltr"] .isc-health-filter-top .align-right {
  text-align: right;
}

[dir="rtl"] .isc-health-filter-top .align-right {
  text-align: left;
}

[dir="ltr"] .isc-health-filter-top .filter-space {
  margin-right: 20px;
}

[dir="rtl"] .isc-health-filter-top .filter-space {
  margin-left: 20px;
}

.isc-health-filter-top .filter-space isc-dropdown md-input-container {
  display: inline;
}

.isc-health-filter-top.sticky {
  transition: linear 0.1s;
}

.isc-health-filter-top .fixedElement {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.isc-health-filter-top isc-basic-health-filter {
  display: flex;
}

.isc-health-filter-top label {
  font-size: 0.75rem;
  color: #757575;
  opacity: 1;
}

.isc-health-filter-top .title {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 14px;
}

.isc-health-filter-top .inputs {
  min-width: 42px;
}

.isc-health-filter-top .filter-show-hide {
  transition: all linear 0.2s;
}

.isc-health-filter-top .filter-show-hide.ng-hide {
  opacity: 0;
  height: 0;
}

.isc-health-filter-top .hide-health-filter {
  padding-bottom: 5px;
  border-top: 1px solid #E3E2E2;
  background-color: #FFFFFF;
  margin: 0 -40px;
  max-width: initial;
}

.isc-health-filter-top .date-picker md-input-container {
  margin: -4px 0 0;
  padding-bottom: 0;
}

.isc-health-filter-top .date-picker input {
  margin-top: 5px;
}

.isc-health-filter-top .date-picker button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.isc-health-filter-top .tag-select {
  margin-top: -6px;
}

.filter-chips {
  display: flex;
  align-items: center;
  margin-top: -15px;
}

.filter-chips.margin-0 {
  margin: 0;
}

.filter-chips .md-chips {
  box-shadow: none;
}

.isc-health-filter-bottom {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 40px 0;
  border-bottom: solid #E3E2E2;
  border-width: 1px 0;
  font-size: 0.875rem;
}

[dir="ltr"] .isc-health-filter-bottom isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-health-filter-bottom isc-button {
  margin-left: 0;
}

.isc-health-filter-bottom.sticky.under-filter-fields {
  top: 80px;
}

.isc-health-filter-bottom .show-filter {
  color: #3272A8;
  font-size: 0.75rem;
}

[dir="ltr"] .isc-health-filter-bottom .show-filter {
  padding-right: 5px;
}

[dir="rtl"] .isc-health-filter-bottom .show-filter {
  padding-left: 5px;
}

.isc-health-filter-bottom .clear-chips {
  color: #3272A8;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
}

.isc-health-filter-bottom .clear-chips md-icon {
  color: #3272A8;
  min-height: 11px !important;
  min-width: 11px !important;
  height: 11px !important;
  width: 11px !important;
  padding-bottom: 2px;
}

.isc-health-filter-bottom.disabled {
  color: rgba(0, 0, 0, 0.38);
}

.isc-health-filter-bottom.disabled md-icon {
  color: rgba(0, 0, 0, 0.38);
}

.isc-health-filter-bottom .action-buttons {
  margin-top: -9px;
  padding-bottom: 7px;
}

[dir="ltr"] .isc-health-filter-bottom .action-buttons {
  text-align: right;
}

[dir="rtl"] .isc-health-filter-bottom .action-buttons {
  text-align: left;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-activity-status-filter {
  position: relative;
}

.isc-activity-status-filter .activity-drag-and-drop-help {
  margin: 15px 0;
  color: rgba(0, 0, 0, 0.54);
  font-style: italic;
  font-size: 0.875rem;
}

.isc-activity-status-filter md-input-container {
  margin: 0;
}

.isc-activity-status-filter md-select {
  font-size: 0.875rem;
}

.md-select-menu-container.md-active.activity-filter-container md-select-menu,
.md-select-menu-container.md-active.activity-filter-container md-select-menu md-content {
  max-height: 292px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-square-status-filter {
  position: relative;
}

.md-select-menu-container.md-active.square-filter-container md-select-menu,
.md-select-menu-container.md-active.square-filter-container md-select-menu md-content {
  max-height: 292px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-member-filter-top {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-top: solid #E3E2E2;
  border-width: 1px 0;
}

.isc-member-filter-top.sticky {
  transition: linear 0.1s;
}

.isc-member-filter-top md-input-container {
  margin: 21px 0 !important;
}

.isc-member-filter-top isc-input md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #757575 !important;
}

.isc-member-filter-top isc-date-range label {
  flex: 1 1 auto;
}

.isc-member-filter-top label {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.38);
}

[dir="ltr"] .isc-member-filter-top .divider {
  margin-right: 20px;
}

[dir="rtl"] .isc-member-filter-top .divider {
  margin-left: 20px;
}

.isc-member-filter-top .divider isc-dropdown md-input-container {
  display: inline;
}

.isc-member-filter-top .title {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 14px;
}

.isc-member-filter-top .inputs {
  min-width: 42px;
}

.isc-member-filter-top .filter-show-hide {
  transition: all linear 0.2s;
}

.isc-member-filter-top .filter-show-hide.ng-hide {
  opacity: 0;
  height: 0;
}

.isc-member-filter-top .hide-member-filter {
  padding-bottom: 5px;
  border: 1px solid #E3E2E2;
  background-color: #FAFAFA;
  margin: 0 -30px;
  max-width: initial;
}

.isc-member-filter-top .date-picker md-input-container {
  padding-bottom: 0;
  padding-top: 1px;
}

[dir="ltr"] .isc-member-filter-top .date-picker md-input-container {
  margin: 0 0 0 16px !important;
}

[dir="rtl"] .isc-member-filter-top .date-picker md-input-container {
  margin: 0 16px 0 0 !important;
}

.isc-member-filter-top .date-picker button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.isc-member-filter-bottom {
  font-size: 0.875rem;
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-bottom: solid #E3E2E2;
  border-width: 1px 0;
}

[dir="ltr"] .isc-member-filter-bottom isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-member-filter-bottom isc-button {
  margin-left: 0;
}

.isc-member-filter-bottom .filter-chips {
  display: flex;
  align-items: center;
  margin-top: -15px;
}

.isc-member-filter-bottom .filter-chips .md-chips {
  box-shadow: none;
  font-size: 0.75rem;
}

.isc-member-filter-bottom.sticky.under-filter-fields {
  top: 80px;
}

.isc-member-filter-bottom .show-filter {
  color: #3272A8;
  font-size: 0.75rem;
}

[dir="ltr"] .isc-member-filter-bottom .show-filter {
  padding-right: 5px;
}

[dir="rtl"] .isc-member-filter-bottom .show-filter {
  padding-left: 5px;
}

.isc-member-filter-bottom .clear-chips {
  color: #3272A8;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
}

.isc-member-filter-bottom .clear-chips md-icon {
  color: #3272A8;
  min-height: 11px !important;
  min-width: 11px !important;
  height: 11px !important;
  width: 11px !important;
  padding-bottom: 2px;
}

.isc-member-filter-bottom.disabled {
  color: rgba(0, 0, 0, 0.38);
}

.isc-member-filter-bottom.disabled md-icon {
  color: rgba(0, 0, 0, 0.38);
}

.isc-member-filter-bottom .action-buttons {
  margin-top: -9px;
  padding-bottom: 7px;
}

[dir="ltr"] .isc-member-filter-bottom .action-buttons {
  text-align: right;
}

[dir="rtl"] .isc-member-filter-bottom .action-buttons {
  text-align: left;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] isc-segments-filter md-input-container.md-icon-left {
  padding-left: 0;
}

[dir="rtl"] isc-segments-filter md-input-container.md-icon-left {
  padding-right: 0;
}

[dir="ltr"] isc-segments-filter md-input-container.md-icon-left label {
  left: 0;
}

[dir="rtl"] isc-segments-filter md-input-container.md-icon-left label {
  right: 0;
}

isc-segments-filter md-input-container {
  width: 200px;
}

isc-segments-filter md-input-container .dropdown-label {
  font-size: 0.75rem;
}

isc-segments-filter md-input-container md-select {
  font-size: 0.875rem;
}

md-select-header.select-filter-header.segments-filter-header {
  height: 80px;
}

[dir="ltr"] md-select-header.select-filter-header.segments-filter-header {
  padding-left: 0;
}

[dir="rtl"] md-select-header.select-filter-header.segments-filter-header {
  padding-right: 0;
}

md-select-header.select-filter-header.segments-filter-header md-radio-button {
  display: inline;
}

[dir="ltr"] md-select-header.select-filter-header.segments-filter-header md-icon {
  margin-right: 10px;
  margin-left: 0;
}

[dir="rtl"] md-select-header.select-filter-header.segments-filter-header md-icon {
  margin-left: 10px;
  margin-right: 0;
}

md-select-header.select-filter-header.segments-filter-header md-icon svg {
  fill: rgba(0, 0, 0, 0.34);
}

md-select-header.select-filter-header.segments-filter-header input {
  border: 0;
}

md-select-header.select-filter-header.segments-filter-header .search {
  margin-bottom: -10px;
}

[dir="ltr"] md-select-header.select-filter-header.segments-filter-header .options,
[dir="ltr"] md-select-header.select-filter-header.segments-filter-header .search {
  padding-left: 10px;
}

[dir="rtl"] md-select-header.select-filter-header.segments-filter-header .options,
[dir="rtl"] md-select-header.select-filter-header.segments-filter-header .search {
  padding-right: 10px;
}

[dir="ltr"] md-select-header.select-filter-header.segments-filter-header .options .any {
  margin-right: 40px;
}

[dir="rtl"] md-select-header.select-filter-header.segments-filter-header .options .any {
  margin-left: 40px;
}

md-select-header.select-filter-header.segments-filter-header .hr-line {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #E5E1E1;
  margin: 1em 0;
  padding: 0;
  width: 300px;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu {
  position: relative;
  top: 145px;
  max-height: 600px;
  max-width: 300px;
}

[dir="ltr"] .md-select-menu-container.md-active.segments-filter-container md-select-menu {
  box-shadow: 1px 3px 10px 2px #A5A3A3;
  left: 40px;
}

[dir="rtl"] .md-select-menu-container.md-active.segments-filter-container md-select-menu {
  box-shadow: -1px 3px 10px 2px #A5A3A3;
  right: 40px;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-content {
  max-height: 600px;
  overflow-x: hidden;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup .bold {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup label {
  display: flex;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup label .test {
  flex-grow: 99;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup label .star {
  font-size: 1.1rem;
  flex-grow: 1;
  margin-top: -3px;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-option .md-text {
  white-space: normal;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-option .md-container .md-icon {
  border-width: 1px;
  border-radius: 5px;
  width: 19px;
  height: 19px;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-option[selected] .md-text {
  color: rgba(90, 188, 150, 0.87);
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-option[selected] .md-container .md-icon {
  background-color: rgba(90, 188, 150, 0.87);
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-option[selected] .md-container .md-icon:after {
  border-color: #FFFFFF;
}

.md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup[isstarred=true] label:after {
  display: inline-block;
  font-weight: 900;
  content: "\f005";
  transition: all 0.25s;
  font-family: fontawesome;
}

[dir="ltr"] .md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup[isstarred=true] label:after {
  float: right;
}

[dir="rtl"] .md-select-menu-container.md-active.segments-filter-container md-select-menu md-optgroup[isstarred=true] label:after {
  float: left;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] isc-segmentations-filter md-input-container.md-icon-left {
  padding-left: 0;
}

[dir="rtl"] isc-segmentations-filter md-input-container.md-icon-left {
  padding-right: 0;
}

isc-segmentations-filter md-input-container.md-icon-left label {
  font-size: 0.875rem;
}

[dir="ltr"] isc-segmentations-filter md-input-container.md-icon-left label {
  left: 0;
}

[dir="rtl"] isc-segmentations-filter md-input-container.md-icon-left label {
  right: 0;
}

isc-segmentations-filter md-icon {
  display: none;
}

isc-segmentations-filter md-input-container {
  width: 240px;
}

isc-segmentations-filter md-input-container label.dropdown-label {
  font-size: 0.875rem;
}

[dir="ltr"] md-select-header.select-filter-header.segmentations-filter-header {
  padding-left: 0;
}

[dir="rtl"] md-select-header.select-filter-header.segmentations-filter-header {
  padding-right: 0;
}

[dir="ltr"] md-select-header.select-filter-header.segmentations-filter-header md-icon {
  margin-right: 10px;
  margin-left: 0;
}

[dir="rtl"] md-select-header.select-filter-header.segmentations-filter-header md-icon {
  margin-left: 10px;
  margin-right: 0;
}

md-select-header.select-filter-header.segmentations-filter-header md-icon svg {
  fill: rgba(0, 0, 0, 0.34);
}

md-select-header.select-filter-header.segmentations-filter-header input {
  border: 0;
}

md-select-header.select-filter-header.segmentations-filter-header .search {
  margin-bottom: -10px;
}

[dir="ltr"] md-select-header.select-filter-header.segmentations-filter-header .options,
[dir="ltr"] md-select-header.select-filter-header.segmentations-filter-header .search {
  padding-left: 10px;
}

[dir="rtl"] md-select-header.select-filter-header.segmentations-filter-header .options,
[dir="rtl"] md-select-header.select-filter-header.segmentations-filter-header .search {
  padding-right: 10px;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu {
  position: relative;
  bottom: 20px;
  max-height: 500px;
  max-width: 300px;
}

[dir="ltr"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu {
  box-shadow: 1px 3px 10px 2px #A5A3A3;
  left: 30px;
}

[dir="rtl"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu {
  box-shadow: -1px 3px 10px 2px #A5A3A3;
  right: 30px;
}

[dir="ltr"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu md-option {
  padding-right: 5px;
}

[dir="rtl"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu md-option {
  padding-left: 5px;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu .bold {
  font-weight: bold;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu .md-text {
  width: 100%;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu .md-text .segmentation-question {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 215px;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu .md-text md-icon {
  font-size: 1.1rem;
  display: inline;
  margin-top: -7px;
}

[dir="ltr"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu .md-text md-icon {
  float: right;
}

[dir="rtl"] .md-select-menu-container.md-active.segmentations-filter-container md-select-menu .md-text md-icon {
  float: left;
}

.md-select-menu-container.md-active.segmentations-filter-container md-select-menu md-content {
  max-height: 300px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-segmentation-status-filter {
  position: relative;
  align-self: flex-end;
}

.isc-segmentation-status-filter .segmentation-status-select {
  min-width: 198px;
}

.isc-segmentation-status-filter md-input-container {
  font-size: 0.875rem;
  margin: 0;
}

.md-select-menu-container.md-active.segmentation-filter-container md-select-menu,
.md-select-menu-container.md-active.segmentation-filter-container md-select-menu md-content {
  max-height: 292px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] isc-date-range {
  text-align: left;
}

[dir="rtl"] isc-date-range {
  text-align: right;
}

isc-date-range .date-picker {
  width: 200px;
}

[dir="ltr"] isc-date-range .date-picker {
  margin-right: 20px;
}

[dir="rtl"] isc-date-range .date-picker {
  margin-left: 20px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
table-arrows {
  display: block;
}

table-arrows .arrow-table {
  position: absolute;
  top: 250px;
  font-size: 3rem;
  cursor: pointer;
}

[dir="ltr"] table-arrows .arrow-table.fa-circle-chevron-left {
  left: 20px;
}

[dir="rtl"] table-arrows .arrow-table.fa-circle-chevron-left {
  right: 20px;
}

[dir="ltr"] table-arrows .arrow-table.fa-circle-chevron-right {
  right: 20px;
}

[dir="rtl"] table-arrows .arrow-table.fa-circle-chevron-right {
  left: 20px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-communication-status-filter {
  position: relative;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.h1,
h1 {
  font-size: 2.25rem;
}

.h2,
h2 {
  font-size: 1.875rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

.h4,
h4 {
  font-size: 1.125rem;
}

.h5,
h5 {
  font-size: 1rem;
}

.h6,
h6 {
  font-size: 0.75rem;
}

.isc-manually-handled-reward-filter-top {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-top: solid #E3E2E2;
  border-width: 1px 0;
}

.isc-manually-handled-reward-filter-top.sticky {
  transition: linear 0.1s;
}

.isc-manually-handled-reward-filter-top isc-date-range label {
  flex: 1 1 auto;
}

.isc-manually-handled-reward-filter-top label {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.38);
}

[dir="ltr"] .isc-manually-handled-reward-filter-top .divider {
  margin-right: 20px;
}

[dir="rtl"] .isc-manually-handled-reward-filter-top .divider {
  margin-left: 20px;
}

.isc-manually-handled-reward-filter-top .divider isc-dropdown md-input-container {
  display: inline;
}

.isc-manually-handled-reward-filter-top .title {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 14px;
}

.isc-manually-handled-reward-filter-top .inputs {
  min-width: 42px;
}

.isc-manually-handled-reward-filter-top .filter-show-hide {
  transition: all linear 0.2s;
}

.isc-manually-handled-reward-filter-top .filter-show-hide.ng-hide {
  opacity: 0;
  height: 0;
}

.isc-manually-handled-reward-filter-top .hide-manually-handled-reward-filter {
  padding-bottom: 5px;
  border: 1px solid #E3E2E2;
  background-color: #FAFAFA;
  margin: 0 -30px;
  max-width: initial;
}

.isc-manually-handled-reward-filter-top .date-picker md-input-container {
  margin: 0;
  padding-bottom: 0;
  padding-top: 1px;
}

.isc-manually-handled-reward-filter-top .date-picker button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.isc-manually-handled-reward-filter-bottom {
  background-color: #FFFFFF;
  width: 100%;
  padding: 15px 30px 0;
  border-bottom: solid #E3E2E2;
  border-width: 1px 0;
}

[dir="ltr"] .isc-manually-handled-reward-filter-bottom isc-button {
  margin-right: 0;
}

[dir="rtl"] .isc-manually-handled-reward-filter-bottom isc-button {
  margin-left: 0;
}

.isc-manually-handled-reward-filter-bottom .filter-chips {
  display: flex;
  align-items: center;
  margin-top: -15px;
}

.isc-manually-handled-reward-filter-bottom .filter-chips .md-chips {
  box-shadow: none;
}

.isc-manually-handled-reward-filter-bottom.sticky.under-filter-fields {
  top: 80px;
}

.isc-manually-handled-reward-filter-bottom .show-filter {
  color: #3272A8;
  font-size: 0.8rem;
}

[dir="ltr"] .isc-manually-handled-reward-filter-bottom .show-filter {
  padding-right: 5px;
}

[dir="rtl"] .isc-manually-handled-reward-filter-bottom .show-filter {
  padding-left: 5px;
}

.isc-manually-handled-reward-filter-bottom .clear-chips {
  color: #3272A8;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}

.isc-manually-handled-reward-filter-bottom .clear-chips md-icon {
  color: #3272A8;
  min-height: 11px;
  min-width: 11px;
  height: 11px;
  width: 11px;
  padding-bottom: 2px;
}

.isc-manually-handled-reward-filter-bottom.disabled {
  color: rgba(0, 0, 0, 0.38);
}

.isc-manually-handled-reward-filter-bottom.disabled md-icon {
  color: rgba(0, 0, 0, 0.38);
}

.isc-manually-handled-reward-filter-bottom .action-buttons {
  margin-top: -9px;
  padding-bottom: 7px;
}

[dir="ltr"] .isc-manually-handled-reward-filter-bottom .action-buttons {
  text-align: right;
}

[dir="rtl"] .isc-manually-handled-reward-filter-bottom .action-buttons {
  text-align: left;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-square-job-status-filter {
  position: relative;
}

.md-select-menu-container.md-active.square-job-filter-container md-select-menu,
.md-select-menu-container.md-active.square-job-filter-container md-select-menu md-content {
  max-height: 292px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 10px;
}

.manually-handled-rewards-table-wrapper {
  padding: 0 10px;
}

.manually-handled-rewards-table-wrapper md-card {
  border: 0;
  opacity: 1;
  margin: 0;
  padding: 15px 30px 0;
}

.manually-handled-rewards-table-wrapper td {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

isc-checkbox.manually-handled-rewards-checkbox md-input-container md-checkbox div.md-container {
  margin-top: 23px;
}

[dir="ltr"] isc-checkbox.manually-handled-rewards-checkbox md-input-container md-checkbox div.md-container {
  margin-left: 17px;
}

[dir="rtl"] isc-checkbox.manually-handled-rewards-checkbox md-input-container md-checkbox div.md-container {
  margin-right: 17px;
}

isc-table-container.with-border md-table-container table.md-table {
  padding-top: 0;
}

.manually-handled-reward-action-bar {
  height: 80px;
  overflow: hidden;
  background-color: #FFFFFF;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* stylelint-disable scss/load-no-partial-leading-underscore, scss/load-partial-extension, no-invalid-position-at-import-rule */
md-dialog {
  background: transparent;
  box-shadow: none;
  overflow: visible;
  max-width: 80vw;
}

md-dialog form {
  overflow: visible;
}

.request-a-call-modal {
  max-width: 500px;
}

.md-dialog-container {
  overflow-x: hidden;
  overflow-y: scroll;
}

.md-dialog-container ~ .md-dialog-container {
  background: rgba(0, 0, 0, 0.48);
}

.md-dialog-backdrop ~ .md-dialog-backdrop {
  display: none;
}

isc-modal-dialog .close-button-container {
  position: absolute;
  top: -33px;
}

[dir="ltr"] isc-modal-dialog .close-button-container {
  right: 0;
}

[dir="rtl"] isc-modal-dialog .close-button-container {
  left: 0;
}

isc-modal-dialog .close-button-container .icon-button {
  color: rgba(255, 255, 255, 0.56);
  margin-bottom: 10px;
}

isc-modal-dialog .dialog {
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}

isc-modal-dialog md-dialog-content {
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
}

isc-modal-dialog md-toolbar {
  background-color: transparent !important;
  padding: 23px 40px;
  margin: 0;
  flex: 0 0 auto;
}

isc-modal-dialog md-toolbar h2,
isc-modal-dialog md-toolbar .h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

isc-modal-dialog md-toolbar p {
  margin: 0;
  font-size: 0.8rem;
  color: #9E9E9E;
}

isc-modal-dialog md-toolbar i {
  font-size: 0.875rem;
}

isc-modal-dialog hr {
  margin: 0 40px;
  border-top: none;
  border-color: #EBEBEB;
}

isc-modal-dialog .modal-actions {
  background: #F0F0F0;
  padding: 20px 50px;
  justify-content: center;
  border-radius: 0 0 4px 4px;
}

isc-modal-dialog .modal-actions .md-button {
  margin: 0;
  border-radius: 2px;
}

[dir="ltr"] isc-modal-dialog .modal-actions isc-button:last-child {
  margin-right: 0;
}

[dir="rtl"] isc-modal-dialog .modal-actions isc-button:last-child {
  margin-left: 0;
}

isc-modal-dialog isc-modal-content {
  display: block;
  padding: 35px 50px;
  overflow: visible;
  min-width: 450px;
}

isc-modal-dialog.buttons-right .modal-actions {
  justify-content: flex-end;
}

isc-modal-dialog.buttons-left .modal-actions {
  justify-content: flex-start;
}

isc-modal-dialog.transparent-actions .modal-actions {
  background-color: transparent;
}

isc-modal-dialog.hide-toolbar md-toolbar {
  display: none;
}

isc-modal-dialog.hide-toolbar isc-modal-content {
  padding-top: 50px;
}

isc-modal-dialog.large-size .dialog {
  width: 80vw;
}

isc-modal-dialog .tooltip-container.recruitment-dialog {
  font-size: unset;
}

isc-modal-preset {
  max-width: 500px;
}

isc-modal-preset .question {
  color: #AE1F26;
  font-weight: bold;
  font-size: 1rem;
}

isc-modal-preset .text {
  white-space: pre-line;
  margin: 0;
}

isc-modal-preset isc-modal-dialog.grey-footer .modal-actions {
  background-color: #F0F0F0 !important;
  justify-content: flex-start !important;
}

.md-color-picker-dialog,
.mdp-datepicker,
.mdp-timepicker {
  background-color: #FFFFFF;
}

.modal-edit-communication {
  font-size: 0.8rem;
  width: 900px !important;
  overflow: auto;
}

.modal-edit-communication .infoPage .inputField {
  width: 410px;
}

.modal-edit-communication .dateTime-label {
  width: 390px;
}

.modal-edit-communication button {
  box-shadow: none !important;
}

.modal-edit-communication md-dialog-content {
  padding: 15px;
  width: 100%;
}

.modal-edit-communication md-dialog-content .buttons {
  margin-left: -15px;
  margin-right: -15px;
}

.modal-edit-communication .page-content {
  margin: 0;
}

.insites-dialog {
  overflow: visible;
}

.insites-dialog .md-button.close-button {
  font-size: 1.6rem;
  color: #FFFFFF;
  position: absolute;
  margin: 0;
  min-width: 0;
  min-height: 0;
  top: -34px;
  padding: 0;
  width: auto;
}

[dir="ltr"] .insites-dialog .md-button.close-button {
  right: 0;
}

[dir="rtl"] .insites-dialog .md-button.close-button {
  left: 0;
}

.new-square-dialog {
  max-width: 500px;
}

.new-square-dialog ul {
  list-style: none;
}

[dir="ltr"] .new-square-dialog ul {
  padding-left: 0;
}

[dir="rtl"] .new-square-dialog ul {
  padding-right: 0;
}

md-toast.toast div.md-toast-content {
  border-radius: 10px;
  padding: 0 24px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

md-toast.toast div.md-toast-content .close-icon {
  position: absolute;
  top: 5px;
  color: #FFFFFF;
  font-size: 1.1rem;
  cursor: pointer;
}

[dir="ltr"] md-toast.toast div.md-toast-content .close-icon {
  right: -10px;
}

[dir="rtl"] md-toast.toast div.md-toast-content .close-icon {
  left: -10px;
}

md-toast.toast-error div.md-toast-content {
  background-color: #FDDFE5;
  color: #F32651;
}

md-toast.toast-error div.md-toast-content > md-icon {
  line-height: 21px;
  font-size: 1.5rem;
  color: #F32651;
}

md-toast.toast-success div.md-toast-content {
  background-color: #347F62;
  color: #FFFFFF;
}

md-toast.toast-success div.md-toast-content > md-icon {
  color: #FFFFFF;
  font-size: 1.5rem;
}

/* stylelint-enable scss/load-no-partial-leading-underscore, scss/load-partial-extension, no-invalid-position-at-import-rule */
.md-dialog-container {
  z-index: 7000 !important;
}

.md-dialog-backdrop {
  z-index: 6999 !important;
}

.md-select-menu-container,
.md-autocomplete-suggestions-container,
.md-open-menu-container,
.md-datepicker-calendar-pane,
.mdp-datepicker,
.md-color-picker-dialog {
  z-index: 7010 !important;
}

md-toast {
  z-index: 7010 !important;
}
/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.2.5
 */
html, body {
  height: 100%;
  position: relative;
}

body {
  margin: 0;
  padding: 0;
}

[tabindex="-1"]:focus {
  outline: none;
}

.inset {
  padding: 10px;
}

a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  border: none;
  padding: 0;
  margin: 0;
}

[dir="ltr"] a.md-no-style,
[dir="ltr"] button.md-no-style {
  text-align: left;
}

[dir="rtl"] a.md-no-style,
[dir="rtl"] button.md-no-style {
  text-align: right;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

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

input[type=reset][disabled],
input[type=submit][disabled],
html input[type=button][disabled],
button[disabled] {
  cursor: default;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input:-webkit-autofill {
  text-shadow: none;
}

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px;
}

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none;
}

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] .md-ripple-container {
  left: 0;
}

[dir="rtl"] .md-ripple-container {
  right: 0;
}

.md-ripple {
  position: absolute;
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%;
}

[dir="ltr"] .md-ripple {
  transform: translate(-50%, -50%) scale(0);
}

[dir="rtl"] .md-ripple {
  transform: translate(50%, -50%) scale(0);
}

.md-ripple.md-ripple-placed {
  transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] .md-ripple.md-ripple-scaled {
  transform: translate(-50%, -50%) scale(1);
}

[dir="rtl"] .md-ripple.md-ripple-scaled {
  transform: translate(50%, -50%) scale(1);
}

.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.2;
}

.md-ripple.md-ripple-remove {
  -webkit-animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
          animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@-webkit-keyframes md-remove-ripple {
  0% {
    opacity: 0.15;
  }

  100% {
    opacity: 0;
  }
}

@keyframes md-remove-ripple {
  0% {
    opacity: 0.15;
  }

  100% {
    opacity: 0;
  }
}

.md-padding {
  padding: 8px;
}

.md-margin {
  margin: 8px;
}

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}

.md-scroll-mask > .md-scroll-mask-bar {
  display: block;
  position: absolute;
  background-color: #fafafa;
  top: 0;
  bottom: 0;
  z-index: 65;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .md-scroll-mask > .md-scroll-mask-bar {
  right: 0;
}

[dir="rtl"] .md-scroll-mask > .md-scroll-mask-bar {
  left: 0;
}

.md-no-momentum {
  -webkit-overflow-scrolling: auto;
}

.md-no-flicker {
  -webkit-filter: blur(0px);
}

@media (min-width: 960px) {
  .md-padding {
    padding: 16px;
  }
}

html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed;
}

bdo[dir=rtl] {
  unicode-bidi: bidi-override;
}

[dir="ltr"] bdo[dir=rtl] {
  direction: rtl;
}

[dir="rtl"] bdo[dir=rtl] {
  direction: ltr;
}

bdo[dir=ltr] {
  unicode-bidi: bidi-override;
}

[dir="ltr"] bdo[dir=ltr] {
  direction: ltr;
}

[dir="rtl"] bdo[dir=ltr] {
  direction: rtl;
}

@media (max-width: 599px) {
  [dir="ltr"] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 16px;
  }

  [dir="ltr"] [dir=rtl] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] [dir=rtl] .layout-row:not(.layout-xs-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-xs-row > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 0;
    margin-left: 16px;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 16px;
  }

  [dir="ltr"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-xs-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-sm-row:not(.layout-sm-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 0;
    margin-left: 16px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 16px;
  }

  [dir="ltr"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-sm-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-md-row:not(.layout-md-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 0;
    margin-left: 16px;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 16px;
  }

  [dir="ltr"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-md-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-lg-row:not(.layout-lg-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 0;
    margin-left: 16px;
  }
}

@media (min-width: 1920px) {
  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 16px;
  }

  [dir="ltr"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="ltr"] [dir=rtl] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 0;
    margin-right: 16px;
  }

  [dir="rtl"] [dir=rtl] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child),
[dir="rtl"] [dir=rtl] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > .md-auto-horizontal-margin:not(:first-child) {
    margin-right: 0;
    margin-left: 16px;
  }
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: default;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 112px;
}

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px;
}

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px;
}

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 20px;
}

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 24px;
}

.md-caption {
  font-size: 12px;
  letter-spacing: 0.02em;
}

.md-button {
  letter-spacing: 0.01em;
}

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

select,
button,
textarea,
input {
  font-size: 100%;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
.md-panel-outer-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

[dir="ltr"] .md-panel-outer-wrapper {
  left: 0;
}

[dir="rtl"] .md-panel-outer-wrapper {
  right: 0;
}

.md-panel-inner-wrapper {
  position: fixed;
}

[dir="ltr"] ._md-panel-offscreen {
  left: -9999px;
}

[dir="rtl"] ._md-panel-offscreen {
  right: -9999px;
}

._md-panel-hidden {
  display: none;
}

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none;
}

.md-panel {
  opacity: 0;
  position: relative;
}

.md-panel._md-panel-shown {
  opacity: 1;
  transition: none;
}

.md-panel._md-panel-animate-enter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-panel-animate-leave {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}

.md-panel._md-panel-backdrop {
  height: 100%;
  position: fixed;
  width: 100%;
}

.md-panel._md-opaque-enter {
  opacity: 0.48;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-opaque-leave {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

._md-panel-fullscreen {
  border-radius: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

[dir="ltr"] ._md-panel-fullscreen {
  left: 0;
}

[dir="rtl"] ._md-panel-fullscreen {
  right: 0;
}

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px;
}

md-autocomplete[disabled] input {
  cursor: default;
}

md-autocomplete[md-floating-label] {
  border-radius: 0;
  background: transparent;
  height: auto;
}

md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0;
}

md-autocomplete[md-floating-label] md-autocomplete-wrap {
  height: auto;
}

md-autocomplete[md-floating-label] .md-show-clear-button button {
  display: block;
  position: absolute;
  top: 20px;
  width: 30px;
  height: 30px;
}

[dir="ltr"] md-autocomplete[md-floating-label] .md-show-clear-button button {
  right: 0;
}

[dir="rtl"] md-autocomplete[md-floating-label] .md-show-clear-button button {
  left: 0;
}

[dir="ltr"] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 30px;
}

[dir="rtl"] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-left: 30px;
}

[dir="ltr"] [dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-right: 0;
  padding-left: 30px;
}

[dir="rtl"] [dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
  padding-left: 0;
  padding-right: 30px;
}

md-autocomplete md-autocomplete-wrap {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  height: 40px;
}

md-autocomplete md-autocomplete-wrap.md-menu-showing {
  z-index: 51;
}

md-autocomplete md-autocomplete-wrap md-input-container,
md-autocomplete md-autocomplete-wrap input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
}

md-autocomplete md-autocomplete-wrap md-progress-linear {
  position: absolute;
  bottom: -2px;
}

[dir="ltr"] md-autocomplete md-autocomplete-wrap md-progress-linear {
  left: 0;
}

[dir="rtl"] md-autocomplete md-autocomplete-wrap md-progress-linear {
  right: 0;
}

md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 40px;
  right: 2px;
  left: 2px;
  width: auto;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  transition: none;
}

[dir="ltr"] md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  left: 0;
}

[dir="rtl"] md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
  right: 0;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
  transition: none;
  height: 3px;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
  transition: opacity 0.15s linear;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
  opacity: 1;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
  transition: opacity 0.15s linear;
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
  opacity: 0;
}

md-autocomplete input:not(.md-input) {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
}

md-autocomplete input:not(.md-input)::-ms-clear {
  display: none;
}

md-autocomplete .md-show-clear-button button {
  position: relative;
  line-height: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin: auto 5px;
}

md-autocomplete .md-show-clear-button button:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-autocomplete .md-show-clear-button button:focus {
  outline: none;
}

md-autocomplete .md-show-clear-button button:focus:after {
  transform: scale(1);
  opacity: 1;
}

md-autocomplete .md-show-clear-button button md-icon {
  position: absolute;
  top: 50%;
}

[dir="ltr"] md-autocomplete .md-show-clear-button button md-icon {
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}

[dir="rtl"] md-autocomplete .md-show-clear-button button md-icon {
  right: 50%;
  transform: translate3d(50%, -50%, 0) scale(0.9);
}

md-autocomplete .md-show-clear-button button md-icon path {
  stroke-width: 0;
}

md-autocomplete .md-show-clear-button button.ng-enter {
  transform: scale(0);
  transition: transform 0.15s ease-out;
}

md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
  transform: scale(1);
}

md-autocomplete .md-show-clear-button button.ng-leave {
  transition: transform 0.15s ease-out;
}

md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active {
  transform: scale(0);
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete input {
    border: 1px solid #fff;
  }

  md-autocomplete .md-autocomplete-suggestion:focus {
    color: #fff;
  }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container,
.md-standard-list-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
  height: 100%;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight,
.md-standard-list-container.md-autocomplete-suggestions-container .highlight {
  font-weight: bold;
}

.md-standard-list-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}

.md-virtual-repeat-container.md-not-found,
.md-standard-list-container.md-not-found {
  height: 48px;
}

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0;
}

.md-autocomplete-suggestions .md-autocomplete-suggestion {
  font-size: 14px;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.md-autocomplete-suggestions .md-autocomplete-suggestion:focus {
  outline: none;
}

.md-autocomplete-suggestions .md-autocomplete-suggestion:not(.md-not-found-wrapper) {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
.md-autocomplete-suggestions {
    border: 1px solid #fff;
  }
}

md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}

md-backdrop.md-select-backdrop {
  z-index: 81;
  transition-duration: 0;
}

md-backdrop.md-dialog-backdrop {
  z-index: 79;
}

md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}

md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}

md-backdrop.md-click-catcher {
  position: absolute;
}

md-backdrop.md-opaque {
  opacity: 0.48;
}

md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}

md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: 0.48;
}

md-backdrop.md-opaque.ng-leave {
  opacity: 0.48;
  transition: opacity 400ms;
}

md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}

md-bottom-sheet.md-has-header {
  padding-top: 0;
}

md-bottom-sheet.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

md-bottom-sheet.ng-enter-active {
  opacity: 1;
  display: block;
  transform: translate3d(0, 80px, 0) !important;
}

md-bottom-sheet.ng-leave-active {
  transform: translate3d(0, 100%, 0) !important;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-bottom-sheet .md-subheader {
  background-color: transparent;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  line-height: 56px;
  padding: 0;
  white-space: nowrap;
}

md-bottom-sheet md-inline-icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  fill: #444;
}

md-bottom-sheet md-list-item {
  display: flex;
  outline: none;
}

md-bottom-sheet md-list-item:hover {
  cursor: pointer;
}

md-bottom-sheet.md-list md-list-item {
  padding: 0;
  align-items: center;
  height: 48px;
}

md-bottom-sheet.md-grid {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0;
}

md-bottom-sheet.md-grid md-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  transition: all 0.5s;
  align-items: center;
}

md-bottom-sheet.md-grid md-list-item {
  flex-direction: column;
  align-items: center;
  transition: all 0.5s;
  height: 96px;
  margin-top: 8px;
  margin-bottom: 8px;
  /* Mixin for how many grid items to show per row */
}

@media (max-width: 960px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
  }

  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
    align-items: flex-start;
  }

  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    align-items: flex-end;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 25%;
    max-width: 25%;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 1920px) {
  md-bottom-sheet.md-grid md-list-item {
    flex: 1 1 14.2857142857%;
    max-width: 14.2857142857%;
  }
}

md-bottom-sheet.md-grid md-list-item::before {
  display: none;
}

md-bottom-sheet.md-grid md-list-item .md-list-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48px;
  padding-bottom: 16px;
}

md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
}

md-bottom-sheet.md-grid md-list-item .md-grid-text {
  font-weight: 400;
  line-height: 16px;
  font-size: 13px;
  margin: 0;
  white-space: nowrap;
  width: 64px;
  text-align: center;
  text-transform: none;
  padding-top: 8px;
}

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff;
  }
}

button.md-button::-moz-focus-inner {
  border: 0;
}

.md-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  /* Reset default button appearance */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 8px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  min-height: 32px;
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  line-height: 32px;
}

.md-dense > .md-button:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
  font-size: 13px;
}

.md-button:focus {
  outline: none;
}

.md-button:hover, .md-button:focus {
  text-decoration: none;
}

.md-button.ng-hide, .md-button.ng-leave {
  transition: none;
}

.md-button.md-cornered {
  border-radius: 0;
}

.md-button.md-icon {
  padding: 0;
  background: none;
}

.md-button.md-raised:not([disabled]) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-button.md-icon-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%;
}

.md-button.md-fab {
  z-index: 20;
  line-height: 56px;
  min-width: 0;
  width: 56px;
  height: 56px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-property: background-color, box-shadow, transform;
}

.md-button.md-fab.md-fab-bottom-right {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] .md-button.md-fab.md-fab-bottom-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] .md-button.md-fab.md-fab-bottom-right {
  left: 20px;
  right: auto;
}

.md-button.md-fab.md-fab-bottom-left {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] .md-button.md-fab.md-fab-bottom-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] .md-button.md-fab.md-fab-bottom-left {
  left: auto;
  right: 20px;
}

.md-button.md-fab.md-fab-top-right {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] .md-button.md-fab.md-fab-top-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] .md-button.md-fab.md-fab-top-right {
  left: 20px;
  right: auto;
}

.md-button.md-fab.md-fab-top-left {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] .md-button.md-fab.md-fab-top-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] .md-button.md-fab.md-fab-top-left {
  left: auto;
  right: 20px;
}

.md-button.md-fab.md-mini {
  line-height: 40px;
  width: 40px;
  height: 40px;
}

.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
  transition: none;
}

.md-button.md-fab[disabled] {
  box-shadow: none;
}

.md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-button .md-ripple-container {
  border-radius: inherit;
  background-clip: padding-box;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block;
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, 42px, 0);
}

.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
  transform: translate3d(0, 41px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, -42px, 0);
}

.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
  transform: translate3d(0, -43px, 0);
}

.md-button-group {
  display: flex;
  flex: 1;
  width: 100%;
}

.md-button-group > .md-button {
  flex: 1;
  display: block;
  overflow: hidden;
  width: 0;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[dir="ltr"] .md-button-group > .md-button {
  border-width: 1px 0px 1px 1px;
}

[dir="rtl"] .md-button-group > .md-button {
  border-width: 1px 1px 1px 0px;
}

[dir="ltr"] .md-button-group > .md-button:first-child {
  border-radius: 2px 0px 0px 2px;
}

[dir="rtl"] .md-button-group > .md-button:first-child {
  border-radius: 0px 2px 2px 0px;
}

[dir="ltr"] .md-button-group > .md-button:last-child {
  border-right-width: 1px;
  border-radius: 0px 2px 2px 0px;
}

[dir="rtl"] .md-button-group > .md-button:last-child {
  border-left-width: 1px;
  border-radius: 2px 0px 0px 2px;
}

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
.md-button.md-fab {
    border: 1px solid #fff;
  }
}

md-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

md-card md-card-header {
  padding: 16px;
  display: flex;
  flex-direction: row;
}

[dir="ltr"] md-card md-card-header:first-child md-card-avatar {
  margin-right: 12px;
}

[dir="rtl"] md-card md-card-header:first-child md-card-avatar {
  margin-left: 12px;
}

[dir="ltr"] [dir=rtl] md-card md-card-header:first-child md-card-avatar {
  margin-right: auto;
  margin-left: 12px;
}

[dir="rtl"] [dir=rtl] md-card md-card-header:first-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}

[dir="ltr"] md-card md-card-header:last-child md-card-avatar {
  margin-left: 12px;
}

[dir="rtl"] md-card md-card-header:last-child md-card-avatar {
  margin-right: 12px;
}

[dir="ltr"] [dir=rtl] md-card md-card-header:last-child md-card-avatar {
  margin-left: auto;
  margin-right: 12px;
}

[dir="rtl"] [dir=rtl] md-card md-card-header:last-child md-card-avatar {
  margin-right: auto;
  margin-left: 12px;
}

md-card md-card-header md-card-avatar {
  width: 40px;
  height: 40px;
}

md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
  border-radius: 50%;
}

md-card md-card-header md-card-avatar md-icon {
  padding: 8px;
}

md-card md-card-header md-card-avatar md-icon > svg {
  height: inherit;
  width: inherit;
}

md-card md-card-header md-card-avatar + md-card-header-text {
  max-height: 40px;
}

md-card md-card-header md-card-avatar + md-card-header-text .md-title {
  font-size: 14px;
}

md-card md-card-header md-card-header-text {
  display: flex;
  flex: 1;
  flex-direction: column;
}

md-card md-card-header md-card-header-text .md-subhead {
  font-size: 14px;
}

md-card > img,
md-card > md-card-header img,
md-card md-card-title-media img {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}

md-card md-card-title {
  padding: 24px 16px 16px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
}

md-card md-card-title + md-card-content {
  padding-top: 0;
}

md-card md-card-title md-card-title-text {
  flex: 1;
  flex-direction: column;
  display: flex;
}

md-card md-card-title md-card-title-text .md-subhead {
  padding-top: 0;
  font-size: 14px;
}

md-card md-card-title md-card-title-text:only-child .md-subhead {
  padding-top: 12px;
}

md-card md-card-title md-card-title-media {
  margin-top: -8px;
}

md-card md-card-title md-card-title-media .md-media-sm {
  height: 80px;
  width: 80px;
}

md-card md-card-title md-card-title-media .md-media-md {
  height: 112px;
  width: 112px;
}

md-card md-card-title md-card-title-media .md-media-lg {
  height: 152px;
  width: 152px;
}

md-card md-card-content {
  display: block;
  padding: 16px;
}

md-card md-card-content > p:first-child {
  margin-top: 0;
}

md-card md-card-content > p:last-child {
  margin-bottom: 0;
}

md-card md-card-content .md-media-xl {
  height: 240px;
  width: 240px;
}

md-card md-card-actions {
  margin: 8px;
}

md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
  margin: 2px 0;
}

md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
  margin-top: 0;
}

md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
  margin-bottom: 0;
}

md-card md-card-actions.layout-column .md-button.md-icon-button {
  margin-top: 6px;
  margin-bottom: 6px;
}

md-card md-card-actions md-card-icon-actions {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
}

md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
  margin: 0 4px;
}

[dir="ltr"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: 0;
}

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
  margin-right: auto;
  margin-left: 0;
}

[dir="ltr"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: 0;
}

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
  margin-left: auto;
  margin-right: 0;
}

md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
  margin-left: 6px;
  margin-right: 6px;
}

[dir="ltr"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: 12px;
}

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-right: 12px;
}

[dir="ltr"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-left: auto;
  margin-right: 12px;
}

[dir="rtl"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
  margin-right: auto;
  margin-left: 12px;
}

[dir="ltr"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: 12px;
}

[dir="rtl"] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-left: 12px;
}

[dir="ltr"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 12px;
}

[dir="rtl"] [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
  margin-left: auto;
  margin-right: 12px;
}

md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
}

md-card md-card-footer {
  margin-top: auto;
  padding: 16px;
}

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff;
  }
}

.md-image-no-fill > img {
  width: auto;
  height: auto;
}

.md-inline-form md-checkbox {
  margin-top: 14px;
  margin-bottom: auto;
}

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 18px;
  min-height: 48px;
}

.md-dense > md-checkbox:not(.md-dense-disabled), .md-dense :not(.md-dense-disabled) md-checkbox:not(.md-dense-disabled) {
  min-height: 36px;
}

md-checkbox.md-focused:not([disabled]) .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(0, 0, 0, 0.12);
}

md-checkbox .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
}

[dir="ltr"] md-checkbox .md-container {
  left: 0;
  right: auto;
}

[dir="rtl"] md-checkbox .md-container {
  right: 0;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-checkbox .md-container {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-checkbox .md-container {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-checkbox .md-container {
  right: 0;
}

[dir="rtl"] [dir=rtl] md-checkbox .md-container {
  left: 0;
}

md-checkbox .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}

md-checkbox .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

md-checkbox .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-checkbox .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}

[dir="ltr"] md-checkbox .md-icon {
  left: 0;
}

[dir="rtl"] md-checkbox .md-icon {
  right: 0;
}

md-checkbox.md-checked .md-icon {
  border-color: transparent;
}

md-checkbox.md-checked .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  display: table;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  content: "";
}

[dir="ltr"] md-checkbox.md-checked .md-icon:after {
  transform: rotate(45deg);
  left: 4px;
  border-left: 0;
}

[dir="rtl"] md-checkbox.md-checked .md-icon:after {
  transform: rotate(-45deg);
  right: 4px;
  border-right: 0;
}

md-checkbox[disabled] {
  cursor: default;
}

md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: table;
  width: 10.8px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  content: "";
}

[dir="ltr"] md-checkbox.md-indeterminate .md-icon:after {
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 0;
}

[dir="rtl"] md-checkbox.md-indeterminate .md-icon:after {
  right: 50%;
  transform: translate(50%, -50%);
  border-right: 0;
}

md-checkbox .md-container {
  top: auto;
  left: auto;
  right: auto;
  margin: 3px;
  margin-top: 21px;
}

md-checkbox .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  margin-top: 10px;
  margin-bottom: auto;
}

[dir="ltr"] md-checkbox .md-label {
  margin-left: 36px;
}

[dir="rtl"] md-checkbox .md-label {
  margin-right: 36px;
}

[dir="ltr"] [dir=rtl] md-checkbox .md-label {
  margin-left: 0;
  margin-right: 36px;
}

[dir="rtl"] [dir=rtl] md-checkbox .md-label {
  margin-right: 0;
  margin-left: 36px;
}

[dir="ltr"] md-checkbox .md-label:empty {
  margin-left: 24px;
  margin-right: 0;
}

[dir="rtl"] md-checkbox .md-label:empty {
  margin-right: 24px;
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-checkbox .md-label:empty {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-checkbox .md-label:empty {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-checkbox .md-label:empty {
  margin-right: 24px;
}

[dir="rtl"] [dir=rtl] md-checkbox .md-label:empty {
  margin-left: 24px;
}

md-input-container .md-checkbox-link-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: pointer;
  top: -21px;
}

[dir="ltr"] md-input-container .md-checkbox-link-label {
  margin-left: 18px;
  margin-right: 0;
}

[dir="rtl"] md-input-container .md-checkbox-link-label {
  margin-right: 18px;
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-checkbox-link-label {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-input-container .md-checkbox-link-label {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-checkbox-link-label {
  margin-right: 18px;
}

[dir="rtl"] [dir=rtl] md-input-container .md-checkbox-link-label {
  margin-left: 18px;
}

[dir="ltr"] .md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0;
}

[dir="rtl"] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}

[dir="ltr"] [dir=rtl] .md-contact-chips .md-chips md-chip {
  padding: 0 0 0 25px;
}

[dir="rtl"] [dir=rtl] .md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0;
}

[dir="ltr"] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: left;
}

[dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}

[dir="ltr"] [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: right;
}

[dir="rtl"] [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
  float: left;
}

.md-contact-chips .md-chips md-chip .md-contact-avatar img {
  height: 32px;
  border-radius: 16px;
}

.md-contact-chips .md-chips md-chip .md-contact-name {
  display: inline-block;
  height: 32px;
}

[dir="ltr"] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: 8px;
}

[dir="rtl"] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-right: 8px;
}

[dir="ltr"] [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

[dir="rtl"] [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
  margin-right: auto;
  margin-left: 8px;
}

.md-contact-suggestion {
  height: 56px;
}

.md-contact-suggestion img {
  height: 40px;
  border-radius: 20px;
  margin-top: 8px;
}

.md-contact-suggestion .md-contact-name {
  width: 120px;
}

[dir="ltr"] .md-contact-suggestion .md-contact-name {
  margin-left: 8px;
}

[dir="rtl"] .md-contact-suggestion .md-contact-name {
  margin-right: 8px;
}

[dir="ltr"] [dir=rtl] .md-contact-suggestion .md-contact-name {
  margin-left: auto;
  margin-right: 8px;
}

[dir="rtl"] [dir=rtl] .md-contact-suggestion .md-contact-name {
  margin-right: auto;
  margin-left: 8px;
}

.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.md-contact-chips-suggestions li {
  height: 100%;
}

md-chips {
  display: flex;
}

.md-chips {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  vertical-align: middle;
}

[dir="ltr"] .md-chips {
  padding: 0 0 8px 3px;
}

[dir="rtl"] .md-chips {
  padding: 0 3px 8px 0;
}

.md-chips:after {
  content: "";
  display: table;
  clear: both;
}

[dir="ltr"] [dir=rtl] .md-chips {
  padding: 0 3px 8px 0;
}

[dir="rtl"] [dir=rtl] .md-chips {
  padding: 0 0 8px 3px;
}

.md-chips.md-readonly .md-chip-input-container {
  min-height: 32px;
}

.md-chips:not(.md-readonly) {
  cursor: text;
}

[dir="ltr"] .md-chips.md-removable md-chip {
  padding-right: 28px;
}

[dir="rtl"] .md-chips.md-removable md-chip {
  padding-left: 28px;
}

[dir="ltr"] [dir=rtl] .md-chips.md-removable md-chip {
  padding-right: 0;
  padding-left: 28px;
}

[dir="rtl"] [dir=rtl] .md-chips.md-removable md-chip {
  padding-left: 0;
  padding-right: 28px;
}

[dir="ltr"] .md-chips.md-removable md-chip .md-chip-content {
  padding-right: 4px;
}

[dir="rtl"] .md-chips.md-removable md-chip .md-chip-content {
  padding-left: 4px;
}

[dir="ltr"] [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
  padding-right: 0;
  padding-left: 4px;
}

[dir="rtl"] [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
  padding-left: 0;
  padding-right: 4px;
}

.md-chips md-chip {
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 12px 0 12px;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}

[dir="ltr"] .md-chips md-chip {
  margin: 8px 8px 0 0;
  float: left;
}

[dir="rtl"] .md-chips md-chip {
  margin: 8px 0 0 8px;
  float: right;
}

[dir="ltr"] [dir=rtl] .md-chips md-chip {
  margin: 8px 0 0 8px;
}

[dir="rtl"] [dir=rtl] .md-chips md-chip {
  margin: 8px 8px 0 0;
}

[dir="ltr"] [dir=rtl] .md-chips md-chip {
  float: right;
}

[dir="rtl"] [dir=rtl] .md-chips md-chip {
  float: left;
}

.md-chips md-chip .md-chip-content {
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir="ltr"] .md-chips md-chip .md-chip-content {
  float: left;
}

[dir="rtl"] .md-chips md-chip .md-chip-content {
  float: right;
}

[dir="ltr"] [dir=rtl] .md-chips md-chip .md-chip-content {
  float: right;
}

[dir="rtl"] [dir=rtl] .md-chips md-chip .md-chip-content {
  float: left;
}

.md-chips md-chip .md-chip-content:focus {
  outline: none;
}

.md-chips md-chip._md-chip-content-edit-is-enabled {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.md-chips md-chip .md-chip-remove-container {
  position: absolute;
  line-height: 22px;
}

[dir="ltr"] .md-chips md-chip .md-chip-remove-container {
  right: 0;
}

[dir="rtl"] .md-chips md-chip .md-chip-remove-container {
  left: 0;
}

[dir="ltr"] [dir=rtl] .md-chips md-chip .md-chip-remove-container {
  right: auto;
  left: 0;
}

[dir="rtl"] [dir=rtl] .md-chips md-chip .md-chip-remove-container {
  left: auto;
  right: 0;
}

.md-chips md-chip .md-chip-remove {
  text-align: center;
  width: 32px;
  height: 32px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  position: relative;
}

.md-chips md-chip .md-chip-remove md-icon {
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
  position: absolute;
  top: 50%;
}

[dir="ltr"] .md-chips md-chip .md-chip-remove md-icon {
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

[dir="rtl"] .md-chips md-chip .md-chip-remove md-icon {
  right: 50%;
  transform: translate3d(50%, -50%, 0);
}

.md-chips .md-chip-input-container {
  display: block;
  line-height: 32px;
  padding: 0;
  flex-grow: 1;
}

[dir="ltr"] .md-chips .md-chip-input-container {
  margin: 8px 8px 0 0;
  float: left;
}

[dir="rtl"] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
  float: right;
}

[dir="ltr"] [dir=rtl] .md-chips .md-chip-input-container {
  margin: 8px 0 0 8px;
}

[dir="rtl"] [dir=rtl] .md-chips .md-chip-input-container {
  margin: 8px 8px 0 0;
}

[dir="ltr"] [dir=rtl] .md-chips .md-chip-input-container {
  float: right;
}

[dir="rtl"] [dir=rtl] .md-chips .md-chip-input-container {
  float: left;
}

.md-chips .md-chip-input-container input {
  width: 100%;
}

.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type=email], .md-chips .md-chip-input-container input[type=number], .md-chips .md-chip-input-container input[type=tel], .md-chips .md-chip-input-container input[type=url], .md-chips .md-chip-input-container input[type=text] {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}

.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type=email]:focus, .md-chips .md-chip-input-container input[type=number]:focus, .md-chips .md-chip-input-container input[type=tel]:focus, .md-chips .md-chip-input-container input[type=url]:focus, .md-chips .md-chip-input-container input[type=text]:focus {
  outline: none;
}

.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  background: transparent;
  height: 32px;
}

.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}

.md-chips .md-chip-input-container input {
  border: 0;
  height: 32px;
  line-height: 32px;
  padding: 0;
}

.md-chips .md-chip-input-container input:focus {
  outline: none;
}

.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
  height: 32px;
}

.md-chips .md-chip-input-container md-autocomplete {
  box-shadow: none;
}

.md-chips .md-chip-input-container md-autocomplete input {
  position: relative;
}

[dir="ltr"] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}

[dir="rtl"] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}

[dir="ltr"] [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 0 0 8px;
}

[dir="rtl"] [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
  margin: 8px 8px 0 0;
}

.md-chips .md-chip-input-container input {
  background: transparent;
  border-width: 0;
}

.md-chips md-autocomplete button {
  display: none;
}

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
md-chip {
    border: 1px solid #fff;
  }

  .md-chip-input-container md-autocomplete {
    border: none;
  }
}

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-content[md-scroll-y] {
  overflow-y: auto;
  overflow-x: hidden;
}

md-content[md-scroll-x] {
  overflow-x: auto;
  overflow-y: hidden;
}

@media print {
  md-content {
    overflow: visible !important;
  }
}

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px;
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  display: none;
}

.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  width: 100%;
}

.md-calendar-scroll-container {
  display: inline-block;
  height: 308px;
  width: 346px;
}

[dir="ltr"] .md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
}

[dir="rtl"] .md-calendar-scroll-container {
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.2);
}

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
}

[dir="ltr"] .md-calendar-date:first-child {
  padding-left: 16px;
}

[dir="rtl"] .md-calendar-date:first-child {
  padding-right: 16px;
}

[dir="ltr"] [dir=rtl] .md-calendar-date:first-child {
  padding-left: 0;
  padding-right: 16px;
}

[dir="rtl"] [dir=rtl] .md-calendar-date:first-child {
  padding-right: 0;
  padding-left: 16px;
}

[dir="ltr"] .md-calendar-date:last-child {
  padding-right: 16px;
}

[dir="rtl"] .md-calendar-date:last-child {
  padding-left: 16px;
}

[dir="ltr"] [dir=rtl] .md-calendar-date:last-child {
  padding-right: 0;
  padding-left: 16px;
}

[dir="rtl"] [dir=rtl] .md-calendar-date:last-child {
  padding-left: 0;
  padding-right: 16px;
}

.md-calendar-date.md-calendar-date-disabled {
  cursor: default;
}

.md-calendar-date-selection-indicator {
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  cursor: pointer;
}

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
}

[dir="ltr"] .md-calendar-month-label {
  padding: 0 0 0 24px;
}

[dir="rtl"] .md-calendar-month-label {
  padding: 0 24px 0 0;
}

[dir="ltr"] [dir=rtl] .md-calendar-month-label {
  padding: 0 24px 0 0;
}

[dir="rtl"] [dir=rtl] .md-calendar-month-label {
  padding: 0 0 0 24px;
}

.md-calendar-month-label.md-calendar-label-clickable {
  cursor: pointer;
}

[dir="ltr"] .md-calendar-month-label md-icon {
  transform: rotate(180deg);
}

[dir="rtl"] .md-calendar-month-label md-icon {
  transform: rotate(-180deg);
}

[dir=rtl] .md-calendar-month-label md-icon {
  transform: none;
}

.md-calendar-month-label span {
  vertical-align: middle;
}

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.md-calendar-day-header th {
  height: 40px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box;
  font-weight: normal;
}

[dir="ltr"] .md-calendar-day-header th:first-child {
  padding-left: 16px;
}

[dir="rtl"] .md-calendar-day-header th:first-child {
  padding-right: 16px;
}

[dir="ltr"] [dir=rtl] .md-calendar-day-header th:first-child {
  padding-left: 0;
  padding-right: 16px;
}

[dir="rtl"] [dir=rtl] .md-calendar-day-header th:first-child {
  padding-right: 0;
  padding-left: 16px;
}

[dir="ltr"] .md-calendar-day-header th:last-child {
  padding-right: 16px;
}

[dir="rtl"] .md-calendar-day-header th:last-child {
  padding-left: 16px;
}

[dir="ltr"] [dir=rtl] .md-calendar-day-header th:last-child {
  padding-right: 0;
  padding-left: 16px;
}

[dir="rtl"] [dir=rtl] .md-calendar-day-header th:last-child {
  padding-left: 0;
  padding-right: 16px;
}

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.md-calendar tr:last-child td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.md-calendar:first-child {
  border-top: 1px solid transparent;
}

.md-calendar tbody, .md-calendar td, .md-calendar tr {
  vertical-align: middle;
  box-sizing: content-box;
}

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.md-inline-form md-datepicker {
  margin-top: 12px;
}

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative;
}

.md-datepicker-button:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  content: "";
  speak: none;
}

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px;
  padding: 0 0 5px;
}

.md-datepicker-input::-ms-clear {
  display: none;
}

._md-datepicker-floating-label > md-datepicker {
  overflow: visible;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
  border: none;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  margin-top: -16px;
  top: 13.5px;
}

[dir="ltr"] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: left;
}

[dir="rtl"] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: right;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: right;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
  float: left;
}

._md-datepicker-floating-label .md-input {
  float: none;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  width: calc(100% - 84px);
}

[dir="ltr"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
}

[dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 18px;
  right: auto;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: auto;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: auto;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 18px;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
}

[dir="ltr"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px;
}

[dir="rtl"] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-right: 64px;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: auto;
  margin-right: 64px;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-right: auto;
  margin-left: 64px;
}

[dir="ltr"] ._md-datepicker-has-triangle-icon {
  padding-right: 18px;
  margin-right: -18px;
}

[dir="rtl"] ._md-datepicker-has-triangle-icon {
  padding-left: 18px;
  margin-left: -18px;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-has-triangle-icon {
  padding-right: 0;
  padding-left: 18px;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-has-triangle-icon {
  padding-left: 0;
  padding-right: 18px;
}

[dir="ltr"] [dir=rtl] ._md-datepicker-has-triangle-icon {
  margin-right: auto;
  margin-left: -18px;
}

[dir="rtl"] [dir=rtl] ._md-datepicker-has-triangle-icon {
  margin-left: auto;
  margin-right: -18px;
}

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto;
}

[dir="ltr"] .md-icon-button + .md-datepicker-input-container {
  margin-left: 12px;
}

[dir="rtl"] .md-icon-button + .md-datepicker-input-container {
  margin-right: 12px;
}

[dir="ltr"] [dir=rtl] .md-icon-button + .md-datepicker-input-container {
  margin-left: auto;
  margin-right: 12px;
}

[dir="rtl"] [dir=rtl] .md-icon-button + .md-datepicker-input-container {
  margin-right: auto;
  margin-left: 12px;
}

.md-datepicker-input-container.md-datepicker-focused {
  border-bottom-width: 2px;
}

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99;
}

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  transform: scale(0);
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] .md-datepicker-calendar-pane {
  left: -100%;
  transform-origin: 0 0;
}

[dir="rtl"] .md-datepicker-calendar-pane {
  right: -100%;
  transform-origin: 100% 0;
}

.md-datepicker-calendar-pane.md-pane-open {
  transform: scale(1);
}

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  cursor: text;
}

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
}

.md-pane-open .md-datepicker-calendar {
  opacity: 1;
}

.md-datepicker-calendar md-calendar:focus {
  outline: none;
}

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}

[dir="ltr"] .md-datepicker-expand-triangle {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .md-datepicker-expand-triangle {
  right: 50%;
  transform: translate(50%, -50%);
}

.md-datepicker-triangle-button {
  position: absolute;
  bottom: -2.5px;
}

[dir="ltr"] .md-datepicker-triangle-button {
  right: 0;
  transform: translateX(45%);
}

[dir="rtl"] .md-datepicker-triangle-button {
  left: 0;
  transform: translateX(-45%);
}

[dir="ltr"] [dir=rtl] .md-datepicker-triangle-button {
  right: auto;
  left: 0;
}

[dir="rtl"] [dir=rtl] .md-datepicker-triangle-button {
  left: auto;
  right: 0;
}

[dir="ltr"] [dir=rtl] .md-datepicker-triangle-button {
  transform: translateX(-45%);
}

[dir="rtl"] [dir=rtl] .md-datepicker-triangle-button {
  transform: translateX(45%);
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px;
}

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent;
}

md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none;
}

.md-datepicker-open {
  overflow: hidden;
}

.md-datepicker-open .md-datepicker-input-container,
.md-datepicker-open input.md-input {
  border-bottom-color: transparent;
}

.md-datepicker-open .md-datepicker-triangle-button, .md-datepicker-open.md-input-has-value > label, .md-datepicker-open.md-input-has-placeholder > label {
  display: none;
}

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none;
}

.md-datepicker-calendar-pane .md-calendar {
  transform: translateY(-85px);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.125s;
}

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  transform: translateY(0);
}

.md-dialog-is-showing {
  max-height: 100%;
}

.md-dialog-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden;
}

[dir="ltr"] .md-dialog-container {
  left: 0;
}

[dir="rtl"] .md-dialog-container {
  right: 0;
}

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}

md-dialog.md-transition-in {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 0) scale(1);
}

md-dialog.md-transition-out {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 100%) scale(0.2);
}

md-dialog > form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

md-dialog .md-dialog-content {
  padding: 24px;
}

md-dialog md-dialog-content {
  order: 1;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
  margin-top: 0;
}

md-dialog md-dialog-content:focus {
  outline: none;
}

md-dialog md-dialog-content .md-subheader {
  margin: 0;
}

md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}

md-dialog md-dialog-content .md-prompt-input-container {
  width: 100%;
  box-sizing: border-box;
}

md-dialog md-dialog-actions {
  display: flex;
  order: 2;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  min-height: 52px;
  overflow: hidden;
}

[dir="ltr"] md-dialog md-dialog-actions {
  padding-right: 8px;
  padding-left: 16px;
}

[dir="rtl"] md-dialog md-dialog-actions {
  padding-left: 8px;
  padding-right: 16px;
}

[dir="ltr"] [dir=rtl] md-dialog md-dialog-actions {
  padding-right: 16px;
}

[dir="rtl"] [dir=rtl] md-dialog md-dialog-actions {
  padding-left: 16px;
}

[dir="ltr"] [dir=rtl] md-dialog md-dialog-actions {
  padding-left: 8px;
}

[dir="rtl"] [dir=rtl] md-dialog md-dialog-actions {
  padding-right: 8px;
}

md-dialog md-dialog-actions .md-button {
  margin-bottom: 8px;
  margin-top: 8px;
}

[dir="ltr"] md-dialog md-dialog-actions .md-button {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}

[dir="rtl"] [dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 8px;
}

md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 1px;
  border-top-style: solid;
}

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff;
  }
}

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0;
}

[dir="ltr"] md-divider[md-inset] {
  margin-left: 80px;
}

[dir="rtl"] md-divider[md-inset] {
  margin-right: 80px;
}

[dir="ltr"] [dir=rtl] md-divider[md-inset] {
  margin-left: auto;
  margin-right: 80px;
}

[dir="rtl"] [dir=rtl] md-divider[md-inset] {
  margin-right: auto;
  margin-left: 80px;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-divider,
.layout-xs-row > md-divider {
    border-top-width: 0;
  }

  [dir="ltr"] .layout-row:not(.layout-xs-column) > md-divider,
[dir="ltr"] .layout-xs-row > md-divider {
    border-right-width: 1px;
    border-right-style: solid;
  }

  [dir="rtl"] .layout-row:not(.layout-xs-column) > md-divider,
[dir="rtl"] .layout-xs-row > md-divider {
    border-left-width: 1px;
    border-left-style: solid;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
.layout-gt-xs-row:not(.layout-sm-column) > md-divider,
.layout-sm-row:not(.layout-sm-column) > md-divider {
    border-top-width: 0;
  }

  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
[dir="ltr"] .layout-gt-xs-row:not(.layout-sm-column) > md-divider,
[dir="ltr"] .layout-sm-row:not(.layout-sm-column) > md-divider {
    border-right-width: 1px;
    border-right-style: solid;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
[dir="rtl"] .layout-gt-xs-row:not(.layout-sm-column) > md-divider,
[dir="rtl"] .layout-sm-row:not(.layout-sm-column) > md-divider {
    border-left-width: 1px;
    border-left-style: solid;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
.layout-gt-sm-row:not(.layout-md-column) > md-divider,
.layout-md-row:not(.layout-md-column) > md-divider {
    border-top-width: 0;
  }

  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
[dir="ltr"] .layout-gt-sm-row:not(.layout-md-column) > md-divider,
[dir="ltr"] .layout-md-row:not(.layout-md-column) > md-divider {
    border-right-width: 1px;
    border-right-style: solid;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
[dir="rtl"] .layout-gt-sm-row:not(.layout-md-column) > md-divider,
[dir="rtl"] .layout-md-row:not(.layout-md-column) > md-divider {
    border-left-width: 1px;
    border-left-style: solid;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
.layout-gt-md-row:not(.layout-lg-column) > md-divider,
.layout-lg-row:not(.layout-lg-column) > md-divider {
    border-top-width: 0;
  }

  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="ltr"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="ltr"] .layout-gt-md-row:not(.layout-lg-column) > md-divider,
[dir="ltr"] .layout-lg-row:not(.layout-lg-column) > md-divider {
    border-right-width: 1px;
    border-right-style: solid;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
[dir="rtl"] .layout-gt-md-row:not(.layout-lg-column) > md-divider,
[dir="rtl"] .layout-lg-row:not(.layout-lg-column) > md-divider {
    border-left-width: 1px;
    border-left-style: solid;
  }
}

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
.layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-top-width: 0;
  }

  [dir="ltr"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="ltr"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="ltr"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="ltr"] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="ltr"] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="ltr"] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-right-width: 1px;
    border-right-style: solid;
  }

  [dir="rtl"] .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="rtl"] .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="rtl"] .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="rtl"] .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="rtl"] .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
[dir="rtl"] .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
    border-left-width: 1px;
    border-left-style: solid;
  }
}

md-fab-speed-dial {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */
}

md-fab-speed-dial.md-fab-bottom-right {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] md-fab-speed-dial.md-fab-bottom-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] md-fab-speed-dial.md-fab-bottom-right {
  left: 20px;
  right: auto;
}

md-fab-speed-dial.md-fab-bottom-left {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] md-fab-speed-dial.md-fab-bottom-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] md-fab-speed-dial.md-fab-bottom-left {
  left: auto;
  right: 20px;
}

md-fab-speed-dial.md-fab-top-right {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] md-fab-speed-dial.md-fab-top-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] md-fab-speed-dial.md-fab-top-right {
  left: 20px;
  right: auto;
}

md-fab-speed-dial.md-fab-top-left {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] md-fab-speed-dial.md-fab-top-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] md-fab-speed-dial.md-fab-top-left {
  left: auto;
  right: 20px;
}

md-fab-speed-dial:not(.md-hover-full) {
  pointer-events: none;
}

md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
  pointer-events: auto;
}

md-fab-speed-dial:not(.md-hover-full).md-is-open {
  pointer-events: auto;
}

md-fab-speed-dial ._md-css-variables {
  z-index: 20;
}

md-fab-speed-dial.md-is-open .md-fab-action-item {
  align-items: center;
}

md-fab-speed-dial md-fab-actions {
  display: flex;
  height: auto;
}

md-fab-speed-dial md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-down {
  flex-direction: column;
}

md-fab-speed-dial.md-down md-fab-trigger {
  order: 1;
}

md-fab-speed-dial.md-down md-fab-actions {
  flex-direction: column;
  order: 2;
}

md-fab-speed-dial.md-up {
  flex-direction: column;
}

md-fab-speed-dial.md-up md-fab-trigger {
  order: 2;
}

md-fab-speed-dial.md-up md-fab-actions {
  flex-direction: column-reverse;
  order: 1;
}

md-fab-speed-dial.md-left {
  flex-direction: row;
}

md-fab-speed-dial.md-left md-fab-trigger {
  order: 2;
}

md-fab-speed-dial.md-left md-fab-actions {
  flex-direction: row-reverse;
  order: 1;
}

md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-right {
  flex-direction: row;
}

md-fab-speed-dial.md-right md-fab-trigger {
  order: 1;
}

md-fab-speed-dial.md-right md-fab-actions {
  flex-direction: row;
  order: 2;
}

md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
  visibility: hidden;
}

md-fab-speed-dial.md-fling .md-fab-action-item {
  opacity: 1;
}

md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
  opacity: 0;
  transition-duration: 0s;
}

md-fab-speed-dial.md-scale .md-fab-action-item {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 0.1428571429s;
}

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Open styling
   */
}

md-fab-toolbar.md-fab-bottom-right {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] md-fab-toolbar.md-fab-bottom-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] md-fab-toolbar.md-fab-bottom-right {
  left: 20px;
  right: auto;
}

md-fab-toolbar.md-fab-bottom-left {
  top: auto;
  bottom: 20px;
  position: absolute;
}

[dir="ltr"] md-fab-toolbar.md-fab-bottom-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] md-fab-toolbar.md-fab-bottom-left {
  left: auto;
  right: 20px;
}

md-fab-toolbar.md-fab-top-right {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] md-fab-toolbar.md-fab-top-right {
  right: 20px;
  left: auto;
}

[dir="rtl"] md-fab-toolbar.md-fab-top-right {
  left: 20px;
  right: auto;
}

md-fab-toolbar.md-fab-top-left {
  top: 20px;
  bottom: auto;
  position: absolute;
}

[dir="ltr"] md-fab-toolbar.md-fab-top-left {
  right: auto;
  left: 20px;
}

[dir="rtl"] md-fab-toolbar.md-fab-top-left {
  left: auto;
  right: 20px;
}

md-fab-toolbar .md-fab-toolbar-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 68px;
}

md-fab-toolbar md-fab-trigger {
  position: absolute;
  z-index: 20;
}

md-fab-toolbar md-fab-trigger button {
  overflow: visible !important;
}

md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
  display: block;
  position: absolute;
  z-index: 21;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-fab-toolbar md-fab-trigger md-icon {
  position: relative;
  z-index: 22;
  opacity: 1;
  transition: all 200ms ease-in;
}

[dir="ltr"] md-fab-toolbar.md-left md-fab-trigger {
  right: 0;
}

[dir="rtl"] md-fab-toolbar.md-left md-fab-trigger {
  left: 0;
}

[dir="ltr"] [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
  right: auto;
  left: 0;
}

[dir="rtl"] [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
  left: auto;
  right: 0;
}

md-fab-toolbar.md-left .md-toolbar-tools {
  flex-direction: row-reverse;
}

[dir="ltr"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: 0.6rem;
}

[dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: 0.6rem;
}

[dir="ltr"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: auto;
  margin-left: 0.6rem;
}

[dir="rtl"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: 0.6rem;
}

[dir="ltr"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: -0.8rem;
}

[dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: -0.8rem;
}

[dir="ltr"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -0.8rem;
}

[dir="rtl"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
  margin-right: auto;
  margin-left: -0.8rem;
}

[dir="ltr"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: 8px;
}

[dir="rtl"] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-left: 8px;
}

[dir="ltr"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: 8px;
}

[dir="rtl"] [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
  margin-left: auto;
  margin-right: 8px;
}

[dir="ltr"] md-fab-toolbar.md-right md-fab-trigger {
  left: 0;
}

[dir="rtl"] md-fab-toolbar.md-right md-fab-trigger {
  right: 0;
}

[dir="ltr"] [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
  right: auto;
  left: 0;
}

md-fab-toolbar.md-right .md-toolbar-tools {
  flex-direction: row;
}

md-fab-toolbar md-toolbar {
  background-color: transparent !important;
  pointer-events: none;
  z-index: 23;
}

md-fab-toolbar md-toolbar .md-toolbar-tools {
  padding: 0 20px;
  margin-top: 3px;
}

md-fab-toolbar md-toolbar .md-fab-action-item {
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 0.15s;
}

md-fab-toolbar.md-is-open md-fab-trigger > button {
  box-shadow: none;
}

md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
  opacity: 0;
}

md-fab-toolbar.md-is-open .md-fab-action-item {
  opacity: 1;
  transform: scale(1);
}

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative;
}

md-grid-list md-grid-tile,
md-grid-list md-grid-tile > figure,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile-footer {
  box-sizing: border-box;
}

md-grid-list md-grid-tile {
  display: block;
  position: absolute;
}

md-grid-list md-grid-tile figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

md-grid-list md-grid-tile md-grid-tile-header,
md-grid-list md-grid-tile md-grid-tile-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  color: #fff;
  background: rgba(0, 0, 0, 0.18);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
}

md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-weight: 400;
}

[dir="ltr"] md-grid-list md-grid-tile md-grid-tile-header h3,
[dir="ltr"] md-grid-list md-grid-tile md-grid-tile-header h4,
[dir="ltr"] md-grid-list md-grid-tile md-grid-tile-footer h3,
[dir="ltr"] md-grid-list md-grid-tile md-grid-tile-footer h4 {
  margin: 0 0 0 16px;
}

[dir="rtl"] md-grid-list md-grid-tile md-grid-tile-header h3,
[dir="rtl"] md-grid-list md-grid-tile md-grid-tile-header h4,
[dir="rtl"] md-grid-list md-grid-tile md-grid-tile-footer h3,
[dir="rtl"] md-grid-list md-grid-tile md-grid-tile-footer h4 {
  margin: 0 16px 0 0;
}

md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-footer h3 {
  font-size: 14px;
}

md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
  font-size: 12px;
}

md-grid-list md-grid-tile md-grid-tile-header {
  top: 0;
}

md-grid-list md-grid-tile md-grid-tile-footer {
  bottom: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff;
  }

  md-grid-tile-footer {
    border-top: 1px solid #fff;
  }
}

md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}

md-icon svg {
  pointer-events: none;
  display: block;
}

md-icon[md-font-icon] {
  line-height: 24px;
  width: auto;
}

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0px;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */
}

md-input-container:after {
  content: "";
  display: table;
  clear: both;
}

md-input-container.md-block {
  display: block;
}

md-input-container .md-errors-spacer {
  min-height: 24px;
  min-width: 1px;
}

[dir="ltr"] md-input-container .md-errors-spacer {
  float: right;
}

[dir="rtl"] md-input-container .md-errors-spacer {
  float: left;
}

[dir="ltr"] [dir=rtl] md-input-container .md-errors-spacer {
  float: left;
}

[dir="rtl"] [dir=rtl] md-input-container .md-errors-spacer {
  float: right;
}

md-input-container > md-icon {
  position: absolute;
  top: 8px;
}

[dir="ltr"] md-input-container > md-icon {
  left: 2px;
  right: auto;
}

[dir="rtl"] md-input-container > md-icon {
  right: 2px;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-input-container > md-icon {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-input-container > md-icon {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-input-container > md-icon {
  right: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container > md-icon {
  left: 2px;
}

md-input-container textarea,
md-input-container input[type=text],
md-input-container input[type=password],
md-input-container input[type=datetime],
md-input-container input[type=datetime-local],
md-input-container input[type=date],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week],
md-input-container input[type=number],
md-input-container input[type=email],
md-input-container input[type=url],
md-input-container input[type=search],
md-input-container input[type=tel],
md-input-container input[type=color] {
  /* remove default appearance from all input/textarea */
  -moz-appearance: none;
  -webkit-appearance: none;
}

md-input-container input[type=date],
md-input-container input[type=datetime-local],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week] {
  min-height: 30px;
}

md-input-container textarea {
  resize: none;
  overflow: hidden;
}

md-input-container textarea.md-input {
  min-height: 30px;
  -ms-flex-preferred-size: auto;
}

md-input-container textarea[md-no-autogrow] {
  height: auto;
  overflow: auto;
}

md-input-container label:not(.md-container-ignore) {
  position: absolute;
  bottom: 100%;
}

[dir="ltr"] md-input-container label:not(.md-container-ignore) {
  left: 0;
  right: auto;
}

[dir="rtl"] md-input-container label:not(.md-container-ignore) {
  right: 0;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-input-container label:not(.md-container-ignore) {
  right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container label:not(.md-container-ignore) {
  left: 0;
}

md-input-container label:not(.md-container-ignore).md-required:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  transform: translate3d(0, 28px, 0) scale(1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
}

[dir="ltr"] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] md-input-container .md-placeholder {
  padding-left: 2px;
  padding-right: 0;
  transform-origin: left top;
}

[dir="rtl"] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] md-input-container .md-placeholder {
  padding-right: 2px;
  padding-left: 0;
  transform-origin: right top;
}

[dir="ltr"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] [dir=rtl] md-input-container .md-placeholder {
  padding-left: 0;
}

[dir="rtl"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] [dir=rtl] md-input-container .md-placeholder {
  padding-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] [dir=rtl] md-input-container .md-placeholder {
  padding-right: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] [dir=rtl] md-input-container .md-placeholder {
  padding-left: 2px;
}

[dir="ltr"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] [dir=rtl] md-input-container .md-placeholder {
  transform-origin: right top;
}

[dir="rtl"] [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] [dir=rtl] md-input-container .md-placeholder {
  transform-origin: left top;
}

[dir="ltr"] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] md-input-container.md-input-has-value .md-placeholder {
  padding-left: 3px;
  padding-right: 0;
}

[dir="rtl"] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] md-input-container.md-input-has-value .md-placeholder {
  padding-right: 3px;
  padding-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] [dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-left: 0;
}

[dir="rtl"] [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] [dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] [dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-right: 3px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] [dir=rtl] md-input-container.md-input-has-value .md-placeholder {
  padding-left: 3px;
}

md-input-container .md-placeholder {
  position: absolute;
  top: 0;
  opacity: 0;
  transition-property: opacity, transform;
  transform: translate3d(0, 30px, 0);
}

md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  transform: translate3d(0, 24px, 0);
}

md-input-container.md-input-has-value .md-placeholder {
  transition: none;
  opacity: 0;
}

md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
  color: transparent;
}

md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
  color: transparent;
}

md-input-container .md-input {
  order: 2;
  display: block;
  margin-top: 0;
  background: none;
  padding-top: 2px;
  padding-bottom: 1px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
  -ms-flex-preferred-size: 26px;
  border-radius: 0;
  border-style: solid;
  transition: border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100%;
  box-sizing: border-box;
}

[dir="ltr"] md-input-container .md-input {
  padding-left: 0;
  padding-right: 2px;
  float: left;
}

[dir="rtl"] md-input-container .md-input {
  padding-right: 0;
  padding-left: 2px;
  float: right;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input {
  padding-left: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input {
  padding-right: 2px;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input {
  padding-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input {
  float: right;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input {
  float: left;
}

md-input-container .md-input:focus {
  outline: none;
}

md-input-container .md-input:invalid {
  outline: none;
  box-shadow: none;
}

md-input-container .md-input.md-no-flex {
  flex: none !important;
}

[dir="ltr"] md-input-container .md-char-counter {
  text-align: right;
  padding-right: 2px;
  padding-left: 0;
}

[dir="rtl"] md-input-container .md-char-counter {
  text-align: left;
  padding-left: 2px;
  padding-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-char-counter {
  text-align: left;
}

[dir="rtl"] [dir=rtl] md-input-container .md-char-counter {
  text-align: right;
}

[dir="ltr"] [dir=rtl] md-input-container .md-char-counter {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container .md-char-counter {
  padding-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-char-counter {
  padding-left: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container .md-char-counter {
  padding-right: 2px;
}

md-input-container .md-input-messages-animation {
  position: relative;
  order: 4;
  overflow: hidden;
}

[dir="ltr"] md-input-container .md-input-messages-animation {
  clear: left;
}

[dir="rtl"] md-input-container .md-input-messages-animation {
  clear: right;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input-messages-animation {
  clear: right;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input-messages-animation {
  clear: left;
}

md-input-container .md-input-message-animation, md-input-container .md-char-counter {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 8px;
}

[dir="ltr"] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="ltr"] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
  padding-left: 0;
}

[dir="rtl"] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="rtl"] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
  padding-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="ltr"] [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="rtl"] [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="ltr"] [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-left: 5px;
}

[dir="rtl"] [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir="rtl"] [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
  padding-right: 5px;
}

md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
  opacity: 0;
  margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter-prepare {
  opacity: 0;
  margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {
  opacity: 0;
  margin-top: -100px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 6px, 0) scale(0.75);
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}

md-input-container.md-input-has-value label {
  transition: none;
}

md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input {
  padding-bottom: 0;
  border-width: 0 0 2px 0;
}

md-input-container .md-input[disabled], [disabled] md-input-container .md-input {
  background-size: 4px 1px;
  background-repeat: repeat-x;
}

[dir="ltr"] md-input-container .md-input[disabled], [dir="ltr"] [disabled] md-input-container .md-input {
  background-position: bottom -1px left 0;
}

[dir="rtl"] md-input-container .md-input[disabled], [dir="rtl"] [disabled] md-input-container .md-input {
  background-position: bottom -1px right 0;
}

md-input-container.md-icon-float {
  transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-input-container.md-icon-float > label {
  pointer-events: none;
  position: absolute;
}

md-input-container.md-icon-float > md-icon {
  top: 8px;
}

[dir="ltr"] md-input-container.md-icon-float > md-icon {
  left: 2px;
  right: auto;
}

[dir="rtl"] md-input-container.md-icon-float > md-icon {
  right: 2px;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-float > md-icon {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-float > md-icon {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-float > md-icon {
  right: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-float > md-icon {
  left: 2px;
}

md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-right > label .md-placeholder {
  width: calc(100% - 36px);
  padding: 0;
}

[dir="ltr"] md-input-container.md-icon-left {
  padding-left: 36px;
  padding-right: 0;
}

[dir="rtl"] md-input-container.md-icon-left {
  padding-right: 36px;
  padding-left: 0;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-left {
  padding-left: 0;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-left {
  padding-right: 0;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-left {
  padding-right: 36px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-left {
  padding-left: 36px;
}

[dir="ltr"] md-input-container.md-icon-left > label {
  left: 36px;
  right: auto;
}

[dir="rtl"] md-input-container.md-icon-left > label {
  right: 36px;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-left > label {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-left > label {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-left > label {
  right: 36px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-left > label {
  left: 36px;
}

[dir="ltr"] md-input-container.md-icon-right {
  padding-left: 0;
  padding-right: 36px;
}

[dir="rtl"] md-input-container.md-icon-right {
  padding-right: 0;
  padding-left: 36px;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-right {
  padding-left: 36px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-right {
  padding-right: 36px;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-right {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-right {
  padding-left: 0;
}

md-input-container.md-icon-right > md-icon:last-of-type {
  margin: 0;
}

[dir="ltr"] md-input-container.md-icon-right > md-icon:last-of-type {
  right: 2px;
  left: auto;
}

[dir="rtl"] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
  right: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: auto;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: auto;
}

[dir="ltr"] [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  left: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
  right: 2px;
}

md-input-container.md-icon-left.md-icon-right {
  padding-left: 36px;
  padding-right: 36px;
}

md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
  width: calc(100% - (36px * 2));
}

.md-resize-wrapper {
  position: relative;
}

.md-resize-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize;
}

[dir="ltr"] .md-resize-handle {
  left: 0;
}

[dir="rtl"] .md-resize-handle {
  right: 0;
}

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff;
  }
}

md-list {
  display: block;
  padding: 8px 0px 8px 0px;
}

md-list .md-subheader {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner {
  min-height: 40px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item::before,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 40px;
  visibility: hidden;
  display: inline-block;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner md-icon:first-child {
  width: 20px;
  height: 20px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-top: 4px;
  margin-bottom: 4px;
}

[dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 36px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 36px;
}

[dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 36px;
}

[dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: auto;
  margin-right: 36px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 6px;
  margin-bottom: 6px;
}

[dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: 20px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: 20px;
}

[dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 20px;
}

[dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar-icon, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: auto;
  margin-right: 20px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-avatar,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 36px;
  height: 36px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container .md-secondary.md-button,
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container .md-secondary.md-button {
  margin-top: 4px;
  margin-bottom: 4px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item .md-secondary-container md-checkbox:not(.md-dense-disabled),
md-list.md-dense:not(.md-dense-disabled) md-list-item .md-list-item-inner .md-secondary-container md-checkbox:not(.md-dense-disabled) {
  min-height: 40px;
}

[dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir="ltr"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}

[dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-right: 56px;
}

[dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-right: auto;
  margin-left: 56px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text p, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  line-height: 1.05;
  font-size: 12px;
  padding-bottom: 4px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 13px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style {
  min-height: 60px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 60px;
  visibility: hidden;
  display: inline-block;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line .md-avatar-icon, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style {
  min-height: 76px;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line::before, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 76px;
  visibility: hidden;
  display: inline-block;
}

md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-avatar, md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list.md-dense:not(.md-dense-disabled) md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

md-list.md-dense:not(.md-dense-disabled) .md-subheader-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

md-list-item {
  position: relative;
}

md-list-item.md-proxy-focus.md-focused .md-no-style {
  transition: background-color 0.15s linear;
}

md-list-item._md-button-wrap {
  position: relative;
}

md-list-item._md-button-wrap > div.md-button:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 16px;
  margin: 0;
  font-weight: 400;
  border: medium none;
}

[dir="ltr"] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: left;
}

[dir="rtl"] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}

[dir="ltr"] [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: right;
}

[dir="rtl"] [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
  text-align: left;
}

md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

[dir="ltr"] md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  left: 0;
}

[dir="rtl"] md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
  right: 0;
}

md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
  width: 100%;
}

md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner::before {
  content: "";
  min-height: inherit;
  visibility: hidden;
  display: inline-block;
}

md-list-item.md-no-proxy,
md-list-item .md-no-style {
  position: relative;
  padding: 0px 16px;
  flex: 1 1 auto;
}

md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
  font-size: inherit;
  height: inherit;
  text-transform: none;
  width: 100%;
  white-space: normal;
  flex-direction: inherit;
  align-items: inherit;
  border-radius: 0;
  margin: 0;
}

[dir="ltr"] md-list-item.md-no-proxy.md-button,
[dir="ltr"] md-list-item .md-no-style.md-button {
  text-align: left;
}

[dir="rtl"] md-list-item.md-no-proxy.md-button,
[dir="rtl"] md-list-item .md-no-style.md-button {
  text-align: right;
}

[dir="ltr"] [dir=rtl] md-list-item.md-no-proxy.md-button,
[dir="ltr"] [dir=rtl] md-list-item .md-no-style.md-button {
  text-align: right;
}

[dir="rtl"] [dir=rtl] md-list-item.md-no-proxy.md-button,
[dir="rtl"] [dir=rtl] md-list-item .md-no-style.md-button {
  text-align: left;
}

md-list-item.md-no-proxy.md-button > .md-ripple-container,
md-list-item .md-no-style.md-button > .md-ripple-container {
  border-radius: 0;
}

md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
  outline: none;
}

md-list-item.md-clickable:hover {
  cursor: pointer;
}

md-list-item md-divider {
  position: absolute;
  bottom: 0;
  width: 100%;
}

[dir="ltr"] md-list-item md-divider {
  left: 0;
}

[dir="rtl"] md-list-item md-divider {
  right: 0;
}

[dir="ltr"] [dir=rtl] md-list-item md-divider {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-list-item md-divider {
  right: auto;
  left: 0;
}

md-list-item md-divider[md-inset] {
  width: calc(100% - 72px);
  margin: 0 !important;
}

[dir="ltr"] md-list-item md-divider[md-inset] {
  left: 72px;
}

[dir="rtl"] md-list-item md-divider[md-inset] {
  right: 72px;
}

[dir="ltr"] [dir=rtl] md-list-item md-divider[md-inset] {
  left: auto;
  right: 72px;
}

[dir="rtl"] [dir=rtl] md-list-item md-divider[md-inset] {
  right: auto;
  left: 72px;
}

md-list-item,
md-list-item .md-list-item-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
  height: auto;
}

md-list-item::before,
md-list-item .md-list-item-inner::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}

md-list-item > div.md-primary > md-icon:not(.md-avatar-icon), md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon), md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
  width: 24px;
  margin-top: 16px;
  margin-bottom: 12px;
  box-sizing: content-box;
}

md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox,
md-list-item md-checkbox.md-secondary,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox,
md-list-item .md-list-item-inner md-checkbox.md-secondary {
  align-self: center;
}

md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label,
md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
md-list-item .md-list-item-inner > md-checkbox .md-label,
md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  display: none;
}

[dir="ltr"] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="ltr"] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: 32px;
}

[dir="rtl"] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="rtl"] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: 32px;
}

[dir="ltr"] [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-right: auto;
  margin-left: 32px;
}

[dir="rtl"] [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon),
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
  margin-left: auto;
  margin-right: 32px;
}

md-list-item .md-avatar, md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar,
md-list-item .md-list-item-inner .md-avatar-icon {
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 50%;
  box-sizing: content-box;
}

[dir="ltr"] md-list-item .md-avatar, [dir="ltr"] md-list-item .md-avatar-icon, [dir="ltr"] md-list-item .md-list-item-inner .md-avatar, [dir="ltr"] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: 16px;
}

[dir="rtl"] md-list-item .md-avatar, [dir="rtl"] md-list-item .md-avatar-icon, [dir="rtl"] md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: 16px;
}

[dir="ltr"] [dir=rtl] md-list-item .md-avatar, [dir="ltr"] [dir=rtl] md-list-item .md-avatar-icon, [dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-avatar, [dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-right: auto;
  margin-left: 16px;
}

[dir="rtl"] [dir=rtl] md-list-item .md-avatar, [dir="rtl"] [dir=rtl] md-list-item .md-avatar-icon, [dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-avatar, [dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon {
  margin-left: auto;
  margin-right: 16px;
}

md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
  flex: none;
  width: 40px;
  height: 40px;
}

md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar-icon {
  padding: 8px;
}

md-list-item .md-avatar-icon svg,
md-list-item .md-list-item-inner .md-avatar-icon svg {
  width: 24px;
  height: 24px;
}

md-list-item > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox {
  width: 24px;
  min-height: 40px;
}

[dir="ltr"] md-list-item > md-checkbox,
[dir="ltr"] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 0px;
  margin-right: 29px;
}

[dir="rtl"] md-list-item > md-checkbox,
[dir="rtl"] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 0px;
  margin-left: 29px;
}

[dir="ltr"] [dir=rtl] md-list-item > md-checkbox,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 29px;
}

[dir="rtl"] [dir=rtl] md-list-item > md-checkbox,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 29px;
}

[dir="ltr"] [dir=rtl] md-list-item > md-checkbox,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-right: 0px;
}

[dir="rtl"] [dir=rtl] md-list-item > md-checkbox,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
  margin-left: 0px;
}

md-list-item .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary-container {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  margin: auto;
}

[dir="ltr"] md-list-item .md-secondary-container,
[dir="ltr"] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: 0;
  margin-left: auto;
}

[dir="rtl"] md-list-item .md-secondary-container,
[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
  margin-right: auto;
}

[dir="ltr"] [dir=rtl] md-list-item .md-secondary-container,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: auto;
}

[dir="rtl"] [dir=rtl] md-list-item .md-secondary-container,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: auto;
}

[dir="ltr"] [dir=rtl] md-list-item .md-secondary-container,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-list-item .md-secondary-container,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
  margin-right: 0;
}

[dir="ltr"] md-list-item .md-secondary-container .md-button:last-of-type, [dir="ltr"] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir="ltr"] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir="ltr"] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: 0;
}

[dir="rtl"] md-list-item .md-secondary-container .md-button:last-of-type, [dir="rtl"] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir="ltr"] [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir="rtl"] [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
  margin-left: auto;
  margin-right: 0;
}

md-list-item .md-secondary-container md-checkbox,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
  margin: 0 6px;
  padding: 0 8px;
  min-height: 40px;
}

md-list-item .md-secondary-container md-checkbox:last-child,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  width: 40px;
}

[dir="ltr"] md-list-item .md-secondary-container md-checkbox:last-child,
[dir="ltr"] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-right: 0;
}

[dir="rtl"] md-list-item .md-secondary-container md-checkbox:last-child,
[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
  margin-left: auto;
  margin-right: 0;
}

md-list-item .md-secondary-container md-switch,
md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-top: 0;
  margin-bottom: 0;
}

[dir="ltr"] md-list-item .md-secondary-container md-switch,
[dir="ltr"] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-right: -6px;
}

[dir="rtl"] md-list-item .md-secondary-container md-switch,
[dir="rtl"] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-left: -6px;
}

[dir="ltr"] [dir=rtl] md-list-item .md-secondary-container md-switch,
[dir="ltr"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-right: auto;
  margin-left: -6px;
}

[dir="rtl"] [dir=rtl] md-list-item .md-secondary-container md-switch,
[dir="rtl"] [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch {
  margin-left: auto;
  margin-right: -6px;
}

md-list-item > p, md-list-item > .md-list-item-inner > p,
md-list-item .md-list-item-inner > p,
md-list-item .md-list-item-inner > .md-list-item-inner > p {
  flex: 1 1 auto;
  margin: 0;
}

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  align-items: flex-start;
  justify-content: center;
}

md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
  margin-top: 8px;
  margin-bottom: 8px;
}

md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
  margin: auto;
  text-overflow: ellipsis;
  overflow: hidden;
}

[dir="ltr"] md-list-item.md-2-line .md-list-item-text.md-offset, [dir="ltr"] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="ltr"] md-list-item.md-3-line .md-list-item-text.md-offset, [dir="ltr"] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: 56px;
}

[dir="rtl"] md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-right: 56px;
}

[dir="ltr"] [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir="ltr"] [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-left: auto;
  margin-right: 56px;
}

[dir="rtl"] [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir="rtl"] [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
  margin-right: auto;
  margin-left: 56px;
}

md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
  font-size: 14px;
  letter-spacing: 0.01em;
  margin: 3px 0 1px 0;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 0 0;
  line-height: 1.6em;
}

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px;
}

md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
  content: "";
  min-height: 72px;
  visibility: hidden;
  display: inline-block;
}

md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
  margin-top: 12px;
}

md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
  align-self: flex-start;
}

md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
  flex: 1 1 auto;
}

md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px;
}

md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
  content: "";
  min-height: 88px;
  visibility: hidden;
  display: inline-block;
}

md-list-item.md-3-line > md-icon:first-child,
md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list-item.md-3-line > .md-no-style > .md-avatar {
  margin-top: 16px;
}

.md-open-menu-container {
  position: fixed;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px;
  max-height: calc(100vh - 10px);
  overflow: auto;
}

[dir="ltr"] .md-open-menu-container {
  left: 0;
}

[dir="rtl"] .md-open-menu-container {
  right: 0;
}

.md-open-menu-container md-menu-divider {
  margin-top: 4px;
  margin-bottom: 4px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  width: 100%;
}

.md-open-menu-container md-menu-content > * {
  opacity: 0;
}

.md-open-menu-container:not(.md-clickable) {
  pointer-events: none;
}

.md-open-menu-container.md-active {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 200ms;
}

.md-open-menu-container.md-active > md-menu-content > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 200ms;
  transition-delay: 100ms;
}

.md-open-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

md-menu-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto;
}

md-menu-content.md-dense {
  max-height: 208px;
}

md-menu-content.md-dense md-menu-item {
  height: 32px;
  min-height: 32px;
}

md-menu-item {
  display: flex;
  flex-direction: row;
  min-height: 48px;
  height: 48px;
  align-content: center;
  justify-content: flex-start;
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */
}

md-menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}

md-menu-item > a.md-button {
  padding-top: 5px;
}

md-menu-item > .md-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

[dir="ltr"] md-menu-item > .md-button {
  text-align: left;
}

[dir="rtl"] md-menu-item > .md-button {
  text-align: right;
}

md-menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

[dir="ltr"] [dir=rtl] md-menu-item > .md-button {
  text-align: right;
}

[dir="rtl"] [dir=rtl] md-menu-item > .md-button {
  text-align: left;
}

[dir="ltr"] md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}

[dir="rtl"] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}

[dir="ltr"] [dir=rtl] md-menu-item > .md-button md-icon {
  margin: auto 0 auto 16px;
}

[dir="rtl"] [dir=rtl] md-menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}

md-menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}

md-menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
}

md-menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0;
}

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px;
  }

  md-menu-content[width="3"] {
    min-width: 168px;
  }

  md-menu-content[width="4"] {
    min-width: 224px;
  }

  md-menu-content[width="5"] {
    min-width: 280px;
  }

  md-menu-content[width="6"] {
    min-width: 336px;
  }

  md-menu-content[width="7"] {
    min-width: 392px;
  }
}

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px;
  }

  md-menu-content[width="3"] {
    min-width: 192px;
  }

  md-menu-content[width="4"] {
    min-width: 256px;
  }

  md-menu-content[width="5"] {
    min-width: 320px;
  }

  md-menu-content[width="6"] {
    min-width: 384px;
  }

  md-menu-content[width="7"] {
    min-width: 448px;
  }
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px;
}

md-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100;
}

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2;
}

md-menu-bar .md-menu {
  display: inline-block;
  padding: 0;
  position: relative;
}

md-menu-bar button {
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  border: 0;
  background-color: transparent;
  height: 40px;
}

md-menu-bar md-backdrop.md-menu-backdrop {
  z-index: -2;
}

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  position: relative;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  position: absolute;
  padding: 0;
  width: 24px;
  top: 6px;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  left: 24px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  right: 24px;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  left: auto;
  right: 24px;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  right: auto;
  left: 24px;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 32px 0 64px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 64px 0 32px;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 64px 0 32px;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  padding: 0 32px 0 64px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
  min-height: 0;
  height: 32px;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: left;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: right;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: right;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  float: left;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  margin: 0 8px;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: right;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: left;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: left;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  float: right;
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  margin: 8px 0;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: left;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: right;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: right;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  text-align: left;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  padding: 0;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  position: relative;
  margin: 0;
  width: 100%;
  text-transform: none;
  font-weight: normal;
  border-radius: 0px;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-left: 16px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-right: 16px;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-left: 0;
  padding-right: 16px;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  padding-right: 0;
  padding-left: 16px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  display: block;
  content: "▼";
  position: absolute;
  top: 0px;
  speak: none;
}

[dir="ltr"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  right: 28px;
}

[dir="rtl"] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(-270deg) scaleY(0.45) scaleX(0.9);
  left: 28px;
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  transform: rotate(-90deg) scaleY(0.45) scaleX(0.9);
}

[dir="ltr"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  right: auto;
  left: 28px;
}

[dir="rtl"] [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  left: auto;
  right: 28px;
}

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative;
}

._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

[dir="ltr"] .md-nav-item:first-of-type {
  margin-left: 8px;
}

[dir="rtl"] .md-nav-item:first-of-type {
  margin-right: 8px;
}

.md-button._md-nav-button {
  line-height: 24px;
  margin: 0 4px;
  padding: 12px 16px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}

.md-button._md-nav-button:focus {
  outline: none;
}

md-nav-ink-bar {
  background-color: black;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  will-change: transform;
  transition: transform 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="ltr"] md-nav-ink-bar {
  left: 0;
  transform-origin: left top;
}

[dir="rtl"] md-nav-ink-bar {
  right: 0;
  transform-origin: right top;
}

md-nav-ink-bar.ng-animate {
  transition: none;
}

md-nav-extra-content {
  min-height: 48px;
}

[dir="ltr"] md-nav-extra-content {
  padding-right: 12px;
}

[dir="rtl"] md-nav-extra-content {
  padding-left: 12px;
}

@-webkit-keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

md-progress-circular {
  position: relative;
  display: block;
  transform: scale(1, 1);
}

[dir=rtl] md-progress-circular {
  transform: scale(-1, 1);
}

md-progress-circular._md-progress-circular-disabled {
  visibility: hidden;
}

md-progress-circular.md-mode-indeterminate svg {
  -webkit-animation: indeterminate-rotate 1568.63ms linear infinite;
          animation: indeterminate-rotate 1568.63ms linear infinite;
}

md-progress-circular svg {
  position: absolute;
  overflow: visible;
  top: 0;
}

[dir="ltr"] md-progress-circular svg {
  left: 0;
}

[dir="rtl"] md-progress-circular svg {
  right: 0;
}

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  transform: scale(1, 1);
}

[dir=rtl] md-progress-linear {
  transform: scale(-1, 1);
}

md-progress-linear._md-progress-linear-disabled {
  visibility: hidden;
}

md-progress-linear .md-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
}

md-progress-linear .md-container .md-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

[dir="ltr"] md-progress-linear .md-container .md-bar {
  left: 0;
}

[dir="rtl"] md-progress-linear .md-container .md-bar {
  right: 0;
}

md-progress-linear .md-container .md-dashed:before {
  content: "";
  display: none;
  position: absolute;
  margin-top: 0;
  height: 5px;
  width: 100%;
  background-color: transparent;
  background-size: 10px 10px !important;
}

[dir="ltr"] md-progress-linear .md-container .md-dashed:before {
  background-position: 0px -23px;
}

[dir="rtl"] md-progress-linear .md-container .md-dashed:before {
  background-position: right 0px top -23px;
}

md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
  transition: transform 0.2s linear;
}

md-progress-linear .md-container.md-mode-query .md-bar1 {
  display: none;
}

md-progress-linear .md-container.md-mode-query .md-bar2 {
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}

md-progress-linear .md-container.md-mode-determinate .md-bar1 {
  display: none;
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
  -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
          animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
  -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
          animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
}

md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
  -webkit-animation: none;
          animation: none;
}

md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
  -webkit-animation-name: none;
          animation-name: none;
}

md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
  -webkit-animation-name: none;
          animation-name: none;
}

md-progress-linear .md-container.md-mode-buffer {
  background-color: transparent !important;
  transition: all 0.2s linear;
}

md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
  display: block;
  -webkit-animation: buffer 3s infinite linear;
          animation: buffer 3s infinite linear;
}

@-webkit-keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

@-webkit-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

  36.6% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
            animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }

  69.15% {
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
            animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }

  100% {
    transform: scaleX(0.1);
  }
}

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

  36.6% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
            animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1);
  }

  69.15% {
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
            animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798);
  }

  100% {
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

  20% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }

  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
            animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }

  100% {
    left: 95.4444444444%;
  }
}

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

  20% {
    left: -105.1666666667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703);
  }

  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
            animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125);
  }

  100% {
    left: 95.4444444444%;
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
            animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }

  19.15% {
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
            animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }

  44.15% {
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
            animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }

  100% {
    transform: scaleX(0.1);
  }
}

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
            animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841);
  }

  19.15% {
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
            animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535);
  }

  44.15% {
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
            animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961);
  }

  100% {
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
            animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }

  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
            animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }

  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
            animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }

  100% {
    left: 117.3888888889%;
  }
}

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.8888888889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
            animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966);
  }

  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
            animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979);
  }

  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
            animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796);
  }

  100% {
    left: 117.3888888889%;
  }
}

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}

md-radio-button[disabled] {
  cursor: default;
}

md-radio-button[disabled] .md-container {
  cursor: default;
}

md-radio-button .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

[dir="ltr"] md-radio-button .md-container {
  left: 0;
  right: auto;
}

[dir="rtl"] md-radio-button .md-container {
  right: 0;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-radio-button .md-container {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-radio-button .md-container {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-radio-button .md-container {
  right: 0;
}

[dir="rtl"] [dir=rtl] md-radio-button .md-container {
  left: 0;
}

md-radio-button .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-radio-button .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}

md-radio-button.md-align-top-left > div.md-container {
  top: 12px;
}

md-radio-button .md-off {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  transition: border-color ease 0.28s;
}

[dir="ltr"] md-radio-button .md-off {
  left: 0;
}

[dir="rtl"] md-radio-button .md-off {
  right: 0;
}

md-radio-button .md-on {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: transform ease 0.28s;
  transform: scale(0);
}

[dir="ltr"] md-radio-button .md-on {
  left: 0;
}

[dir="rtl"] md-radio-button .md-on {
  right: 0;
}

md-radio-button.md-checked .md-on {
  transform: scale(0.5);
}

md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}

[dir="ltr"] md-radio-button .md-label {
  margin-left: 30px;
  margin-right: 0;
}

[dir="rtl"] md-radio-button .md-label {
  margin-right: 30px;
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-radio-button .md-label {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-radio-button .md-label {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-radio-button .md-label {
  margin-right: 30px;
}

[dir="rtl"] [dir=rtl] md-radio-button .md-label {
  margin-left: 30px;
}

md-radio-group:focus {
  outline: none;
}

md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-radio-group.md-focused.ng-empty > md-radio-button:first-child .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-radio-group[disabled] md-radio-button {
  cursor: default;
}

md-radio-group[disabled] md-radio-button .md-container {
  cursor: default;
}

@media (max-width: 599px) {
  .layout-row:not(.layout-xs-column) > md-radio-button,
.layout-xs-row > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-sm-column) > md-radio-button,
.layout-sm-row:not(.layout-sm-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-md-column) > md-radio-button,
.layout-md-row:not(.layout-md-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-radio-button,
.layout-gt-md-row:not(.layout-lg-column) > md-radio-button,
.layout-lg-row:not(.layout-lg-column) > md-radio-button {
    margin-bottom: 0;
  }
}

@media (min-width: 1920px) {
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button,
.layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-radio-button {
    margin-bottom: 0;
  }
}

.md-inline-form md-radio-group {
  margin: 18px 0 19px;
}

.md-inline-form md-radio-group md-radio-button {
  display: inline-block;
  height: 30px;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
}

[dir="ltr"] .md-inline-form md-radio-group md-radio-button {
  padding: 2px 10px 2px 6px;
}

[dir="rtl"] .md-inline-form md-radio-group md-radio-button {
  padding: 2px 6px 2px 10px;
}

.md-inline-form md-radio-group md-radio-button .md-label {
  top: 4px;
}

.md-inline-form md-radio-group md-radio-button .md-container {
  margin-top: 2px;
}

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff;
  }
}

md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: left top;
}

[dir="rtl"] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: right top;
}

[dir="ltr"] [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: right top;
}

[dir="rtl"] [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transform-origin: left top;
}

[dir="ltr"] md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  transform: translate(-2px, -22px) scale(0.75);
}

[dir="rtl"] md-input-container.md-input-focused:not([md-no-float]) md-select:not([placeholder]) .md-select-placeholder span:first-child {
  transform: translate(2px, -22px) scale(0.75);
}

.md-select-menu-container {
  position: fixed;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px);
}

[dir="ltr"] .md-select-menu-container {
  left: 0;
}

[dir="rtl"] .md-select-menu-container {
  right: 0;
}

.md-select-menu-container:not(.md-clickable) {
  pointer-events: none;
}

.md-select-menu-container md-progress-circular {
  display: table;
  margin: 24px auto !important;
}

.md-select-menu-container.md-active {
  display: block;
  opacity: 1;
}

.md-select-menu-container.md-active md-select-menu {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
}

.md-select-menu-container.md-active md-select-menu > * {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transition-delay: 100ms;
}

.md-select-menu-container.md-leave {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 250ms;
}

.md-inline-form md-select {
  margin-top: 20px;
}

md-input-container > md-select, .md-inline-form md-input-container > md-select {
  margin-top: 0px;
}

md-input-container > md-select {
  order: 2;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px;
}

md-select {
  display: flex;
}

md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " *";
  font-size: 13px;
  vertical-align: top;
}

md-select[disabled] .md-select-value {
  background-size: 4px 1px;
  background-repeat: repeat-x;
  padding-bottom: 2px;
  padding-top: 1px;
  transform: translateY(1px);
}

[dir="ltr"] md-select[disabled] .md-select-value {
  background-position: bottom -1px left 0;
}

[dir="rtl"] md-select[disabled] .md-select-value {
  background-position: bottom -1px right 0;
}

md-select:focus {
  outline: none;
}

md-select[disabled]:hover {
  cursor: default;
}

md-select:not([disabled]):hover {
  cursor: pointer;
}

md-select:not([disabled]):focus .md-select-value {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 0px;
}

md-input-container md-select:not([disabled]):focus .md-select-value {
  border-bottom-width: 2px;
}

[dir="ltr"] md-input-container md-select[disabled] .md-select-value {
  background-position: bottom -1px left 0;
}

[dir="rtl"] md-input-container md-select[disabled] .md-select-value {
  background-position: bottom -1px right 0;
}

md-input-container md-select .md-select-value {
  min-height: 26px;
  border-bottom-width: 1px;
  padding-bottom: 1px;
}

[dir="ltr"] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 0;
  padding-right: 2px;
}

[dir="rtl"] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 0;
  padding-left: 2px;
}

[dir="ltr"] [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 2px;
}

[dir="rtl"] [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 2px;
}

[dir="ltr"] [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] md-input-container md-select .md-select-value.md-select-placeholder {
  padding-left: 0;
}

.md-select-value {
  display: flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 88px;
  min-height: 26px;
  margin-bottom: auto;
  -ms-flex-item-align: start;
  flex-grow: 1;
}

[dir="ltr"] .md-select-value {
  padding-left: 0;
  padding-right: 2px;
}

[dir="rtl"] .md-select-value {
  padding-right: 0;
  padding-left: 2px;
}

[dir="ltr"] [dir=rtl] .md-select-value {
  padding-left: 2px;
}

[dir="rtl"] [dir=rtl] .md-select-value {
  padding-right: 2px;
}

[dir="ltr"] [dir=rtl] .md-select-value {
  padding-right: 0;
}

[dir="rtl"] [dir=rtl] .md-select-value {
  padding-left: 0;
}

.md-select-value > span:not(.md-select-icon) {
  max-width: 100%;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
}

.md-select-value .md-select-icon {
  display: block;
  align-items: flex-end;
  width: 24px;
  transform: translateY(-2px);
  font-size: 1.2rem;
}

[dir="ltr"] .md-select-value .md-select-icon {
  text-align: right;
}

[dir="rtl"] .md-select-value .md-select-icon {
  text-align: left;
}

[dir=rtl] .md-select-value .md-select-icon {
  align-items: flex-start;
}

[dir="ltr"] [dir=rtl] .md-select-value .md-select-icon {
  text-align: left;
}

[dir="rtl"] [dir=rtl] .md-select-value .md-select-icon {
  text-align: right;
}

.md-select-value .md-select-icon:after {
  display: block;
  content: "▼";
  position: relative;
  top: 2px;
  speak: none;
  font-size: 13px;
  transform: scaleY(0.5);
}

[dir="ltr"] .md-select-value .md-select-icon:after {
  right: -4px;
  left: auto;
}

[dir="rtl"] .md-select-value .md-select-icon:after {
  left: -4px;
  right: auto;
}

[dir="ltr"] [dir=rtl] .md-select-value .md-select-icon:after {
  right: auto;
}

[dir="rtl"] [dir=rtl] .md-select-value .md-select-icon:after {
  left: auto;
}

[dir="ltr"] [dir=rtl] .md-select-value .md-select-icon:after {
  left: -4px;
}

[dir="rtl"] [dir=rtl] .md-select-value .md-select-icon:after {
  right: -4px;
}

.md-select-value.md-select-placeholder {
  display: flex;
  order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
}

md-select-menu {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  transform: scale(1);
}

[dir="ltr"] md-select-menu {
  transform-origin: left top;
}

[dir="rtl"] md-select-menu {
  transform-origin: right top;
}

md-select-menu.md-reverse {
  flex-direction: column-reverse;
}

md-select-menu:not(.md-overflow) md-content {
  padding-top: 8px;
  padding-bottom: 8px;
}

[dir="ltr"] [dir=rtl] md-select-menu {
  transform-origin: right top;
}

[dir="rtl"] [dir=rtl] md-select-menu {
  transform-origin: left top;
}

md-select-menu md-content {
  min-width: 136px;
  min-height: 48px;
  max-height: 256px;
  overflow-y: auto;
}

md-select-menu > * {
  opacity: 0;
}

md-option {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
  transition: background 0.15s linear;
  padding: 0 16px 0 16px;
  height: 48px;
}

md-option[disabled] {
  cursor: default;
}

md-option:focus {
  outline: none;
}

md-option .md-text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

md-optgroup {
  display: block;
}

md-optgroup label {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
}

md-optgroup md-option {
  padding-left: 32px;
  padding-right: 32px;
}

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent;
  }

  md-select-menu {
    border: 1px solid #fff;
  }
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
  padding-left: 16px;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 16px;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 18px;
  height: 18px;
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: 0;
  right: auto;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
  left: auto;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: auto;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: 0;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  box-sizing: border-box;
  transition: 240ms;
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  left: 0;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
  right: 0;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border-color: transparent;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  display: table;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  content: "";
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  transform: rotate(45deg);
  left: 4px;
  border-left: 0;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  transform: rotate(-45deg);
  right: 4px;
  border-right: 0;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}

md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: table;
  width: 10.8px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  content: "";
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 0;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  right: 50%;
  transform: translate(50%, -50%);
  border-right: 0;
}

[dir="ltr"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
  margin-right: auto;
}

[dir="rtl"] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
  margin-left: auto;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: auto;
}

[dir="ltr"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.6666666667px;
}

[dir="rtl"] [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.6666666667px;
}

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-sidenav ul {
  list-style: none;
}

md-sidenav.md-closed {
  display: none;
}

md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  display: flex;
  transition: 0.2s ease-in all;
}

md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed.md-sidenav-right {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-locked-open-remove.md-closed {
  position: static;
  display: flex;
  transform: translate3d(0, 0, 0);
}

md-sidenav.md-closed.md-locked-open-add {
  position: static;
  display: flex;
  transform: translate3d(0%, 0, 0);
}

md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}

md-sidenav.md-closed.md-locked-open-add-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-sidenav.md-locked-open-remove-active {
  transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  width: 0 !important;
  min-width: 0 !important;
}

.md-sidenav-backdrop.md-locked-open {
  display: none;
}

.md-sidenav-left, md-sidenav {
  top: 0;
  transform: translate3d(0%, 0, 0);
}

[dir="ltr"] .md-sidenav-left, [dir="ltr"] md-sidenav {
  left: 0;
}

[dir="rtl"] .md-sidenav-left, [dir="rtl"] md-sidenav {
  right: 0;
}

[dir="ltr"] .md-sidenav-left.md-closed, [dir="ltr"] md-sidenav.md-closed {
  transform: translate3d(-100%, 0, 0);
}

[dir="rtl"] .md-sidenav-left.md-closed, [dir="rtl"] md-sidenav.md-closed {
  transform: translate3d(100%, 0, 0);
}

.md-sidenav-right {
  top: 0;
}

[dir="ltr"] .md-sidenav-right {
  left: 100%;
  transform: translate(-100%, 0);
}

[dir="rtl"] .md-sidenav-right {
  right: 100%;
  transform: translate(100%, 0);
}

.md-sidenav-right.md-closed {
  transform: translate(0%, 0);
}

@media (min-width: 600px) {
  md-sidenav {
    max-width: 400px;
  }
}

@media (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px);
  }
}

@media screen and (-ms-high-contrast: active) {
  [dir="ltr"] .md-sidenav-left, [dir="ltr"] md-sidenav {
    border-right: 1px solid #fff;
  }

  [dir="rtl"] .md-sidenav-left, [dir="rtl"] md-sidenav {
    border-left: 1px solid #fff;
  }

  [dir="ltr"] .md-sidenav-right {
    border-left: 1px solid #fff;
  }

  [dir="rtl"] .md-sidenav-right {
    border-right: 1px solid #fff;
  }
}

@-webkit-keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }

  30% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.7);
  }
}

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7);
  }

  30% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.7);
  }
}

@-webkit-keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0);
  }
}

@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0);
  }
}

md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  flex-direction: row;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */
}

md-slider *, md-slider *:after {
  box-sizing: border-box;
}

md-slider .md-slider-wrapper {
  outline: none;
  width: 100%;
  height: 100%;
}

md-slider .md-slider-content {
  position: relative;
}

md-slider .md-track-container {
  width: 100%;
  position: absolute;
  top: 23px;
  height: 2px;
}

md-slider .md-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}

md-slider .md-track-fill {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width, height;
}

md-slider .md-track-ticks {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}

md-slider .md-track-ticks canvas {
  width: 100%;
  height: 100%;
}

md-slider .md-thumb-container {
  position: absolute;
  top: 50%;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] md-slider .md-thumb-container {
  left: 0;
  transform: translate3d(-50%, -50%, 0);
  transition-property: left, right, bottom;
}

[dir="rtl"] md-slider .md-thumb-container {
  right: 0;
  transform: translate3d(50%, -50%, 0);
  transition-property: right, left, bottom;
}

[dir="ltr"] [dir=rtl] md-slider .md-thumb-container {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-slider .md-thumb-container {
  right: auto;
  left: 0;
}

md-slider .md-thumb {
  z-index: 1;
  position: absolute;
  top: 14px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir="ltr"] md-slider .md-thumb {
  left: -10px;
}

[dir="rtl"] md-slider .md-thumb {
  right: -10px;
}

[dir="ltr"] [dir=rtl] md-slider .md-thumb {
  left: auto;
  right: -10px;
}

[dir="rtl"] [dir=rtl] md-slider .md-thumb {
  right: auto;
  left: -10px;
}

md-slider .md-thumb:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border-width: 3px;
  border-style: solid;
  transition: inherit;
}

md-slider .md-sign {
  /* Center the children (slider-thumb-text) */
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -17px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.4) translate3d(0, 67.5px, 0);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  /* The arrow pointing down under the sign */
}

[dir="ltr"] md-slider .md-sign {
  left: -14px;
}

[dir="rtl"] md-slider .md-sign {
  right: -14px;
}

md-slider .md-sign:after {
  position: absolute;
  content: "";
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="ltr"] md-slider .md-sign:after {
  left: 0px;
}

[dir="rtl"] md-slider .md-sign:after {
  right: 0px;
}

[dir="ltr"] [dir=rtl] md-slider .md-sign:after {
  left: auto;
  right: 0px;
}

[dir="rtl"] [dir=rtl] md-slider .md-sign:after {
  right: auto;
  left: 0px;
}

md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}

md-slider .md-focus-ring {
  position: absolute;
  top: 7px;
  width: 34px;
  height: 34px;
  border-radius: 34px;
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="ltr"] md-slider .md-focus-ring {
  left: -17px;
}

[dir="rtl"] md-slider .md-focus-ring {
  right: -17px;
}

[dir="ltr"] [dir=rtl] md-slider .md-focus-ring {
  left: auto;
  right: -17px;
}

[dir="rtl"] [dir=rtl] md-slider .md-focus-ring {
  right: auto;
  left: -17px;
}

md-slider .md-disabled-thumb {
  position: absolute;
  top: 10px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  transform: scale(0.5);
  border-width: 4px;
  border-style: solid;
  display: none;
}

[dir="ltr"] md-slider .md-disabled-thumb {
  left: -14px;
}

[dir="rtl"] md-slider .md-disabled-thumb {
  right: -14px;
}

[dir="ltr"] [dir=rtl] md-slider .md-disabled-thumb {
  left: auto;
  right: -14px;
}

[dir="rtl"] [dir=rtl] md-slider .md-disabled-thumb {
  right: auto;
  left: -14px;
}

md-slider.md-min .md-sign {
  opacity: 0;
}

md-slider:focus {
  outline: none;
}

md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
  transition: none;
}
md-slider:not([md-discrete]) {
  /* Hide the sign and ticks in non-discrete mode */
}

md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
  display: none;
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
  transform: scale(0.8);
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(1);
  opacity: 1;
}

md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  -webkit-animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
}

md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
  transform: scale(1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
  transform: scale(0);
  -webkit-animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
  -webkit-animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
          animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
  transform: scale(0);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

md-slider[md-discrete][disabled][readonly] .md-thumb {
  transform: scale(0);
}

md-slider[md-discrete][disabled][readonly] .md-sign,
md-slider[md-discrete][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

md-slider[disabled] .md-track-fill {
  display: none;
}

md-slider[disabled] .md-track-ticks {
  opacity: 0;
}

md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 0;
}

md-slider[disabled] .md-thumb {
  transform: scale(0.5);
}

md-slider[disabled] .md-disabled-thumb {
  display: block;
}

md-slider[md-vertical] {
  flex-direction: column;
  min-height: 128px;
  min-width: 0;
}

md-slider[md-vertical] .md-slider-wrapper {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 48px;
  align-self: center;
  display: flex;
  justify-content: center;
}

md-slider[md-vertical] .md-track-container {
  height: 100%;
  width: 2px;
  top: 0;
}

[dir="ltr"] md-slider[md-vertical] .md-track-container {
  left: calc(50% - (2px / 2));
}

[dir="rtl"] md-slider[md-vertical] .md-track-container {
  right: calc(50% - (2px / 2));
}

md-slider[md-vertical] .md-thumb-container {
  top: auto;
  margin-bottom: 23px;
  bottom: 0;
}

[dir="ltr"] md-slider[md-vertical] .md-thumb-container {
  left: calc(50% - 1px);
}

[dir="rtl"] md-slider[md-vertical] .md-thumb-container {
  right: calc(50% - 1px);
}

[dir="ltr"] md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  left: 1px;
}

[dir="rtl"] md-slider[md-vertical] .md-thumb-container .md-thumb:after {
  right: 1px;
}

[dir="ltr"] md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  left: -16px;
}

[dir="rtl"] md-slider[md-vertical] .md-thumb-container .md-focus-ring {
  right: -16px;
}

md-slider[md-vertical] .md-track-fill {
  bottom: 0;
}

md-slider[md-vertical][md-discrete] .md-sign {
  top: 9.5px;
  /* The arrow pointing left next the sign */
}

[dir="ltr"] md-slider[md-vertical][md-discrete] .md-sign {
  left: -40px;
  transform: scale(0.4) translate3d(67.5px, 0, 0);
}

[dir="rtl"] md-slider[md-vertical][md-discrete] .md-sign {
  right: -40px;
  transform: scale(0.4) translate3d(-67.5px, 0, 0);
}

md-slider[md-vertical][md-discrete] .md-sign:after {
  top: 9.5px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  opacity: 0;
  transform: translate3d(0, -8px, 0);
  transition: all 0.2s ease-in-out;
}

[dir="ltr"] md-slider[md-vertical][md-discrete] .md-sign:after {
  left: 19px;
  border-right: 0;
  border-left-width: 16px;
  border-left-style: solid;
}

[dir="rtl"] md-slider[md-vertical][md-discrete] .md-sign:after {
  right: 19px;
  border-left: 0;
  border-right-width: 16px;
  border-right-style: solid;
}

md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
}

md-slider[md-vertical][md-discrete].md-active .md-sign:after,
md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
  top: 0;
}

md-slider[md-vertical][disabled][readonly] .md-thumb {
  transform: scale(0);
}

md-slider[md-vertical][disabled][readonly] .md-sign,
md-slider[md-vertical][disabled][readonly] .md-sign:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[dir="ltr"] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
  right: 0;
}

[dir="rtl"] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
  left: 0;
}

[dir="ltr"] [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: 0;
}

[dir="rtl"] [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: 0;
}

[dir="ltr"] [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  right: auto;
}

[dir="rtl"] [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
  left: auto;
}

md-slider[md-invert][md-vertical] .md-track-fill {
  bottom: auto;
  top: 0;
}

md-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
}

md-slider-container > *:first-child:not(md-slider), md-slider-container > *:last-child:not(md-slider) {
  min-width: 25px;
  max-width: 42px;
  height: 25px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, max-width;
}

[dir="ltr"] md-slider-container > *:first-child:not(md-slider) {
  margin-right: 16px;
}

[dir="rtl"] md-slider-container > *:first-child:not(md-slider) {
  margin-left: 16px;
}

[dir="ltr"] [dir=rtl] md-slider-container > *:first-child:not(md-slider) {
  margin-right: auto;
  margin-left: 16px;
}

[dir="rtl"] [dir=rtl] md-slider-container > *:first-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}

[dir="ltr"] md-slider-container > *:last-child:not(md-slider) {
  margin-left: 16px;
}

[dir="rtl"] md-slider-container > *:last-child:not(md-slider) {
  margin-right: 16px;
}

[dir="ltr"] [dir=rtl] md-slider-container > *:last-child:not(md-slider) {
  margin-left: auto;
  margin-right: 16px;
}

[dir="rtl"] [dir=rtl] md-slider-container > *:last-child:not(md-slider) {
  margin-right: auto;
  margin-left: 16px;
}

md-slider-container[md-vertical] {
  flex-direction: column;
}

md-slider-container[md-vertical] > *:first-child:not(md-slider), md-slider-container[md-vertical] > *:last-child:not(md-slider) {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}

md-slider-container md-input-container input[type=number] {
  text-align: center;
  height: 50px;
  margin-top: -25px;
}

[dir="ltr"] md-slider-container md-input-container input[type=number] {
  padding-left: 15px;
}

[dir="rtl"] md-slider-container md-input-container input[type=number] {
  padding-right: 15px;
}

[dir="ltr"] [dir=rtl] md-slider-container md-input-container input[type=number] {
  padding-left: 0;
  padding-right: 15px;
}

[dir="rtl"] [dir=rtl] md-slider-container md-input-container input[type=number] {
  padding-right: 0;
  padding-left: 15px;
}

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff;
  }
}

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
}

[dir="ltr"] .md-sticky-clone {
  transform: translate3d(-9999px, -9999px, 0);
}

[dir="rtl"] .md-sticky-clone {
  transform: translate3d(9999px, -9999px, 0);
}

.md-sticky-clone[sticky-state=active] {
  transform: translate3d(0, 0, 0);
}

.md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner {
  -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
          animation: subheaderStickyHoverIn 0.3s ease-out both;
}

@-webkit-keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent;
  }

  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }
}

@-webkit-keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin;
}

.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
  margin: 0;
}

.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
  z-index: 2;
}

.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
  margin-top: -2px;
}

.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
  -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
          animation: subheaderStickyHoverOut 0.3s ease-out both;
}

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative;
}

.md-subheader .md-subheader-inner {
  display: block;
  padding: 16px;
}

.md-subheader .md-subheader-content {
  display: block;
  z-index: 1;
  position: relative;
}

[md-swipe-left], [md-swipe-right] {
  touch-action: pan-y;
}

[md-swipe-up], [md-swipe-down] {
  touch-action: pan-x;
}

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px;
}

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  align-items: center;
  display: flex;
}

[dir="ltr"] md-switch {
  margin-left: inherit;
  margin-right: 16px;
}

[dir="rtl"] md-switch {
  margin-right: inherit;
  margin-left: 16px;
}

[dir="ltr"] [dir=rtl] md-switch {
  margin-left: 16px;
}

[dir="rtl"] [dir=rtl] md-switch {
  margin-right: 16px;
}

[dir="ltr"] [dir=rtl] md-switch {
  margin-right: inherit;
}

[dir="rtl"] [dir=rtl] md-switch {
  margin-left: inherit;
}

[dir="ltr"] md-switch:last-of-type {
  margin-left: inherit;
  margin-right: 0;
}

[dir="rtl"] md-switch:last-of-type {
  margin-right: inherit;
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] md-switch:last-of-type {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-switch:last-of-type {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] md-switch:last-of-type {
  margin-right: inherit;
}

[dir="rtl"] [dir=rtl] md-switch:last-of-type {
  margin-left: inherit;
}

md-switch[disabled] {
  cursor: default;
}

md-switch[disabled] .md-container {
  cursor: default;
}

md-switch .md-container {
  cursor: -webkit-grab;
  cursor: grab;
  width: 36px;
  height: 24px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[dir="ltr"] md-switch .md-container {
  margin-right: 8px;
  float: left;
}

[dir="rtl"] md-switch .md-container {
  margin-left: 8px;
  float: right;
}

[dir="ltr"] [dir=rtl] md-switch .md-container {
  margin-right: 0px;
  margin-left: 8px;
}

[dir="rtl"] [dir=rtl] md-switch .md-container {
  margin-left: 0px;
  margin-right: 8px;
}

[dir="ltr"] md-switch.md-inverted .md-container {
  margin-right: initial;
  margin-left: 8px;
}

[dir="rtl"] md-switch.md-inverted .md-container {
  margin-left: initial;
  margin-right: 8px;
}

[dir="ltr"] [dir=rtl] md-switch.md-inverted .md-container {
  margin-right: 8px;
}

[dir="rtl"] [dir=rtl] md-switch.md-inverted .md-container {
  margin-left: 8px;
}

[dir="ltr"] [dir=rtl] md-switch.md-inverted .md-container {
  margin-left: initial;
}

[dir="rtl"] [dir=rtl] md-switch.md-inverted .md-container {
  margin-right: initial;
}

md-switch:not([disabled]) .md-dragging, md-switch:not([disabled]).md-dragging .md-container {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

md-switch.md-focused .md-thumb:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px;
}

md-switch .md-label {
  border-color: transparent;
  border-width: 0;
}

[dir="ltr"] md-switch .md-label {
  float: left;
}

[dir="rtl"] md-switch .md-label {
  float: right;
}

md-switch .md-bar {
  width: 34px;
  top: 5px;
  height: 14px;
  border-radius: 8px;
  position: absolute;
}

[dir="ltr"] md-switch .md-bar {
  left: 1px;
}

[dir="rtl"] md-switch .md-bar {
  right: 1px;
}

md-switch .md-thumb-container {
  top: 2px;
  width: 16px;
  position: absolute;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}

[dir="ltr"] md-switch .md-thumb-container {
  left: 0;
}

[dir="rtl"] md-switch .md-thumb-container {
  right: 0;
}

[dir="ltr"] md-switch.md-checked .md-thumb-container {
  transform: translate3d(100%, 0, 0);
}

[dir="rtl"] md-switch.md-checked .md-thumb-container {
  transform: translate3d(-100%, 0, 0);
}

md-switch .md-thumb {
  position: absolute;
  margin: 0;
  top: 0;
  outline: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

[dir="ltr"] md-switch .md-thumb {
  left: 0;
}

[dir="rtl"] md-switch .md-thumb {
  right: 0;
}

md-switch .md-thumb:before {
  background-color: transparent;
  border-radius: 50%;
  content: "";
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  width: auto;
}

md-switch .md-thumb .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
  transition: all 0.08s linear;
  transition-property: transform, background-color;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
  transition-delay: 0.05s;
}

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666;
  }

  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E;
  }

  md-switch.md-default-theme .md-thumb {
    background-color: #fff;
  }
}

@-webkit-keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes md-tab-content-hide {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
}

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 248px;
}

md-tabs[md-align-tabs=bottom] {
  padding-bottom: 48px;
}

md-tabs[md-align-tabs=bottom] > md-tabs-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  z-index: 2;
}

md-tabs[md-align-tabs=bottom] > md-tabs-content-wrapper {
  top: 0;
  bottom: 48px;
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
  min-height: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  overflow: visible;
}

md-tabs.md-dynamic-height md-tab-content.md-active {
  position: relative;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 1px;
  border-style: solid;
}

md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
  top: 49px;
}

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate(0, 0);
}

md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  height: 100%;
  width: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1em;
  z-index: 2;
  cursor: pointer;
  font-size: 16px;
  background: transparent no-repeat center center;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
  outline: none;
}

md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
  opacity: 0.25;
  cursor: default;
}

md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
  transition: none;
}

md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
  position: absolute;
  top: 50%;
}

[dir="ltr"] md-tabs-wrapper md-prev-button md-icon, [dir="ltr"] md-tabs-wrapper md-next-button md-icon {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] md-tabs-wrapper md-prev-button md-icon, [dir="rtl"] md-tabs-wrapper md-next-button md-icon {
  right: 50%;
  transform: translate(50%, -50%);
}

[dir="ltr"] [dir=rtl] md-tabs-wrapper md-prev-button, [dir="ltr"] [dir=rtl] md-tabs-wrapper md-next-button {
  transform: rotateY(180deg) translateY(-50%);
}

[dir="rtl"] [dir=rtl] md-tabs-wrapper md-prev-button, [dir="rtl"] [dir=rtl] md-tabs-wrapper md-next-button {
  transform: rotateY(-180deg) translateY(-50%);
}

md-tabs-wrapper md-prev-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}

[dir="ltr"] md-tabs-wrapper md-prev-button {
  left: 0;
}

[dir="rtl"] md-tabs-wrapper md-prev-button {
  right: 0;
}

[dir="ltr"] [dir=rtl] md-tabs-wrapper md-prev-button {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-tabs-wrapper md-prev-button {
  right: auto;
  left: 0;
}

md-tabs-wrapper md-next-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}

[dir="ltr"] md-tabs-wrapper md-next-button {
  right: 0;
}

[dir="rtl"] md-tabs-wrapper md-next-button {
  left: 0;
}

[dir="ltr"] [dir=rtl] md-tabs-wrapper md-next-button {
  right: auto;
  left: 0;
}

[dir="rtl"] [dir=rtl] md-tabs-wrapper md-next-button {
  left: auto;
  right: 0;
}

[dir="ltr"] md-tabs-wrapper md-next-button md-icon {
  transform: translate(-50%, -50%) rotate(180deg);
}

[dir="rtl"] md-tabs-wrapper md-next-button md-icon {
  transform: translate(50%, -50%) rotate(-180deg);
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  flex-direction: row;
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  flex-grow: 1;
}

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
}

md-tabs-canvas:after {
  content: "";
  display: table;
  clear: both;
}

md-tabs-canvas .md-dummy-wrapper {
  position: absolute;
  top: 0;
}

[dir="ltr"] md-tabs-canvas .md-dummy-wrapper {
  left: 0;
}

[dir="rtl"] md-tabs-canvas .md-dummy-wrapper {
  right: 0;
}

[dir="ltr"] [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
  right: auto;
  left: 0;
}

md-tabs-canvas.md-paginated {
  margin: 0 32px;
}

md-tabs-canvas.md-center-tabs {
  display: flex;
  flex-direction: column;
  text-align: center;
}

md-tabs-canvas.md-center-tabs .md-tab {
  float: none;
  display: inline-block;
}

md-pagination-wrapper {
  height: 48px;
  display: flex;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  transform: translate(0, 0);
}

[dir="ltr"] md-pagination-wrapper {
  left: 0;
}

[dir="rtl"] md-pagination-wrapper {
  right: 0;
}

md-pagination-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

[dir="ltr"] [dir=rtl] md-pagination-wrapper {
  left: auto;
  right: 0;
}

[dir="rtl"] [dir=rtl] md-pagination-wrapper {
  right: auto;
  left: 0;
}

md-pagination-wrapper.md-center-tabs {
  position: relative;
  justify-content: center;
}

md-pagination-wrapper md-tab-item {
  min-width: 72px;
}

@media (min-width: 600px) {
  md-pagination-wrapper md-tab-item {
    min-width: 160px;
  }
}

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

md-tab-content {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate(0, 0);
}

md-tab-content.md-no-scroll {
  bottom: auto;
  overflow: hidden;
}

md-tab-content.ng-leave, md-tab-content.md-no-transition {
  transition: none;
}

md-tab-content.md-left:not(.md-active) {
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
  visibility: hidden;
}

[dir="ltr"] md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
}

[dir="rtl"] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}

[dir="ltr"] [dir=rtl] md-tab-content.md-left:not(.md-active) {
  transform: translateX(100%);
}

[dir="rtl"] [dir=rtl] md-tab-content.md-left:not(.md-active) {
  transform: translateX(-100%);
}

md-tab-content.md-left:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}

md-tab-content.md-right:not(.md-active) {
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
  visibility: hidden;
}

[dir="ltr"] md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
}

[dir="rtl"] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}

[dir="ltr"] [dir=rtl] md-tab-content.md-right:not(.md-active) {
  transform: translateX(-100%);
}

[dir="rtl"] [dir=rtl] md-tab-content.md-right:not(.md-active) {
  transform: translateX(100%);
}

md-tab-content.md-right:not(.md-active) * {
  transition: visibility 0s linear;
  transition-delay: 0.5s;
  visibility: hidden;
}

md-tab-content > div {
  flex: 1 0 100%;
  min-width: 0;
}

md-tab-content > div.ng-leave {
  -webkit-animation: 1s md-tab-content-hide;
          animation: 1s md-tab-content-hide;
}

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px;
}

[dir="ltr"] md-ink-bar.md-left {
  transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="rtl"] md-ink-bar.md-left {
  transition: right 0.125s cubic-bezier(0.35, 0, 0.25, 1), left 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="ltr"] md-ink-bar.md-right {
  transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir="rtl"] md-ink-bar.md-right {
  transition: right 0.25s cubic-bezier(0.35, 0, 0.25, 1), left 0.125s cubic-bezier(0.35, 0, 0.25, 1);
}

md-tab {
  position: absolute;
  z-index: -1;
}

[dir="ltr"] md-tab {
  left: -9999px;
}

[dir="rtl"] md-tab {
  right: -9999px;
}

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir="ltr"] .md-tab {
  float: left;
}

[dir="rtl"] .md-tab {
  float: right;
}

[dir="ltr"] [dir=rtl] .md-tab {
  float: right;
}

[dir="rtl"] [dir=rtl] .md-tab {
  float: left;
}

.md-tab.md-focused, .md-tab:focus {
  box-shadow: none;
  outline: none;
}

.md-tab.md-active {
  cursor: default;
}

.md-tab.md-disabled {
  pointer-events: none;
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  opacity: 0.5;
  cursor: default;
}

.md-tab.ng-leave {
  transition: none;
}

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.md-toast-text {
  padding: 0 8px;
}

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
}

md-toast .md-toast-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 168px;
  max-width: 100%;
  min-height: 48px;
  padding: 0 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  font-size: 14px;
  overflow: hidden;
  transform: translate3d(0, 0, 0) rotateZ(0deg);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  justify-content: flex-start;
}

md-toast .md-toast-content::before {
  content: "";
  min-height: 48px;
  visibility: hidden;
  display: inline-block;
}

[dir=rtl] md-toast .md-toast-content {
  justify-content: flex-end;
}

md-toast .md-toast-content span {
  flex: 1 1 0%;
  box-sizing: border-box;
  min-width: 0;
}

md-toast.md-capsule {
  border-radius: 24px;
}

md-toast.md-capsule .md-toast-content {
  border-radius: 24px;
}

md-toast.ng-leave-active .md-toast-content {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

md-toast.ng-enter {
  opacity: 0;
}

md-toast.ng-enter .md-toast-content {
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}

md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}

md-toast .md-action {
  line-height: 19px;
  cursor: pointer;
  text-transform: uppercase;
}

[dir="ltr"] md-toast .md-action {
  margin-left: 24px;
  margin-right: 0;
  float: right;
}

[dir="rtl"] md-toast .md-action {
  margin-right: 24px;
  margin-left: 0;
  float: left;
}

md-toast .md-button {
  min-width: 0;
}

[dir="ltr"] md-toast .md-button {
  margin-right: 0;
  margin-left: 8px;
}

[dir="rtl"] md-toast .md-button {
  margin-left: 0;
  margin-right: 8px;
}

[dir="ltr"] [dir=rtl] md-toast .md-button {
  margin-right: 8px;
}

[dir="rtl"] [dir=rtl] md-toast .md-button {
  margin-left: 8px;
}

[dir="ltr"] [dir=rtl] md-toast .md-button {
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] md-toast .md-button {
  margin-right: 0;
}

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0;
  }

  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0);
  }

  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0);
  }
}

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
    * When the toast doesn't take up the whole screen,
    * make it rotate when the user swipes it away
    */
  }

  md-toast.md-bottom {
    bottom: 0;
  }

  [dir="ltr"] md-toast.md-left {
    left: 0;
  }

  [dir="rtl"] md-toast.md-left {
    right: 0;
  }

  [dir="ltr"] md-toast.md-right {
    right: 0;
  }

  [dir="rtl"] md-toast.md-right {
    left: 0;
  }

  md-toast.md-top {
    top: 0;
  }

  [dir="ltr"] md-toast._md-start {
    left: 0;
  }

  [dir="rtl"] md-toast._md-start {
    right: 0;
  }

  [dir="ltr"] [dir=rtl] md-toast._md-start {
    left: auto;
    right: 0;
  }

  [dir="rtl"] [dir=rtl] md-toast._md-start {
    right: auto;
    left: 0;
  }

  [dir="ltr"] md-toast._md-end {
    right: 0;
  }

  [dir="rtl"] md-toast._md-end {
    left: 0;
  }

  [dir="ltr"] [dir=rtl] md-toast._md-end {
    right: auto;
    left: 0;
  }

  [dir="rtl"] [dir=rtl] md-toast._md-end {
    left: auto;
    right: 0;
  }

  [dir="ltr"] md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }

  [dir="rtl"] md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }

  [dir="ltr"] md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(50%, 0, 0);
  }

  [dir="rtl"] md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px;
  }
}

@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff;
  }
}

.md-toast-animating {
  overflow: hidden !important;
}

md-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}

md-toolbar._md-toolbar-transitions {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}

md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  transition: box-shadow 0.5s linear;
}

md-toolbar md-toolbar-filler {
  width: 72px;
}

md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
  box-sizing: border-box;
}

md-toolbar.ng-animate {
  transition: none;
}

md-toolbar.md-tall {
  height: 128px;
  min-height: 128px;
  max-height: 128px;
}

md-toolbar.md-medium-tall {
  height: 88px;
  min-height: 88px;
  max-height: 88px;
}

md-toolbar.md-medium-tall .md-toolbar-tools {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

[dir="ltr"] md-toolbar > .md-indent {
  margin-left: 64px;
}

[dir="rtl"] md-toolbar > .md-indent {
  margin-right: 64px;
}

[dir="ltr"] [dir=rtl] md-toolbar > .md-indent {
  margin-left: auto;
  margin-right: 64px;
}

[dir="rtl"] [dir=rtl] md-toolbar > .md-indent {
  margin-right: auto;
  margin-left: 64px;
}

md-toolbar ~ md-content > md-list {
  padding: 0;
}

md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  display: none;
}

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0;
}

.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}

.md-toolbar-tools .fill-height {
  display: flex;
  align-items: center;
}

.md-toolbar-tools md-checkbox {
  margin: inherit;
}

.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
}

.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}

.md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
  transition: none;
}

[dir="ltr"] .md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}

[dir="rtl"] .md-toolbar-tools > .md-button:first-child {
  margin-right: -8px;
}

[dir="ltr"] [dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}

[dir="rtl"] [dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-right: auto;
  margin-left: -8px;
}

[dir="ltr"] .md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}

[dir="rtl"] .md-toolbar-tools > .md-button:last-child {
  margin-left: -8px;
}

[dir="ltr"] [dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: -8px;
}

[dir="rtl"] [dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-left: auto;
  margin-right: -8px;
}

[dir="ltr"] .md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}

[dir="rtl"] .md-toolbar-tools > md-menu:last-child {
  margin-left: -8px;
}

[dir="ltr"] [dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-right: auto;
  margin-left: -8px;
}

[dir="rtl"] [dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-left: auto;
  margin-right: -8px;
}

[dir="ltr"] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}

[dir="rtl"] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-left: 0;
}

[dir="ltr"] [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-left: auto;
  margin-right: 0;
}

@media screen and (-ms-high-contrast: active) {
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }

  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }

  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}

.md-tooltip {
  display: inline-block;
  pointer-events: none;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  padding-left: 16px;
}

.md-tooltip.md-origin-top {
  transform-origin: center bottom;
  margin-top: -24px;
}

[dir="ltr"] .md-tooltip.md-origin-right {
  transform-origin: left center;
  margin-left: 24px;
}

[dir="rtl"] .md-tooltip.md-origin-right {
  transform-origin: right center;
  margin-right: 24px;
}

.md-tooltip.md-origin-bottom {
  transform-origin: center top;
  margin-top: 24px;
}

[dir="ltr"] .md-tooltip.md-origin-left {
  transform-origin: right center;
  margin-left: -24px;
}

[dir="rtl"] .md-tooltip.md-origin-left {
  transform-origin: left center;
  margin-right: -24px;
}

@media (min-width: 960px) {
  .md-tooltip {
    font-size: 10px;
    height: 22px;
    line-height: 22px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .md-tooltip.md-origin-top {
    margin-top: -14px;
  }

  [dir="ltr"] .md-tooltip.md-origin-right {
    margin-left: 14px;
  }

  [dir="rtl"] .md-tooltip.md-origin-right {
    margin-right: 14px;
  }

  .md-tooltip.md-origin-bottom {
    margin-top: 14px;
  }

  [dir="ltr"] .md-tooltip.md-origin-left {
    margin-left: -14px;
  }

  [dir="rtl"] .md-tooltip.md-origin-left {
    margin-right: -14px;
  }
}

.md-tooltip.md-show-add {
  transform: scale(0);
}

.md-tooltip.md-show {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 150ms;
  transform: scale(1);
  opacity: 0.9;
}

.md-tooltip.md-hide {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-duration: 150ms;
  transform: scale(0);
  opacity: 0;
}

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

.md-truncate.md-clip {
  text-overflow: clip;
}

.md-truncate.flex {
  width: 0;
}

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.md-virtual-repeat-container .md-virtual-repeat-scroller {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.md-virtual-repeat-container .md-virtual-repeat-sizer {
  box-sizing: border-box;
  height: 1px;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
}

.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  box-sizing: border-box;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden;
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  white-space: nowrap;
}

[dir="ltr"] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  right: auto;
}

[dir="rtl"] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  left: auto;
}

[dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  right: auto;
  left: auto;
}

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff;
  }
}

@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff;
  }
}
/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
/*
 *  Apply Mixins to create Layout/Flexbox styles
 */
.flex-order {
  order: 0;
}

.flex-order--20 {
  order: -20;
}

.flex-order--19 {
  order: -19;
}

.flex-order--18 {
  order: -18;
}

.flex-order--17 {
  order: -17;
}

.flex-order--16 {
  order: -16;
}

.flex-order--15 {
  order: -15;
}

.flex-order--14 {
  order: -14;
}

.flex-order--13 {
  order: -13;
}

.flex-order--12 {
  order: -12;
}

.flex-order--11 {
  order: -11;
}

.flex-order--10 {
  order: -10;
}

.flex-order--9 {
  order: -9;
}

.flex-order--8 {
  order: -8;
}

.flex-order--7 {
  order: -7;
}

.flex-order--6 {
  order: -6;
}

.flex-order--5 {
  order: -5;
}

.flex-order--4 {
  order: -4;
}

.flex-order--3 {
  order: -3;
}

.flex-order--2 {
  order: -2;
}

.flex-order--1 {
  order: -1;
}

.flex-order-0 {
  order: 0;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-order-4 {
  order: 4;
}

.flex-order-5 {
  order: 5;
}

.flex-order-6 {
  order: 6;
}

.flex-order-7 {
  order: 7;
}

.flex-order-8 {
  order: 8;
}

.flex-order-9 {
  order: 9;
}

.flex-order-10 {
  order: 10;
}

.flex-order-11 {
  order: 11;
}

.flex-order-12 {
  order: 12;
}

.flex-order-13 {
  order: 13;
}

.flex-order-14 {
  order: 14;
}

.flex-order-15 {
  order: 15;
}

.flex-order-16 {
  order: 16;
}

.flex-order-17 {
  order: 17;
}

.flex-order-18 {
  order: 18;
}

.flex-order-19 {
  order: 19;
}

.flex-order-20 {
  order: 20;
}

[dir="ltr"] .offset-0, [dir="ltr"] .flex-offset-0, [dir="ltr"] .layout-margin .flex-offset-0, [dir="ltr"] .layout-margin .offset-0 {
  margin-left: 0;
}

[dir="rtl"] .offset-0, [dir="rtl"] .flex-offset-0, [dir="rtl"] .layout-margin .flex-offset-0, [dir="rtl"] .layout-margin .offset-0 {
  margin-right: 0;
}

[dir="ltr"] [dir=rtl] .offset-0, [dir="ltr"] [dir=rtl] .flex-offset-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-0 {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] [dir=rtl] .offset-0, [dir="rtl"] [dir=rtl] .flex-offset-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-0 {
  margin-right: auto;
  margin-left: 0;
}

[dir="ltr"] .offset-5, [dir="ltr"] .flex-offset-5, [dir="ltr"] .layout-margin .flex-offset-5, [dir="ltr"] .layout-margin .offset-5 {
  margin-left: 5%;
}

[dir="rtl"] .offset-5, [dir="rtl"] .flex-offset-5, [dir="rtl"] .layout-margin .flex-offset-5, [dir="rtl"] .layout-margin .offset-5 {
  margin-right: 5%;
}

[dir="ltr"] [dir=rtl] .offset-5, [dir="ltr"] [dir=rtl] .flex-offset-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-5 {
  margin-left: auto;
  margin-right: 5%;
}

[dir="rtl"] [dir=rtl] .offset-5, [dir="rtl"] [dir=rtl] .flex-offset-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-5 {
  margin-right: auto;
  margin-left: 5%;
}

[dir="ltr"] .offset-10, [dir="ltr"] .flex-offset-10, [dir="ltr"] .layout-margin .flex-offset-10, [dir="ltr"] .layout-margin .offset-10 {
  margin-left: 10%;
}

[dir="rtl"] .offset-10, [dir="rtl"] .flex-offset-10, [dir="rtl"] .layout-margin .flex-offset-10, [dir="rtl"] .layout-margin .offset-10 {
  margin-right: 10%;
}

[dir="ltr"] [dir=rtl] .offset-10, [dir="ltr"] [dir=rtl] .flex-offset-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-10 {
  margin-left: auto;
  margin-right: 10%;
}

[dir="rtl"] [dir=rtl] .offset-10, [dir="rtl"] [dir=rtl] .flex-offset-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-10 {
  margin-right: auto;
  margin-left: 10%;
}

[dir="ltr"] .offset-15, [dir="ltr"] .flex-offset-15, [dir="ltr"] .layout-margin .flex-offset-15, [dir="ltr"] .layout-margin .offset-15 {
  margin-left: 15%;
}

[dir="rtl"] .offset-15, [dir="rtl"] .flex-offset-15, [dir="rtl"] .layout-margin .flex-offset-15, [dir="rtl"] .layout-margin .offset-15 {
  margin-right: 15%;
}

[dir="ltr"] [dir=rtl] .offset-15, [dir="ltr"] [dir=rtl] .flex-offset-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-15 {
  margin-left: auto;
  margin-right: 15%;
}

[dir="rtl"] [dir=rtl] .offset-15, [dir="rtl"] [dir=rtl] .flex-offset-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-15 {
  margin-right: auto;
  margin-left: 15%;
}

[dir="ltr"] .offset-20, [dir="ltr"] .flex-offset-20, [dir="ltr"] .layout-margin .flex-offset-20, [dir="ltr"] .layout-margin .offset-20 {
  margin-left: 20%;
}

[dir="rtl"] .offset-20, [dir="rtl"] .flex-offset-20, [dir="rtl"] .layout-margin .flex-offset-20, [dir="rtl"] .layout-margin .offset-20 {
  margin-right: 20%;
}

[dir="ltr"] [dir=rtl] .offset-20, [dir="ltr"] [dir=rtl] .flex-offset-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-20 {
  margin-left: auto;
  margin-right: 20%;
}

[dir="rtl"] [dir=rtl] .offset-20, [dir="rtl"] [dir=rtl] .flex-offset-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-20 {
  margin-right: auto;
  margin-left: 20%;
}

[dir="ltr"] .offset-25, [dir="ltr"] .flex-offset-25, [dir="ltr"] .layout-margin .flex-offset-25, [dir="ltr"] .layout-margin .offset-25 {
  margin-left: 25%;
}

[dir="rtl"] .offset-25, [dir="rtl"] .flex-offset-25, [dir="rtl"] .layout-margin .flex-offset-25, [dir="rtl"] .layout-margin .offset-25 {
  margin-right: 25%;
}

[dir="ltr"] [dir=rtl] .offset-25, [dir="ltr"] [dir=rtl] .flex-offset-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-25 {
  margin-left: auto;
  margin-right: 25%;
}

[dir="rtl"] [dir=rtl] .offset-25, [dir="rtl"] [dir=rtl] .flex-offset-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-25 {
  margin-right: auto;
  margin-left: 25%;
}

[dir="ltr"] .offset-30, [dir="ltr"] .flex-offset-30, [dir="ltr"] .layout-margin .flex-offset-30, [dir="ltr"] .layout-margin .offset-30 {
  margin-left: 30%;
}

[dir="rtl"] .offset-30, [dir="rtl"] .flex-offset-30, [dir="rtl"] .layout-margin .flex-offset-30, [dir="rtl"] .layout-margin .offset-30 {
  margin-right: 30%;
}

[dir="ltr"] [dir=rtl] .offset-30, [dir="ltr"] [dir=rtl] .flex-offset-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-30 {
  margin-left: auto;
  margin-right: 30%;
}

[dir="rtl"] [dir=rtl] .offset-30, [dir="rtl"] [dir=rtl] .flex-offset-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-30 {
  margin-right: auto;
  margin-left: 30%;
}

[dir="ltr"] .offset-35, [dir="ltr"] .flex-offset-35, [dir="ltr"] .layout-margin .flex-offset-35, [dir="ltr"] .layout-margin .offset-35 {
  margin-left: 35%;
}

[dir="rtl"] .offset-35, [dir="rtl"] .flex-offset-35, [dir="rtl"] .layout-margin .flex-offset-35, [dir="rtl"] .layout-margin .offset-35 {
  margin-right: 35%;
}

[dir="ltr"] [dir=rtl] .offset-35, [dir="ltr"] [dir=rtl] .flex-offset-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-35 {
  margin-left: auto;
  margin-right: 35%;
}

[dir="rtl"] [dir=rtl] .offset-35, [dir="rtl"] [dir=rtl] .flex-offset-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-35 {
  margin-right: auto;
  margin-left: 35%;
}

[dir="ltr"] .offset-40, [dir="ltr"] .flex-offset-40, [dir="ltr"] .layout-margin .flex-offset-40, [dir="ltr"] .layout-margin .offset-40 {
  margin-left: 40%;
}

[dir="rtl"] .offset-40, [dir="rtl"] .flex-offset-40, [dir="rtl"] .layout-margin .flex-offset-40, [dir="rtl"] .layout-margin .offset-40 {
  margin-right: 40%;
}

[dir="ltr"] [dir=rtl] .offset-40, [dir="ltr"] [dir=rtl] .flex-offset-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-40 {
  margin-left: auto;
  margin-right: 40%;
}

[dir="rtl"] [dir=rtl] .offset-40, [dir="rtl"] [dir=rtl] .flex-offset-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-40 {
  margin-right: auto;
  margin-left: 40%;
}

[dir="ltr"] .offset-45, [dir="ltr"] .flex-offset-45, [dir="ltr"] .layout-margin .flex-offset-45, [dir="ltr"] .layout-margin .offset-45 {
  margin-left: 45%;
}

[dir="rtl"] .offset-45, [dir="rtl"] .flex-offset-45, [dir="rtl"] .layout-margin .flex-offset-45, [dir="rtl"] .layout-margin .offset-45 {
  margin-right: 45%;
}

[dir="ltr"] [dir=rtl] .offset-45, [dir="ltr"] [dir=rtl] .flex-offset-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-45 {
  margin-left: auto;
  margin-right: 45%;
}

[dir="rtl"] [dir=rtl] .offset-45, [dir="rtl"] [dir=rtl] .flex-offset-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-45 {
  margin-right: auto;
  margin-left: 45%;
}

[dir="ltr"] .offset-50, [dir="ltr"] .flex-offset-50, [dir="ltr"] .layout-margin .flex-offset-50, [dir="ltr"] .layout-margin .offset-50 {
  margin-left: 50%;
}

[dir="rtl"] .offset-50, [dir="rtl"] .flex-offset-50, [dir="rtl"] .layout-margin .flex-offset-50, [dir="rtl"] .layout-margin .offset-50 {
  margin-right: 50%;
}

[dir="ltr"] [dir=rtl] .offset-50, [dir="ltr"] [dir=rtl] .flex-offset-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-50 {
  margin-left: auto;
  margin-right: 50%;
}

[dir="rtl"] [dir=rtl] .offset-50, [dir="rtl"] [dir=rtl] .flex-offset-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-50 {
  margin-right: auto;
  margin-left: 50%;
}

[dir="ltr"] .offset-55, [dir="ltr"] .flex-offset-55, [dir="ltr"] .layout-margin .flex-offset-55, [dir="ltr"] .layout-margin .offset-55 {
  margin-left: 55%;
}

[dir="rtl"] .offset-55, [dir="rtl"] .flex-offset-55, [dir="rtl"] .layout-margin .flex-offset-55, [dir="rtl"] .layout-margin .offset-55 {
  margin-right: 55%;
}

[dir="ltr"] [dir=rtl] .offset-55, [dir="ltr"] [dir=rtl] .flex-offset-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-55 {
  margin-left: auto;
  margin-right: 55%;
}

[dir="rtl"] [dir=rtl] .offset-55, [dir="rtl"] [dir=rtl] .flex-offset-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-55 {
  margin-right: auto;
  margin-left: 55%;
}

[dir="ltr"] .offset-60, [dir="ltr"] .flex-offset-60, [dir="ltr"] .layout-margin .flex-offset-60, [dir="ltr"] .layout-margin .offset-60 {
  margin-left: 60%;
}

[dir="rtl"] .offset-60, [dir="rtl"] .flex-offset-60, [dir="rtl"] .layout-margin .flex-offset-60, [dir="rtl"] .layout-margin .offset-60 {
  margin-right: 60%;
}

[dir="ltr"] [dir=rtl] .offset-60, [dir="ltr"] [dir=rtl] .flex-offset-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-60 {
  margin-left: auto;
  margin-right: 60%;
}

[dir="rtl"] [dir=rtl] .offset-60, [dir="rtl"] [dir=rtl] .flex-offset-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-60 {
  margin-right: auto;
  margin-left: 60%;
}

[dir="ltr"] .offset-65, [dir="ltr"] .flex-offset-65, [dir="ltr"] .layout-margin .flex-offset-65, [dir="ltr"] .layout-margin .offset-65 {
  margin-left: 65%;
}

[dir="rtl"] .offset-65, [dir="rtl"] .flex-offset-65, [dir="rtl"] .layout-margin .flex-offset-65, [dir="rtl"] .layout-margin .offset-65 {
  margin-right: 65%;
}

[dir="ltr"] [dir=rtl] .offset-65, [dir="ltr"] [dir=rtl] .flex-offset-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-65 {
  margin-left: auto;
  margin-right: 65%;
}

[dir="rtl"] [dir=rtl] .offset-65, [dir="rtl"] [dir=rtl] .flex-offset-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-65 {
  margin-right: auto;
  margin-left: 65%;
}

[dir="ltr"] .offset-70, [dir="ltr"] .flex-offset-70, [dir="ltr"] .layout-margin .flex-offset-70, [dir="ltr"] .layout-margin .offset-70 {
  margin-left: 70%;
}

[dir="rtl"] .offset-70, [dir="rtl"] .flex-offset-70, [dir="rtl"] .layout-margin .flex-offset-70, [dir="rtl"] .layout-margin .offset-70 {
  margin-right: 70%;
}

[dir="ltr"] [dir=rtl] .offset-70, [dir="ltr"] [dir=rtl] .flex-offset-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-70 {
  margin-left: auto;
  margin-right: 70%;
}

[dir="rtl"] [dir=rtl] .offset-70, [dir="rtl"] [dir=rtl] .flex-offset-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-70 {
  margin-right: auto;
  margin-left: 70%;
}

[dir="ltr"] .offset-75, [dir="ltr"] .flex-offset-75, [dir="ltr"] .layout-margin .flex-offset-75, [dir="ltr"] .layout-margin .offset-75 {
  margin-left: 75%;
}

[dir="rtl"] .offset-75, [dir="rtl"] .flex-offset-75, [dir="rtl"] .layout-margin .flex-offset-75, [dir="rtl"] .layout-margin .offset-75 {
  margin-right: 75%;
}

[dir="ltr"] [dir=rtl] .offset-75, [dir="ltr"] [dir=rtl] .flex-offset-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-75 {
  margin-left: auto;
  margin-right: 75%;
}

[dir="rtl"] [dir=rtl] .offset-75, [dir="rtl"] [dir=rtl] .flex-offset-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-75 {
  margin-right: auto;
  margin-left: 75%;
}

[dir="ltr"] .offset-80, [dir="ltr"] .flex-offset-80, [dir="ltr"] .layout-margin .flex-offset-80, [dir="ltr"] .layout-margin .offset-80 {
  margin-left: 80%;
}

[dir="rtl"] .offset-80, [dir="rtl"] .flex-offset-80, [dir="rtl"] .layout-margin .flex-offset-80, [dir="rtl"] .layout-margin .offset-80 {
  margin-right: 80%;
}

[dir="ltr"] [dir=rtl] .offset-80, [dir="ltr"] [dir=rtl] .flex-offset-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-80 {
  margin-left: auto;
  margin-right: 80%;
}

[dir="rtl"] [dir=rtl] .offset-80, [dir="rtl"] [dir=rtl] .flex-offset-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-80 {
  margin-right: auto;
  margin-left: 80%;
}

[dir="ltr"] .offset-85, [dir="ltr"] .flex-offset-85, [dir="ltr"] .layout-margin .flex-offset-85, [dir="ltr"] .layout-margin .offset-85 {
  margin-left: 85%;
}

[dir="rtl"] .offset-85, [dir="rtl"] .flex-offset-85, [dir="rtl"] .layout-margin .flex-offset-85, [dir="rtl"] .layout-margin .offset-85 {
  margin-right: 85%;
}

[dir="ltr"] [dir=rtl] .offset-85, [dir="ltr"] [dir=rtl] .flex-offset-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-85 {
  margin-left: auto;
  margin-right: 85%;
}

[dir="rtl"] [dir=rtl] .offset-85, [dir="rtl"] [dir=rtl] .flex-offset-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-85 {
  margin-right: auto;
  margin-left: 85%;
}

[dir="ltr"] .offset-90, [dir="ltr"] .flex-offset-90, [dir="ltr"] .layout-margin .flex-offset-90, [dir="ltr"] .layout-margin .offset-90 {
  margin-left: 90%;
}

[dir="rtl"] .offset-90, [dir="rtl"] .flex-offset-90, [dir="rtl"] .layout-margin .flex-offset-90, [dir="rtl"] .layout-margin .offset-90 {
  margin-right: 90%;
}

[dir="ltr"] [dir=rtl] .offset-90, [dir="ltr"] [dir=rtl] .flex-offset-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-90 {
  margin-left: auto;
  margin-right: 90%;
}

[dir="rtl"] [dir=rtl] .offset-90, [dir="rtl"] [dir=rtl] .flex-offset-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-90 {
  margin-right: auto;
  margin-left: 90%;
}

[dir="ltr"] .offset-95, [dir="ltr"] .flex-offset-95, [dir="ltr"] .layout-margin .flex-offset-95, [dir="ltr"] .layout-margin .offset-95 {
  margin-left: 95%;
}

[dir="rtl"] .offset-95, [dir="rtl"] .flex-offset-95, [dir="rtl"] .layout-margin .flex-offset-95, [dir="rtl"] .layout-margin .offset-95 {
  margin-right: 95%;
}

[dir="ltr"] [dir=rtl] .offset-95, [dir="ltr"] [dir=rtl] .flex-offset-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-95 {
  margin-left: auto;
  margin-right: 95%;
}

[dir="rtl"] [dir=rtl] .offset-95, [dir="rtl"] [dir=rtl] .flex-offset-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-95 {
  margin-right: auto;
  margin-left: 95%;
}

[dir="ltr"] .offset-33, [dir="ltr"] .flex-offset-33, [dir="ltr"] .layout-margin .flex-offset-33, [dir="ltr"] .layout-margin .offset-33 {
  margin-left: 33.3333333333%;
}

[dir="rtl"] .offset-33, [dir="rtl"] .flex-offset-33, [dir="rtl"] .layout-margin .flex-offset-33, [dir="rtl"] .layout-margin .offset-33 {
  margin-right: 33.3333333333%;
}

[dir="ltr"] .offset-66, [dir="ltr"] .flex-offset-66, [dir="ltr"] .layout-margin .flex-offset-66, [dir="ltr"] .layout-margin .offset-66 {
  margin-left: 66.6666666667%;
}

[dir="rtl"] .offset-66, [dir="rtl"] .flex-offset-66, [dir="rtl"] .layout-margin .flex-offset-66, [dir="rtl"] .layout-margin .offset-66 {
  margin-right: 66.6666666667%;
}

[dir="ltr"] [dir=rtl] .offset-66, [dir="ltr"] [dir=rtl] .flex-offset-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-66 {
  margin-left: auto;
  margin-right: 66.6666666667%;
}

[dir="rtl"] [dir=rtl] .offset-66, [dir="rtl"] [dir=rtl] .flex-offset-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-66 {
  margin-right: auto;
  margin-left: 66.6666666667%;
}

.layout-align,
.layout-align-start-stretch {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  justify-content: flex-start;
}

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  justify-content: flex-end;
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  justify-content: space-around;
}

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  justify-content: space-between;
}

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  align-items: flex-start;
  align-content: flex-start;
}

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  align-items: center;
  align-content: center;
  max-width: 100%;
}

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box;
}

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  align-items: flex-end;
  align-content: flex-end;
}

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  align-items: stretch;
  align-content: stretch;
}

.flex {
  flex: 1;
  box-sizing: border-box;
}

.flex-grow {
  flex: 1 1 100%;
  box-sizing: border-box;
}

.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}

.flex-none {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.flex-noshrink {
  flex: 1 0 auto;
  box-sizing: border-box;
}

.flex-nogrow {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-0 {
  flex: 1 1 100%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.layout-column > .flex-0 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

.flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-5 {
  flex: 1 1 100%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-5 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

.flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-10 {
  flex: 1 1 100%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-10 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

.flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-15 {
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-15 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

.flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-20 {
  flex: 1 1 100%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-20 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

.flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-25 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

.flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-30 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

.flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-35 {
  flex: 1 1 100%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-35 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

.flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-40 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

.flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-45 {
  flex: 1 1 100%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-45 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

.flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-50 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

.flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-55 {
  flex: 1 1 100%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-55 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

.flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-60 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

.flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-65 {
  flex: 1 1 100%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-65 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

.flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-70 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

.flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-75 {
  flex: 1 1 100%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-75 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

.flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-80 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

.flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-85 {
  flex: 1 1 100%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-85 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

.flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-90 {
  flex: 1 1 100%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-90 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

.flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-95 {
  flex: 1 1 100%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-95 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-column > .flex-33 {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}

.layout-column > .flex-66 {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

.layout-row > .flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex-66 {
  flex: 1 1 100%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row > .flex {
  min-width: 0;
}

.layout-column > .flex-33 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}

.layout-column > .flex-66 {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}

.layout-column > .flex {
  min-height: 0;
}

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: flex;
}

.layout-column {
  flex-direction: column;
}

.layout-row {
  flex-direction: row;
}

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px;
}

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px;
}

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px;
}

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px;
}

.layout-wrap {
  flex-wrap: wrap;
}

.layout-nowrap {
  flex-wrap: nowrap;
}

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none;
  }

  .flex-order-xs--20 {
    order: -20;
  }

  .flex-order-xs--19 {
    order: -19;
  }

  .flex-order-xs--18 {
    order: -18;
  }

  .flex-order-xs--17 {
    order: -17;
  }

  .flex-order-xs--16 {
    order: -16;
  }

  .flex-order-xs--15 {
    order: -15;
  }

  .flex-order-xs--14 {
    order: -14;
  }

  .flex-order-xs--13 {
    order: -13;
  }

  .flex-order-xs--12 {
    order: -12;
  }

  .flex-order-xs--11 {
    order: -11;
  }

  .flex-order-xs--10 {
    order: -10;
  }

  .flex-order-xs--9 {
    order: -9;
  }

  .flex-order-xs--8 {
    order: -8;
  }

  .flex-order-xs--7 {
    order: -7;
  }

  .flex-order-xs--6 {
    order: -6;
  }

  .flex-order-xs--5 {
    order: -5;
  }

  .flex-order-xs--4 {
    order: -4;
  }

  .flex-order-xs--3 {
    order: -3;
  }

  .flex-order-xs--2 {
    order: -2;
  }

  .flex-order-xs--1 {
    order: -1;
  }

  .flex-order-xs-0 {
    order: 0;
  }

  .flex-order-xs-1 {
    order: 1;
  }

  .flex-order-xs-2 {
    order: 2;
  }

  .flex-order-xs-3 {
    order: 3;
  }

  .flex-order-xs-4 {
    order: 4;
  }

  .flex-order-xs-5 {
    order: 5;
  }

  .flex-order-xs-6 {
    order: 6;
  }

  .flex-order-xs-7 {
    order: 7;
  }

  .flex-order-xs-8 {
    order: 8;
  }

  .flex-order-xs-9 {
    order: 9;
  }

  .flex-order-xs-10 {
    order: 10;
  }

  .flex-order-xs-11 {
    order: 11;
  }

  .flex-order-xs-12 {
    order: 12;
  }

  .flex-order-xs-13 {
    order: 13;
  }

  .flex-order-xs-14 {
    order: 14;
  }

  .flex-order-xs-15 {
    order: 15;
  }

  .flex-order-xs-16 {
    order: 16;
  }

  .flex-order-xs-17 {
    order: 17;
  }

  .flex-order-xs-18 {
    order: 18;
  }

  .flex-order-xs-19 {
    order: 19;
  }

  .flex-order-xs-20 {
    order: 20;
  }

  [dir="ltr"] .offset-xs-0, [dir="ltr"] .flex-offset-xs-0, [dir="ltr"] .layout-margin .flex-offset-xs-0, [dir="ltr"] .layout-margin .offset-xs-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-xs-0, [dir="rtl"] .flex-offset-xs-0, [dir="rtl"] .layout-margin .flex-offset-xs-0, [dir="rtl"] .layout-margin .offset-xs-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-0, [dir="ltr"] [dir=rtl] .flex-offset-xs-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-0, [dir="rtl"] [dir=rtl] .flex-offset-xs-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-xs-5, [dir="ltr"] .flex-offset-xs-5, [dir="ltr"] .layout-margin .flex-offset-xs-5, [dir="ltr"] .layout-margin .offset-xs-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-xs-5, [dir="rtl"] .flex-offset-xs-5, [dir="rtl"] .layout-margin .flex-offset-xs-5, [dir="rtl"] .layout-margin .offset-xs-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-5, [dir="ltr"] [dir=rtl] .flex-offset-xs-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-5, [dir="rtl"] [dir=rtl] .flex-offset-xs-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-xs-10, [dir="ltr"] .flex-offset-xs-10, [dir="ltr"] .layout-margin .flex-offset-xs-10, [dir="ltr"] .layout-margin .offset-xs-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-xs-10, [dir="rtl"] .flex-offset-xs-10, [dir="rtl"] .layout-margin .flex-offset-xs-10, [dir="rtl"] .layout-margin .offset-xs-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-10, [dir="ltr"] [dir=rtl] .flex-offset-xs-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-10, [dir="rtl"] [dir=rtl] .flex-offset-xs-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-xs-15, [dir="ltr"] .flex-offset-xs-15, [dir="ltr"] .layout-margin .flex-offset-xs-15, [dir="ltr"] .layout-margin .offset-xs-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-xs-15, [dir="rtl"] .flex-offset-xs-15, [dir="rtl"] .layout-margin .flex-offset-xs-15, [dir="rtl"] .layout-margin .offset-xs-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-15, [dir="ltr"] [dir=rtl] .flex-offset-xs-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-15, [dir="rtl"] [dir=rtl] .flex-offset-xs-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-xs-20, [dir="ltr"] .flex-offset-xs-20, [dir="ltr"] .layout-margin .flex-offset-xs-20, [dir="ltr"] .layout-margin .offset-xs-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-xs-20, [dir="rtl"] .flex-offset-xs-20, [dir="rtl"] .layout-margin .flex-offset-xs-20, [dir="rtl"] .layout-margin .offset-xs-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-20, [dir="ltr"] [dir=rtl] .flex-offset-xs-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-20, [dir="rtl"] [dir=rtl] .flex-offset-xs-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-xs-25, [dir="ltr"] .flex-offset-xs-25, [dir="ltr"] .layout-margin .flex-offset-xs-25, [dir="ltr"] .layout-margin .offset-xs-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-xs-25, [dir="rtl"] .flex-offset-xs-25, [dir="rtl"] .layout-margin .flex-offset-xs-25, [dir="rtl"] .layout-margin .offset-xs-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-25, [dir="ltr"] [dir=rtl] .flex-offset-xs-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-25, [dir="rtl"] [dir=rtl] .flex-offset-xs-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-xs-30, [dir="ltr"] .flex-offset-xs-30, [dir="ltr"] .layout-margin .flex-offset-xs-30, [dir="ltr"] .layout-margin .offset-xs-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-xs-30, [dir="rtl"] .flex-offset-xs-30, [dir="rtl"] .layout-margin .flex-offset-xs-30, [dir="rtl"] .layout-margin .offset-xs-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-30, [dir="ltr"] [dir=rtl] .flex-offset-xs-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-30, [dir="rtl"] [dir=rtl] .flex-offset-xs-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-xs-35, [dir="ltr"] .flex-offset-xs-35, [dir="ltr"] .layout-margin .flex-offset-xs-35, [dir="ltr"] .layout-margin .offset-xs-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-xs-35, [dir="rtl"] .flex-offset-xs-35, [dir="rtl"] .layout-margin .flex-offset-xs-35, [dir="rtl"] .layout-margin .offset-xs-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-35, [dir="ltr"] [dir=rtl] .flex-offset-xs-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-35, [dir="rtl"] [dir=rtl] .flex-offset-xs-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-xs-40, [dir="ltr"] .flex-offset-xs-40, [dir="ltr"] .layout-margin .flex-offset-xs-40, [dir="ltr"] .layout-margin .offset-xs-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-xs-40, [dir="rtl"] .flex-offset-xs-40, [dir="rtl"] .layout-margin .flex-offset-xs-40, [dir="rtl"] .layout-margin .offset-xs-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-40, [dir="ltr"] [dir=rtl] .flex-offset-xs-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-40, [dir="rtl"] [dir=rtl] .flex-offset-xs-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-xs-45, [dir="ltr"] .flex-offset-xs-45, [dir="ltr"] .layout-margin .flex-offset-xs-45, [dir="ltr"] .layout-margin .offset-xs-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-xs-45, [dir="rtl"] .flex-offset-xs-45, [dir="rtl"] .layout-margin .flex-offset-xs-45, [dir="rtl"] .layout-margin .offset-xs-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-45, [dir="ltr"] [dir=rtl] .flex-offset-xs-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-45, [dir="rtl"] [dir=rtl] .flex-offset-xs-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-xs-50, [dir="ltr"] .flex-offset-xs-50, [dir="ltr"] .layout-margin .flex-offset-xs-50, [dir="ltr"] .layout-margin .offset-xs-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-xs-50, [dir="rtl"] .flex-offset-xs-50, [dir="rtl"] .layout-margin .flex-offset-xs-50, [dir="rtl"] .layout-margin .offset-xs-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-50, [dir="ltr"] [dir=rtl] .flex-offset-xs-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-50, [dir="rtl"] [dir=rtl] .flex-offset-xs-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-xs-55, [dir="ltr"] .flex-offset-xs-55, [dir="ltr"] .layout-margin .flex-offset-xs-55, [dir="ltr"] .layout-margin .offset-xs-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-xs-55, [dir="rtl"] .flex-offset-xs-55, [dir="rtl"] .layout-margin .flex-offset-xs-55, [dir="rtl"] .layout-margin .offset-xs-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-55, [dir="ltr"] [dir=rtl] .flex-offset-xs-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-55, [dir="rtl"] [dir=rtl] .flex-offset-xs-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-xs-60, [dir="ltr"] .flex-offset-xs-60, [dir="ltr"] .layout-margin .flex-offset-xs-60, [dir="ltr"] .layout-margin .offset-xs-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-xs-60, [dir="rtl"] .flex-offset-xs-60, [dir="rtl"] .layout-margin .flex-offset-xs-60, [dir="rtl"] .layout-margin .offset-xs-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-60, [dir="ltr"] [dir=rtl] .flex-offset-xs-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-60, [dir="rtl"] [dir=rtl] .flex-offset-xs-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-xs-65, [dir="ltr"] .flex-offset-xs-65, [dir="ltr"] .layout-margin .flex-offset-xs-65, [dir="ltr"] .layout-margin .offset-xs-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-xs-65, [dir="rtl"] .flex-offset-xs-65, [dir="rtl"] .layout-margin .flex-offset-xs-65, [dir="rtl"] .layout-margin .offset-xs-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-65, [dir="ltr"] [dir=rtl] .flex-offset-xs-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-65, [dir="rtl"] [dir=rtl] .flex-offset-xs-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-xs-70, [dir="ltr"] .flex-offset-xs-70, [dir="ltr"] .layout-margin .flex-offset-xs-70, [dir="ltr"] .layout-margin .offset-xs-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-xs-70, [dir="rtl"] .flex-offset-xs-70, [dir="rtl"] .layout-margin .flex-offset-xs-70, [dir="rtl"] .layout-margin .offset-xs-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-70, [dir="ltr"] [dir=rtl] .flex-offset-xs-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-70, [dir="rtl"] [dir=rtl] .flex-offset-xs-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-xs-75, [dir="ltr"] .flex-offset-xs-75, [dir="ltr"] .layout-margin .flex-offset-xs-75, [dir="ltr"] .layout-margin .offset-xs-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-xs-75, [dir="rtl"] .flex-offset-xs-75, [dir="rtl"] .layout-margin .flex-offset-xs-75, [dir="rtl"] .layout-margin .offset-xs-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-75, [dir="ltr"] [dir=rtl] .flex-offset-xs-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-75, [dir="rtl"] [dir=rtl] .flex-offset-xs-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-xs-80, [dir="ltr"] .flex-offset-xs-80, [dir="ltr"] .layout-margin .flex-offset-xs-80, [dir="ltr"] .layout-margin .offset-xs-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-xs-80, [dir="rtl"] .flex-offset-xs-80, [dir="rtl"] .layout-margin .flex-offset-xs-80, [dir="rtl"] .layout-margin .offset-xs-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-80, [dir="ltr"] [dir=rtl] .flex-offset-xs-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-80, [dir="rtl"] [dir=rtl] .flex-offset-xs-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-xs-85, [dir="ltr"] .flex-offset-xs-85, [dir="ltr"] .layout-margin .flex-offset-xs-85, [dir="ltr"] .layout-margin .offset-xs-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-xs-85, [dir="rtl"] .flex-offset-xs-85, [dir="rtl"] .layout-margin .flex-offset-xs-85, [dir="rtl"] .layout-margin .offset-xs-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-85, [dir="ltr"] [dir=rtl] .flex-offset-xs-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-85, [dir="rtl"] [dir=rtl] .flex-offset-xs-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-xs-90, [dir="ltr"] .flex-offset-xs-90, [dir="ltr"] .layout-margin .flex-offset-xs-90, [dir="ltr"] .layout-margin .offset-xs-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-xs-90, [dir="rtl"] .flex-offset-xs-90, [dir="rtl"] .layout-margin .flex-offset-xs-90, [dir="rtl"] .layout-margin .offset-xs-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-90, [dir="ltr"] [dir=rtl] .flex-offset-xs-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-90, [dir="rtl"] [dir=rtl] .flex-offset-xs-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-xs-95, [dir="ltr"] .flex-offset-xs-95, [dir="ltr"] .layout-margin .flex-offset-xs-95, [dir="ltr"] .layout-margin .offset-xs-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-xs-95, [dir="rtl"] .flex-offset-xs-95, [dir="rtl"] .layout-margin .flex-offset-xs-95, [dir="rtl"] .layout-margin .offset-xs-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-95, [dir="ltr"] [dir=rtl] .flex-offset-xs-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-95, [dir="rtl"] [dir=rtl] .flex-offset-xs-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-xs-33, [dir="ltr"] .flex-offset-xs-33, [dir="ltr"] .layout-margin .flex-offset-xs-33, [dir="ltr"] .layout-margin .offset-xs-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-xs-33, [dir="rtl"] .flex-offset-xs-33, [dir="rtl"] .layout-margin .flex-offset-xs-33, [dir="rtl"] .layout-margin .offset-xs-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-xs-66, [dir="ltr"] .flex-offset-xs-66, [dir="ltr"] .layout-margin .flex-offset-xs-66, [dir="ltr"] .layout-margin .offset-xs-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-xs-66, [dir="rtl"] .flex-offset-xs-66, [dir="rtl"] .layout-margin .flex-offset-xs-66, [dir="rtl"] .layout-margin .offset-xs-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-xs-66, [dir="ltr"] [dir=rtl] .flex-offset-xs-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xs-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-xs-66, [dir="rtl"] [dir=rtl] .flex-offset-xs-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xs-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-xs-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-xs,
.layout-align-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-xs-start,
.layout-align-xs-start-start,
.layout-align-xs-start-center,
.layout-align-xs-start-end,
.layout-align-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xs-center,
.layout-align-xs-center-start,
.layout-align-xs-center-center,
.layout-align-xs-center-end,
.layout-align-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-xs-end,
.layout-align-xs-end-start,
.layout-align-xs-end-center,
.layout-align-xs-end-end,
.layout-align-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xs-space-around,
.layout-align-xs-space-around-center,
.layout-align-xs-space-around-start,
.layout-align-xs-space-around-end,
.layout-align-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xs-space-between,
.layout-align-xs-space-between-center,
.layout-align-xs-space-between-start,
.layout-align-xs-space-between-end,
.layout-align-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xs-start-start,
.layout-align-xs-center-start,
.layout-align-xs-end-start,
.layout-align-xs-space-between-start,
.layout-align-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-xs-start-center,
.layout-align-xs-center-center,
.layout-align-xs-end-center,
.layout-align-xs-space-between-center,
.layout-align-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-xs-start-center > *,
.layout-align-xs-center-center > *,
.layout-align-xs-end-center > *,
.layout-align-xs-space-between-center > *,
.layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-xs-start-end,
.layout-align-xs-center-end,
.layout-align-xs-end-end,
.layout-align-xs-space-between-end,
.layout-align-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-xs-start-stretch,
.layout-align-xs-center-stretch,
.layout-align-xs-end-stretch,
.layout-align-xs-space-between-stretch,
.layout-align-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-xs {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-xs-column > .flex-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xs-row > .flex {
    min-width: 0;
  }

  .layout-xs-column > .flex-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xs-column > .flex {
    min-height: 0;
  }

  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xs-column {
    flex-direction: column;
  }

  .layout-xs-row {
    flex-direction: row;
  }
}

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    order: -20;
  }

  .flex-order-gt-xs--19 {
    order: -19;
  }

  .flex-order-gt-xs--18 {
    order: -18;
  }

  .flex-order-gt-xs--17 {
    order: -17;
  }

  .flex-order-gt-xs--16 {
    order: -16;
  }

  .flex-order-gt-xs--15 {
    order: -15;
  }

  .flex-order-gt-xs--14 {
    order: -14;
  }

  .flex-order-gt-xs--13 {
    order: -13;
  }

  .flex-order-gt-xs--12 {
    order: -12;
  }

  .flex-order-gt-xs--11 {
    order: -11;
  }

  .flex-order-gt-xs--10 {
    order: -10;
  }

  .flex-order-gt-xs--9 {
    order: -9;
  }

  .flex-order-gt-xs--8 {
    order: -8;
  }

  .flex-order-gt-xs--7 {
    order: -7;
  }

  .flex-order-gt-xs--6 {
    order: -6;
  }

  .flex-order-gt-xs--5 {
    order: -5;
  }

  .flex-order-gt-xs--4 {
    order: -4;
  }

  .flex-order-gt-xs--3 {
    order: -3;
  }

  .flex-order-gt-xs--2 {
    order: -2;
  }

  .flex-order-gt-xs--1 {
    order: -1;
  }

  .flex-order-gt-xs-0 {
    order: 0;
  }

  .flex-order-gt-xs-1 {
    order: 1;
  }

  .flex-order-gt-xs-2 {
    order: 2;
  }

  .flex-order-gt-xs-3 {
    order: 3;
  }

  .flex-order-gt-xs-4 {
    order: 4;
  }

  .flex-order-gt-xs-5 {
    order: 5;
  }

  .flex-order-gt-xs-6 {
    order: 6;
  }

  .flex-order-gt-xs-7 {
    order: 7;
  }

  .flex-order-gt-xs-8 {
    order: 8;
  }

  .flex-order-gt-xs-9 {
    order: 9;
  }

  .flex-order-gt-xs-10 {
    order: 10;
  }

  .flex-order-gt-xs-11 {
    order: 11;
  }

  .flex-order-gt-xs-12 {
    order: 12;
  }

  .flex-order-gt-xs-13 {
    order: 13;
  }

  .flex-order-gt-xs-14 {
    order: 14;
  }

  .flex-order-gt-xs-15 {
    order: 15;
  }

  .flex-order-gt-xs-16 {
    order: 16;
  }

  .flex-order-gt-xs-17 {
    order: 17;
  }

  .flex-order-gt-xs-18 {
    order: 18;
  }

  .flex-order-gt-xs-19 {
    order: 19;
  }

  .flex-order-gt-xs-20 {
    order: 20;
  }

  [dir="ltr"] .offset-gt-xs-0, [dir="ltr"] .flex-offset-gt-xs-0, [dir="ltr"] .layout-margin .flex-offset-gt-xs-0, [dir="ltr"] .layout-margin .offset-gt-xs-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-xs-0, [dir="rtl"] .flex-offset-gt-xs-0, [dir="rtl"] .layout-margin .flex-offset-gt-xs-0, [dir="rtl"] .layout-margin .offset-gt-xs-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-0, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-0, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-gt-xs-5, [dir="ltr"] .flex-offset-gt-xs-5, [dir="ltr"] .layout-margin .flex-offset-gt-xs-5, [dir="ltr"] .layout-margin .offset-gt-xs-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-xs-5, [dir="rtl"] .flex-offset-gt-xs-5, [dir="rtl"] .layout-margin .flex-offset-gt-xs-5, [dir="rtl"] .layout-margin .offset-gt-xs-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-5, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-5, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-gt-xs-10, [dir="ltr"] .flex-offset-gt-xs-10, [dir="ltr"] .layout-margin .flex-offset-gt-xs-10, [dir="ltr"] .layout-margin .offset-gt-xs-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-xs-10, [dir="rtl"] .flex-offset-gt-xs-10, [dir="rtl"] .layout-margin .flex-offset-gt-xs-10, [dir="rtl"] .layout-margin .offset-gt-xs-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-10, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-10, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-gt-xs-15, [dir="ltr"] .flex-offset-gt-xs-15, [dir="ltr"] .layout-margin .flex-offset-gt-xs-15, [dir="ltr"] .layout-margin .offset-gt-xs-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-xs-15, [dir="rtl"] .flex-offset-gt-xs-15, [dir="rtl"] .layout-margin .flex-offset-gt-xs-15, [dir="rtl"] .layout-margin .offset-gt-xs-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-15, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-15, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-gt-xs-20, [dir="ltr"] .flex-offset-gt-xs-20, [dir="ltr"] .layout-margin .flex-offset-gt-xs-20, [dir="ltr"] .layout-margin .offset-gt-xs-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-xs-20, [dir="rtl"] .flex-offset-gt-xs-20, [dir="rtl"] .layout-margin .flex-offset-gt-xs-20, [dir="rtl"] .layout-margin .offset-gt-xs-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-20, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-20, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-gt-xs-25, [dir="ltr"] .flex-offset-gt-xs-25, [dir="ltr"] .layout-margin .flex-offset-gt-xs-25, [dir="ltr"] .layout-margin .offset-gt-xs-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-xs-25, [dir="rtl"] .flex-offset-gt-xs-25, [dir="rtl"] .layout-margin .flex-offset-gt-xs-25, [dir="rtl"] .layout-margin .offset-gt-xs-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-25, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-25, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-gt-xs-30, [dir="ltr"] .flex-offset-gt-xs-30, [dir="ltr"] .layout-margin .flex-offset-gt-xs-30, [dir="ltr"] .layout-margin .offset-gt-xs-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-xs-30, [dir="rtl"] .flex-offset-gt-xs-30, [dir="rtl"] .layout-margin .flex-offset-gt-xs-30, [dir="rtl"] .layout-margin .offset-gt-xs-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-30, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-30, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-gt-xs-35, [dir="ltr"] .flex-offset-gt-xs-35, [dir="ltr"] .layout-margin .flex-offset-gt-xs-35, [dir="ltr"] .layout-margin .offset-gt-xs-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-xs-35, [dir="rtl"] .flex-offset-gt-xs-35, [dir="rtl"] .layout-margin .flex-offset-gt-xs-35, [dir="rtl"] .layout-margin .offset-gt-xs-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-35, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-35, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-gt-xs-40, [dir="ltr"] .flex-offset-gt-xs-40, [dir="ltr"] .layout-margin .flex-offset-gt-xs-40, [dir="ltr"] .layout-margin .offset-gt-xs-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-xs-40, [dir="rtl"] .flex-offset-gt-xs-40, [dir="rtl"] .layout-margin .flex-offset-gt-xs-40, [dir="rtl"] .layout-margin .offset-gt-xs-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-40, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-40, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-gt-xs-45, [dir="ltr"] .flex-offset-gt-xs-45, [dir="ltr"] .layout-margin .flex-offset-gt-xs-45, [dir="ltr"] .layout-margin .offset-gt-xs-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-xs-45, [dir="rtl"] .flex-offset-gt-xs-45, [dir="rtl"] .layout-margin .flex-offset-gt-xs-45, [dir="rtl"] .layout-margin .offset-gt-xs-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-45, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-45, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-gt-xs-50, [dir="ltr"] .flex-offset-gt-xs-50, [dir="ltr"] .layout-margin .flex-offset-gt-xs-50, [dir="ltr"] .layout-margin .offset-gt-xs-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-xs-50, [dir="rtl"] .flex-offset-gt-xs-50, [dir="rtl"] .layout-margin .flex-offset-gt-xs-50, [dir="rtl"] .layout-margin .offset-gt-xs-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-50, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-50, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-gt-xs-55, [dir="ltr"] .flex-offset-gt-xs-55, [dir="ltr"] .layout-margin .flex-offset-gt-xs-55, [dir="ltr"] .layout-margin .offset-gt-xs-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-xs-55, [dir="rtl"] .flex-offset-gt-xs-55, [dir="rtl"] .layout-margin .flex-offset-gt-xs-55, [dir="rtl"] .layout-margin .offset-gt-xs-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-55, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-55, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-gt-xs-60, [dir="ltr"] .flex-offset-gt-xs-60, [dir="ltr"] .layout-margin .flex-offset-gt-xs-60, [dir="ltr"] .layout-margin .offset-gt-xs-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-xs-60, [dir="rtl"] .flex-offset-gt-xs-60, [dir="rtl"] .layout-margin .flex-offset-gt-xs-60, [dir="rtl"] .layout-margin .offset-gt-xs-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-60, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-60, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-gt-xs-65, [dir="ltr"] .flex-offset-gt-xs-65, [dir="ltr"] .layout-margin .flex-offset-gt-xs-65, [dir="ltr"] .layout-margin .offset-gt-xs-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-xs-65, [dir="rtl"] .flex-offset-gt-xs-65, [dir="rtl"] .layout-margin .flex-offset-gt-xs-65, [dir="rtl"] .layout-margin .offset-gt-xs-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-65, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-65, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-gt-xs-70, [dir="ltr"] .flex-offset-gt-xs-70, [dir="ltr"] .layout-margin .flex-offset-gt-xs-70, [dir="ltr"] .layout-margin .offset-gt-xs-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-xs-70, [dir="rtl"] .flex-offset-gt-xs-70, [dir="rtl"] .layout-margin .flex-offset-gt-xs-70, [dir="rtl"] .layout-margin .offset-gt-xs-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-70, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-70, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-gt-xs-75, [dir="ltr"] .flex-offset-gt-xs-75, [dir="ltr"] .layout-margin .flex-offset-gt-xs-75, [dir="ltr"] .layout-margin .offset-gt-xs-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-xs-75, [dir="rtl"] .flex-offset-gt-xs-75, [dir="rtl"] .layout-margin .flex-offset-gt-xs-75, [dir="rtl"] .layout-margin .offset-gt-xs-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-75, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-75, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-gt-xs-80, [dir="ltr"] .flex-offset-gt-xs-80, [dir="ltr"] .layout-margin .flex-offset-gt-xs-80, [dir="ltr"] .layout-margin .offset-gt-xs-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-xs-80, [dir="rtl"] .flex-offset-gt-xs-80, [dir="rtl"] .layout-margin .flex-offset-gt-xs-80, [dir="rtl"] .layout-margin .offset-gt-xs-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-80, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-80, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-gt-xs-85, [dir="ltr"] .flex-offset-gt-xs-85, [dir="ltr"] .layout-margin .flex-offset-gt-xs-85, [dir="ltr"] .layout-margin .offset-gt-xs-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-xs-85, [dir="rtl"] .flex-offset-gt-xs-85, [dir="rtl"] .layout-margin .flex-offset-gt-xs-85, [dir="rtl"] .layout-margin .offset-gt-xs-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-85, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-85, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-gt-xs-90, [dir="ltr"] .flex-offset-gt-xs-90, [dir="ltr"] .layout-margin .flex-offset-gt-xs-90, [dir="ltr"] .layout-margin .offset-gt-xs-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-xs-90, [dir="rtl"] .flex-offset-gt-xs-90, [dir="rtl"] .layout-margin .flex-offset-gt-xs-90, [dir="rtl"] .layout-margin .offset-gt-xs-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-90, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-90, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-gt-xs-95, [dir="ltr"] .flex-offset-gt-xs-95, [dir="ltr"] .layout-margin .flex-offset-gt-xs-95, [dir="ltr"] .layout-margin .offset-gt-xs-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-xs-95, [dir="rtl"] .flex-offset-gt-xs-95, [dir="rtl"] .layout-margin .flex-offset-gt-xs-95, [dir="rtl"] .layout-margin .offset-gt-xs-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-95, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-95, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-gt-xs-33, [dir="ltr"] .flex-offset-gt-xs-33, [dir="ltr"] .layout-margin .flex-offset-gt-xs-33, [dir="ltr"] .layout-margin .offset-gt-xs-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-gt-xs-33, [dir="rtl"] .flex-offset-gt-xs-33, [dir="rtl"] .layout-margin .flex-offset-gt-xs-33, [dir="rtl"] .layout-margin .offset-gt-xs-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-gt-xs-66, [dir="ltr"] .flex-offset-gt-xs-66, [dir="ltr"] .layout-margin .flex-offset-gt-xs-66, [dir="ltr"] .layout-margin .offset-gt-xs-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-gt-xs-66, [dir="rtl"] .flex-offset-gt-xs-66, [dir="rtl"] .layout-margin .flex-offset-gt-xs-66, [dir="rtl"] .layout-margin .offset-gt-xs-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-xs-66, [dir="ltr"] [dir=rtl] .flex-offset-gt-xs-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-xs-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-xs-66, [dir="rtl"] [dir=rtl] .flex-offset-gt-xs-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-xs-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-gt-xs,
.layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-xs-start,
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-xs-center,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-xs-end,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-xs-space-around,
.layout-align-gt-xs-space-around-center,
.layout-align-gt-xs-space-around-start,
.layout-align-gt-xs-space-around-end,
.layout-align-gt-xs-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-xs-space-between,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-xs-start-start,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-xs-start-center,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-xs-start-center > *,
.layout-align-gt-xs-center-center > *,
.layout-align-gt-xs-end-center > *,
.layout-align-gt-xs-space-between-center > *,
.layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-xs-start-end,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-xs-start-stretch,
.layout-align-gt-xs-center-stretch,
.layout-align-gt-xs-end-stretch,
.layout-align-gt-xs-space-between-stretch,
.layout-align-gt-xs-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-xs {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-xs-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-xs-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-xs-column > .flex-gt-xs-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-xs-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-xs-row > .flex {
    min-width: 0;
  }

  .layout-gt-xs-column > .flex-gt-xs-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex-gt-xs-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-xs-column > .flex {
    min-height: 0;
  }

  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-xs-column {
    flex-direction: column;
  }

  .layout-gt-xs-row {
    flex-direction: row;
  }
}

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none;
  }

  .flex-order-sm--20 {
    order: -20;
  }

  .flex-order-sm--19 {
    order: -19;
  }

  .flex-order-sm--18 {
    order: -18;
  }

  .flex-order-sm--17 {
    order: -17;
  }

  .flex-order-sm--16 {
    order: -16;
  }

  .flex-order-sm--15 {
    order: -15;
  }

  .flex-order-sm--14 {
    order: -14;
  }

  .flex-order-sm--13 {
    order: -13;
  }

  .flex-order-sm--12 {
    order: -12;
  }

  .flex-order-sm--11 {
    order: -11;
  }

  .flex-order-sm--10 {
    order: -10;
  }

  .flex-order-sm--9 {
    order: -9;
  }

  .flex-order-sm--8 {
    order: -8;
  }

  .flex-order-sm--7 {
    order: -7;
  }

  .flex-order-sm--6 {
    order: -6;
  }

  .flex-order-sm--5 {
    order: -5;
  }

  .flex-order-sm--4 {
    order: -4;
  }

  .flex-order-sm--3 {
    order: -3;
  }

  .flex-order-sm--2 {
    order: -2;
  }

  .flex-order-sm--1 {
    order: -1;
  }

  .flex-order-sm-0 {
    order: 0;
  }

  .flex-order-sm-1 {
    order: 1;
  }

  .flex-order-sm-2 {
    order: 2;
  }

  .flex-order-sm-3 {
    order: 3;
  }

  .flex-order-sm-4 {
    order: 4;
  }

  .flex-order-sm-5 {
    order: 5;
  }

  .flex-order-sm-6 {
    order: 6;
  }

  .flex-order-sm-7 {
    order: 7;
  }

  .flex-order-sm-8 {
    order: 8;
  }

  .flex-order-sm-9 {
    order: 9;
  }

  .flex-order-sm-10 {
    order: 10;
  }

  .flex-order-sm-11 {
    order: 11;
  }

  .flex-order-sm-12 {
    order: 12;
  }

  .flex-order-sm-13 {
    order: 13;
  }

  .flex-order-sm-14 {
    order: 14;
  }

  .flex-order-sm-15 {
    order: 15;
  }

  .flex-order-sm-16 {
    order: 16;
  }

  .flex-order-sm-17 {
    order: 17;
  }

  .flex-order-sm-18 {
    order: 18;
  }

  .flex-order-sm-19 {
    order: 19;
  }

  .flex-order-sm-20 {
    order: 20;
  }

  [dir="ltr"] .offset-sm-0, [dir="ltr"] .flex-offset-sm-0, [dir="ltr"] .layout-margin .flex-offset-sm-0, [dir="ltr"] .layout-margin .offset-sm-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-sm-0, [dir="rtl"] .flex-offset-sm-0, [dir="rtl"] .layout-margin .flex-offset-sm-0, [dir="rtl"] .layout-margin .offset-sm-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-0, [dir="ltr"] [dir=rtl] .flex-offset-sm-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-0, [dir="rtl"] [dir=rtl] .flex-offset-sm-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-sm-5, [dir="ltr"] .flex-offset-sm-5, [dir="ltr"] .layout-margin .flex-offset-sm-5, [dir="ltr"] .layout-margin .offset-sm-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-sm-5, [dir="rtl"] .flex-offset-sm-5, [dir="rtl"] .layout-margin .flex-offset-sm-5, [dir="rtl"] .layout-margin .offset-sm-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-5, [dir="ltr"] [dir=rtl] .flex-offset-sm-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-5, [dir="rtl"] [dir=rtl] .flex-offset-sm-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-sm-10, [dir="ltr"] .flex-offset-sm-10, [dir="ltr"] .layout-margin .flex-offset-sm-10, [dir="ltr"] .layout-margin .offset-sm-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-sm-10, [dir="rtl"] .flex-offset-sm-10, [dir="rtl"] .layout-margin .flex-offset-sm-10, [dir="rtl"] .layout-margin .offset-sm-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-10, [dir="ltr"] [dir=rtl] .flex-offset-sm-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-10, [dir="rtl"] [dir=rtl] .flex-offset-sm-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-sm-15, [dir="ltr"] .flex-offset-sm-15, [dir="ltr"] .layout-margin .flex-offset-sm-15, [dir="ltr"] .layout-margin .offset-sm-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-sm-15, [dir="rtl"] .flex-offset-sm-15, [dir="rtl"] .layout-margin .flex-offset-sm-15, [dir="rtl"] .layout-margin .offset-sm-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-15, [dir="ltr"] [dir=rtl] .flex-offset-sm-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-15, [dir="rtl"] [dir=rtl] .flex-offset-sm-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-sm-20, [dir="ltr"] .flex-offset-sm-20, [dir="ltr"] .layout-margin .flex-offset-sm-20, [dir="ltr"] .layout-margin .offset-sm-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-sm-20, [dir="rtl"] .flex-offset-sm-20, [dir="rtl"] .layout-margin .flex-offset-sm-20, [dir="rtl"] .layout-margin .offset-sm-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-20, [dir="ltr"] [dir=rtl] .flex-offset-sm-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-20, [dir="rtl"] [dir=rtl] .flex-offset-sm-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-sm-25, [dir="ltr"] .flex-offset-sm-25, [dir="ltr"] .layout-margin .flex-offset-sm-25, [dir="ltr"] .layout-margin .offset-sm-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-sm-25, [dir="rtl"] .flex-offset-sm-25, [dir="rtl"] .layout-margin .flex-offset-sm-25, [dir="rtl"] .layout-margin .offset-sm-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-25, [dir="ltr"] [dir=rtl] .flex-offset-sm-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-25, [dir="rtl"] [dir=rtl] .flex-offset-sm-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-sm-30, [dir="ltr"] .flex-offset-sm-30, [dir="ltr"] .layout-margin .flex-offset-sm-30, [dir="ltr"] .layout-margin .offset-sm-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-sm-30, [dir="rtl"] .flex-offset-sm-30, [dir="rtl"] .layout-margin .flex-offset-sm-30, [dir="rtl"] .layout-margin .offset-sm-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-30, [dir="ltr"] [dir=rtl] .flex-offset-sm-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-30, [dir="rtl"] [dir=rtl] .flex-offset-sm-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-sm-35, [dir="ltr"] .flex-offset-sm-35, [dir="ltr"] .layout-margin .flex-offset-sm-35, [dir="ltr"] .layout-margin .offset-sm-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-sm-35, [dir="rtl"] .flex-offset-sm-35, [dir="rtl"] .layout-margin .flex-offset-sm-35, [dir="rtl"] .layout-margin .offset-sm-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-35, [dir="ltr"] [dir=rtl] .flex-offset-sm-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-35, [dir="rtl"] [dir=rtl] .flex-offset-sm-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-sm-40, [dir="ltr"] .flex-offset-sm-40, [dir="ltr"] .layout-margin .flex-offset-sm-40, [dir="ltr"] .layout-margin .offset-sm-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-sm-40, [dir="rtl"] .flex-offset-sm-40, [dir="rtl"] .layout-margin .flex-offset-sm-40, [dir="rtl"] .layout-margin .offset-sm-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-40, [dir="ltr"] [dir=rtl] .flex-offset-sm-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-40, [dir="rtl"] [dir=rtl] .flex-offset-sm-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-sm-45, [dir="ltr"] .flex-offset-sm-45, [dir="ltr"] .layout-margin .flex-offset-sm-45, [dir="ltr"] .layout-margin .offset-sm-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-sm-45, [dir="rtl"] .flex-offset-sm-45, [dir="rtl"] .layout-margin .flex-offset-sm-45, [dir="rtl"] .layout-margin .offset-sm-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-45, [dir="ltr"] [dir=rtl] .flex-offset-sm-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-45, [dir="rtl"] [dir=rtl] .flex-offset-sm-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-sm-50, [dir="ltr"] .flex-offset-sm-50, [dir="ltr"] .layout-margin .flex-offset-sm-50, [dir="ltr"] .layout-margin .offset-sm-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-sm-50, [dir="rtl"] .flex-offset-sm-50, [dir="rtl"] .layout-margin .flex-offset-sm-50, [dir="rtl"] .layout-margin .offset-sm-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-50, [dir="ltr"] [dir=rtl] .flex-offset-sm-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-50, [dir="rtl"] [dir=rtl] .flex-offset-sm-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-sm-55, [dir="ltr"] .flex-offset-sm-55, [dir="ltr"] .layout-margin .flex-offset-sm-55, [dir="ltr"] .layout-margin .offset-sm-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-sm-55, [dir="rtl"] .flex-offset-sm-55, [dir="rtl"] .layout-margin .flex-offset-sm-55, [dir="rtl"] .layout-margin .offset-sm-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-55, [dir="ltr"] [dir=rtl] .flex-offset-sm-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-55, [dir="rtl"] [dir=rtl] .flex-offset-sm-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-sm-60, [dir="ltr"] .flex-offset-sm-60, [dir="ltr"] .layout-margin .flex-offset-sm-60, [dir="ltr"] .layout-margin .offset-sm-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-sm-60, [dir="rtl"] .flex-offset-sm-60, [dir="rtl"] .layout-margin .flex-offset-sm-60, [dir="rtl"] .layout-margin .offset-sm-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-60, [dir="ltr"] [dir=rtl] .flex-offset-sm-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-60, [dir="rtl"] [dir=rtl] .flex-offset-sm-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-sm-65, [dir="ltr"] .flex-offset-sm-65, [dir="ltr"] .layout-margin .flex-offset-sm-65, [dir="ltr"] .layout-margin .offset-sm-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-sm-65, [dir="rtl"] .flex-offset-sm-65, [dir="rtl"] .layout-margin .flex-offset-sm-65, [dir="rtl"] .layout-margin .offset-sm-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-65, [dir="ltr"] [dir=rtl] .flex-offset-sm-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-65, [dir="rtl"] [dir=rtl] .flex-offset-sm-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-sm-70, [dir="ltr"] .flex-offset-sm-70, [dir="ltr"] .layout-margin .flex-offset-sm-70, [dir="ltr"] .layout-margin .offset-sm-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-sm-70, [dir="rtl"] .flex-offset-sm-70, [dir="rtl"] .layout-margin .flex-offset-sm-70, [dir="rtl"] .layout-margin .offset-sm-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-70, [dir="ltr"] [dir=rtl] .flex-offset-sm-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-70, [dir="rtl"] [dir=rtl] .flex-offset-sm-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-sm-75, [dir="ltr"] .flex-offset-sm-75, [dir="ltr"] .layout-margin .flex-offset-sm-75, [dir="ltr"] .layout-margin .offset-sm-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-sm-75, [dir="rtl"] .flex-offset-sm-75, [dir="rtl"] .layout-margin .flex-offset-sm-75, [dir="rtl"] .layout-margin .offset-sm-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-75, [dir="ltr"] [dir=rtl] .flex-offset-sm-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-75, [dir="rtl"] [dir=rtl] .flex-offset-sm-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-sm-80, [dir="ltr"] .flex-offset-sm-80, [dir="ltr"] .layout-margin .flex-offset-sm-80, [dir="ltr"] .layout-margin .offset-sm-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-sm-80, [dir="rtl"] .flex-offset-sm-80, [dir="rtl"] .layout-margin .flex-offset-sm-80, [dir="rtl"] .layout-margin .offset-sm-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-80, [dir="ltr"] [dir=rtl] .flex-offset-sm-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-80, [dir="rtl"] [dir=rtl] .flex-offset-sm-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-sm-85, [dir="ltr"] .flex-offset-sm-85, [dir="ltr"] .layout-margin .flex-offset-sm-85, [dir="ltr"] .layout-margin .offset-sm-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-sm-85, [dir="rtl"] .flex-offset-sm-85, [dir="rtl"] .layout-margin .flex-offset-sm-85, [dir="rtl"] .layout-margin .offset-sm-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-85, [dir="ltr"] [dir=rtl] .flex-offset-sm-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-85, [dir="rtl"] [dir=rtl] .flex-offset-sm-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-sm-90, [dir="ltr"] .flex-offset-sm-90, [dir="ltr"] .layout-margin .flex-offset-sm-90, [dir="ltr"] .layout-margin .offset-sm-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-sm-90, [dir="rtl"] .flex-offset-sm-90, [dir="rtl"] .layout-margin .flex-offset-sm-90, [dir="rtl"] .layout-margin .offset-sm-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-90, [dir="ltr"] [dir=rtl] .flex-offset-sm-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-90, [dir="rtl"] [dir=rtl] .flex-offset-sm-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-sm-95, [dir="ltr"] .flex-offset-sm-95, [dir="ltr"] .layout-margin .flex-offset-sm-95, [dir="ltr"] .layout-margin .offset-sm-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-sm-95, [dir="rtl"] .flex-offset-sm-95, [dir="rtl"] .layout-margin .flex-offset-sm-95, [dir="rtl"] .layout-margin .offset-sm-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-95, [dir="ltr"] [dir=rtl] .flex-offset-sm-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-95, [dir="rtl"] [dir=rtl] .flex-offset-sm-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-sm-33, [dir="ltr"] .flex-offset-sm-33, [dir="ltr"] .layout-margin .flex-offset-sm-33, [dir="ltr"] .layout-margin .offset-sm-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-sm-33, [dir="rtl"] .flex-offset-sm-33, [dir="rtl"] .layout-margin .flex-offset-sm-33, [dir="rtl"] .layout-margin .offset-sm-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-sm-66, [dir="ltr"] .flex-offset-sm-66, [dir="ltr"] .layout-margin .flex-offset-sm-66, [dir="ltr"] .layout-margin .offset-sm-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-sm-66, [dir="rtl"] .flex-offset-sm-66, [dir="rtl"] .layout-margin .flex-offset-sm-66, [dir="rtl"] .layout-margin .offset-sm-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-sm-66, [dir="ltr"] [dir=rtl] .flex-offset-sm-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-sm-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-sm-66, [dir="rtl"] [dir=rtl] .flex-offset-sm-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-sm-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-sm-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-sm,
.layout-align-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-sm-start,
.layout-align-sm-start-start,
.layout-align-sm-start-center,
.layout-align-sm-start-end,
.layout-align-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-sm-center,
.layout-align-sm-center-start,
.layout-align-sm-center-center,
.layout-align-sm-center-end,
.layout-align-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-sm-end,
.layout-align-sm-end-start,
.layout-align-sm-end-center,
.layout-align-sm-end-end,
.layout-align-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-sm-space-around,
.layout-align-sm-space-around-center,
.layout-align-sm-space-around-start,
.layout-align-sm-space-around-end,
.layout-align-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-sm-space-between,
.layout-align-sm-space-between-center,
.layout-align-sm-space-between-start,
.layout-align-sm-space-between-end,
.layout-align-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-sm-start-start,
.layout-align-sm-center-start,
.layout-align-sm-end-start,
.layout-align-sm-space-between-start,
.layout-align-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-sm-start-center,
.layout-align-sm-center-center,
.layout-align-sm-end-center,
.layout-align-sm-space-between-center,
.layout-align-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-sm-start-center > *,
.layout-align-sm-center-center > *,
.layout-align-sm-end-center > *,
.layout-align-sm-space-between-center > *,
.layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-sm-start-end,
.layout-align-sm-center-end,
.layout-align-sm-end-end,
.layout-align-sm-space-between-end,
.layout-align-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-sm-start-stretch,
.layout-align-sm-center-stretch,
.layout-align-sm-end-stretch,
.layout-align-sm-space-between-stretch,
.layout-align-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-sm {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-sm-column > .flex-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-sm-row > .flex {
    min-width: 0;
  }

  .layout-sm-column > .flex-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-sm-column > .flex {
    min-height: 0;
  }

  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-sm-column {
    flex-direction: column;
  }

  .layout-sm-row {
    flex-direction: row;
  }
}

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    order: -20;
  }

  .flex-order-gt-sm--19 {
    order: -19;
  }

  .flex-order-gt-sm--18 {
    order: -18;
  }

  .flex-order-gt-sm--17 {
    order: -17;
  }

  .flex-order-gt-sm--16 {
    order: -16;
  }

  .flex-order-gt-sm--15 {
    order: -15;
  }

  .flex-order-gt-sm--14 {
    order: -14;
  }

  .flex-order-gt-sm--13 {
    order: -13;
  }

  .flex-order-gt-sm--12 {
    order: -12;
  }

  .flex-order-gt-sm--11 {
    order: -11;
  }

  .flex-order-gt-sm--10 {
    order: -10;
  }

  .flex-order-gt-sm--9 {
    order: -9;
  }

  .flex-order-gt-sm--8 {
    order: -8;
  }

  .flex-order-gt-sm--7 {
    order: -7;
  }

  .flex-order-gt-sm--6 {
    order: -6;
  }

  .flex-order-gt-sm--5 {
    order: -5;
  }

  .flex-order-gt-sm--4 {
    order: -4;
  }

  .flex-order-gt-sm--3 {
    order: -3;
  }

  .flex-order-gt-sm--2 {
    order: -2;
  }

  .flex-order-gt-sm--1 {
    order: -1;
  }

  .flex-order-gt-sm-0 {
    order: 0;
  }

  .flex-order-gt-sm-1 {
    order: 1;
  }

  .flex-order-gt-sm-2 {
    order: 2;
  }

  .flex-order-gt-sm-3 {
    order: 3;
  }

  .flex-order-gt-sm-4 {
    order: 4;
  }

  .flex-order-gt-sm-5 {
    order: 5;
  }

  .flex-order-gt-sm-6 {
    order: 6;
  }

  .flex-order-gt-sm-7 {
    order: 7;
  }

  .flex-order-gt-sm-8 {
    order: 8;
  }

  .flex-order-gt-sm-9 {
    order: 9;
  }

  .flex-order-gt-sm-10 {
    order: 10;
  }

  .flex-order-gt-sm-11 {
    order: 11;
  }

  .flex-order-gt-sm-12 {
    order: 12;
  }

  .flex-order-gt-sm-13 {
    order: 13;
  }

  .flex-order-gt-sm-14 {
    order: 14;
  }

  .flex-order-gt-sm-15 {
    order: 15;
  }

  .flex-order-gt-sm-16 {
    order: 16;
  }

  .flex-order-gt-sm-17 {
    order: 17;
  }

  .flex-order-gt-sm-18 {
    order: 18;
  }

  .flex-order-gt-sm-19 {
    order: 19;
  }

  .flex-order-gt-sm-20 {
    order: 20;
  }

  [dir="ltr"] .offset-gt-sm-0, [dir="ltr"] .flex-offset-gt-sm-0, [dir="ltr"] .layout-margin .flex-offset-gt-sm-0, [dir="ltr"] .layout-margin .offset-gt-sm-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-sm-0, [dir="rtl"] .flex-offset-gt-sm-0, [dir="rtl"] .layout-margin .flex-offset-gt-sm-0, [dir="rtl"] .layout-margin .offset-gt-sm-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-0, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-0, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-gt-sm-5, [dir="ltr"] .flex-offset-gt-sm-5, [dir="ltr"] .layout-margin .flex-offset-gt-sm-5, [dir="ltr"] .layout-margin .offset-gt-sm-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-sm-5, [dir="rtl"] .flex-offset-gt-sm-5, [dir="rtl"] .layout-margin .flex-offset-gt-sm-5, [dir="rtl"] .layout-margin .offset-gt-sm-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-5, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-5, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-gt-sm-10, [dir="ltr"] .flex-offset-gt-sm-10, [dir="ltr"] .layout-margin .flex-offset-gt-sm-10, [dir="ltr"] .layout-margin .offset-gt-sm-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-sm-10, [dir="rtl"] .flex-offset-gt-sm-10, [dir="rtl"] .layout-margin .flex-offset-gt-sm-10, [dir="rtl"] .layout-margin .offset-gt-sm-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-10, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-10, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-gt-sm-15, [dir="ltr"] .flex-offset-gt-sm-15, [dir="ltr"] .layout-margin .flex-offset-gt-sm-15, [dir="ltr"] .layout-margin .offset-gt-sm-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-sm-15, [dir="rtl"] .flex-offset-gt-sm-15, [dir="rtl"] .layout-margin .flex-offset-gt-sm-15, [dir="rtl"] .layout-margin .offset-gt-sm-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-15, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-15, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-gt-sm-20, [dir="ltr"] .flex-offset-gt-sm-20, [dir="ltr"] .layout-margin .flex-offset-gt-sm-20, [dir="ltr"] .layout-margin .offset-gt-sm-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-sm-20, [dir="rtl"] .flex-offset-gt-sm-20, [dir="rtl"] .layout-margin .flex-offset-gt-sm-20, [dir="rtl"] .layout-margin .offset-gt-sm-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-20, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-20, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-gt-sm-25, [dir="ltr"] .flex-offset-gt-sm-25, [dir="ltr"] .layout-margin .flex-offset-gt-sm-25, [dir="ltr"] .layout-margin .offset-gt-sm-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-sm-25, [dir="rtl"] .flex-offset-gt-sm-25, [dir="rtl"] .layout-margin .flex-offset-gt-sm-25, [dir="rtl"] .layout-margin .offset-gt-sm-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-25, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-25, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-gt-sm-30, [dir="ltr"] .flex-offset-gt-sm-30, [dir="ltr"] .layout-margin .flex-offset-gt-sm-30, [dir="ltr"] .layout-margin .offset-gt-sm-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-sm-30, [dir="rtl"] .flex-offset-gt-sm-30, [dir="rtl"] .layout-margin .flex-offset-gt-sm-30, [dir="rtl"] .layout-margin .offset-gt-sm-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-30, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-30, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-gt-sm-35, [dir="ltr"] .flex-offset-gt-sm-35, [dir="ltr"] .layout-margin .flex-offset-gt-sm-35, [dir="ltr"] .layout-margin .offset-gt-sm-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-sm-35, [dir="rtl"] .flex-offset-gt-sm-35, [dir="rtl"] .layout-margin .flex-offset-gt-sm-35, [dir="rtl"] .layout-margin .offset-gt-sm-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-35, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-35, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-gt-sm-40, [dir="ltr"] .flex-offset-gt-sm-40, [dir="ltr"] .layout-margin .flex-offset-gt-sm-40, [dir="ltr"] .layout-margin .offset-gt-sm-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-sm-40, [dir="rtl"] .flex-offset-gt-sm-40, [dir="rtl"] .layout-margin .flex-offset-gt-sm-40, [dir="rtl"] .layout-margin .offset-gt-sm-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-40, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-40, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-gt-sm-45, [dir="ltr"] .flex-offset-gt-sm-45, [dir="ltr"] .layout-margin .flex-offset-gt-sm-45, [dir="ltr"] .layout-margin .offset-gt-sm-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-sm-45, [dir="rtl"] .flex-offset-gt-sm-45, [dir="rtl"] .layout-margin .flex-offset-gt-sm-45, [dir="rtl"] .layout-margin .offset-gt-sm-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-45, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-45, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-gt-sm-50, [dir="ltr"] .flex-offset-gt-sm-50, [dir="ltr"] .layout-margin .flex-offset-gt-sm-50, [dir="ltr"] .layout-margin .offset-gt-sm-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-sm-50, [dir="rtl"] .flex-offset-gt-sm-50, [dir="rtl"] .layout-margin .flex-offset-gt-sm-50, [dir="rtl"] .layout-margin .offset-gt-sm-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-50, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-50, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-gt-sm-55, [dir="ltr"] .flex-offset-gt-sm-55, [dir="ltr"] .layout-margin .flex-offset-gt-sm-55, [dir="ltr"] .layout-margin .offset-gt-sm-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-sm-55, [dir="rtl"] .flex-offset-gt-sm-55, [dir="rtl"] .layout-margin .flex-offset-gt-sm-55, [dir="rtl"] .layout-margin .offset-gt-sm-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-55, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-55, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-gt-sm-60, [dir="ltr"] .flex-offset-gt-sm-60, [dir="ltr"] .layout-margin .flex-offset-gt-sm-60, [dir="ltr"] .layout-margin .offset-gt-sm-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-sm-60, [dir="rtl"] .flex-offset-gt-sm-60, [dir="rtl"] .layout-margin .flex-offset-gt-sm-60, [dir="rtl"] .layout-margin .offset-gt-sm-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-60, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-60, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-gt-sm-65, [dir="ltr"] .flex-offset-gt-sm-65, [dir="ltr"] .layout-margin .flex-offset-gt-sm-65, [dir="ltr"] .layout-margin .offset-gt-sm-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-sm-65, [dir="rtl"] .flex-offset-gt-sm-65, [dir="rtl"] .layout-margin .flex-offset-gt-sm-65, [dir="rtl"] .layout-margin .offset-gt-sm-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-65, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-65, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-gt-sm-70, [dir="ltr"] .flex-offset-gt-sm-70, [dir="ltr"] .layout-margin .flex-offset-gt-sm-70, [dir="ltr"] .layout-margin .offset-gt-sm-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-sm-70, [dir="rtl"] .flex-offset-gt-sm-70, [dir="rtl"] .layout-margin .flex-offset-gt-sm-70, [dir="rtl"] .layout-margin .offset-gt-sm-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-70, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-70, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-gt-sm-75, [dir="ltr"] .flex-offset-gt-sm-75, [dir="ltr"] .layout-margin .flex-offset-gt-sm-75, [dir="ltr"] .layout-margin .offset-gt-sm-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-sm-75, [dir="rtl"] .flex-offset-gt-sm-75, [dir="rtl"] .layout-margin .flex-offset-gt-sm-75, [dir="rtl"] .layout-margin .offset-gt-sm-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-75, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-75, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-gt-sm-80, [dir="ltr"] .flex-offset-gt-sm-80, [dir="ltr"] .layout-margin .flex-offset-gt-sm-80, [dir="ltr"] .layout-margin .offset-gt-sm-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-sm-80, [dir="rtl"] .flex-offset-gt-sm-80, [dir="rtl"] .layout-margin .flex-offset-gt-sm-80, [dir="rtl"] .layout-margin .offset-gt-sm-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-80, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-80, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-gt-sm-85, [dir="ltr"] .flex-offset-gt-sm-85, [dir="ltr"] .layout-margin .flex-offset-gt-sm-85, [dir="ltr"] .layout-margin .offset-gt-sm-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-sm-85, [dir="rtl"] .flex-offset-gt-sm-85, [dir="rtl"] .layout-margin .flex-offset-gt-sm-85, [dir="rtl"] .layout-margin .offset-gt-sm-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-85, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-85, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-gt-sm-90, [dir="ltr"] .flex-offset-gt-sm-90, [dir="ltr"] .layout-margin .flex-offset-gt-sm-90, [dir="ltr"] .layout-margin .offset-gt-sm-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-sm-90, [dir="rtl"] .flex-offset-gt-sm-90, [dir="rtl"] .layout-margin .flex-offset-gt-sm-90, [dir="rtl"] .layout-margin .offset-gt-sm-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-90, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-90, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-gt-sm-95, [dir="ltr"] .flex-offset-gt-sm-95, [dir="ltr"] .layout-margin .flex-offset-gt-sm-95, [dir="ltr"] .layout-margin .offset-gt-sm-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-sm-95, [dir="rtl"] .flex-offset-gt-sm-95, [dir="rtl"] .layout-margin .flex-offset-gt-sm-95, [dir="rtl"] .layout-margin .offset-gt-sm-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-95, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-95, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-gt-sm-33, [dir="ltr"] .flex-offset-gt-sm-33, [dir="ltr"] .layout-margin .flex-offset-gt-sm-33, [dir="ltr"] .layout-margin .offset-gt-sm-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-gt-sm-33, [dir="rtl"] .flex-offset-gt-sm-33, [dir="rtl"] .layout-margin .flex-offset-gt-sm-33, [dir="rtl"] .layout-margin .offset-gt-sm-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-gt-sm-66, [dir="ltr"] .flex-offset-gt-sm-66, [dir="ltr"] .layout-margin .flex-offset-gt-sm-66, [dir="ltr"] .layout-margin .offset-gt-sm-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-gt-sm-66, [dir="rtl"] .flex-offset-gt-sm-66, [dir="rtl"] .layout-margin .flex-offset-gt-sm-66, [dir="rtl"] .layout-margin .offset-gt-sm-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-sm-66, [dir="ltr"] [dir=rtl] .flex-offset-gt-sm-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-sm-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-sm-66, [dir="rtl"] [dir=rtl] .flex-offset-gt-sm-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-sm-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-gt-sm,
.layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-sm-start,
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-sm-center,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-sm-end,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-sm-space-around,
.layout-align-gt-sm-space-around-center,
.layout-align-gt-sm-space-around-start,
.layout-align-gt-sm-space-around-end,
.layout-align-gt-sm-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-sm-space-between,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-sm-start-start,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-sm-start-center,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-sm-start-center > *,
.layout-align-gt-sm-center-center > *,
.layout-align-gt-sm-end-center > *,
.layout-align-gt-sm-space-between-center > *,
.layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-sm-start-end,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-sm-start-stretch,
.layout-align-gt-sm-center-stretch,
.layout-align-gt-sm-end-stretch,
.layout-align-gt-sm-space-between-stretch,
.layout-align-gt-sm-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-sm {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-sm-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-sm-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-sm-column > .flex-gt-sm-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-sm-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-sm-row > .flex {
    min-width: 0;
  }

  .layout-gt-sm-column > .flex-gt-sm-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex-gt-sm-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-sm-column > .flex {
    min-height: 0;
  }

  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-sm-column {
    flex-direction: column;
  }

  .layout-gt-sm-row {
    flex-direction: row;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none;
  }

  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-md--20 {
    order: -20;
  }

  .flex-order-md--19 {
    order: -19;
  }

  .flex-order-md--18 {
    order: -18;
  }

  .flex-order-md--17 {
    order: -17;
  }

  .flex-order-md--16 {
    order: -16;
  }

  .flex-order-md--15 {
    order: -15;
  }

  .flex-order-md--14 {
    order: -14;
  }

  .flex-order-md--13 {
    order: -13;
  }

  .flex-order-md--12 {
    order: -12;
  }

  .flex-order-md--11 {
    order: -11;
  }

  .flex-order-md--10 {
    order: -10;
  }

  .flex-order-md--9 {
    order: -9;
  }

  .flex-order-md--8 {
    order: -8;
  }

  .flex-order-md--7 {
    order: -7;
  }

  .flex-order-md--6 {
    order: -6;
  }

  .flex-order-md--5 {
    order: -5;
  }

  .flex-order-md--4 {
    order: -4;
  }

  .flex-order-md--3 {
    order: -3;
  }

  .flex-order-md--2 {
    order: -2;
  }

  .flex-order-md--1 {
    order: -1;
  }

  .flex-order-md-0 {
    order: 0;
  }

  .flex-order-md-1 {
    order: 1;
  }

  .flex-order-md-2 {
    order: 2;
  }

  .flex-order-md-3 {
    order: 3;
  }

  .flex-order-md-4 {
    order: 4;
  }

  .flex-order-md-5 {
    order: 5;
  }

  .flex-order-md-6 {
    order: 6;
  }

  .flex-order-md-7 {
    order: 7;
  }

  .flex-order-md-8 {
    order: 8;
  }

  .flex-order-md-9 {
    order: 9;
  }

  .flex-order-md-10 {
    order: 10;
  }

  .flex-order-md-11 {
    order: 11;
  }

  .flex-order-md-12 {
    order: 12;
  }

  .flex-order-md-13 {
    order: 13;
  }

  .flex-order-md-14 {
    order: 14;
  }

  .flex-order-md-15 {
    order: 15;
  }

  .flex-order-md-16 {
    order: 16;
  }

  .flex-order-md-17 {
    order: 17;
  }

  .flex-order-md-18 {
    order: 18;
  }

  .flex-order-md-19 {
    order: 19;
  }

  .flex-order-md-20 {
    order: 20;
  }

  [dir="ltr"] .offset-md-0, [dir="ltr"] .flex-offset-md-0, [dir="ltr"] .layout-margin .flex-offset-md-0, [dir="ltr"] .layout-margin .offset-md-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-md-0, [dir="rtl"] .flex-offset-md-0, [dir="rtl"] .layout-margin .flex-offset-md-0, [dir="rtl"] .layout-margin .offset-md-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-md-0, [dir="ltr"] [dir=rtl] .flex-offset-md-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-md-0, [dir="rtl"] [dir=rtl] .flex-offset-md-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-md-5, [dir="ltr"] .flex-offset-md-5, [dir="ltr"] .layout-margin .flex-offset-md-5, [dir="ltr"] .layout-margin .offset-md-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-md-5, [dir="rtl"] .flex-offset-md-5, [dir="rtl"] .layout-margin .flex-offset-md-5, [dir="rtl"] .layout-margin .offset-md-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-5, [dir="ltr"] [dir=rtl] .flex-offset-md-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-5, [dir="rtl"] [dir=rtl] .flex-offset-md-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-md-10, [dir="ltr"] .flex-offset-md-10, [dir="ltr"] .layout-margin .flex-offset-md-10, [dir="ltr"] .layout-margin .offset-md-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-md-10, [dir="rtl"] .flex-offset-md-10, [dir="rtl"] .layout-margin .flex-offset-md-10, [dir="rtl"] .layout-margin .offset-md-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-10, [dir="ltr"] [dir=rtl] .flex-offset-md-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-10, [dir="rtl"] [dir=rtl] .flex-offset-md-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-md-15, [dir="ltr"] .flex-offset-md-15, [dir="ltr"] .layout-margin .flex-offset-md-15, [dir="ltr"] .layout-margin .offset-md-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-md-15, [dir="rtl"] .flex-offset-md-15, [dir="rtl"] .layout-margin .flex-offset-md-15, [dir="rtl"] .layout-margin .offset-md-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-15, [dir="ltr"] [dir=rtl] .flex-offset-md-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-15, [dir="rtl"] [dir=rtl] .flex-offset-md-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-md-20, [dir="ltr"] .flex-offset-md-20, [dir="ltr"] .layout-margin .flex-offset-md-20, [dir="ltr"] .layout-margin .offset-md-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-md-20, [dir="rtl"] .flex-offset-md-20, [dir="rtl"] .layout-margin .flex-offset-md-20, [dir="rtl"] .layout-margin .offset-md-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-20, [dir="ltr"] [dir=rtl] .flex-offset-md-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-20, [dir="rtl"] [dir=rtl] .flex-offset-md-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-md-25, [dir="ltr"] .flex-offset-md-25, [dir="ltr"] .layout-margin .flex-offset-md-25, [dir="ltr"] .layout-margin .offset-md-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-md-25, [dir="rtl"] .flex-offset-md-25, [dir="rtl"] .layout-margin .flex-offset-md-25, [dir="rtl"] .layout-margin .offset-md-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-25, [dir="ltr"] [dir=rtl] .flex-offset-md-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-25, [dir="rtl"] [dir=rtl] .flex-offset-md-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-md-30, [dir="ltr"] .flex-offset-md-30, [dir="ltr"] .layout-margin .flex-offset-md-30, [dir="ltr"] .layout-margin .offset-md-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-md-30, [dir="rtl"] .flex-offset-md-30, [dir="rtl"] .layout-margin .flex-offset-md-30, [dir="rtl"] .layout-margin .offset-md-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-30, [dir="ltr"] [dir=rtl] .flex-offset-md-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-30, [dir="rtl"] [dir=rtl] .flex-offset-md-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-md-35, [dir="ltr"] .flex-offset-md-35, [dir="ltr"] .layout-margin .flex-offset-md-35, [dir="ltr"] .layout-margin .offset-md-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-md-35, [dir="rtl"] .flex-offset-md-35, [dir="rtl"] .layout-margin .flex-offset-md-35, [dir="rtl"] .layout-margin .offset-md-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-35, [dir="ltr"] [dir=rtl] .flex-offset-md-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-35, [dir="rtl"] [dir=rtl] .flex-offset-md-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-md-40, [dir="ltr"] .flex-offset-md-40, [dir="ltr"] .layout-margin .flex-offset-md-40, [dir="ltr"] .layout-margin .offset-md-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-md-40, [dir="rtl"] .flex-offset-md-40, [dir="rtl"] .layout-margin .flex-offset-md-40, [dir="rtl"] .layout-margin .offset-md-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-40, [dir="ltr"] [dir=rtl] .flex-offset-md-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-40, [dir="rtl"] [dir=rtl] .flex-offset-md-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-md-45, [dir="ltr"] .flex-offset-md-45, [dir="ltr"] .layout-margin .flex-offset-md-45, [dir="ltr"] .layout-margin .offset-md-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-md-45, [dir="rtl"] .flex-offset-md-45, [dir="rtl"] .layout-margin .flex-offset-md-45, [dir="rtl"] .layout-margin .offset-md-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-45, [dir="ltr"] [dir=rtl] .flex-offset-md-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-45, [dir="rtl"] [dir=rtl] .flex-offset-md-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-md-50, [dir="ltr"] .flex-offset-md-50, [dir="ltr"] .layout-margin .flex-offset-md-50, [dir="ltr"] .layout-margin .offset-md-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-md-50, [dir="rtl"] .flex-offset-md-50, [dir="rtl"] .layout-margin .flex-offset-md-50, [dir="rtl"] .layout-margin .offset-md-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-50, [dir="ltr"] [dir=rtl] .flex-offset-md-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-50, [dir="rtl"] [dir=rtl] .flex-offset-md-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-md-55, [dir="ltr"] .flex-offset-md-55, [dir="ltr"] .layout-margin .flex-offset-md-55, [dir="ltr"] .layout-margin .offset-md-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-md-55, [dir="rtl"] .flex-offset-md-55, [dir="rtl"] .layout-margin .flex-offset-md-55, [dir="rtl"] .layout-margin .offset-md-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-55, [dir="ltr"] [dir=rtl] .flex-offset-md-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-55, [dir="rtl"] [dir=rtl] .flex-offset-md-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-md-60, [dir="ltr"] .flex-offset-md-60, [dir="ltr"] .layout-margin .flex-offset-md-60, [dir="ltr"] .layout-margin .offset-md-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-md-60, [dir="rtl"] .flex-offset-md-60, [dir="rtl"] .layout-margin .flex-offset-md-60, [dir="rtl"] .layout-margin .offset-md-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-60, [dir="ltr"] [dir=rtl] .flex-offset-md-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-60, [dir="rtl"] [dir=rtl] .flex-offset-md-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-md-65, [dir="ltr"] .flex-offset-md-65, [dir="ltr"] .layout-margin .flex-offset-md-65, [dir="ltr"] .layout-margin .offset-md-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-md-65, [dir="rtl"] .flex-offset-md-65, [dir="rtl"] .layout-margin .flex-offset-md-65, [dir="rtl"] .layout-margin .offset-md-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-65, [dir="ltr"] [dir=rtl] .flex-offset-md-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-65, [dir="rtl"] [dir=rtl] .flex-offset-md-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-md-70, [dir="ltr"] .flex-offset-md-70, [dir="ltr"] .layout-margin .flex-offset-md-70, [dir="ltr"] .layout-margin .offset-md-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-md-70, [dir="rtl"] .flex-offset-md-70, [dir="rtl"] .layout-margin .flex-offset-md-70, [dir="rtl"] .layout-margin .offset-md-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-70, [dir="ltr"] [dir=rtl] .flex-offset-md-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-70, [dir="rtl"] [dir=rtl] .flex-offset-md-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-md-75, [dir="ltr"] .flex-offset-md-75, [dir="ltr"] .layout-margin .flex-offset-md-75, [dir="ltr"] .layout-margin .offset-md-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-md-75, [dir="rtl"] .flex-offset-md-75, [dir="rtl"] .layout-margin .flex-offset-md-75, [dir="rtl"] .layout-margin .offset-md-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-75, [dir="ltr"] [dir=rtl] .flex-offset-md-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-75, [dir="rtl"] [dir=rtl] .flex-offset-md-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-md-80, [dir="ltr"] .flex-offset-md-80, [dir="ltr"] .layout-margin .flex-offset-md-80, [dir="ltr"] .layout-margin .offset-md-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-md-80, [dir="rtl"] .flex-offset-md-80, [dir="rtl"] .layout-margin .flex-offset-md-80, [dir="rtl"] .layout-margin .offset-md-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-80, [dir="ltr"] [dir=rtl] .flex-offset-md-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-80, [dir="rtl"] [dir=rtl] .flex-offset-md-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-md-85, [dir="ltr"] .flex-offset-md-85, [dir="ltr"] .layout-margin .flex-offset-md-85, [dir="ltr"] .layout-margin .offset-md-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-md-85, [dir="rtl"] .flex-offset-md-85, [dir="rtl"] .layout-margin .flex-offset-md-85, [dir="rtl"] .layout-margin .offset-md-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-85, [dir="ltr"] [dir=rtl] .flex-offset-md-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-85, [dir="rtl"] [dir=rtl] .flex-offset-md-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-md-90, [dir="ltr"] .flex-offset-md-90, [dir="ltr"] .layout-margin .flex-offset-md-90, [dir="ltr"] .layout-margin .offset-md-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-md-90, [dir="rtl"] .flex-offset-md-90, [dir="rtl"] .layout-margin .flex-offset-md-90, [dir="rtl"] .layout-margin .offset-md-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-90, [dir="ltr"] [dir=rtl] .flex-offset-md-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-90, [dir="rtl"] [dir=rtl] .flex-offset-md-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-md-95, [dir="ltr"] .flex-offset-md-95, [dir="ltr"] .layout-margin .flex-offset-md-95, [dir="ltr"] .layout-margin .offset-md-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-md-95, [dir="rtl"] .flex-offset-md-95, [dir="rtl"] .layout-margin .flex-offset-md-95, [dir="rtl"] .layout-margin .offset-md-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-95, [dir="ltr"] [dir=rtl] .flex-offset-md-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-95, [dir="rtl"] [dir=rtl] .flex-offset-md-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-md-33, [dir="ltr"] .flex-offset-md-33, [dir="ltr"] .layout-margin .flex-offset-md-33, [dir="ltr"] .layout-margin .offset-md-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-md-33, [dir="rtl"] .flex-offset-md-33, [dir="rtl"] .layout-margin .flex-offset-md-33, [dir="rtl"] .layout-margin .offset-md-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-md-66, [dir="ltr"] .flex-offset-md-66, [dir="ltr"] .layout-margin .flex-offset-md-66, [dir="ltr"] .layout-margin .offset-md-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-md-66, [dir="rtl"] .flex-offset-md-66, [dir="rtl"] .layout-margin .flex-offset-md-66, [dir="rtl"] .layout-margin .offset-md-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-md-66, [dir="ltr"] [dir=rtl] .flex-offset-md-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-md-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-md-66, [dir="rtl"] [dir=rtl] .flex-offset-md-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-md-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-md-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-md,
.layout-align-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-md-start,
.layout-align-md-start-start,
.layout-align-md-start-center,
.layout-align-md-start-end,
.layout-align-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-md-center,
.layout-align-md-center-start,
.layout-align-md-center-center,
.layout-align-md-center-end,
.layout-align-md-center-stretch {
    justify-content: center;
  }

  .layout-align-md-end,
.layout-align-md-end-start,
.layout-align-md-end-center,
.layout-align-md-end-end,
.layout-align-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-md-space-around,
.layout-align-md-space-around-center,
.layout-align-md-space-around-start,
.layout-align-md-space-around-end,
.layout-align-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-md-space-between,
.layout-align-md-space-between-center,
.layout-align-md-space-between-start,
.layout-align-md-space-between-end,
.layout-align-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-md-start-start,
.layout-align-md-center-start,
.layout-align-md-end-start,
.layout-align-md-space-between-start,
.layout-align-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-md-start-center,
.layout-align-md-center-center,
.layout-align-md-end-center,
.layout-align-md-space-between-center,
.layout-align-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-md-start-center > *,
.layout-align-md-center-center > *,
.layout-align-md-end-center > *,
.layout-align-md-space-between-center > *,
.layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-md-start-end,
.layout-align-md-center-end,
.layout-align-md-end-end,
.layout-align-md-space-between-end,
.layout-align-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-md-start-stretch,
.layout-align-md-center-stretch,
.layout-align-md-end-stretch,
.layout-align-md-space-between-stretch,
.layout-align-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-md {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-md-column > .flex-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-md-row > .flex {
    min-width: 0;
  }

  .layout-md-column > .flex-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-md-column > .flex {
    min-height: 0;
  }

  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-md-column {
    flex-direction: column;
  }

  .layout-md-row {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    order: -20;
  }

  .flex-order-gt-md--19 {
    order: -19;
  }

  .flex-order-gt-md--18 {
    order: -18;
  }

  .flex-order-gt-md--17 {
    order: -17;
  }

  .flex-order-gt-md--16 {
    order: -16;
  }

  .flex-order-gt-md--15 {
    order: -15;
  }

  .flex-order-gt-md--14 {
    order: -14;
  }

  .flex-order-gt-md--13 {
    order: -13;
  }

  .flex-order-gt-md--12 {
    order: -12;
  }

  .flex-order-gt-md--11 {
    order: -11;
  }

  .flex-order-gt-md--10 {
    order: -10;
  }

  .flex-order-gt-md--9 {
    order: -9;
  }

  .flex-order-gt-md--8 {
    order: -8;
  }

  .flex-order-gt-md--7 {
    order: -7;
  }

  .flex-order-gt-md--6 {
    order: -6;
  }

  .flex-order-gt-md--5 {
    order: -5;
  }

  .flex-order-gt-md--4 {
    order: -4;
  }

  .flex-order-gt-md--3 {
    order: -3;
  }

  .flex-order-gt-md--2 {
    order: -2;
  }

  .flex-order-gt-md--1 {
    order: -1;
  }

  .flex-order-gt-md-0 {
    order: 0;
  }

  .flex-order-gt-md-1 {
    order: 1;
  }

  .flex-order-gt-md-2 {
    order: 2;
  }

  .flex-order-gt-md-3 {
    order: 3;
  }

  .flex-order-gt-md-4 {
    order: 4;
  }

  .flex-order-gt-md-5 {
    order: 5;
  }

  .flex-order-gt-md-6 {
    order: 6;
  }

  .flex-order-gt-md-7 {
    order: 7;
  }

  .flex-order-gt-md-8 {
    order: 8;
  }

  .flex-order-gt-md-9 {
    order: 9;
  }

  .flex-order-gt-md-10 {
    order: 10;
  }

  .flex-order-gt-md-11 {
    order: 11;
  }

  .flex-order-gt-md-12 {
    order: 12;
  }

  .flex-order-gt-md-13 {
    order: 13;
  }

  .flex-order-gt-md-14 {
    order: 14;
  }

  .flex-order-gt-md-15 {
    order: 15;
  }

  .flex-order-gt-md-16 {
    order: 16;
  }

  .flex-order-gt-md-17 {
    order: 17;
  }

  .flex-order-gt-md-18 {
    order: 18;
  }

  .flex-order-gt-md-19 {
    order: 19;
  }

  .flex-order-gt-md-20 {
    order: 20;
  }

  [dir="ltr"] .offset-gt-md-0, [dir="ltr"] .flex-offset-gt-md-0, [dir="ltr"] .layout-margin .flex-offset-gt-md-0, [dir="ltr"] .layout-margin .offset-gt-md-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-md-0, [dir="rtl"] .flex-offset-gt-md-0, [dir="rtl"] .layout-margin .flex-offset-gt-md-0, [dir="rtl"] .layout-margin .offset-gt-md-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-0, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-0, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-gt-md-5, [dir="ltr"] .flex-offset-gt-md-5, [dir="ltr"] .layout-margin .flex-offset-gt-md-5, [dir="ltr"] .layout-margin .offset-gt-md-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-md-5, [dir="rtl"] .flex-offset-gt-md-5, [dir="rtl"] .layout-margin .flex-offset-gt-md-5, [dir="rtl"] .layout-margin .offset-gt-md-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-5, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-5, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-gt-md-10, [dir="ltr"] .flex-offset-gt-md-10, [dir="ltr"] .layout-margin .flex-offset-gt-md-10, [dir="ltr"] .layout-margin .offset-gt-md-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-md-10, [dir="rtl"] .flex-offset-gt-md-10, [dir="rtl"] .layout-margin .flex-offset-gt-md-10, [dir="rtl"] .layout-margin .offset-gt-md-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-10, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-10, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-gt-md-15, [dir="ltr"] .flex-offset-gt-md-15, [dir="ltr"] .layout-margin .flex-offset-gt-md-15, [dir="ltr"] .layout-margin .offset-gt-md-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-md-15, [dir="rtl"] .flex-offset-gt-md-15, [dir="rtl"] .layout-margin .flex-offset-gt-md-15, [dir="rtl"] .layout-margin .offset-gt-md-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-15, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-15, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-gt-md-20, [dir="ltr"] .flex-offset-gt-md-20, [dir="ltr"] .layout-margin .flex-offset-gt-md-20, [dir="ltr"] .layout-margin .offset-gt-md-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-md-20, [dir="rtl"] .flex-offset-gt-md-20, [dir="rtl"] .layout-margin .flex-offset-gt-md-20, [dir="rtl"] .layout-margin .offset-gt-md-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-20, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-20, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-gt-md-25, [dir="ltr"] .flex-offset-gt-md-25, [dir="ltr"] .layout-margin .flex-offset-gt-md-25, [dir="ltr"] .layout-margin .offset-gt-md-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-md-25, [dir="rtl"] .flex-offset-gt-md-25, [dir="rtl"] .layout-margin .flex-offset-gt-md-25, [dir="rtl"] .layout-margin .offset-gt-md-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-25, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-25, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-gt-md-30, [dir="ltr"] .flex-offset-gt-md-30, [dir="ltr"] .layout-margin .flex-offset-gt-md-30, [dir="ltr"] .layout-margin .offset-gt-md-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-md-30, [dir="rtl"] .flex-offset-gt-md-30, [dir="rtl"] .layout-margin .flex-offset-gt-md-30, [dir="rtl"] .layout-margin .offset-gt-md-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-30, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-30, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-gt-md-35, [dir="ltr"] .flex-offset-gt-md-35, [dir="ltr"] .layout-margin .flex-offset-gt-md-35, [dir="ltr"] .layout-margin .offset-gt-md-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-md-35, [dir="rtl"] .flex-offset-gt-md-35, [dir="rtl"] .layout-margin .flex-offset-gt-md-35, [dir="rtl"] .layout-margin .offset-gt-md-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-35, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-35, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-gt-md-40, [dir="ltr"] .flex-offset-gt-md-40, [dir="ltr"] .layout-margin .flex-offset-gt-md-40, [dir="ltr"] .layout-margin .offset-gt-md-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-md-40, [dir="rtl"] .flex-offset-gt-md-40, [dir="rtl"] .layout-margin .flex-offset-gt-md-40, [dir="rtl"] .layout-margin .offset-gt-md-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-40, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-40, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-gt-md-45, [dir="ltr"] .flex-offset-gt-md-45, [dir="ltr"] .layout-margin .flex-offset-gt-md-45, [dir="ltr"] .layout-margin .offset-gt-md-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-md-45, [dir="rtl"] .flex-offset-gt-md-45, [dir="rtl"] .layout-margin .flex-offset-gt-md-45, [dir="rtl"] .layout-margin .offset-gt-md-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-45, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-45, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-gt-md-50, [dir="ltr"] .flex-offset-gt-md-50, [dir="ltr"] .layout-margin .flex-offset-gt-md-50, [dir="ltr"] .layout-margin .offset-gt-md-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-md-50, [dir="rtl"] .flex-offset-gt-md-50, [dir="rtl"] .layout-margin .flex-offset-gt-md-50, [dir="rtl"] .layout-margin .offset-gt-md-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-50, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-50, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-gt-md-55, [dir="ltr"] .flex-offset-gt-md-55, [dir="ltr"] .layout-margin .flex-offset-gt-md-55, [dir="ltr"] .layout-margin .offset-gt-md-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-md-55, [dir="rtl"] .flex-offset-gt-md-55, [dir="rtl"] .layout-margin .flex-offset-gt-md-55, [dir="rtl"] .layout-margin .offset-gt-md-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-55, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-55, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-gt-md-60, [dir="ltr"] .flex-offset-gt-md-60, [dir="ltr"] .layout-margin .flex-offset-gt-md-60, [dir="ltr"] .layout-margin .offset-gt-md-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-md-60, [dir="rtl"] .flex-offset-gt-md-60, [dir="rtl"] .layout-margin .flex-offset-gt-md-60, [dir="rtl"] .layout-margin .offset-gt-md-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-60, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-60, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-gt-md-65, [dir="ltr"] .flex-offset-gt-md-65, [dir="ltr"] .layout-margin .flex-offset-gt-md-65, [dir="ltr"] .layout-margin .offset-gt-md-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-md-65, [dir="rtl"] .flex-offset-gt-md-65, [dir="rtl"] .layout-margin .flex-offset-gt-md-65, [dir="rtl"] .layout-margin .offset-gt-md-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-65, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-65, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-gt-md-70, [dir="ltr"] .flex-offset-gt-md-70, [dir="ltr"] .layout-margin .flex-offset-gt-md-70, [dir="ltr"] .layout-margin .offset-gt-md-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-md-70, [dir="rtl"] .flex-offset-gt-md-70, [dir="rtl"] .layout-margin .flex-offset-gt-md-70, [dir="rtl"] .layout-margin .offset-gt-md-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-70, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-70, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-gt-md-75, [dir="ltr"] .flex-offset-gt-md-75, [dir="ltr"] .layout-margin .flex-offset-gt-md-75, [dir="ltr"] .layout-margin .offset-gt-md-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-md-75, [dir="rtl"] .flex-offset-gt-md-75, [dir="rtl"] .layout-margin .flex-offset-gt-md-75, [dir="rtl"] .layout-margin .offset-gt-md-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-75, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-75, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-gt-md-80, [dir="ltr"] .flex-offset-gt-md-80, [dir="ltr"] .layout-margin .flex-offset-gt-md-80, [dir="ltr"] .layout-margin .offset-gt-md-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-md-80, [dir="rtl"] .flex-offset-gt-md-80, [dir="rtl"] .layout-margin .flex-offset-gt-md-80, [dir="rtl"] .layout-margin .offset-gt-md-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-80, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-80, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-gt-md-85, [dir="ltr"] .flex-offset-gt-md-85, [dir="ltr"] .layout-margin .flex-offset-gt-md-85, [dir="ltr"] .layout-margin .offset-gt-md-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-md-85, [dir="rtl"] .flex-offset-gt-md-85, [dir="rtl"] .layout-margin .flex-offset-gt-md-85, [dir="rtl"] .layout-margin .offset-gt-md-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-85, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-85, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-gt-md-90, [dir="ltr"] .flex-offset-gt-md-90, [dir="ltr"] .layout-margin .flex-offset-gt-md-90, [dir="ltr"] .layout-margin .offset-gt-md-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-md-90, [dir="rtl"] .flex-offset-gt-md-90, [dir="rtl"] .layout-margin .flex-offset-gt-md-90, [dir="rtl"] .layout-margin .offset-gt-md-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-90, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-90, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-gt-md-95, [dir="ltr"] .flex-offset-gt-md-95, [dir="ltr"] .layout-margin .flex-offset-gt-md-95, [dir="ltr"] .layout-margin .offset-gt-md-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-md-95, [dir="rtl"] .flex-offset-gt-md-95, [dir="rtl"] .layout-margin .flex-offset-gt-md-95, [dir="rtl"] .layout-margin .offset-gt-md-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-95, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-95, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-gt-md-33, [dir="ltr"] .flex-offset-gt-md-33, [dir="ltr"] .layout-margin .flex-offset-gt-md-33, [dir="ltr"] .layout-margin .offset-gt-md-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-gt-md-33, [dir="rtl"] .flex-offset-gt-md-33, [dir="rtl"] .layout-margin .flex-offset-gt-md-33, [dir="rtl"] .layout-margin .offset-gt-md-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-gt-md-66, [dir="ltr"] .flex-offset-gt-md-66, [dir="ltr"] .layout-margin .flex-offset-gt-md-66, [dir="ltr"] .layout-margin .offset-gt-md-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-gt-md-66, [dir="rtl"] .flex-offset-gt-md-66, [dir="rtl"] .layout-margin .flex-offset-gt-md-66, [dir="rtl"] .layout-margin .offset-gt-md-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-md-66, [dir="ltr"] [dir=rtl] .flex-offset-gt-md-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-md-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-md-66, [dir="rtl"] [dir=rtl] .flex-offset-gt-md-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-md-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-gt-md,
.layout-align-gt-md-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-md-start,
.layout-align-gt-md-start-start,
.layout-align-gt-md-start-center,
.layout-align-gt-md-start-end,
.layout-align-gt-md-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-md-center,
.layout-align-gt-md-center-start,
.layout-align-gt-md-center-center,
.layout-align-gt-md-center-end,
.layout-align-gt-md-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-md-end,
.layout-align-gt-md-end-start,
.layout-align-gt-md-end-center,
.layout-align-gt-md-end-end,
.layout-align-gt-md-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-md-space-around,
.layout-align-gt-md-space-around-center,
.layout-align-gt-md-space-around-start,
.layout-align-gt-md-space-around-end,
.layout-align-gt-md-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-md-space-between,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-md-start-start,
.layout-align-gt-md-center-start,
.layout-align-gt-md-end-start,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-md-start-center,
.layout-align-gt-md-center-center,
.layout-align-gt-md-end-center,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-md-start-center > *,
.layout-align-gt-md-center-center > *,
.layout-align-gt-md-end-center > *,
.layout-align-gt-md-space-between-center > *,
.layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-md-start-end,
.layout-align-gt-md-center-end,
.layout-align-gt-md-end-end,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-md-start-stretch,
.layout-align-gt-md-center-stretch,
.layout-align-gt-md-end-stretch,
.layout-align-gt-md-space-between-stretch,
.layout-align-gt-md-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-md {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-md-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-md-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-md-column > .flex-gt-md-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-md-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-md-row > .flex {
    min-width: 0;
  }

  .layout-gt-md-column > .flex-gt-md-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex-gt-md-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-md-column > .flex {
    min-height: 0;
  }

  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-md-column {
    flex-direction: column;
  }

  .layout-gt-md-row {
    flex-direction: row;
  }
}

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none;
  }

  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }

  .flex-order-lg--20 {
    order: -20;
  }

  .flex-order-lg--19 {
    order: -19;
  }

  .flex-order-lg--18 {
    order: -18;
  }

  .flex-order-lg--17 {
    order: -17;
  }

  .flex-order-lg--16 {
    order: -16;
  }

  .flex-order-lg--15 {
    order: -15;
  }

  .flex-order-lg--14 {
    order: -14;
  }

  .flex-order-lg--13 {
    order: -13;
  }

  .flex-order-lg--12 {
    order: -12;
  }

  .flex-order-lg--11 {
    order: -11;
  }

  .flex-order-lg--10 {
    order: -10;
  }

  .flex-order-lg--9 {
    order: -9;
  }

  .flex-order-lg--8 {
    order: -8;
  }

  .flex-order-lg--7 {
    order: -7;
  }

  .flex-order-lg--6 {
    order: -6;
  }

  .flex-order-lg--5 {
    order: -5;
  }

  .flex-order-lg--4 {
    order: -4;
  }

  .flex-order-lg--3 {
    order: -3;
  }

  .flex-order-lg--2 {
    order: -2;
  }

  .flex-order-lg--1 {
    order: -1;
  }

  .flex-order-lg-0 {
    order: 0;
  }

  .flex-order-lg-1 {
    order: 1;
  }

  .flex-order-lg-2 {
    order: 2;
  }

  .flex-order-lg-3 {
    order: 3;
  }

  .flex-order-lg-4 {
    order: 4;
  }

  .flex-order-lg-5 {
    order: 5;
  }

  .flex-order-lg-6 {
    order: 6;
  }

  .flex-order-lg-7 {
    order: 7;
  }

  .flex-order-lg-8 {
    order: 8;
  }

  .flex-order-lg-9 {
    order: 9;
  }

  .flex-order-lg-10 {
    order: 10;
  }

  .flex-order-lg-11 {
    order: 11;
  }

  .flex-order-lg-12 {
    order: 12;
  }

  .flex-order-lg-13 {
    order: 13;
  }

  .flex-order-lg-14 {
    order: 14;
  }

  .flex-order-lg-15 {
    order: 15;
  }

  .flex-order-lg-16 {
    order: 16;
  }

  .flex-order-lg-17 {
    order: 17;
  }

  .flex-order-lg-18 {
    order: 18;
  }

  .flex-order-lg-19 {
    order: 19;
  }

  .flex-order-lg-20 {
    order: 20;
  }

  [dir="ltr"] .offset-lg-0, [dir="ltr"] .flex-offset-lg-0, [dir="ltr"] .layout-margin .flex-offset-lg-0, [dir="ltr"] .layout-margin .offset-lg-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-lg-0, [dir="rtl"] .flex-offset-lg-0, [dir="rtl"] .layout-margin .flex-offset-lg-0, [dir="rtl"] .layout-margin .offset-lg-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-0, [dir="ltr"] [dir=rtl] .flex-offset-lg-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-0, [dir="rtl"] [dir=rtl] .flex-offset-lg-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-lg-5, [dir="ltr"] .flex-offset-lg-5, [dir="ltr"] .layout-margin .flex-offset-lg-5, [dir="ltr"] .layout-margin .offset-lg-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-lg-5, [dir="rtl"] .flex-offset-lg-5, [dir="rtl"] .layout-margin .flex-offset-lg-5, [dir="rtl"] .layout-margin .offset-lg-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-5, [dir="ltr"] [dir=rtl] .flex-offset-lg-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-5, [dir="rtl"] [dir=rtl] .flex-offset-lg-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-lg-10, [dir="ltr"] .flex-offset-lg-10, [dir="ltr"] .layout-margin .flex-offset-lg-10, [dir="ltr"] .layout-margin .offset-lg-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-lg-10, [dir="rtl"] .flex-offset-lg-10, [dir="rtl"] .layout-margin .flex-offset-lg-10, [dir="rtl"] .layout-margin .offset-lg-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-10, [dir="ltr"] [dir=rtl] .flex-offset-lg-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-10, [dir="rtl"] [dir=rtl] .flex-offset-lg-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-lg-15, [dir="ltr"] .flex-offset-lg-15, [dir="ltr"] .layout-margin .flex-offset-lg-15, [dir="ltr"] .layout-margin .offset-lg-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-lg-15, [dir="rtl"] .flex-offset-lg-15, [dir="rtl"] .layout-margin .flex-offset-lg-15, [dir="rtl"] .layout-margin .offset-lg-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-15, [dir="ltr"] [dir=rtl] .flex-offset-lg-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-15, [dir="rtl"] [dir=rtl] .flex-offset-lg-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-lg-20, [dir="ltr"] .flex-offset-lg-20, [dir="ltr"] .layout-margin .flex-offset-lg-20, [dir="ltr"] .layout-margin .offset-lg-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-lg-20, [dir="rtl"] .flex-offset-lg-20, [dir="rtl"] .layout-margin .flex-offset-lg-20, [dir="rtl"] .layout-margin .offset-lg-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-20, [dir="ltr"] [dir=rtl] .flex-offset-lg-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-20, [dir="rtl"] [dir=rtl] .flex-offset-lg-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-lg-25, [dir="ltr"] .flex-offset-lg-25, [dir="ltr"] .layout-margin .flex-offset-lg-25, [dir="ltr"] .layout-margin .offset-lg-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-lg-25, [dir="rtl"] .flex-offset-lg-25, [dir="rtl"] .layout-margin .flex-offset-lg-25, [dir="rtl"] .layout-margin .offset-lg-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-25, [dir="ltr"] [dir=rtl] .flex-offset-lg-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-25, [dir="rtl"] [dir=rtl] .flex-offset-lg-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-lg-30, [dir="ltr"] .flex-offset-lg-30, [dir="ltr"] .layout-margin .flex-offset-lg-30, [dir="ltr"] .layout-margin .offset-lg-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-lg-30, [dir="rtl"] .flex-offset-lg-30, [dir="rtl"] .layout-margin .flex-offset-lg-30, [dir="rtl"] .layout-margin .offset-lg-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-30, [dir="ltr"] [dir=rtl] .flex-offset-lg-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-30, [dir="rtl"] [dir=rtl] .flex-offset-lg-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-lg-35, [dir="ltr"] .flex-offset-lg-35, [dir="ltr"] .layout-margin .flex-offset-lg-35, [dir="ltr"] .layout-margin .offset-lg-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-lg-35, [dir="rtl"] .flex-offset-lg-35, [dir="rtl"] .layout-margin .flex-offset-lg-35, [dir="rtl"] .layout-margin .offset-lg-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-35, [dir="ltr"] [dir=rtl] .flex-offset-lg-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-35, [dir="rtl"] [dir=rtl] .flex-offset-lg-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-lg-40, [dir="ltr"] .flex-offset-lg-40, [dir="ltr"] .layout-margin .flex-offset-lg-40, [dir="ltr"] .layout-margin .offset-lg-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-lg-40, [dir="rtl"] .flex-offset-lg-40, [dir="rtl"] .layout-margin .flex-offset-lg-40, [dir="rtl"] .layout-margin .offset-lg-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-40, [dir="ltr"] [dir=rtl] .flex-offset-lg-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-40, [dir="rtl"] [dir=rtl] .flex-offset-lg-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-lg-45, [dir="ltr"] .flex-offset-lg-45, [dir="ltr"] .layout-margin .flex-offset-lg-45, [dir="ltr"] .layout-margin .offset-lg-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-lg-45, [dir="rtl"] .flex-offset-lg-45, [dir="rtl"] .layout-margin .flex-offset-lg-45, [dir="rtl"] .layout-margin .offset-lg-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-45, [dir="ltr"] [dir=rtl] .flex-offset-lg-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-45, [dir="rtl"] [dir=rtl] .flex-offset-lg-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-lg-50, [dir="ltr"] .flex-offset-lg-50, [dir="ltr"] .layout-margin .flex-offset-lg-50, [dir="ltr"] .layout-margin .offset-lg-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-lg-50, [dir="rtl"] .flex-offset-lg-50, [dir="rtl"] .layout-margin .flex-offset-lg-50, [dir="rtl"] .layout-margin .offset-lg-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-50, [dir="ltr"] [dir=rtl] .flex-offset-lg-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-50, [dir="rtl"] [dir=rtl] .flex-offset-lg-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-lg-55, [dir="ltr"] .flex-offset-lg-55, [dir="ltr"] .layout-margin .flex-offset-lg-55, [dir="ltr"] .layout-margin .offset-lg-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-lg-55, [dir="rtl"] .flex-offset-lg-55, [dir="rtl"] .layout-margin .flex-offset-lg-55, [dir="rtl"] .layout-margin .offset-lg-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-55, [dir="ltr"] [dir=rtl] .flex-offset-lg-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-55, [dir="rtl"] [dir=rtl] .flex-offset-lg-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-lg-60, [dir="ltr"] .flex-offset-lg-60, [dir="ltr"] .layout-margin .flex-offset-lg-60, [dir="ltr"] .layout-margin .offset-lg-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-lg-60, [dir="rtl"] .flex-offset-lg-60, [dir="rtl"] .layout-margin .flex-offset-lg-60, [dir="rtl"] .layout-margin .offset-lg-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-60, [dir="ltr"] [dir=rtl] .flex-offset-lg-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-60, [dir="rtl"] [dir=rtl] .flex-offset-lg-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-lg-65, [dir="ltr"] .flex-offset-lg-65, [dir="ltr"] .layout-margin .flex-offset-lg-65, [dir="ltr"] .layout-margin .offset-lg-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-lg-65, [dir="rtl"] .flex-offset-lg-65, [dir="rtl"] .layout-margin .flex-offset-lg-65, [dir="rtl"] .layout-margin .offset-lg-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-65, [dir="ltr"] [dir=rtl] .flex-offset-lg-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-65, [dir="rtl"] [dir=rtl] .flex-offset-lg-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-lg-70, [dir="ltr"] .flex-offset-lg-70, [dir="ltr"] .layout-margin .flex-offset-lg-70, [dir="ltr"] .layout-margin .offset-lg-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-lg-70, [dir="rtl"] .flex-offset-lg-70, [dir="rtl"] .layout-margin .flex-offset-lg-70, [dir="rtl"] .layout-margin .offset-lg-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-70, [dir="ltr"] [dir=rtl] .flex-offset-lg-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-70, [dir="rtl"] [dir=rtl] .flex-offset-lg-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-lg-75, [dir="ltr"] .flex-offset-lg-75, [dir="ltr"] .layout-margin .flex-offset-lg-75, [dir="ltr"] .layout-margin .offset-lg-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-lg-75, [dir="rtl"] .flex-offset-lg-75, [dir="rtl"] .layout-margin .flex-offset-lg-75, [dir="rtl"] .layout-margin .offset-lg-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-75, [dir="ltr"] [dir=rtl] .flex-offset-lg-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-75, [dir="rtl"] [dir=rtl] .flex-offset-lg-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-lg-80, [dir="ltr"] .flex-offset-lg-80, [dir="ltr"] .layout-margin .flex-offset-lg-80, [dir="ltr"] .layout-margin .offset-lg-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-lg-80, [dir="rtl"] .flex-offset-lg-80, [dir="rtl"] .layout-margin .flex-offset-lg-80, [dir="rtl"] .layout-margin .offset-lg-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-80, [dir="ltr"] [dir=rtl] .flex-offset-lg-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-80, [dir="rtl"] [dir=rtl] .flex-offset-lg-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-lg-85, [dir="ltr"] .flex-offset-lg-85, [dir="ltr"] .layout-margin .flex-offset-lg-85, [dir="ltr"] .layout-margin .offset-lg-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-lg-85, [dir="rtl"] .flex-offset-lg-85, [dir="rtl"] .layout-margin .flex-offset-lg-85, [dir="rtl"] .layout-margin .offset-lg-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-85, [dir="ltr"] [dir=rtl] .flex-offset-lg-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-85, [dir="rtl"] [dir=rtl] .flex-offset-lg-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-lg-90, [dir="ltr"] .flex-offset-lg-90, [dir="ltr"] .layout-margin .flex-offset-lg-90, [dir="ltr"] .layout-margin .offset-lg-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-lg-90, [dir="rtl"] .flex-offset-lg-90, [dir="rtl"] .layout-margin .flex-offset-lg-90, [dir="rtl"] .layout-margin .offset-lg-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-90, [dir="ltr"] [dir=rtl] .flex-offset-lg-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-90, [dir="rtl"] [dir=rtl] .flex-offset-lg-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-lg-95, [dir="ltr"] .flex-offset-lg-95, [dir="ltr"] .layout-margin .flex-offset-lg-95, [dir="ltr"] .layout-margin .offset-lg-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-lg-95, [dir="rtl"] .flex-offset-lg-95, [dir="rtl"] .layout-margin .flex-offset-lg-95, [dir="rtl"] .layout-margin .offset-lg-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-95, [dir="ltr"] [dir=rtl] .flex-offset-lg-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-95, [dir="rtl"] [dir=rtl] .flex-offset-lg-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-lg-33, [dir="ltr"] .flex-offset-lg-33, [dir="ltr"] .layout-margin .flex-offset-lg-33, [dir="ltr"] .layout-margin .offset-lg-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-lg-33, [dir="rtl"] .flex-offset-lg-33, [dir="rtl"] .layout-margin .flex-offset-lg-33, [dir="rtl"] .layout-margin .offset-lg-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-lg-66, [dir="ltr"] .flex-offset-lg-66, [dir="ltr"] .layout-margin .flex-offset-lg-66, [dir="ltr"] .layout-margin .offset-lg-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-lg-66, [dir="rtl"] .flex-offset-lg-66, [dir="rtl"] .layout-margin .flex-offset-lg-66, [dir="rtl"] .layout-margin .offset-lg-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-lg-66, [dir="ltr"] [dir=rtl] .flex-offset-lg-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-lg-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-lg-66, [dir="rtl"] [dir=rtl] .flex-offset-lg-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-lg-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-lg-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-lg,
.layout-align-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-lg-start,
.layout-align-lg-start-start,
.layout-align-lg-start-center,
.layout-align-lg-start-end,
.layout-align-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-lg-center,
.layout-align-lg-center-start,
.layout-align-lg-center-center,
.layout-align-lg-center-end,
.layout-align-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-lg-end,
.layout-align-lg-end-start,
.layout-align-lg-end-center,
.layout-align-lg-end-end,
.layout-align-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-lg-space-around,
.layout-align-lg-space-around-center,
.layout-align-lg-space-around-start,
.layout-align-lg-space-around-end,
.layout-align-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-lg-space-between,
.layout-align-lg-space-between-center,
.layout-align-lg-space-between-start,
.layout-align-lg-space-between-end,
.layout-align-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-lg-start-start,
.layout-align-lg-center-start,
.layout-align-lg-end-start,
.layout-align-lg-space-between-start,
.layout-align-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-lg-start-center,
.layout-align-lg-center-center,
.layout-align-lg-end-center,
.layout-align-lg-space-between-center,
.layout-align-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-lg-start-center > *,
.layout-align-lg-center-center > *,
.layout-align-lg-end-center > *,
.layout-align-lg-space-between-center > *,
.layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-lg-start-end,
.layout-align-lg-center-end,
.layout-align-lg-end-end,
.layout-align-lg-space-between-end,
.layout-align-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-lg-start-stretch,
.layout-align-lg-center-stretch,
.layout-align-lg-end-stretch,
.layout-align-lg-space-between-stretch,
.layout-align-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-lg {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-lg-column > .flex-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-lg-row > .flex {
    min-width: 0;
  }

  .layout-lg-column > .flex-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-lg-column > .flex {
    min-height: 0;
  }

  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-lg-column {
    flex-direction: column;
  }

  .layout-lg-row {
    flex-direction: row;
  }
}

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    order: -20;
  }

  .flex-order-gt-lg--19 {
    order: -19;
  }

  .flex-order-gt-lg--18 {
    order: -18;
  }

  .flex-order-gt-lg--17 {
    order: -17;
  }

  .flex-order-gt-lg--16 {
    order: -16;
  }

  .flex-order-gt-lg--15 {
    order: -15;
  }

  .flex-order-gt-lg--14 {
    order: -14;
  }

  .flex-order-gt-lg--13 {
    order: -13;
  }

  .flex-order-gt-lg--12 {
    order: -12;
  }

  .flex-order-gt-lg--11 {
    order: -11;
  }

  .flex-order-gt-lg--10 {
    order: -10;
  }

  .flex-order-gt-lg--9 {
    order: -9;
  }

  .flex-order-gt-lg--8 {
    order: -8;
  }

  .flex-order-gt-lg--7 {
    order: -7;
  }

  .flex-order-gt-lg--6 {
    order: -6;
  }

  .flex-order-gt-lg--5 {
    order: -5;
  }

  .flex-order-gt-lg--4 {
    order: -4;
  }

  .flex-order-gt-lg--3 {
    order: -3;
  }

  .flex-order-gt-lg--2 {
    order: -2;
  }

  .flex-order-gt-lg--1 {
    order: -1;
  }

  .flex-order-gt-lg-0 {
    order: 0;
  }

  .flex-order-gt-lg-1 {
    order: 1;
  }

  .flex-order-gt-lg-2 {
    order: 2;
  }

  .flex-order-gt-lg-3 {
    order: 3;
  }

  .flex-order-gt-lg-4 {
    order: 4;
  }

  .flex-order-gt-lg-5 {
    order: 5;
  }

  .flex-order-gt-lg-6 {
    order: 6;
  }

  .flex-order-gt-lg-7 {
    order: 7;
  }

  .flex-order-gt-lg-8 {
    order: 8;
  }

  .flex-order-gt-lg-9 {
    order: 9;
  }

  .flex-order-gt-lg-10 {
    order: 10;
  }

  .flex-order-gt-lg-11 {
    order: 11;
  }

  .flex-order-gt-lg-12 {
    order: 12;
  }

  .flex-order-gt-lg-13 {
    order: 13;
  }

  .flex-order-gt-lg-14 {
    order: 14;
  }

  .flex-order-gt-lg-15 {
    order: 15;
  }

  .flex-order-gt-lg-16 {
    order: 16;
  }

  .flex-order-gt-lg-17 {
    order: 17;
  }

  .flex-order-gt-lg-18 {
    order: 18;
  }

  .flex-order-gt-lg-19 {
    order: 19;
  }

  .flex-order-gt-lg-20 {
    order: 20;
  }

  [dir="ltr"] .offset-gt-lg-0, [dir="ltr"] .flex-offset-gt-lg-0, [dir="ltr"] .layout-margin .flex-offset-gt-lg-0, [dir="ltr"] .layout-margin .offset-gt-lg-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-gt-lg-0, [dir="rtl"] .flex-offset-gt-lg-0, [dir="rtl"] .layout-margin .flex-offset-gt-lg-0, [dir="rtl"] .layout-margin .offset-gt-lg-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-0, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-0, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-gt-lg-5, [dir="ltr"] .flex-offset-gt-lg-5, [dir="ltr"] .layout-margin .flex-offset-gt-lg-5, [dir="ltr"] .layout-margin .offset-gt-lg-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-gt-lg-5, [dir="rtl"] .flex-offset-gt-lg-5, [dir="rtl"] .layout-margin .flex-offset-gt-lg-5, [dir="rtl"] .layout-margin .offset-gt-lg-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-5, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-5, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-gt-lg-10, [dir="ltr"] .flex-offset-gt-lg-10, [dir="ltr"] .layout-margin .flex-offset-gt-lg-10, [dir="ltr"] .layout-margin .offset-gt-lg-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-gt-lg-10, [dir="rtl"] .flex-offset-gt-lg-10, [dir="rtl"] .layout-margin .flex-offset-gt-lg-10, [dir="rtl"] .layout-margin .offset-gt-lg-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-10, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-10, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-gt-lg-15, [dir="ltr"] .flex-offset-gt-lg-15, [dir="ltr"] .layout-margin .flex-offset-gt-lg-15, [dir="ltr"] .layout-margin .offset-gt-lg-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-gt-lg-15, [dir="rtl"] .flex-offset-gt-lg-15, [dir="rtl"] .layout-margin .flex-offset-gt-lg-15, [dir="rtl"] .layout-margin .offset-gt-lg-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-15, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-15, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-gt-lg-20, [dir="ltr"] .flex-offset-gt-lg-20, [dir="ltr"] .layout-margin .flex-offset-gt-lg-20, [dir="ltr"] .layout-margin .offset-gt-lg-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-gt-lg-20, [dir="rtl"] .flex-offset-gt-lg-20, [dir="rtl"] .layout-margin .flex-offset-gt-lg-20, [dir="rtl"] .layout-margin .offset-gt-lg-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-20, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-20, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-gt-lg-25, [dir="ltr"] .flex-offset-gt-lg-25, [dir="ltr"] .layout-margin .flex-offset-gt-lg-25, [dir="ltr"] .layout-margin .offset-gt-lg-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-gt-lg-25, [dir="rtl"] .flex-offset-gt-lg-25, [dir="rtl"] .layout-margin .flex-offset-gt-lg-25, [dir="rtl"] .layout-margin .offset-gt-lg-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-25, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-25, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-gt-lg-30, [dir="ltr"] .flex-offset-gt-lg-30, [dir="ltr"] .layout-margin .flex-offset-gt-lg-30, [dir="ltr"] .layout-margin .offset-gt-lg-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-gt-lg-30, [dir="rtl"] .flex-offset-gt-lg-30, [dir="rtl"] .layout-margin .flex-offset-gt-lg-30, [dir="rtl"] .layout-margin .offset-gt-lg-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-30, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-30, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-gt-lg-35, [dir="ltr"] .flex-offset-gt-lg-35, [dir="ltr"] .layout-margin .flex-offset-gt-lg-35, [dir="ltr"] .layout-margin .offset-gt-lg-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-gt-lg-35, [dir="rtl"] .flex-offset-gt-lg-35, [dir="rtl"] .layout-margin .flex-offset-gt-lg-35, [dir="rtl"] .layout-margin .offset-gt-lg-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-35, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-35, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-gt-lg-40, [dir="ltr"] .flex-offset-gt-lg-40, [dir="ltr"] .layout-margin .flex-offset-gt-lg-40, [dir="ltr"] .layout-margin .offset-gt-lg-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-gt-lg-40, [dir="rtl"] .flex-offset-gt-lg-40, [dir="rtl"] .layout-margin .flex-offset-gt-lg-40, [dir="rtl"] .layout-margin .offset-gt-lg-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-40, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-40, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-gt-lg-45, [dir="ltr"] .flex-offset-gt-lg-45, [dir="ltr"] .layout-margin .flex-offset-gt-lg-45, [dir="ltr"] .layout-margin .offset-gt-lg-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-gt-lg-45, [dir="rtl"] .flex-offset-gt-lg-45, [dir="rtl"] .layout-margin .flex-offset-gt-lg-45, [dir="rtl"] .layout-margin .offset-gt-lg-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-45, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-45, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-gt-lg-50, [dir="ltr"] .flex-offset-gt-lg-50, [dir="ltr"] .layout-margin .flex-offset-gt-lg-50, [dir="ltr"] .layout-margin .offset-gt-lg-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-gt-lg-50, [dir="rtl"] .flex-offset-gt-lg-50, [dir="rtl"] .layout-margin .flex-offset-gt-lg-50, [dir="rtl"] .layout-margin .offset-gt-lg-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-50, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-50, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-gt-lg-55, [dir="ltr"] .flex-offset-gt-lg-55, [dir="ltr"] .layout-margin .flex-offset-gt-lg-55, [dir="ltr"] .layout-margin .offset-gt-lg-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-gt-lg-55, [dir="rtl"] .flex-offset-gt-lg-55, [dir="rtl"] .layout-margin .flex-offset-gt-lg-55, [dir="rtl"] .layout-margin .offset-gt-lg-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-55, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-55, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-gt-lg-60, [dir="ltr"] .flex-offset-gt-lg-60, [dir="ltr"] .layout-margin .flex-offset-gt-lg-60, [dir="ltr"] .layout-margin .offset-gt-lg-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-gt-lg-60, [dir="rtl"] .flex-offset-gt-lg-60, [dir="rtl"] .layout-margin .flex-offset-gt-lg-60, [dir="rtl"] .layout-margin .offset-gt-lg-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-60, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-60, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-gt-lg-65, [dir="ltr"] .flex-offset-gt-lg-65, [dir="ltr"] .layout-margin .flex-offset-gt-lg-65, [dir="ltr"] .layout-margin .offset-gt-lg-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-gt-lg-65, [dir="rtl"] .flex-offset-gt-lg-65, [dir="rtl"] .layout-margin .flex-offset-gt-lg-65, [dir="rtl"] .layout-margin .offset-gt-lg-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-65, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-65, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-gt-lg-70, [dir="ltr"] .flex-offset-gt-lg-70, [dir="ltr"] .layout-margin .flex-offset-gt-lg-70, [dir="ltr"] .layout-margin .offset-gt-lg-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-gt-lg-70, [dir="rtl"] .flex-offset-gt-lg-70, [dir="rtl"] .layout-margin .flex-offset-gt-lg-70, [dir="rtl"] .layout-margin .offset-gt-lg-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-70, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-70, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-gt-lg-75, [dir="ltr"] .flex-offset-gt-lg-75, [dir="ltr"] .layout-margin .flex-offset-gt-lg-75, [dir="ltr"] .layout-margin .offset-gt-lg-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-gt-lg-75, [dir="rtl"] .flex-offset-gt-lg-75, [dir="rtl"] .layout-margin .flex-offset-gt-lg-75, [dir="rtl"] .layout-margin .offset-gt-lg-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-75, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-75, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-gt-lg-80, [dir="ltr"] .flex-offset-gt-lg-80, [dir="ltr"] .layout-margin .flex-offset-gt-lg-80, [dir="ltr"] .layout-margin .offset-gt-lg-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-gt-lg-80, [dir="rtl"] .flex-offset-gt-lg-80, [dir="rtl"] .layout-margin .flex-offset-gt-lg-80, [dir="rtl"] .layout-margin .offset-gt-lg-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-80, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-80, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-gt-lg-85, [dir="ltr"] .flex-offset-gt-lg-85, [dir="ltr"] .layout-margin .flex-offset-gt-lg-85, [dir="ltr"] .layout-margin .offset-gt-lg-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-gt-lg-85, [dir="rtl"] .flex-offset-gt-lg-85, [dir="rtl"] .layout-margin .flex-offset-gt-lg-85, [dir="rtl"] .layout-margin .offset-gt-lg-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-85, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-85, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-gt-lg-90, [dir="ltr"] .flex-offset-gt-lg-90, [dir="ltr"] .layout-margin .flex-offset-gt-lg-90, [dir="ltr"] .layout-margin .offset-gt-lg-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-gt-lg-90, [dir="rtl"] .flex-offset-gt-lg-90, [dir="rtl"] .layout-margin .flex-offset-gt-lg-90, [dir="rtl"] .layout-margin .offset-gt-lg-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-90, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-90, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-gt-lg-95, [dir="ltr"] .flex-offset-gt-lg-95, [dir="ltr"] .layout-margin .flex-offset-gt-lg-95, [dir="ltr"] .layout-margin .offset-gt-lg-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-gt-lg-95, [dir="rtl"] .flex-offset-gt-lg-95, [dir="rtl"] .layout-margin .flex-offset-gt-lg-95, [dir="rtl"] .layout-margin .offset-gt-lg-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-95, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-95, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-gt-lg-33, [dir="ltr"] .flex-offset-gt-lg-33, [dir="ltr"] .layout-margin .flex-offset-gt-lg-33, [dir="ltr"] .layout-margin .offset-gt-lg-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-gt-lg-33, [dir="rtl"] .flex-offset-gt-lg-33, [dir="rtl"] .layout-margin .flex-offset-gt-lg-33, [dir="rtl"] .layout-margin .offset-gt-lg-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-gt-lg-66, [dir="ltr"] .flex-offset-gt-lg-66, [dir="ltr"] .layout-margin .flex-offset-gt-lg-66, [dir="ltr"] .layout-margin .offset-gt-lg-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-gt-lg-66, [dir="rtl"] .flex-offset-gt-lg-66, [dir="rtl"] .layout-margin .flex-offset-gt-lg-66, [dir="rtl"] .layout-margin .offset-gt-lg-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-gt-lg-66, [dir="ltr"] [dir=rtl] .flex-offset-gt-lg-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-gt-lg-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-gt-lg-66, [dir="rtl"] [dir=rtl] .flex-offset-gt-lg-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-gt-lg-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-gt-lg,
.layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-gt-lg-start,
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-gt-lg-center,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-center-stretch {
    justify-content: center;
  }

  .layout-align-gt-lg-end,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-gt-lg-space-around,
.layout-align-gt-lg-space-around-center,
.layout-align-gt-lg-space-around-start,
.layout-align-gt-lg-space-around-end,
.layout-align-gt-lg-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-gt-lg-space-between,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-gt-lg-start-start,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-gt-lg-start-center,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-gt-lg-start-center > *,
.layout-align-gt-lg-center-center > *,
.layout-align-gt-lg-end-center > *,
.layout-align-gt-lg-space-between-center > *,
.layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-gt-lg-start-end,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-gt-lg-start-stretch,
.layout-align-gt-lg-center-stretch,
.layout-align-gt-lg-end-stretch,
.layout-align-gt-lg-space-between-stretch,
.layout-align-gt-lg-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-gt-lg {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-gt-lg-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-gt-lg-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-gt-lg-column > .flex-gt-lg-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-gt-lg-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-gt-lg-row > .flex {
    min-width: 0;
  }

  .layout-gt-lg-column > .flex-gt-lg-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex-gt-lg-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-gt-lg-column > .flex {
    min-height: 0;
  }

  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-gt-lg-column {
    flex-direction: column;
  }

  .layout-gt-lg-row {
    flex-direction: row;
  }

  .flex-order-xl--20 {
    order: -20;
  }

  .flex-order-xl--19 {
    order: -19;
  }

  .flex-order-xl--18 {
    order: -18;
  }

  .flex-order-xl--17 {
    order: -17;
  }

  .flex-order-xl--16 {
    order: -16;
  }

  .flex-order-xl--15 {
    order: -15;
  }

  .flex-order-xl--14 {
    order: -14;
  }

  .flex-order-xl--13 {
    order: -13;
  }

  .flex-order-xl--12 {
    order: -12;
  }

  .flex-order-xl--11 {
    order: -11;
  }

  .flex-order-xl--10 {
    order: -10;
  }

  .flex-order-xl--9 {
    order: -9;
  }

  .flex-order-xl--8 {
    order: -8;
  }

  .flex-order-xl--7 {
    order: -7;
  }

  .flex-order-xl--6 {
    order: -6;
  }

  .flex-order-xl--5 {
    order: -5;
  }

  .flex-order-xl--4 {
    order: -4;
  }

  .flex-order-xl--3 {
    order: -3;
  }

  .flex-order-xl--2 {
    order: -2;
  }

  .flex-order-xl--1 {
    order: -1;
  }

  .flex-order-xl-0 {
    order: 0;
  }

  .flex-order-xl-1 {
    order: 1;
  }

  .flex-order-xl-2 {
    order: 2;
  }

  .flex-order-xl-3 {
    order: 3;
  }

  .flex-order-xl-4 {
    order: 4;
  }

  .flex-order-xl-5 {
    order: 5;
  }

  .flex-order-xl-6 {
    order: 6;
  }

  .flex-order-xl-7 {
    order: 7;
  }

  .flex-order-xl-8 {
    order: 8;
  }

  .flex-order-xl-9 {
    order: 9;
  }

  .flex-order-xl-10 {
    order: 10;
  }

  .flex-order-xl-11 {
    order: 11;
  }

  .flex-order-xl-12 {
    order: 12;
  }

  .flex-order-xl-13 {
    order: 13;
  }

  .flex-order-xl-14 {
    order: 14;
  }

  .flex-order-xl-15 {
    order: 15;
  }

  .flex-order-xl-16 {
    order: 16;
  }

  .flex-order-xl-17 {
    order: 17;
  }

  .flex-order-xl-18 {
    order: 18;
  }

  .flex-order-xl-19 {
    order: 19;
  }

  .flex-order-xl-20 {
    order: 20;
  }

  [dir="ltr"] .offset-xl-0, [dir="ltr"] .flex-offset-xl-0, [dir="ltr"] .layout-margin .flex-offset-xl-0, [dir="ltr"] .layout-margin .offset-xl-0 {
    margin-left: 0;
  }

  [dir="rtl"] .offset-xl-0, [dir="rtl"] .flex-offset-xl-0, [dir="rtl"] .layout-margin .flex-offset-xl-0, [dir="rtl"] .layout-margin .offset-xl-0 {
    margin-right: 0;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-0, [dir="ltr"] [dir=rtl] .flex-offset-xl-0, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-0, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-0, [dir="rtl"] [dir=rtl] .flex-offset-xl-0, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-0, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-0 {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="ltr"] .offset-xl-5, [dir="ltr"] .flex-offset-xl-5, [dir="ltr"] .layout-margin .flex-offset-xl-5, [dir="ltr"] .layout-margin .offset-xl-5 {
    margin-left: 5%;
  }

  [dir="rtl"] .offset-xl-5, [dir="rtl"] .flex-offset-xl-5, [dir="rtl"] .layout-margin .flex-offset-xl-5, [dir="rtl"] .layout-margin .offset-xl-5 {
    margin-right: 5%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-5, [dir="ltr"] [dir=rtl] .flex-offset-xl-5, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-5, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-5, [dir="rtl"] [dir=rtl] .flex-offset-xl-5, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-5, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-5 {
    margin-right: auto;
    margin-left: 5%;
  }

  [dir="ltr"] .offset-xl-10, [dir="ltr"] .flex-offset-xl-10, [dir="ltr"] .layout-margin .flex-offset-xl-10, [dir="ltr"] .layout-margin .offset-xl-10 {
    margin-left: 10%;
  }

  [dir="rtl"] .offset-xl-10, [dir="rtl"] .flex-offset-xl-10, [dir="rtl"] .layout-margin .flex-offset-xl-10, [dir="rtl"] .layout-margin .offset-xl-10 {
    margin-right: 10%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-10, [dir="ltr"] [dir=rtl] .flex-offset-xl-10, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-10, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-10, [dir="rtl"] [dir=rtl] .flex-offset-xl-10, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-10, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-10 {
    margin-right: auto;
    margin-left: 10%;
  }

  [dir="ltr"] .offset-xl-15, [dir="ltr"] .flex-offset-xl-15, [dir="ltr"] .layout-margin .flex-offset-xl-15, [dir="ltr"] .layout-margin .offset-xl-15 {
    margin-left: 15%;
  }

  [dir="rtl"] .offset-xl-15, [dir="rtl"] .flex-offset-xl-15, [dir="rtl"] .layout-margin .flex-offset-xl-15, [dir="rtl"] .layout-margin .offset-xl-15 {
    margin-right: 15%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-15, [dir="ltr"] [dir=rtl] .flex-offset-xl-15, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-15, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-15, [dir="rtl"] [dir=rtl] .flex-offset-xl-15, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-15, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-15 {
    margin-right: auto;
    margin-left: 15%;
  }

  [dir="ltr"] .offset-xl-20, [dir="ltr"] .flex-offset-xl-20, [dir="ltr"] .layout-margin .flex-offset-xl-20, [dir="ltr"] .layout-margin .offset-xl-20 {
    margin-left: 20%;
  }

  [dir="rtl"] .offset-xl-20, [dir="rtl"] .flex-offset-xl-20, [dir="rtl"] .layout-margin .flex-offset-xl-20, [dir="rtl"] .layout-margin .offset-xl-20 {
    margin-right: 20%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-20, [dir="ltr"] [dir=rtl] .flex-offset-xl-20, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-20, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-20, [dir="rtl"] [dir=rtl] .flex-offset-xl-20, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-20, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-20 {
    margin-right: auto;
    margin-left: 20%;
  }

  [dir="ltr"] .offset-xl-25, [dir="ltr"] .flex-offset-xl-25, [dir="ltr"] .layout-margin .flex-offset-xl-25, [dir="ltr"] .layout-margin .offset-xl-25 {
    margin-left: 25%;
  }

  [dir="rtl"] .offset-xl-25, [dir="rtl"] .flex-offset-xl-25, [dir="rtl"] .layout-margin .flex-offset-xl-25, [dir="rtl"] .layout-margin .offset-xl-25 {
    margin-right: 25%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-25, [dir="ltr"] [dir=rtl] .flex-offset-xl-25, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-25, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-25, [dir="rtl"] [dir=rtl] .flex-offset-xl-25, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-25, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-25 {
    margin-right: auto;
    margin-left: 25%;
  }

  [dir="ltr"] .offset-xl-30, [dir="ltr"] .flex-offset-xl-30, [dir="ltr"] .layout-margin .flex-offset-xl-30, [dir="ltr"] .layout-margin .offset-xl-30 {
    margin-left: 30%;
  }

  [dir="rtl"] .offset-xl-30, [dir="rtl"] .flex-offset-xl-30, [dir="rtl"] .layout-margin .flex-offset-xl-30, [dir="rtl"] .layout-margin .offset-xl-30 {
    margin-right: 30%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-30, [dir="ltr"] [dir=rtl] .flex-offset-xl-30, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-30, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-30, [dir="rtl"] [dir=rtl] .flex-offset-xl-30, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-30, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-30 {
    margin-right: auto;
    margin-left: 30%;
  }

  [dir="ltr"] .offset-xl-35, [dir="ltr"] .flex-offset-xl-35, [dir="ltr"] .layout-margin .flex-offset-xl-35, [dir="ltr"] .layout-margin .offset-xl-35 {
    margin-left: 35%;
  }

  [dir="rtl"] .offset-xl-35, [dir="rtl"] .flex-offset-xl-35, [dir="rtl"] .layout-margin .flex-offset-xl-35, [dir="rtl"] .layout-margin .offset-xl-35 {
    margin-right: 35%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-35, [dir="ltr"] [dir=rtl] .flex-offset-xl-35, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-35, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-35, [dir="rtl"] [dir=rtl] .flex-offset-xl-35, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-35, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-35 {
    margin-right: auto;
    margin-left: 35%;
  }

  [dir="ltr"] .offset-xl-40, [dir="ltr"] .flex-offset-xl-40, [dir="ltr"] .layout-margin .flex-offset-xl-40, [dir="ltr"] .layout-margin .offset-xl-40 {
    margin-left: 40%;
  }

  [dir="rtl"] .offset-xl-40, [dir="rtl"] .flex-offset-xl-40, [dir="rtl"] .layout-margin .flex-offset-xl-40, [dir="rtl"] .layout-margin .offset-xl-40 {
    margin-right: 40%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-40, [dir="ltr"] [dir=rtl] .flex-offset-xl-40, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-40, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-40, [dir="rtl"] [dir=rtl] .flex-offset-xl-40, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-40, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-40 {
    margin-right: auto;
    margin-left: 40%;
  }

  [dir="ltr"] .offset-xl-45, [dir="ltr"] .flex-offset-xl-45, [dir="ltr"] .layout-margin .flex-offset-xl-45, [dir="ltr"] .layout-margin .offset-xl-45 {
    margin-left: 45%;
  }

  [dir="rtl"] .offset-xl-45, [dir="rtl"] .flex-offset-xl-45, [dir="rtl"] .layout-margin .flex-offset-xl-45, [dir="rtl"] .layout-margin .offset-xl-45 {
    margin-right: 45%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-45, [dir="ltr"] [dir=rtl] .flex-offset-xl-45, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-45, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-45, [dir="rtl"] [dir=rtl] .flex-offset-xl-45, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-45, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-45 {
    margin-right: auto;
    margin-left: 45%;
  }

  [dir="ltr"] .offset-xl-50, [dir="ltr"] .flex-offset-xl-50, [dir="ltr"] .layout-margin .flex-offset-xl-50, [dir="ltr"] .layout-margin .offset-xl-50 {
    margin-left: 50%;
  }

  [dir="rtl"] .offset-xl-50, [dir="rtl"] .flex-offset-xl-50, [dir="rtl"] .layout-margin .flex-offset-xl-50, [dir="rtl"] .layout-margin .offset-xl-50 {
    margin-right: 50%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-50, [dir="ltr"] [dir=rtl] .flex-offset-xl-50, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-50, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-50, [dir="rtl"] [dir=rtl] .flex-offset-xl-50, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-50, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-50 {
    margin-right: auto;
    margin-left: 50%;
  }

  [dir="ltr"] .offset-xl-55, [dir="ltr"] .flex-offset-xl-55, [dir="ltr"] .layout-margin .flex-offset-xl-55, [dir="ltr"] .layout-margin .offset-xl-55 {
    margin-left: 55%;
  }

  [dir="rtl"] .offset-xl-55, [dir="rtl"] .flex-offset-xl-55, [dir="rtl"] .layout-margin .flex-offset-xl-55, [dir="rtl"] .layout-margin .offset-xl-55 {
    margin-right: 55%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-55, [dir="ltr"] [dir=rtl] .flex-offset-xl-55, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-55, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-55, [dir="rtl"] [dir=rtl] .flex-offset-xl-55, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-55, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-55 {
    margin-right: auto;
    margin-left: 55%;
  }

  [dir="ltr"] .offset-xl-60, [dir="ltr"] .flex-offset-xl-60, [dir="ltr"] .layout-margin .flex-offset-xl-60, [dir="ltr"] .layout-margin .offset-xl-60 {
    margin-left: 60%;
  }

  [dir="rtl"] .offset-xl-60, [dir="rtl"] .flex-offset-xl-60, [dir="rtl"] .layout-margin .flex-offset-xl-60, [dir="rtl"] .layout-margin .offset-xl-60 {
    margin-right: 60%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-60, [dir="ltr"] [dir=rtl] .flex-offset-xl-60, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-60, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-60, [dir="rtl"] [dir=rtl] .flex-offset-xl-60, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-60, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-60 {
    margin-right: auto;
    margin-left: 60%;
  }

  [dir="ltr"] .offset-xl-65, [dir="ltr"] .flex-offset-xl-65, [dir="ltr"] .layout-margin .flex-offset-xl-65, [dir="ltr"] .layout-margin .offset-xl-65 {
    margin-left: 65%;
  }

  [dir="rtl"] .offset-xl-65, [dir="rtl"] .flex-offset-xl-65, [dir="rtl"] .layout-margin .flex-offset-xl-65, [dir="rtl"] .layout-margin .offset-xl-65 {
    margin-right: 65%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-65, [dir="ltr"] [dir=rtl] .flex-offset-xl-65, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-65, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-65, [dir="rtl"] [dir=rtl] .flex-offset-xl-65, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-65, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-65 {
    margin-right: auto;
    margin-left: 65%;
  }

  [dir="ltr"] .offset-xl-70, [dir="ltr"] .flex-offset-xl-70, [dir="ltr"] .layout-margin .flex-offset-xl-70, [dir="ltr"] .layout-margin .offset-xl-70 {
    margin-left: 70%;
  }

  [dir="rtl"] .offset-xl-70, [dir="rtl"] .flex-offset-xl-70, [dir="rtl"] .layout-margin .flex-offset-xl-70, [dir="rtl"] .layout-margin .offset-xl-70 {
    margin-right: 70%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-70, [dir="ltr"] [dir=rtl] .flex-offset-xl-70, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-70, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-70, [dir="rtl"] [dir=rtl] .flex-offset-xl-70, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-70, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-70 {
    margin-right: auto;
    margin-left: 70%;
  }

  [dir="ltr"] .offset-xl-75, [dir="ltr"] .flex-offset-xl-75, [dir="ltr"] .layout-margin .flex-offset-xl-75, [dir="ltr"] .layout-margin .offset-xl-75 {
    margin-left: 75%;
  }

  [dir="rtl"] .offset-xl-75, [dir="rtl"] .flex-offset-xl-75, [dir="rtl"] .layout-margin .flex-offset-xl-75, [dir="rtl"] .layout-margin .offset-xl-75 {
    margin-right: 75%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-75, [dir="ltr"] [dir=rtl] .flex-offset-xl-75, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-75, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-75, [dir="rtl"] [dir=rtl] .flex-offset-xl-75, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-75, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-75 {
    margin-right: auto;
    margin-left: 75%;
  }

  [dir="ltr"] .offset-xl-80, [dir="ltr"] .flex-offset-xl-80, [dir="ltr"] .layout-margin .flex-offset-xl-80, [dir="ltr"] .layout-margin .offset-xl-80 {
    margin-left: 80%;
  }

  [dir="rtl"] .offset-xl-80, [dir="rtl"] .flex-offset-xl-80, [dir="rtl"] .layout-margin .flex-offset-xl-80, [dir="rtl"] .layout-margin .offset-xl-80 {
    margin-right: 80%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-80, [dir="ltr"] [dir=rtl] .flex-offset-xl-80, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-80, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-80, [dir="rtl"] [dir=rtl] .flex-offset-xl-80, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-80, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-80 {
    margin-right: auto;
    margin-left: 80%;
  }

  [dir="ltr"] .offset-xl-85, [dir="ltr"] .flex-offset-xl-85, [dir="ltr"] .layout-margin .flex-offset-xl-85, [dir="ltr"] .layout-margin .offset-xl-85 {
    margin-left: 85%;
  }

  [dir="rtl"] .offset-xl-85, [dir="rtl"] .flex-offset-xl-85, [dir="rtl"] .layout-margin .flex-offset-xl-85, [dir="rtl"] .layout-margin .offset-xl-85 {
    margin-right: 85%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-85, [dir="ltr"] [dir=rtl] .flex-offset-xl-85, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-85, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-85, [dir="rtl"] [dir=rtl] .flex-offset-xl-85, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-85, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-85 {
    margin-right: auto;
    margin-left: 85%;
  }

  [dir="ltr"] .offset-xl-90, [dir="ltr"] .flex-offset-xl-90, [dir="ltr"] .layout-margin .flex-offset-xl-90, [dir="ltr"] .layout-margin .offset-xl-90 {
    margin-left: 90%;
  }

  [dir="rtl"] .offset-xl-90, [dir="rtl"] .flex-offset-xl-90, [dir="rtl"] .layout-margin .flex-offset-xl-90, [dir="rtl"] .layout-margin .offset-xl-90 {
    margin-right: 90%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-90, [dir="ltr"] [dir=rtl] .flex-offset-xl-90, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-90, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-90, [dir="rtl"] [dir=rtl] .flex-offset-xl-90, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-90, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-90 {
    margin-right: auto;
    margin-left: 90%;
  }

  [dir="ltr"] .offset-xl-95, [dir="ltr"] .flex-offset-xl-95, [dir="ltr"] .layout-margin .flex-offset-xl-95, [dir="ltr"] .layout-margin .offset-xl-95 {
    margin-left: 95%;
  }

  [dir="rtl"] .offset-xl-95, [dir="rtl"] .flex-offset-xl-95, [dir="rtl"] .layout-margin .flex-offset-xl-95, [dir="rtl"] .layout-margin .offset-xl-95 {
    margin-right: 95%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-95, [dir="ltr"] [dir=rtl] .flex-offset-xl-95, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-95, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-95, [dir="rtl"] [dir=rtl] .flex-offset-xl-95, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-95, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-95 {
    margin-right: auto;
    margin-left: 95%;
  }

  [dir="ltr"] .offset-xl-33, [dir="ltr"] .flex-offset-xl-33, [dir="ltr"] .layout-margin .flex-offset-xl-33, [dir="ltr"] .layout-margin .offset-xl-33 {
    margin-left: 33.3333333333%;
  }

  [dir="rtl"] .offset-xl-33, [dir="rtl"] .flex-offset-xl-33, [dir="rtl"] .layout-margin .flex-offset-xl-33, [dir="rtl"] .layout-margin .offset-xl-33 {
    margin-right: 33.3333333333%;
  }

  [dir="ltr"] .offset-xl-66, [dir="ltr"] .flex-offset-xl-66, [dir="ltr"] .layout-margin .flex-offset-xl-66, [dir="ltr"] .layout-margin .offset-xl-66 {
    margin-left: 66.6666666667%;
  }

  [dir="rtl"] .offset-xl-66, [dir="rtl"] .flex-offset-xl-66, [dir="rtl"] .layout-margin .flex-offset-xl-66, [dir="rtl"] .layout-margin .offset-xl-66 {
    margin-right: 66.6666666667%;
  }

  [dir="ltr"] [dir=rtl] .offset-xl-66, [dir="ltr"] [dir=rtl] .flex-offset-xl-66, [dir="ltr"] [dir=rtl] .layout-margin .flex-offset-xl-66, [dir="ltr"] [dir=rtl] .layout-margin .offset-xl-66 {
    margin-left: auto;
    margin-right: 66.6666666667%;
  }

  [dir="rtl"] [dir=rtl] .offset-xl-66, [dir="rtl"] [dir=rtl] .flex-offset-xl-66, [dir="rtl"] [dir=rtl] .layout-margin .flex-offset-xl-66, [dir="rtl"] [dir=rtl] .layout-margin .offset-xl-66 {
    margin-right: auto;
    margin-left: 66.6666666667%;
  }

  .layout-align-xl,
.layout-align-xl-start-stretch {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }

  .layout-align-xl-start,
.layout-align-xl-start-start,
.layout-align-xl-start-center,
.layout-align-xl-start-end,
.layout-align-xl-start-stretch {
    justify-content: flex-start;
  }

  .layout-align-xl-center,
.layout-align-xl-center-start,
.layout-align-xl-center-center,
.layout-align-xl-center-end,
.layout-align-xl-center-stretch {
    justify-content: center;
  }

  .layout-align-xl-end,
.layout-align-xl-end-start,
.layout-align-xl-end-center,
.layout-align-xl-end-end,
.layout-align-xl-end-stretch {
    justify-content: flex-end;
  }

  .layout-align-xl-space-around,
.layout-align-xl-space-around-center,
.layout-align-xl-space-around-start,
.layout-align-xl-space-around-end,
.layout-align-xl-space-around-stretch {
    justify-content: space-around;
  }

  .layout-align-xl-space-between,
.layout-align-xl-space-between-center,
.layout-align-xl-space-between-start,
.layout-align-xl-space-between-end,
.layout-align-xl-space-between-stretch {
    justify-content: space-between;
  }

  .layout-align-xl-start-start,
.layout-align-xl-center-start,
.layout-align-xl-end-start,
.layout-align-xl-space-between-start,
.layout-align-xl-space-around-start {
    align-items: flex-start;
    align-content: flex-start;
  }

  .layout-align-xl-start-center,
.layout-align-xl-center-center,
.layout-align-xl-end-center,
.layout-align-xl-space-between-center,
.layout-align-xl-space-around-center {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }

  .layout-align-xl-start-center > *,
.layout-align-xl-center-center > *,
.layout-align-xl-end-center > *,
.layout-align-xl-space-between-center > *,
.layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-align-xl-start-end,
.layout-align-xl-center-end,
.layout-align-xl-end-end,
.layout-align-xl-space-between-end,
.layout-align-xl-space-around-end {
    align-items: flex-end;
    align-content: flex-end;
  }

  .layout-align-xl-start-stretch,
.layout-align-xl-center-stretch,
.layout-align-xl-end-stretch,
.layout-align-xl-space-between-stretch,
.layout-align-xl-space-around-stretch {
    align-items: stretch;
    align-content: stretch;
  }

  .flex-xl {
    flex: 1;
    box-sizing: border-box;
  }

  .flex-xl-grow {
    flex: 1 1 100%;
    box-sizing: border-box;
  }

  .flex-xl-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-none {
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .flex-xl-noshrink {
    flex: 1 0 auto;
    box-sizing: border-box;
  }

  .flex-xl-nogrow {
    flex: 0 1 auto;
    box-sizing: border-box;
  }

  .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-xl-column > .flex-xl-0 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }

  .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-5 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }

  .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-10 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }

  .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-15 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }

  .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-20 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }

  .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-25 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }

  .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-30 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }

  .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-35 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }

  .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-40 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }

  .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-45 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }

  .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-50 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }

  .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-55 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }

  .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-60 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }

  .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-65 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }

  .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-70 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }

  .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-75 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }

  .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-80 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }

  .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-85 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }

  .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-90 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }

  .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-95 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }

  .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-100 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-row > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-33 {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-column > .flex-xl-66 {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }

  .layout-xl-row > .flex {
    min-width: 0;
  }

  .layout-xl-column > .flex-xl-33 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex-xl-66 {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }

  .layout-xl-column > .flex {
    min-height: 0;
  }

  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: flex;
  }

  .layout-xl-column {
    flex-direction: column;
  }

  .layout-xl-row {
    flex-direction: row;
  }

  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none;
  }

  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none;
  }
}

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}md-backdrop.md-edit-dialog-backdrop{z-index:80}

md-edit-dialog{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:81;background-color:#f9f9f9;border-radius:2px;cursor:default}

md-edit-dialog>.md-content{padding:16px 24px 0}

md-edit-dialog>.md-content .md-title{color:rgba(0,0,0,.87);margin-bottom:8px}

md-edit-dialog>.md-content md-input-container{margin:0;font-size:13px}

md-edit-dialog>.md-content md-input-container input{float:none}

md-edit-dialog>.md-content md-input-container .md-errors-spacer{min-height:auto;min-width:auto;color:rgba(0,0,0,.54)}

[dir="ltr"] md-edit-dialog>.md-content md-input-container .md-errors-spacer .md-char-counter{padding:5px 2px 5px 0}

[dir="rtl"] md-edit-dialog>.md-content md-input-container .md-errors-spacer .md-char-counter{padding:5px 0 5px 2px}

[dir="ltr"] md-edit-dialog>.md-content md-input-container [ng-message]{padding:5px 0 5px 2px}

[dir="rtl"] md-edit-dialog>.md-content md-input-container [ng-message]{padding:5px 2px 5px 0}

md-edit-dialog>.md-actions{margin:0 16px 8px}

md-edit-dialog>.md-actions .md-button{margin:0;min-width:initial}

[dir="ltr"] md-edit-dialog>.md-actions .md-button+.md-button{margin-left:8px}

[dir="rtl"] md-edit-dialog>.md-actions .md-button+.md-button{margin-right:8px}

.md-table-pagination{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;box-sizing:border-box;padding:0 24px;font-size:12px;color:rgba(0,0,0,.54);border-top:1px rgba(0,0,0,.12) solid}

.md-table-pagination md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-width:64px}

.md-table-pagination md-select:not([disabled]):focus .md-select-value{color:rgba(0,0,0,.54)}

.md-table-pagination md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}

.md-table-pagination md-select .md-select-value span.md-select-icon{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}

[dir="ltr"] .md-table-pagination md-select .md-select-value span.md-select-icon{margin-right:-6px!important}

[dir="rtl"] .md-table-pagination md-select .md-select-value span.md-select-icon{margin-left:-6px!important}

.md-table-pagination md-select .md-select-value span.md-select-icon:after{top:initial;-webkit-transform:scaleY(0.5) scaleX(1);transform:scaleY(0.5) scaleX(1)}

.md-table-pagination>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:56px}

[dir="ltr"] .md-table-pagination>.buttons:not(:first-child),[dir="ltr"] .md-table-pagination>.limit-select:not(:first-child){margin-left:32px}

[dir="rtl"] .md-table-pagination>.buttons:not(:first-child),[dir="rtl"] .md-table-pagination>.limit-select:not(:first-child){margin-right:32px}

[dir="ltr"] .md-table-pagination>.buttons{margin-right:-16px}

[dir="rtl"] .md-table-pagination>.buttons{margin-left:-16px}

.md-table-pagination>.buttons>.md-button.md-icon-button{margin:0}

[dir="ltr"] .md-table-pagination>.buttons>.label+.md-button.md-icon-button{margin-left:20px}

[dir="rtl"] .md-table-pagination>.buttons>.label+.md-button.md-icon-button{margin-right:20px}

md-select.md-table-select{margin:0}

md-select.md-table-select>.md-select-value{padding:0;min-width:0;min-height:24px;border-bottom:0!important}

md-select.md-table-select>.md-select-value>span{display:block;height:auto;-webkit-transform:none!important;transform:none!important}

md-select.md-table-select>.md-select-value>span>.md-text{display:inherit;height:inherit;-webkit-transform:inherit;transform:inherit}

md-select.md-table-select>.md-select-value>span.md-select-icon{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:24px;margin:0}

md-select.md-table-select>.md-select-value>span.md-select-icon:after{top:initial}

.md-select-menu-container.md-pagination-select,.md-select-menu-container.md-table-select{border-radius:2px}

[dir="ltr"] .md-select-menu-container.md-pagination-select,[dir="ltr"] .md-select-menu-container.md-table-select{margin-left:-2px}

[dir="rtl"] .md-select-menu-container.md-pagination-select,[dir="rtl"] .md-select-menu-container.md-table-select{margin-right:-2px}

.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-pagination-select md-select-menu,.md-select-menu-container.md-table-select md-content,.md-select-menu-container.md-table-select md-select-menu{border-radius:inherit}

.md-select-menu-container.md-pagination-select md-content,.md-select-menu-container.md-table-select md-content{padding:0}

.md-select-menu-container.md-table-select .md-text{font-size:13px}

.md-select-menu-container.md-pagination-select .md-text{font-size:12px}

md-toolbar.md-table-toolbar{box-shadow:none}

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default{background-color:#fff;color:rgba(0,0,0,.87)}

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default .md-button,md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button{color:rgba(0,0,0,.87)}

@media only screen and (max-width:959px) and (min-width:0) and (orientation:landscape){
md-toolbar.md-table-toolbar .md-toolbar-tools{height:64px;max-height:initial}}

md-toolbar.md-table-toolbar .md-toolbar-tools{padding:0 24px}

md-toolbar.md-table-toolbar .md-toolbar-tools md-icon{color:rgba(0,0,0,.54)}

md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button{margin:0}

[dir="ltr"] md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:first-child{margin-left:-12px}

[dir="rtl"] md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:first-child{margin-right:-12px}

[dir="ltr"] md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:last-child{margin-right:-12px}

[dir="rtl"] md-toolbar.md-table-toolbar .md-toolbar-tools>.md-button.md-icon-button:last-child{margin-left:-12px}

md-card>md-table-container:first-child,md-card>md-toolbar.md-table-toolbar:first-child{border-top-left-radius:2px;border-top-right-radius:2px}

md-card>md-table-container:last-child,md-card>md-toolbar.md-table-toolbar:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}

md-table-container{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

table.md-table{width:100%;border-spacing:0;overflow:hidden}

table.md-table thead.md-head>tr.md-row{height:56px}

table.md-table tbody.md-body>tr.md-row,table.md-table tfoot.md-foot>tr.md-row{height:48px}

table.md-table thead.md-head+.md-table-progress md-progress-linear{top:-3px}

table.md-table .md-table-progress th{padding:0}

table.md-table .md-table-progress th md-progress-linear{height:0;transition:opacity 1s}

table.md-table .md-table-progress th md-progress-linear.ng-hide{opacity:0}

table.md-table .md-table-progress th md-progress-linear>.md-container{height:3px;top:0;transition:none}

table.md-table .md-table-progress th md-progress-linear>.md-container>.md-bar{height:3px}

table.md-table th.md-column{color:rgba(0,0,0,.54);font-size:12px;font-weight:700;white-space:nowrap}

table.md-table th.md-column.md-sort{cursor:pointer}

table.md-table th.md-column md-icon{height:16px;width:16px;font-size:16px!important;line-height:16px!important}

table.md-table th.md-column md-icon.md-sort-icon{color:rgba(0,0,0,.26);opacity:0;transition:-webkit-transform .25s,opacity .25s;transition:transform .25s,opacity .25s}

table.md-table th.md-column md-icon.md-sort-icon.md-asc{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

[dir="ltr"] table.md-table th.md-column md-icon.md-sort-icon.md-desc{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

[dir="rtl"] table.md-table th.md-column md-icon.md-sort-icon.md-desc{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

[dir="ltr"] table.md-table th.md-column md-icon:not(:first-child){margin-left:8px}

[dir="rtl"] table.md-table th.md-column md-icon:not(:first-child){margin-right:8px}

[dir="ltr"] table.md-table th.md-column md-icon:not(:last-child){margin-right:8px}

[dir="rtl"] table.md-table th.md-column md-icon:not(:last-child){margin-left:8px}

table.md-table th.md-column.md-active,table.md-table th.md-column.md-active md-icon{color:rgba(0,0,0,.87)}

table.md-table th.md-column.md-active md-icon.md-sort-icon,table.md-table th.md-column:hover md-icon.md-sort-icon{opacity:1}

table.md-table tr.md-row[data-ng-repeat].ng-leave,table.md-table tr.md-row[ng-repeat].ng-leave,table.md-table tr.md-row[ng\:repeat].ng-leave,table.md-table tr.md-row[x-ng-repeat].ng-leave{display:none}

table.md-table.md-row-select tbody.md-body>tr.md-row{transition:background-color .2s}

table.md-table.md-row-select tbody.md-body>tr.md-row:not([disabled]):hover{background-color:#eee!important}

table.md-table.md-row-select tbody.md-body>tr.md-row.md-selected{background-color:#f5f5f5}

table.md-table.md-row-select td.md-cell:first-child,table.md-table.md-row-select th.md-column:first-child{width:20px}

[dir="ltr"] table.md-table.md-row-select td.md-cell:first-child,[dir="ltr"] table.md-table.md-row-select th.md-column:first-child{padding:0 0 0 24px}

[dir="rtl"] table.md-table.md-row-select td.md-cell:first-child,[dir="rtl"] table.md-table.md-row-select th.md-column:first-child{padding:0 24px 0 0}

table.md-table.md-row-select td.md-cell:nth-child(2),table.md-table.md-row-select th.md-column:nth-child(2){padding:0 24px}

[dir="ltr"] table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),[dir="ltr"] table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2){padding:0 56px 0 0}

[dir="rtl"] table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),[dir="rtl"] table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2){padding:0 0 0 56px}

table.md-table:not(.md-row-select) td.md-cell:first-child,table.md-table:not(.md-row-select) th.md-column:first-child{padding:0 24px}

[dir="ltr"] table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),[dir="ltr"] table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2){padding:0 56px 0 0}

[dir="rtl"] table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),[dir="rtl"] table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2){padding:0 0 0 56px}

table.md-table td.md-cell,table.md-table th.md-column{vertical-align:middle}

[dir="ltr"] table.md-table td.md-cell,[dir="ltr"] table.md-table th.md-column{text-align:left}

[dir="rtl"] table.md-table td.md-cell,[dir="rtl"] table.md-table th.md-column{text-align:right}

table.md-table td.md-cell>*,table.md-table th.md-column>*{vertical-align:middle}

[dir="ltr"] table.md-table td.md-cell:last-child,[dir="ltr"] table.md-table th.md-column:last-child{padding:0 24px 0 0}

[dir="rtl"] table.md-table td.md-cell:last-child,[dir="rtl"] table.md-table th.md-column:last-child{padding:0 0 0 24px}

table.md-table td.md-cell.md-clickable,table.md-table th.md-column.md-clickable{cursor:pointer}

table.md-table td.md-cell.md-clickable:focus,table.md-table th.md-column.md-clickable:focus{outline:0}

[dir="ltr"] table.md-table td.md-cell.md-numeric,[dir="ltr"] table.md-table th.md-column.md-numeric{text-align:right}

[dir="rtl"] table.md-table td.md-cell.md-numeric,[dir="rtl"] table.md-table th.md-column.md-numeric{text-align:left}

table.md-table td.md-cell md-checkbox,table.md-table th.md-column md-checkbox{margin:0;width:20px}

table.md-table td.md-cell{color:rgba(0,0,0,.87);font-size:13px;border-top:1px rgba(0,0,0,.12) solid}

table.md-table td.md-cell.md-numeric md-select{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}

table.md-table td.md-cell.md-numeric md-select .md-select-value{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}

table.md-table td.md-cell.md-placeholder{color:rgba(0,0,0,.26)}

table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;color:rgba(0,0,0,.54);width:18px}

[dir="ltr"] table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon{text-align:right}

[dir="rtl"] table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon{text-align:left}

table.md-table td.md-cell md-select>.md-select-value>span.md-select-icon:after{-webkit-transform:scaleY(0.4) scaleX(0.8);transform:scaleY(0.4) scaleX(0.8)}ul.ivh-treeview .ivh-treeview-twistie-collapsed,ul.ivh-treeview .ivh-treeview-twistie-leaf,ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview{display:none}

ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed{display:inline}

ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded{display:none}

ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf{display:inline}

ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed,ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded{display:none}

.ng-wig,[class^=nw-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}

.ng-wig{display:block;padding:0;margin:0}

.nw-toolbar{display:block;margin:0!important;padding:0!important;list-style:none!important;font-size:12px;color:#6b7277;background:-webkit-linear-gradient(90deg,#fff 0,#f9f9f9 100%);background:-moz-linear-gradient(90deg,#fff 0,#f9f9f9 100%);border:1px solid #ccc;border-radius:3px 3px 0 0}

[dir="ltr"] .nw-toolbar{background:linear-gradient(180deg,#fff 0,#f9f9f9 100%)}

[dir="rtl"] .nw-toolbar{background:linear-gradient(-180deg,#fff 0,#f9f9f9 100%)}

.nw-toolbar__item{display:inline-block;vertical-align:top;margin:0}

[dir="ltr"] .nw-toolbar__item{border-right:1px solid #dedede}

[dir="rtl"] .nw-toolbar__item{border-left:1px solid #dedede}

.nw-toolbar label{line-height:30px;display:inline-block}

[dir="ltr"] .nw-toolbar label{padding:0 6px 0 3px}

[dir="rtl"] .nw-toolbar label{padding:0 3px 0 6px}

.nw-toolbar input[type=checkbox]{vertical-align:-3px}

[dir="ltr"] .nw-toolbar input[type=checkbox]{margin-right:-1px}

[dir="rtl"] .nw-toolbar input[type=checkbox]{margin-left:-1px}

.nw-editor{display:table;height:300px;background:#fff;cursor:text;width:100%}

.nw-editor-container{border:1px solid #ccc;border-top:none;border-radius:0 0 3px 3px;position:relative}

.nw-editor__res{min-height:100%;padding:0 8px;display:table-cell;overflow-wrap:break-word}

.nw-editor__res,.nw-editor__src{width:100%;outline:0;box-sizing:border-box;border:none;margin:0}

.nw-editor__src-container{position:absolute;left:0;top:0;right:0;bottom:0}

.nw-editor__src{height:100%;resize:none;padding:0 8px}

.nw-editor--fixed .nw-editor{display:block;overflow-y:auto}

.nw-editor--fixed .nw-editor__res{padding:1px 8px;display:block}

.nw-invisible{visibility:hidden}

.nw-editor--fixed .nw-invisible{display:none}

.nw-editor.nw-disabled{cursor:default}

.nw-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:30px;height:30px;margin:0;padding:0;opacity:.5;background-color:transparent;background-position:center center;background-repeat:no-repeat;border:none;border-radius:2px;font-size:0;cursor:pointer}

.nw-button:before{font-size:12px;font-family:FontAwesome}

.nw-button.bold:before{content:'\f032'}

.nw-button.italic:before{content:'\f033'}

.nw-button.list-ul:before{content:'\f0ca'}

.nw-button.list-ol:before{content:'\f0cb'}

.nw-button.link:before{content:'\f0c1'}

.nw-button.font-color:before{content:'\f031'}

.nw-button.nw-button--source:before{content:'\f040'}

.nw-button.clear-styles:before{content:'\f12d'}

.nw-button:focus{outline:0}

.nw-button.nw-button--active,.nw-button:hover{opacity:1}

.nw-button--active{background-color:#eee}

.nw-button:disabled{cursor:default}

.nw-button:disabled:hover{opacity:.5}

.nw-content{padding:12px;margin:0;font-family:sans-serif;font-size:14px;line-height:24px}

.nw-select{height:30px;padding:6px;color:#555;background-color:inherit;border:0}

.nw-select:disabled{opacity:.5}

.nw-select:focus{outline:0}

.nw-button:focus{border-color:#d3d3d3;border-style:solid}

[contenteditable]:empty:before{content:attr(placeholder);color:grey;display:inline-block}/**
 * md-color-picker - Angular-Material inspired color picker.
 * @version v0.2.6
 * @link https://github.com/brianpkelley/md-color-picker
 * @license MIT
 */
[md-color-picker] .md-color-picker-input-container,md-color-picker .md-color-picker-input-container{position:relative}

[md-color-picker] .md-color-picker-input-container .md-color-picker-input::-ms-clear,md-color-picker .md-color-picker-input-container .md-color-picker-input::-ms-clear{display:none}

[md-color-picker] .md-color-picker-input-container .md-color-picker-preview,md-color-picker .md-color-picker-input-container .md-color-picker-preview{content:'';width:24px;height:24px;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);position:relative;top:22px;overflow:hidden;background-color:#fff;background-image:-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-size:8px 8px}

[dir="ltr"] [md-color-picker] .md-color-picker-input-container .md-color-picker-preview,[dir="ltr"] md-color-picker .md-color-picker-input-container .md-color-picker-preview{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px}

[dir="rtl"] [md-color-picker] .md-color-picker-input-container .md-color-picker-preview,[dir="rtl"] md-color-picker .md-color-picker-input-container .md-color-picker-preview{background-image:linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:100% 0,right 4px top 4px}

[md-color-picker] .md-color-picker-input-container .md-color-picker-preview .md-color-picker-result,md-color-picker .md-color-picker-input-container .md-color-picker-preview .md-color-picker-result{width:100%;height:100%}

[md-color-picker] .md-color-picker-input-container .md-color-picker-clear,md-color-picker .md-color-picker-input-container .md-color-picker-clear{position:absolute;bottom:42px;color:rgba(0,0,0,.26)}

[dir="ltr"] [md-color-picker] .md-color-picker-input-container .md-color-picker-clear,[dir="ltr"] md-color-picker .md-color-picker-input-container .md-color-picker-clear{right:-16px}

[dir="rtl"] [md-color-picker] .md-color-picker-input-container .md-color-picker-clear,[dir="rtl"] md-color-picker .md-color-picker-input-container .md-color-picker-clear{left:-16px}

.md-color-picker-container{padding:8px;background:#fff;outline:none;height:397px;width:347px;opacity:1;overflow:hidden;z-index:1000}

.md-color-picker-container .md-color-picker-arrow{border:0 solid transparent;border-bottom-width:0;position:absolute;top:0;-webkit-transition:border-bottom-width .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1);transition:border-bottom-width .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1)}

[dir="ltr"] .md-color-picker-container .md-color-picker-arrow{border-right-width:30px;left:0}

[dir="rtl"] .md-color-picker-container .md-color-picker-arrow{border-left-width:30px;right:0}

.md-color-picker-container canvas{width:100%;height:100%}

.md-color-picker-container .md-color-picker-preview{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:700;font-size:18px;color:#fff;margin:-8px -8px 0;position:relative}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result{position:absolute;height:100%;opacity:1;background:red}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result>input{position:relative;top:-15px;opacity:0}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result>div{position:relative;width:100%}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result>div>input{border-width:0;background:transparent;text-align:center;position:absolute;top:-15px;bottom:0;left:0;right:0;color:#eee;outline:none;opacity:0}

.md-color-picker-container .md-color-picker-preview .md-color-picker-result>div>input.switch{-webkit-transition:top .25s cubic-bezier(.25,.8,.25,1),opacity .25s ease-out;transition:top .25s cubic-bezier(.25,.8,.25,1),opacity .25s ease-out;top:0;opacity:1}

.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab,.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-pagination-wrapper,.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-tabs-canvas,.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-tabs-wrapper{max-height:28px;height:28px}

.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs md-ink-bar{background:hsla(0,0%,100%,.5)}

.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab{padding-top:2px;background:hsla(0,0%,100%,.25);color:#eee;max-width:none!important}

.md-color-picker-container .md-color-picker-preview .md-color-picker-tabs .md-tab.md-active{background:transparent}

.md-color-picker-container .md-color-picker-preview.dark,.md-color-picker-container .md-color-picker-preview.dark .md-color-picker-preview-input{color:#333}

.md-color-picker-container .md-color-picker-preview.dark .md-tab{background:rgba(0,0,0,.25);color:#333}

.md-color-picker-container .md-color-picker-preview.dark .md-tab.md-active{background:transparent}

.md-color-picker-container .md-color-picker-preview.dark md-ink-bar{background:rgba(0,0,0,.5)}

.md-color-picker-container .md-color-picker-tabs{margin:0 -8px}

.md-color-picker-container .md-color-picker-tabs md-tabs[md-align-tabs=bottom]{padding-bottom:0}

.md-color-picker-container .md-color-picker-tabs .md-tab,.md-color-picker-container .md-color-picker-tabs md-pagination-wrapper,.md-color-picker-container .md-color-picker-tabs md-tabs-canvas,.md-color-picker-container .md-color-picker-tabs md-tabs-wrapper{max-height:36px;height:36px}

.md-color-picker-container .md-color-picker-tabs .md-tab{padding:7px 24px;background:transparent}

[dir="ltr"] .md-color-picker-container .md-color-picker-tabs .md-tab:last-of-type{margin-right:-2px}

[dir="rtl"] .md-color-picker-container .md-color-picker-tabs .md-tab:last-of-type{margin-left:-2px}

.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){min-height:298px}

.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper{height:255px;margin-bottom:8px}

.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper md-tab-content{height:255px;padding:0 8px}

.md-color-picker-container .md-color-picker-tabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) md-tabs-content-wrapper md-tab-content [md-tabs-template]{height:100%}

.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors{margin:8px -8px -8px}

.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors md-ink-bar{top:auto}

.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors .md-tab{background:rgba(0,0,0,.075)}

.md-color-picker-container .md-color-picker-tabs.md-color-picker-colors .md-tab.md-active{background:#fff}

.md-color-picker-container .md-color-picker-colors{overflow:hidden;margin-top:8px}

.md-color-picker-container .md-color-picker-colors .md-color-picker-marker{position:absolute;border:2px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.5)}

.md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum]{position:relative;cursor:crosshair;overflow:hidden;height:255px;width:255px}

.md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum] .md-color-picker-marker{width:12px;height:12px;border-radius:50%;box-shadow:0 0 2px 0 rgba(0,0,0,.5),inset 0 0 2px 0 rgba(0,0,0,.5);top:-5px}

[dir="ltr"] .md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum] .md-color-picker-marker{left:calc(100% - 5px)}

[dir="rtl"] .md-color-picker-container .md-color-picker-colors [md-color-picker-spectrum] .md-color-picker-marker{right:calc(100% - 5px)}

.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha],.md-color-picker-container .md-color-picker-colors [md-color-picker-hue]{position:relative;cursor:crosshair;overflow:hidden;width:30px}

.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha].md-color-picker-wide,.md-color-picker-container .md-color-picker-colors [md-color-picker-hue].md-color-picker-wide{width:67px}

.md-color-picker-container .md-color-picker-colors [md-color-picker-alpha] .md-color-picker-marker,.md-color-picker-container .md-color-picker-colors [md-color-picker-hue] .md-color-picker-marker{height:5px;width:100%;border-left:0;border-right:0;top:-2px}

[dir="ltr"] .md-color-picker-container .md-color-picker-colors [md-color-picker-alpha] .md-color-picker-marker,[dir="ltr"] .md-color-picker-container .md-color-picker-colors [md-color-picker-hue] .md-color-picker-marker{left:0}

[dir="rtl"] .md-color-picker-container .md-color-picker-colors [md-color-picker-alpha] .md-color-picker-marker,[dir="rtl"] .md-color-picker-container .md-color-picker-colors [md-color-picker-hue] .md-color-picker-marker{right:0}

.md-color-picker-container .md-color-picker-sliders md-slider.red-slider .md-track-fill{background:#d01515}

.md-color-picker-container .md-color-picker-sliders md-slider.red-slider .md-thumb:after{background-color:#d01515;border-color:#d01515}

.md-color-picker-container .md-color-picker-sliders md-slider.green-slider .md-track-fill{background:#19d015}

.md-color-picker-container .md-color-picker-sliders md-slider.green-slider .md-thumb:after{background-color:#19d015;border-color:#19d015}

.md-color-picker-container .md-color-picker-sliders md-slider.blue-slider .md-track-fill{background:#1560d0}

.md-color-picker-container .md-color-picker-sliders md-slider.blue-slider .md-thumb:after{background-color:#1560d0;border-color:#1560d0}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title{font-size:22px;line-height:75px;padding:0 15px;color:rgba(0,0,0,.85);text-transform:capitalize}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title.dark{color:hsla(0,0%,100%,.85)}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-title:not(:first-child){margin-top:16px}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-with-label{font-size:12px;line-height:33px;padding:0 5px;color:rgba(0,0,0,.7)}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-with-label.dark{color:hsla(0,0%,100%,.7)}

.md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-colors{position:absolute}

[dir="ltr"] .md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-colors{-webkit-transition:left .25s cubic-bezier(.25,.8,.25,1),right .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1),bottom .25s cubic-bezier(.25,.8,.25,1);transition:left .25s cubic-bezier(.25,.8,.25,1),right .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1),bottom .25s cubic-bezier(.25,.8,.25,1)}

[dir="rtl"] .md-color-picker-container .md-color-picker-material-palette .md-color-picker-material-colors{-webkit-transition:right .25s cubic-bezier(.25,.8,.25,1),left .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1),bottom .25s cubic-bezier(.25,.8,.25,1);transition:right .25s cubic-bezier(.25,.8,.25,1),left .25s cubic-bezier(.25,.8,.25,1),top .25s cubic-bezier(.25,.8,.25,1),bottom .25s cubic-bezier(.25,.8,.25,1)}

.md-color-picker-container .md-color-picker-history>div>div{height:20px;margin:4px;background-color:#fff;background-image:-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-size:8px 8px}

[dir="ltr"] .md-color-picker-container .md-color-picker-history>div>div{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px}

[dir="rtl"] .md-color-picker-container .md-color-picker-history>div>div{background-image:linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:100% 0,right 4px top 4px}

.md-color-picker-container .md-color-picker-history>div>div>div{width:100%;height:100%}

.md-color-picker-container .md-color-picker-history button{margin-top:auto}

[dir="ltr"] .md-color-picker-container .md-color-picker-history button{margin-left:auto}

[dir="rtl"] .md-color-picker-container .md-color-picker-history button{margin-right:auto}

.md-color-picker-checkered-bg{background-color:#fff;background-image:-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),-webkit-linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-size:8px 8px}

[dir="ltr"] .md-color-picker-checkered-bg{background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px}

[dir="rtl"] .md-color-picker-checkered-bg{background-image:linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(-45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:100% 0,right 4px top 4px}.mdp-animate-next {
  opacity: 0;
}

[dir="ltr"] .mdp-animate-next {
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}

[dir="rtl"] .mdp-animate-next {
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}


.mdp-animate-next-remove {
  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  opacity: 0;
}


[dir="ltr"] .mdp-animate-next-remove {
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}


[dir="rtl"] .mdp-animate-next-remove {
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}


.mdp-animate-next-remove-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}


.mdp-animate-prev {
  opacity: 0;
}


[dir="ltr"] .mdp-animate-prev {
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}


[dir="rtl"] .mdp-animate-prev {
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}


.mdp-animate-prev-remove {
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  opacity: 0;
}


[dir="ltr"] .mdp-animate-prev-remove {
  -webkit-transform: translate3d(-50%, 0, 1px);
          transform: translate3d(-50%, 0, 1px);
}


[dir="rtl"] .mdp-animate-prev-remove {
  -webkit-transform: translate3d(50%, 0, 1px);
          transform: translate3d(50%, 0, 1px);
}


.mdp-animate-prev-remove-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}


@-webkit-keyframes mdp-animation-bounce {

  from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }


  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }


  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


@keyframes mdp-animation-bounce {

  from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }


  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }


  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.mdp-animation-zoom.ng-enter {
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: mdp-animation-bounce;
          animation-name: mdp-animation-bounce;
}


.mdp-datepicker {
  max-height: initial;
  min-width: 234px;
}


.mdp-datepicker * {
  outline: 0;
}


.mdp-datepicker .md-actions {
  width: 100%;
  padding: 0px 5px;
}


.mdp-calendar-week-days {
  font-size: 0.75rem;
  opacity: 0.6;
}


.mdp-calendar-week-days > * {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 0 5px;
  padding: 0;
  min-width: 0px;
  min-height: 0px;
  box-shadow: none !important;
  background-color: transparent;
}


.mdp-calendar-days {
  font-size: 1rem;
  max-width: 100%;
}


.mdp-calendar-days .md-button,
.mdp-calendar-days .mdp-day-placeholder {
  width: 32px;
  height: 32px;
  margin: 0 5px;
}


.mdp-calendar-days .md-button {
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  min-width: 0px;
  min-height: 0px;
  box-shadow: none !important;
  background-color: transparent;
}


.mdp-calendar-days .md-button[disabled]:not(.md-accent) {
  background-color: transparent !important;
}


.mdp-calendar-monthyear {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 32px;
  min-height: 32px;
}


.mdp-datepicker-date,
.mdp-datepicker-day,
.mdp-datepicker-dow,
.mdp-datepicker-month {
  font-size: 1.8rem;
  opacity: 0.6;
}


.mdp-datepicker-date:not(.active),
.mdp-datepicker-day:not(.active),
.mdp-datepicker-dow:not(.active),
.mdp-datepicker-month:not(.active) {
  cursor: pointer;
}


.mdp-datepicker-date.active,
.mdp-datepicker-day.active,
.mdp-datepicker-dow.active,
.mdp-datepicker-month.active,
.mdp-datepicker-date:hover,
.mdp-datepicker-day:hover,
.mdp-datepicker-dow:hover,
.mdp-datepicker-month:hover {
  opacity: 1;
}


.mdp-datepicker-year {
  font-size: 0.9rem;
  opacity: 0.6;
  padding: 0;
  margin: 0;
}


.mdp-datepicker-year:not(.active) {
  cursor: pointer;
}


.mdp-datepicker-year.active,
.mdp-datepicker-year:hover {
  opacity: 1;
}


.mdp-datepicker-select-year {
  height: 232px;
}


.mdp-datepicker-select-year .repeated-year {
  text-align: center;
}


.mdp-datepicker-select-year .repeated-year .md-button {
  width: 100%;
  margin: 0;
  border-radius: 0;
  padding: 0;
  font-size: 1.0rem;
  line-height: 42px;
}


.mdp-datepicker-select-year .repeated-year .md-button.current {
  font-size: 1.8rem;
  line-height: 42px;
}


.mdp-datepicker-select-year .md-virtual-repeat-container,
.mdp-datepicker-select-year .md-virtual-repeat-offsetter,
.mdp-datepicker-select-year .md-virtual-repeat-scroller {
  height: 100%;
  width: 100%;
}


[dir="ltr"] mdp-date-picker > md-input-container.md-has-icon {
  padding-left: 40px;
}


[dir="rtl"] mdp-date-picker > md-input-container.md-has-icon {
  padding-right: 40px;
}


mdp-date-picker .md-button.md-icon-button {
  margin: 18px 0 0 0;
}


.mdp-datepicker:not(.portrait) .mdp-datepicker-select-year {
  width: 309px;
}


.mdp-datepicker:not(.portrait) .mdp-calendar {
  width: 294px;
}


[dir="ltr"] .mdp-datepicker:not(.portrait) .mdp-calendar {
  margin-right: 5px;
  margin-left: 10px;
}


[dir="rtl"] .mdp-datepicker:not(.portrait) .mdp-calendar {
  margin-left: 5px;
  margin-right: 10px;
}


.mdp-datepicker:not(.portrait) .mdp-datepicker-date-wrapper {
  width: 150px;
}


.mdp-datepicker:not(.portrait) .mdp-datepicker-dow {
  width: 100%;
  display: block;
}


.mdp-datepicker:not(.portrait) .mdp-calendar-week-days > *,
.mdp-datepicker:not(.portrait) .mdp-calendar-days > * {
  width: 42px;
}


[dir="ltr"] .mdp-datepicker .mdp-datepicker-date-wrapper {
  padding: 16px 35px 16px 16px;
}


[dir="rtl"] .mdp-datepicker .mdp-datepicker-date-wrapper {
  padding: 16px 16px 16px 35px;
}


.mdp-datepicker md-dialog-content {
  overflow: hidden;
  padding: 0px;
}


.mdp-datepicker md-dialog-content .mdp-calendar {
  width: 294px;
  overflow-x: hidden;
}


.mdp-datepicker.portrait {
  max-width: 234px;
}


.mdp-datepicker.portrait .mdp-calendar {
  text-align: center;
  width: 100%;
}


.mdp-datepicker.portrait .mdp-datepicker-select-year {
  height: 252px;
}


.mdp-datepicker.portrait md-dialog-content > * {
  width: 100%;
}


.mdp-datepicker.portrait .mdp-calendar-week-days,
.mdp-datepicker.portrait .mdp-calendar-days,
.mdp-datepicker.portrait .md-actions {
  padding: 0 5px;
}


.mdp-datepicker.portrait .md-actions {
  margin-top: 20px;
}


.mdp-datepicker.portrait .mdp-calendar-week-days > *,
.mdp-datepicker.portrait .mdp-calendar-days > * {
  width: 32px;
}


mdp-calendar {
  display: block;
}


.mdp-calendar-week-days {
  width: 100%;
}


.mdp-calendar-week-days > * {
  margin: 0;
}


.mdp-calendar-days .md-button,
.mdp-calendar-days .mdp-day-placeholder {
  margin: 0;
}


.mdp-clock {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  cursor: pointer;
  padding: 24px;
  background: #ededed;
}


.mdp-clock .md-button {
  box-shadow: none !important;
  background-color: transparent;
  display: block;
  position: absolute;
  min-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0;
}


[dir="ltr"] .mdp-clock .md-button {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


[dir="rtl"] .mdp-clock .md-button {
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}


.mdp-clock .mdp-clock-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}


.mdp-clock .mdp-pointer {
  min-height: 0px;
  width: 1px;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  z-index: 0;
  pointer-events: none;
}


.mdp-clock .mdp-clock-center {
  min-height: 0px;
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}


.mdp-clock .md-button.mdp-clock-selected {
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  min-width: 0;
  min-height: 0;
  pointer-events: none;
}


[dir="ltr"] .mdp-clock .md-button.mdp-clock-selected {
  left: 0px;
}


[dir="rtl"] .mdp-clock .md-button.mdp-clock-selected {
  right: 0px;
}


.mdp-timepicker .mdp-clock-switch-container {
  padding: 20px;
  width: 309px;
}


.mdp-timepicker .mdp-timepicker-time {
  padding: 15px;
}


.mdp-timepicker .mdp-timepicker-selected-time {
  font-size: 3rem;
}


.mdp-timepicker:not(.portrait) .mdp-timepicker-time {
  width: 138px;
}


.mdp-timepicker.portrait .mdp-timepicker-selected-time {
  font-size: 4rem;
}


[dir="ltr"] .mdp-timepicker.portrait .mdp-timepicker-selected-time {
  margin-right: 1.5rem;
}


[dir="rtl"] .mdp-timepicker.portrait .mdp-timepicker-selected-time {
  margin-left: 1.5rem;
}


[dir="ltr"] mdp-time-picker md-input-container.md-has-icon {
  padding-left: 40px;
}


[dir="rtl"] mdp-time-picker md-input-container.md-has-icon {
  padding-right: 40px;
}


mdp-time-picker .md-button.md-icon-button {
  margin: 18px 0 0 0;
}


.mdp-timepicker-selected-time > span,
.mdp-timepicker-selected-ampm > span {
  outline: 0;
  opacity: 0.6;
}


.mdp-timepicker-selected-time > span:not(.active),
.mdp-timepicker-selected-ampm > span:not(.active) {
  cursor: pointer;
}


.mdp-timepicker-selected-time > span.active,
.mdp-timepicker-selected-ampm > span.active {
  opacity: 1;
}


.mdp-clock-deg0 {
  top: 0%;
}


[dir="ltr"] .mdp-clock-deg0 {
  left: 50%;
}


[dir="rtl"] .mdp-clock-deg0 {
  right: 50%;
}


.mdp-clock-deg30 {
  top: 6.69872981%;
}


[dir="ltr"] .mdp-clock-deg30 {
  left: 75%;
}


[dir="rtl"] .mdp-clock-deg30 {
  right: 75%;
}


.mdp-clock-deg60 {
  top: 25%;
}


[dir="ltr"] .mdp-clock-deg60 {
  left: 93.30127019%;
}


[dir="rtl"] .mdp-clock-deg60 {
  right: 93.30127019%;
}


.mdp-clock-deg90 {
  top: 50%;
}


[dir="ltr"] .mdp-clock-deg90 {
  left: 100%;
}


[dir="rtl"] .mdp-clock-deg90 {
  right: 100%;
}


.mdp-clock-deg120 {
  top: 75%;
}


[dir="ltr"] .mdp-clock-deg120 {
  left: 93.30127019%;
}


[dir="rtl"] .mdp-clock-deg120 {
  right: 93.30127019%;
}


.mdp-clock-deg150 {
  top: 93.30127019%;
}


[dir="ltr"] .mdp-clock-deg150 {
  left: 75%;
}


[dir="rtl"] .mdp-clock-deg150 {
  right: 75%;
}


.mdp-clock-deg180 {
  top: 100%;
}


[dir="ltr"] .mdp-clock-deg180 {
  left: 50%;
}


[dir="rtl"] .mdp-clock-deg180 {
  right: 50%;
}


.mdp-clock-deg210 {
  top: 93.30127019%;
}


[dir="ltr"] .mdp-clock-deg210 {
  left: 25%;
}


[dir="rtl"] .mdp-clock-deg210 {
  right: 25%;
}


.mdp-clock-deg240 {
  top: 75%;
}


[dir="ltr"] .mdp-clock-deg240 {
  left: 6.69872981%;
}


[dir="rtl"] .mdp-clock-deg240 {
  right: 6.69872981%;
}


.mdp-clock-deg270 {
  top: 50%;
}


[dir="ltr"] .mdp-clock-deg270 {
  left: 0%;
}


[dir="rtl"] .mdp-clock-deg270 {
  right: 0%;
}


.mdp-clock-deg300 {
  top: 25%;
}


[dir="ltr"] .mdp-clock-deg300 {
  left: 6.69872981%;
}


[dir="rtl"] .mdp-clock-deg300 {
  right: 6.69872981%;
}


.mdp-clock-deg330 {
  top: 6.69872981%;
}


[dir="ltr"] .mdp-clock-deg330 {
  left: 25%;
}


[dir="rtl"] .mdp-clock-deg330 {
  right: 25%;
}


.mdp-clock-deg360 {
  top: 0%;
}


[dir="ltr"] .mdp-clock-deg360 {
  left: 50%;
}


[dir="rtl"] .mdp-clock-deg360 {
  right: 50%;
}
/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}


[dir="ltr"] img-crop canvas {
  left: 50%;
}


[dir="rtl"] img-crop canvas {
  right: 50%;
}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

[dir="ltr"] .CodeMirror {
  direction: ltr;
}

[dir="rtl"] .CodeMirror {
  direction: rtl;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  background-color: #f7f7f7;
  white-space: nowrap;
}

[dir="ltr"] .CodeMirror-gutters {
  border-right: 1px solid #ddd;
}

[dir="rtl"] .CodeMirror-gutters {
  border-left: 1px solid #ddd;
}
.CodeMirror-linenumbers {}

.CodeMirror-linenumber {
  min-width: 20px;
  color: #999;
  white-space: nowrap;
}

[dir="ltr"] .CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  text-align: right;
}

[dir="rtl"] .CodeMirror-linenumber {
  padding: 0 5px 0 3px;
  text-align: left;
}

.CodeMirror-guttermarker { color: black; }

.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  width: 0;
}

[dir="ltr"] .CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
}

[dir="rtl"] .CodeMirror-cursor {
  border-right: 1px solid black;
  border-left: none;
}
/* Shown when moving in bi-directional text */
[dir="ltr"] .CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

[dir="rtl"] .CodeMirror div.CodeMirror-secondarycursor {
  border-right: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }

.cm-fat-cursor { caret-color: transparent; }

@-moz-keyframes blink {
  0% {}

  50% { background-color: transparent; }
  100% {}
}

@-webkit-keyframes blink {
  0% {}

  50% { background-color: transparent; }
  100% {}
}

@keyframes blink {
  0% {}

  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  top: 0; bottom: 0;
  position: absolute;
}

[dir="ltr"] .CodeMirror-ruler {
  border-left: 1px solid #ccc;
}

[dir="rtl"] .CodeMirror-ruler {
  border-right: 1px solid #ccc;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}

.cm-s-default .cm-quote {color: #090;}

.cm-negative {color: #d44;}

.cm-positive {color: #292;}

.cm-header, .cm-strong {font-weight: bold;}

.cm-em {font-style: italic;}

.cm-link {text-decoration: underline;}

.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}

.cm-s-default .cm-atom {color: #219;}

.cm-s-default .cm-number {color: #164;}

.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}

.cm-s-default .cm-variable-2 {color: #05a;}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}

.cm-s-default .cm-comment {color: #a50;}

.cm-s-default .cm-string {color: #a11;}

.cm-s-default .cm-string-2 {color: #f50;}

.cm-s-default .cm-meta {color: #555;}

.cm-s-default .cm-qualifier {color: #555;}

.cm-s-default .cm-builtin {color: #30a;}

.cm-s-default .cm-bracket {color: #997;}

.cm-s-default .cm-tag {color: #170;}

.cm-s-default .cm-attribute {color: #00c;}

.cm-s-default .cm-hr {color: #999;}

.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}

.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}

div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}

.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }

.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}

[dir="ltr"] .CodeMirror-scroll { margin-right: -50px;
}

[dir="rtl"] .CodeMirror-scroll { margin-left: -50px;
}

.CodeMirror-sizer {
  position: relative;
}

[dir="ltr"] .CodeMirror-sizer {
  border-right: 50px solid transparent;
}

[dir="rtl"] .CodeMirror-sizer {
  border-left: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar { top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

[dir="ltr"] .CodeMirror-vscrollbar {
  right: 0;
}

[dir="rtl"] .CodeMirror-vscrollbar {
  left: 0;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

[dir="ltr"] .CodeMirror-hscrollbar { left: 0;
}

[dir="rtl"] .CodeMirror-hscrollbar { right: 0;
}

.CodeMirror-scrollbar-filler { bottom: 0;
}

[dir="ltr"] .CodeMirror-scrollbar-filler {
  right: 0;
}

[dir="rtl"] .CodeMirror-scrollbar-filler {
  left: 0;
}

.CodeMirror-gutter-filler { bottom: 0;
}

[dir="ltr"] .CodeMirror-gutter-filler {
  left: 0;
}

[dir="rtl"] .CodeMirror-gutter-filler {
  right: 0;
}

.CodeMirror-gutters {
  position: absolute; top: 0;
  min-height: 100%;
  z-index: 3;
}

[dir="ltr"] .CodeMirror-gutters { left: 0;
}

[dir="rtl"] .CodeMirror-gutters { right: 0;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection { background-color: transparent }

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

[dir="ltr"] .CodeMirror-rtl pre { direction: rtl; }

[dir="rtl"] .CodeMirror-rtl pre { direction: ltr; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-crosshair { cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
[dir="ltr"] .cm-force-border { padding-right: .1px; }

[dir="rtl"] .cm-force-border { padding-left: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/*

    Name:       Base16 Default Light
    Author:     Chris Kempson (http://chriskempson.com)

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

.cm-s-base16-light.CodeMirror { background: #f5f5f5; color: #202020; }

.cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; }

.cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e0e0e0; }

.cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }

.cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; }

[dir="ltr"] .cm-s-base16-light .CodeMirror-gutters { border-right: 0px; }

[dir="rtl"] .cm-s-base16-light .CodeMirror-gutters { border-left: 0px; }

.cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }

.cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }

.cm-s-base16-light .CodeMirror-linenumber { color: #b0b0b0; }

[dir="ltr"] .cm-s-base16-light .CodeMirror-cursor { border-left: 1px solid #505050; }

[dir="rtl"] .cm-s-base16-light .CodeMirror-cursor { border-right: 1px solid #505050; }

.cm-s-base16-light span.cm-comment { color: #8f5536; }

.cm-s-base16-light span.cm-atom { color: #aa759f; }

.cm-s-base16-light span.cm-number { color: #aa759f; }

.cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute { color: #90a959; }

.cm-s-base16-light span.cm-keyword { color: #ac4142; }

.cm-s-base16-light span.cm-string { color: #f4bf75; }

.cm-s-base16-light span.cm-variable { color: #90a959; }

.cm-s-base16-light span.cm-variable-2 { color: #6a9fb5; }

.cm-s-base16-light span.cm-def { color: #d28445; }

.cm-s-base16-light span.cm-bracket { color: #202020; }

.cm-s-base16-light span.cm-tag { color: #ac4142; }

.cm-s-base16-light span.cm-link { color: #aa759f; }

.cm-s-base16-light span.cm-error { background: #ac4142; color: #505050; }

.cm-s-base16-light .CodeMirror-activeline-background { background: #DDDCDC; }

.cm-s-base16-light .CodeMirror-matchingbracket { color: #f5f5f5 !important; background-color: #6A9FB5 !important}


@font-face {
  font-family: "typicons";
  src: url("/assets/typicons-BUU9UDrU.eot?b99ba6e7256a27d29176cef7fc322738?#iefix") format("embedded-opentype"),
url("/assets/typicons-CK8ldiyx.woff2?b99ba6e7256a27d29176cef7fc322738") format("woff2"),
url("/assets/typicons-DO-EjvHL.woff?b99ba6e7256a27d29176cef7fc322738") format("woff"),
url("/assets/typicons-Cds9FLw-.ttf?b99ba6e7256a27d29176cef7fc322738") format("truetype"),
url("/assets/typicons-CRzBgqNb.svg?b99ba6e7256a27d29176cef7fc322738#typicons") format("svg");
}

.typcn:before {
  font-family: typicons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.typcn-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.typcn-2x {
  font-size: 2em;
}

.typcn-3x {
  font-size: 3em;
}

.typcn-4x {
  font-size: 4em;
}

.typcn-5x {
  font-size: 5em;
}

.typcn-adjust-brightness:before {
  content: "\e000";
}

.typcn-adjust-contrast:before {
  content: "\e001";
}

.typcn-anchor-outline:before {
  content: "\e002";
}

.typcn-anchor:before {
  content: "\e003";
}

.typcn-archive:before {
  content: "\e004";
}

.typcn-arrow-back-outline:before {
  content: "\e005";
}

.typcn-arrow-back:before {
  content: "\e006";
}

.typcn-arrow-down-outline:before {
  content: "\e007";
}

.typcn-arrow-down-thick:before {
  content: "\e008";
}

.typcn-arrow-down:before {
  content: "\e009";
}

.typcn-arrow-forward-outline:before {
  content: "\e00a";
}

.typcn-arrow-forward:before {
  content: "\e00b";
}

.typcn-arrow-left-outline:before {
  content: "\e00c";
}

.typcn-arrow-left-thick:before {
  content: "\e00d";
}

.typcn-arrow-left:before {
  content: "\e00e";
}

.typcn-arrow-loop-outline:before {
  content: "\e00f";
}

.typcn-arrow-loop:before {
  content: "\e010";
}

.typcn-arrow-maximise-outline:before {
  content: "\e011";
}

.typcn-arrow-maximise:before {
  content: "\e012";
}

.typcn-arrow-minimise-outline:before {
  content: "\e013";
}

.typcn-arrow-minimise:before {
  content: "\e014";
}

.typcn-arrow-move-outline:before {
  content: "\e015";
}

.typcn-arrow-move:before {
  content: "\e016";
}

.typcn-arrow-repeat-outline:before {
  content: "\e017";
}

.typcn-arrow-repeat:before {
  content: "\e018";
}

.typcn-arrow-right-outline:before {
  content: "\e019";
}

.typcn-arrow-right-thick:before {
  content: "\e01a";
}

.typcn-arrow-right:before {
  content: "\e01b";
}

.typcn-arrow-shuffle:before {
  content: "\e01c";
}

.typcn-arrow-sorted-down:before {
  content: "\e01d";
}

.typcn-arrow-sorted-up:before {
  content: "\e01e";
}

.typcn-arrow-sync-outline:before {
  content: "\e01f";
}

.typcn-arrow-sync:before {
  content: "\e020";
}

.typcn-arrow-unsorted:before {
  content: "\e021";
}

.typcn-arrow-up-outline:before {
  content: "\e022";
}

.typcn-arrow-up-thick:before {
  content: "\e023";
}

.typcn-arrow-up:before {
  content: "\e024";
}

.typcn-at:before {
  content: "\e025";
}

.typcn-attachment-outline:before {
  content: "\e026";
}

.typcn-attachment:before {
  content: "\e027";
}

.typcn-backspace-outline:before {
  content: "\e028";
}

.typcn-backspace:before {
  content: "\e029";
}

.typcn-battery-charge:before {
  content: "\e02a";
}

.typcn-battery-full:before {
  content: "\e02b";
}

.typcn-battery-high:before {
  content: "\e02c";
}

.typcn-battery-low:before {
  content: "\e02d";
}

.typcn-battery-mid:before {
  content: "\e02e";
}

.typcn-beaker:before {
  content: "\e02f";
}

.typcn-beer:before {
  content: "\e030";
}

.typcn-bell:before {
  content: "\e031";
}

.typcn-book:before {
  content: "\e032";
}

.typcn-bookmark:before {
  content: "\e033";
}

.typcn-briefcase:before {
  content: "\e034";
}

.typcn-brush:before {
  content: "\e035";
}

.typcn-business-card:before {
  content: "\e036";
}

.typcn-calculator:before {
  content: "\e037";
}

.typcn-calendar-outline:before {
  content: "\e038";
}

.typcn-calendar:before {
  content: "\e039";
}

.typcn-camera-outline:before {
  content: "\e03a";
}

.typcn-camera:before {
  content: "\e03b";
}

.typcn-cancel-outline:before {
  content: "\e03c";
}

.typcn-cancel:before {
  content: "\e03d";
}

.typcn-chart-area-outline:before {
  content: "\e03e";
}

.typcn-chart-area:before {
  content: "\e03f";
}

.typcn-chart-bar-outline:before {
  content: "\e040";
}

.typcn-chart-bar:before {
  content: "\e041";
}

.typcn-chart-line-outline:before {
  content: "\e042";
}

.typcn-chart-line:before {
  content: "\e043";
}

.typcn-chart-pie-outline:before {
  content: "\e044";
}

.typcn-chart-pie:before {
  content: "\e045";
}

.typcn-chevron-left-outline:before {
  content: "\e046";
}

.typcn-chevron-left:before {
  content: "\e047";
}

.typcn-chevron-right-outline:before {
  content: "\e048";
}

.typcn-chevron-right:before {
  content: "\e049";
}

.typcn-clipboard:before {
  content: "\e04a";
}

.typcn-cloud-storage:before {
  content: "\e04b";
}

.typcn-cloud-storage-outline:before {
  content: "\e054";
}

.typcn-code-outline:before {
  content: "\e04c";
}

.typcn-code:before {
  content: "\e04d";
}

.typcn-coffee:before {
  content: "\e04e";
}

.typcn-cog-outline:before {
  content: "\e04f";
}

.typcn-cog:before {
  content: "\e050";
}

.typcn-compass:before {
  content: "\e051";
}

.typcn-contacts:before {
  content: "\e052";
}

.typcn-credit-card:before {
  content: "\e053";
}

.typcn-css3:before {
  content: "\e055";
}

.typcn-database:before {
  content: "\e056";
}

.typcn-delete-outline:before {
  content: "\e057";
}

.typcn-delete:before {
  content: "\e058";
}

.typcn-device-desktop:before {
  content: "\e059";
}

.typcn-device-laptop:before {
  content: "\e05a";
}

.typcn-device-phone:before {
  content: "\e05b";
}

.typcn-device-tablet:before {
  content: "\e05c";
}

.typcn-directions:before {
  content: "\e05d";
}

.typcn-divide-outline:before {
  content: "\e05e";
}

.typcn-divide:before {
  content: "\e05f";
}

.typcn-document-add:before {
  content: "\e060";
}

.typcn-document-delete:before {
  content: "\e061";
}

.typcn-document-text:before {
  content: "\e062";
}

.typcn-document:before {
  content: "\e063";
}

.typcn-download-outline:before {
  content: "\e064";
}

.typcn-download:before {
  content: "\e065";
}

.typcn-dropbox:before {
  content: "\e066";
}

.typcn-edit:before {
  content: "\e067";
}

.typcn-eject-outline:before {
  content: "\e068";
}

.typcn-eject:before {
  content: "\e069";
}

.typcn-equals-outline:before {
  content: "\e06a";
}

.typcn-equals:before {
  content: "\e06b";
}

.typcn-export-outline:before {
  content: "\e06c";
}

.typcn-export:before {
  content: "\e06d";
}

.typcn-eye-outline:before {
  content: "\e06e";
}

.typcn-eye:before {
  content: "\e06f";
}

.typcn-feather:before {
  content: "\e070";
}

.typcn-film:before {
  content: "\e071";
}

.typcn-filter:before {
  content: "\e072";
}

.typcn-flag-outline:before {
  content: "\e073";
}

.typcn-flag:before {
  content: "\e074";
}

.typcn-flash-outline:before {
  content: "\e075";
}

.typcn-flash:before {
  content: "\e076";
}

.typcn-flow-children:before {
  content: "\e077";
}

.typcn-flow-merge:before {
  content: "\e078";
}

.typcn-flow-parallel:before {
  content: "\e079";
}

.typcn-flow-switch:before {
  content: "\e07a";
}

.typcn-folder-add:before {
  content: "\e07b";
}

.typcn-folder-delete:before {
  content: "\e07c";
}

.typcn-folder-open:before {
  content: "\e07d";
}

.typcn-folder:before {
  content: "\e07e";
}

.typcn-gift:before {
  content: "\e07f";
}

.typcn-globe-outline:before {
  content: "\e080";
}

.typcn-globe:before {
  content: "\e081";
}

.typcn-group-outline:before {
  content: "\e082";
}

.typcn-group:before {
  content: "\e083";
}

.typcn-headphones:before {
  content: "\e084";
}

.typcn-heart-full-outline:before {
  content: "\e085";
}

.typcn-heart-half-outline:before {
  content: "\e086";
}

.typcn-heart-outline:before {
  content: "\e087";
}

.typcn-heart:before {
  content: "\e088";
}

.typcn-home-outline:before {
  content: "\e089";
}

.typcn-home:before {
  content: "\e08a";
}

.typcn-html5:before {
  content: "\e08b";
}

.typcn-image-outline:before {
  content: "\e08c";
}

.typcn-image:before {
  content: "\e08d";
}

.typcn-infinity-outline:before {
  content: "\e08e";
}

.typcn-infinity:before {
  content: "\e08f";
}

.typcn-info-large-outline:before {
  content: "\e090";
}

.typcn-info-large:before {
  content: "\e091";
}

.typcn-info-outline:before {
  content: "\e092";
}

.typcn-info:before {
  content: "\e093";
}

.typcn-input-checked-outline:before {
  content: "\e094";
}

.typcn-input-checked:before {
  content: "\e095";
}

.typcn-key-outline:before {
  content: "\e096";
}

.typcn-key:before {
  content: "\e097";
}

.typcn-keyboard:before {
  content: "\e098";
}

.typcn-leaf:before {
  content: "\e099";
}

.typcn-lightbulb:before {
  content: "\e09a";
}

.typcn-link-outline:before {
  content: "\e09b";
}

.typcn-link:before {
  content: "\e09c";
}

.typcn-location-arrow-outline:before {
  content: "\e09d";
}

.typcn-location-arrow:before {
  content: "\e09e";
}

.typcn-location-outline:before {
  content: "\e09f";
}

.typcn-location:before {
  content: "\e0a0";
}

.typcn-lock-closed-outline:before {
  content: "\e0a1";
}

.typcn-lock-closed:before {
  content: "\e0a2";
}

.typcn-lock-open-outline:before {
  content: "\e0a3";
}

.typcn-lock-open:before {
  content: "\e0a4";
}

.typcn-mail:before {
  content: "\e0a5";
}

.typcn-map:before {
  content: "\e0a6";
}

.typcn-media-eject-outline:before {
  content: "\e0a7";
}

.typcn-media-eject:before {
  content: "\e0a8";
}

.typcn-media-fast-forward-outline:before {
  content: "\e0a9";
}

.typcn-media-fast-forward:before {
  content: "\e0aa";
}

.typcn-media-pause-outline:before {
  content: "\e0ab";
}

.typcn-media-pause:before {
  content: "\e0ac";
}

.typcn-media-play-outline:before {
  content: "\e0ad";
}

.typcn-media-play-reverse-outline:before {
  content: "\e0ae";
}

.typcn-media-play-reverse:before {
  content: "\e0af";
}

.typcn-media-play:before {
  content: "\e0b0";
}

.typcn-media-record-outline:before {
  content: "\e0b1";
}

.typcn-media-record:before {
  content: "\e0b2";
}

.typcn-media-rewind-outline:before {
  content: "\e0b3";
}

.typcn-media-rewind:before {
  content: "\e0b4";
}

.typcn-media-stop-outline:before {
  content: "\e0b5";
}

.typcn-media-stop:before {
  content: "\e0b6";
}

.typcn-message-typing:before {
  content: "\e0b7";
}

.typcn-message:before {
  content: "\e0b8";
}

.typcn-messages:before {
  content: "\e0b9";
}

.typcn-microphone-outline:before {
  content: "\e0ba";
}

.typcn-microphone:before {
  content: "\e0bb";
}

.typcn-minus-outline:before {
  content: "\e0bc";
}

.typcn-minus:before {
  content: "\e0bd";
}

.typcn-mortar-board:before {
  content: "\e0be";
}

.typcn-news:before {
  content: "\e0bf";
}

.typcn-notes-outline:before {
  content: "\e0c0";
}

.typcn-notes:before {
  content: "\e0c1";
}

.typcn-pen:before {
  content: "\e0c2";
}

.typcn-pencil:before {
  content: "\e0c3";
}

.typcn-phone-outline:before {
  content: "\e0c4";
}

.typcn-phone:before {
  content: "\e0c5";
}

.typcn-pi-outline:before {
  content: "\e0c6";
}

.typcn-pi:before {
  content: "\e0c7";
}

.typcn-pin-outline:before {
  content: "\e0c8";
}

.typcn-pin:before {
  content: "\e0c9";
}

.typcn-pipette:before {
  content: "\e0ca";
}

.typcn-plane-outline:before {
  content: "\e0cb";
}

.typcn-plane:before {
  content: "\e0cc";
}

.typcn-plug:before {
  content: "\e0cd";
}

.typcn-plus-outline:before {
  content: "\e0ce";
}

.typcn-plus:before {
  content: "\e0cf";
}

.typcn-point-of-interest-outline:before {
  content: "\e0d0";
}

.typcn-point-of-interest:before {
  content: "\e0d1";
}

.typcn-power-outline:before {
  content: "\e0d2";
}

.typcn-power:before {
  content: "\e0d3";
}

.typcn-printer:before {
  content: "\e0d4";
}

.typcn-puzzle-outline:before {
  content: "\e0d5";
}

.typcn-puzzle:before {
  content: "\e0d6";
}

.typcn-radar-outline:before {
  content: "\e0d7";
}

.typcn-radar:before {
  content: "\e0d8";
}

.typcn-refresh-outline:before {
  content: "\e0d9";
}

.typcn-refresh:before {
  content: "\e0da";
}

.typcn-rss-outline:before {
  content: "\e0db";
}

.typcn-rss:before {
  content: "\e0dc";
}

.typcn-scissors-outline:before {
  content: "\e0dd";
}

.typcn-scissors:before {
  content: "\e0de";
}

.typcn-shopping-bag:before {
  content: "\e0df";
}

.typcn-shopping-cart:before {
  content: "\e0e0";
}

.typcn-social-at-circular:before {
  content: "\e0e1";
}

.typcn-social-dribbble-circular:before {
  content: "\e0e2";
}

.typcn-social-dribbble:before {
  content: "\e0e3";
}

.typcn-social-facebook-circular:before {
  content: "\e0e4";
}

.typcn-social-facebook:before {
  content: "\e0e5";
}

.typcn-social-flickr-circular:before {
  content: "\e0e6";
}

.typcn-social-flickr:before {
  content: "\e0e7";
}

.typcn-social-github-circular:before {
  content: "\e0e8";
}

.typcn-social-github:before {
  content: "\e0e9";
}

.typcn-social-google-plus-circular:before {
  content: "\e0ea";
}

.typcn-social-google-plus:before {
  content: "\e0eb";
}

.typcn-social-instagram-circular:before {
  content: "\e0ec";
}

.typcn-social-instagram:before {
  content: "\e0ed";
}

.typcn-social-last-fm-circular:before {
  content: "\e0ee";
}

.typcn-social-last-fm:before {
  content: "\e0ef";
}

.typcn-social-linkedin-circular:before {
  content: "\e0f0";
}

.typcn-social-linkedin:before {
  content: "\e0f1";
}

.typcn-social-pinterest-circular:before {
  content: "\e0f2";
}

.typcn-social-pinterest:before {
  content: "\e0f3";
}

.typcn-social-skype-outline:before {
  content: "\e0f4";
}

.typcn-social-skype:before {
  content: "\e0f5";
}

.typcn-social-tumbler-circular:before {
  content: "\e0f6";
}

.typcn-social-tumbler:before {
  content: "\e0f7";
}

.typcn-social-twitter-circular:before {
  content: "\e0f8";
}

.typcn-social-twitter:before {
  content: "\e0f9";
}

.typcn-social-vimeo-circular:before {
  content: "\e0fa";
}

.typcn-social-vimeo:before {
  content: "\e0fb";
}

.typcn-social-youtube-circular:before {
  content: "\e0fc";
}

.typcn-social-youtube:before {
  content: "\e0fd";
}

.typcn-sort-alphabetically-outline:before {
  content: "\e0fe";
}

.typcn-sort-alphabetically:before {
  content: "\e0ff";
}

.typcn-sort-numerically-outline:before {
  content: "\e100";
}

.typcn-sort-numerically:before {
  content: "\e101";
}

.typcn-spanner-outline:before {
  content: "\e102";
}

.typcn-spanner:before {
  content: "\e103";
}

.typcn-spiral:before {
  content: "\e104";
}

.typcn-star-full-outline:before {
  content: "\e105";
}

.typcn-star-half-outline:before {
  content: "\e106";
}

.typcn-star-half:before {
  content: "\e107";
}

.typcn-star-outline:before {
  content: "\e108";
}

.typcn-star:before {
  content: "\e109";
}

.typcn-starburst-outline:before {
  content: "\e10a";
}

.typcn-starburst:before {
  content: "\e10b";
}

.typcn-stopwatch:before {
  content: "\e10c";
}

.typcn-support:before {
  content: "\e10d";
}

.typcn-tabs-outline:before {
  content: "\e10e";
}

.typcn-tag:before {
  content: "\e10f";
}

.typcn-tags:before {
  content: "\e110";
}

.typcn-th-large-outline:before {
  content: "\e111";
}

.typcn-th-large:before {
  content: "\e112";
}

.typcn-th-list-outline:before {
  content: "\e113";
}

.typcn-th-list:before {
  content: "\e114";
}

.typcn-th-menu-outline:before {
  content: "\e115";
}

.typcn-th-menu:before {
  content: "\e116";
}

.typcn-th-small-outline:before {
  content: "\e117";
}

.typcn-th-small:before {
  content: "\e118";
}

.typcn-thermometer:before {
  content: "\e119";
}

.typcn-thumbs-down:before {
  content: "\e11a";
}

.typcn-thumbs-ok:before {
  content: "\e11b";
}

.typcn-thumbs-up:before {
  content: "\e11c";
}

.typcn-tick-outline:before {
  content: "\e11d";
}

.typcn-tick:before {
  content: "\e11e";
}

.typcn-ticket:before {
  content: "\e11f";
}

.typcn-time:before {
  content: "\e120";
}

.typcn-times-outline:before {
  content: "\e121";
}

.typcn-times:before {
  content: "\e122";
}

.typcn-trash:before {
  content: "\e123";
}

.typcn-tree:before {
  content: "\e124";
}

.typcn-upload-outline:before {
  content: "\e125";
}

.typcn-upload:before {
  content: "\e126";
}

.typcn-user-add-outline:before {
  content: "\e127";
}

.typcn-user-add:before {
  content: "\e128";
}

.typcn-user-delete-outline:before {
  content: "\e129";
}

.typcn-user-delete:before {
  content: "\e12a";
}

.typcn-user-outline:before {
  content: "\e12b";
}

.typcn-user:before {
  content: "\e12c";
}

.typcn-vendor-android:before {
  content: "\e12d";
}

.typcn-vendor-apple:before {
  content: "\e12e";
}

.typcn-vendor-microsoft:before {
  content: "\e12f";
}

.typcn-video-outline:before {
  content: "\e130";
}

.typcn-video:before {
  content: "\e131";
}

.typcn-volume-down:before {
  content: "\e132";
}

.typcn-volume-mute:before {
  content: "\e133";
}

.typcn-volume-up:before {
  content: "\e134";
}

.typcn-volume:before {
  content: "\e135";
}

.typcn-warning-outline:before {
  content: "\e136";
}

.typcn-warning:before {
  content: "\e137";
}

.typcn-watch:before {
  content: "\e138";
}

.typcn-waves-outline:before {
  content: "\e139";
}

.typcn-waves:before {
  content: "\e13a";
}

.typcn-weather-cloudy:before {
  content: "\e13b";
}

.typcn-weather-downpour:before {
  content: "\e13c";
}

.typcn-weather-night:before {
  content: "\e13d";
}

.typcn-weather-partly-sunny:before {
  content: "\e13e";
}

.typcn-weather-shower:before {
  content: "\e13f";
}

.typcn-weather-snow:before {
  content: "\e140";
}

.typcn-weather-stormy:before {
  content: "\e141";
}

.typcn-weather-sunny:before {
  content: "\e142";
}

.typcn-weather-windy-cloudy:before {
  content: "\e143";
}

.typcn-weather-windy:before {
  content: "\e144";
}

.typcn-wi-fi-outline:before {
  content: "\e145";
}

.typcn-wi-fi:before {
  content: "\e146";
}

.typcn-wine:before {
  content: "\e147";
}

.typcn-world-outline:before {
  content: "\e148";
}

.typcn-world:before {
  content: "\e149";
}

.typcn-zoom-in-outline:before {
  content: "\e14a";
}

.typcn-zoom-in:before {
  content: "\e14b";
}

.typcn-zoom-out-outline:before {
  content: "\e14c";
}

.typcn-zoom-out:before {
  content: "\e14d";
}

.typcn-zoom-outline:before {
  content: "\e14e";
}

.typcn-zoom:before {
  content: "\e14f";
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* stylelint-disable selector-max-id */
:where([id=maincontent]) {
  /* stylelint-disable-next-line no-invalid-position-at-import-rule */
}
:where([id=maincontent]) isc-conversation-editor .scout-conversation {
  max-width: 614px;
  margin: 0 auto;
}
:where([id=maincontent]) isc-conversation-editor div.disabled md-input-container {
  margin-top: 5px;
}
:where([id=maincontent]) isc-conversation-editor > div > md-input-container {
  margin-bottom: 10px;
  padding: 0;
}
:where([id=maincontent]) isc-conversation-editor > div .conversation-stimulus-preview,
:where([id=maincontent]) isc-conversation-editor > div .attachments {
  margin-top: 7px;
}
:where([id=maincontent]) isc-conversation-editor > div .attachments:last-of-type {
  margin-bottom: 10px;
}
:where([id=maincontent]) isc-conversation-editor > div isc-caption-editor {
  margin-top: 20px;
}
:where([id=maincontent]) isc-conversation-editor .nw-editor {
  height: auto;
  min-height: 200px;
  color: rgba(0, 0, 0, 0.54);
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-editor .nw-editor {
    height: 100px;
}
}
:where([id=maincontent]) isc-conversation-editor .conversation-title {
  margin-bottom: 25px;
}
:where([id=maincontent]) isc-conversation-editor .messageLabel {
  margin-bottom: 10px;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex {
  min-height: 50px;
  border: 1px dashed #E3E2E2;
  border-radius: 5px;
  cursor: pointer;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.34);
  text-align: center;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex.drag-over-accept {
  background-color: #4caf50;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex.drag-over-reject {
  background-color: #f44336;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex md-icon {
  line-height: 18px;
  font-size: 1.3rem;
}
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex:disabled {
  opacity: 0.3;
  cursor: no-drop;
}
@media only screen and (min-width: 599px) {
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: calc(25% - 16px);
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex:not(:first-child) {
    margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex:not(:first-child) {
    margin-right: 20px;
}
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex:not(:last-child) {
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-editor .conversation-add-stimuli button.flex {
    min-height: 50px;
    border-radius: 3px;
}
}
:where([id=maincontent]) isc-conversation-editor .conversation-buttons {
  margin-top: 10px;
}
:where([id=maincontent]) isc-conversation-editor .conversation-buttons button:first-child {
  min-width: 150px;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-editor .conversation-buttons button:first-child {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-editor .conversation-buttons button:first-child {
  margin-right: 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-editor .conversation-buttons button:first-child {
    margin: 20px 0;
    width: initial;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-editor .conversation-buttons {
    flex-direction: column;
    margin: 20px 0;
    width: initial;
}
:where([id=maincontent]) isc-conversation-editor .conversation-buttons button {
    margin-left: 0;
    margin-right: 0;
}
}
:where([id=maincontent]) isc-conversation-editor isc-save-as-draft-message {
  display: inline-block;
  margin-top: 5px;
}
:where([id=maincontent]) isc-conversation-editor .save-as-draft-message-transclude {
  flex-grow: 1;
  text-align: end;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-editor .save-as-draft-message-transclude {
  margin-right: 6px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-editor .save-as-draft-message-transclude {
  margin-left: 6px;
}
:where([id=maincontent]) isc-conversation-editor .saved-as-draft-message {
  color: #9E9E9E;
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-editor .saved-as-draft-message {
  margin-left: 30px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-editor .saved-as-draft-message {
  margin-right: 30px;
}
:where([id=maincontent]) isc-conversation-editor .message-error {
  color: #DD2C00;
}
:where([id=maincontent]) isc-conversation-editor div.message-error {
  font-size: 0.8rem;
  padding-top: 5px;
}
:where([id=maincontent]) isc-conversation-editor .info-text {
  font-style: italic;
  font-size: 0.8rem;
  position: relative;
  margin: 10px 0;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) isc-mention-menu {
  background: #FFFFFF;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  width: fit-content;
}
:where([id=maincontent]) isc-mention-menu .scrollable-menu {
  height: auto;
  max-height: 250px;
  overflow: auto;
}
:where([id=maincontent]) isc-mention-menu .menu-highlighted {
  font-weight: bold;
}
:where([id=maincontent]) isc-mention-menu isc-mention-menu-item {
  user-select: none;
}
:where([id=maincontent]) isc-mention-menu ul {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}
:where([id=maincontent]) isc-mention-menu ul li {
  padding: 0 24px;
  height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  user-select: none;
  position: relative;
  transition: background 0.15s linear;
}
:where([id=maincontent]) isc-mention-menu .active {
  background: #EEEEEE;
}
:where([id=maincontent]) isc-table-container {
  position: relative;
  background-color: #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:first-of-type,
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:first-of-type {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:first-of-type,
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:first-of-type {
  padding-right: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:last-of-type,
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:last-of-type {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:last-of-type,
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:last-of-type {
  padding-right: 0;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2).no-width {
  padding-left: 5px;
  padding-right: 5px;
  width: 5px;
  font-size: 0.563rem;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell {
  border: none;
  color: rgba(0, 0, 0, 0.49);
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-closed {
  white-space: nowrap;
  color: #f44336;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-closed:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-closed:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-closed:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-archived {
  white-space: nowrap;
  color: #f44336;
  opacity: 0.5;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-archived:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
  opacity: 0.5;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-archived:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-archived:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-active {
  white-space: nowrap;
  color: #4caf50;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-active:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #347F62;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-active:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-active:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-scheduled {
  white-space: nowrap;
  color: #757575;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-scheduled:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #757575;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-scheduled:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status-scheduled:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table td.md-cell .status {
  background-color: #808080;
  border-radius: 3px;
  padding: 0 3px;
  color: #FFFFFF;
  font-size: 0.563rem;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-closed {
  white-space: nowrap;
  color: #f44336;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-closed:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-closed:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-closed:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-archived {
  white-space: nowrap;
  color: #f44336;
  opacity: 0.5;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-archived:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
  opacity: 0.5;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-archived:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-archived:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-active {
  white-space: nowrap;
  color: #4caf50;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-active:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #347F62;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-active:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-active:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-scheduled {
  white-space: nowrap;
  color: #757575;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status-scheduled:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #757575;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-scheduled:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container md-table-container table.md-table .status-scheduled:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .status {
  background-color: #808080;
  border-radius: 3px;
  padding: 0 3px;
  color: #FFFFFF;
  font-size: 0.563rem;
}
:where([id=maincontent]) isc-table-container md-table-container table.md-table .solid-background {
  margin: 0 10px;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  text-transform: uppercase;
  border-radius: 5px;
}
:where([id=maincontent]) isc-table-container md-table-container thead.md-head > tr.md-row {
  height: auto;
}
:where([id=maincontent]) isc-table-container md-table-container thead.md-head th.md-column {
  font-size: 0.75rem;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 5px;
  font-weight: normal;
}
:where([id=maincontent]) isc-table-container md-table-container thead.md-head td {
  vertical-align: bottom;
}
:where([id=maincontent]) isc-table-container md-table-container thead.md-head td.no-width {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 0.563rem;
}
:where([id=maincontent]) isc-table-container md-table-container tbody.md-body > tr.md-row {
  height: 50px;
}
:where([id=maincontent]) isc-table-container md-table-container tbody.md-body > tr.md-row:hover {
  background-color: #EEEEEE;
  color: #000000;
}
:where([id=maincontent]) isc-table-container md-table-container tbody.md-body > tr.md-row.noAccess[role=button] {
  cursor: default;
}
:where([id=maincontent]) isc-table-container md-table-container tbody.md-body > tr.md-row.noAccess[role=button]:hover {
  background-color: inherit;
  color: inherit;
}
:where([id=maincontent]) isc-table-container md-table-container tbody.md-body > tr.md-row.noAccess[role=button] td {
  color: #757575;
}
:where([id=maincontent]) isc-table-container .nothing-found {
  text-align: center;
  font-size: 1rem;
  background-color: #FFFFFF;
  padding: 20px;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container {
  border-radius: 5px;
  border: solid 1px #E0E0E0;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table {
  border-collapse: inherit;
  background-color: #FFFFFF;
  padding: 30px;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon {
  opacity: 1;
  min-width: 11px;
  width: 11px;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon svg {
  display: none;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon:before {
  content: "\f0d8";
  font-family: "Font Awesome 6 Pro";
  font-weight: 0;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  margin-top: 8px;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon:after {
  margin-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column md-icon.md-sort-icon:after {
  margin-right: -10px;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon {
  opacity: 1;
  min-width: 11px;
  width: 11px;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon svg {
  display: none;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon:before {
  content: "\f0d8";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
:where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  margin-top: 8px;
}
[dir="ltr"] :where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon:after {
  margin-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) isc-table-container.with-border md-table-container table.md-table th.md-column.md-active md-icon.md-sort-icon:after {
  margin-right: -10px;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-closed {
  white-space: nowrap;
  color: #f44336;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-closed:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-closed:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-closed:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-archived {
  white-space: nowrap;
  color: #f44336;
  opacity: 0.5;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-archived:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #C2273D;
  display: inline-block;
  opacity: 0.5;
}
[dir="ltr"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-archived:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-archived:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-active {
  white-space: nowrap;
  color: #4caf50;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-active:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #347F62;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-active:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-active:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-scheduled {
  white-space: nowrap;
  color: #757575;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-scheduled:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #757575;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-scheduled:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status-scheduled:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) tbody.angular-ui-tree-drag td.md-cell .status {
  background-color: #808080;
  border-radius: 3px;
  padding: 0 3px;
  color: #FFFFFF;
  font-size: 0.563rem;
}
:where([id=maincontent]) isc-rich-input > md-input-container {
  width: 100%;
}
:where([id=maincontent]) isc-rich-input .isc-rich-input-label {
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) isc-rich-input .isc-rich-input-label {
  padding-left: 4px;
}
[dir="rtl"] :where([id=maincontent]) isc-rich-input .isc-rich-input-label {
  padding-right: 4px;
}
:where([id=maincontent]) isc-rich-input .isc-rich-input-prefixsuffix {
  background: #E6E6E6;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 8px;
  margin-bottom: 8px;
}
:where([id=maincontent]) isc-rich-input .error-message {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-rich-input .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:where([id=maincontent]) isc-rich-input .length-counter {
  min-height: 24px;
  min-width: 1px;
  font-size: 0.8rem;
  line-height: 14px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  opacity: 1;
  margin-top: 0;
  padding-top: 5px;
}
[dir="ltr"] :where([id=maincontent]) isc-rich-input .length-counter {
  float: right;
  text-align: right;
  padding-right: 2px;
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-rich-input .length-counter {
  float: left;
  text-align: left;
  padding-left: 2px;
  padding-right: 0;
}
:where([id=maincontent]) .nw-button.isc-nw-indent:before {
  content: "\f03c";
}
:where([id=maincontent]) .nw-button.isc-nw-outdent:before {
  content: "\f03b";
}
:where([id=maincontent]) .nw-button.isc-nw-remove-format:before {
  content: "\f12d";
}
:where([id=maincontent]) .nw-editor {
  padding: 0;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) .nw-editor__res {
  font-size: 0.875rem;
  min-height: 200px;
  display: block;
  word-break: break-word;
}
[dir="ltr"] :where([id=maincontent]) .nw-editor__res {
  padding: 10px 0 5px 5px;
}
[dir="rtl"] :where([id=maincontent]) .nw-editor__res {
  padding: 10px 5px 5px 0;
}
:where([id=maincontent]) ng-wig .nw-toolbar {
  height: 32px;
}
[dir="ltr"] :where([id=maincontent]) ng-wig .nw-toolbar > li {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) ng-wig .nw-toolbar > li {
  float: right;
}
:where([id=maincontent]) ng-wig.hide-toolbar .nw-toolbar {
  display: none;
}
:where([id=maincontent]) ng-wig.hide-toolbar .nw-editor-container {
  border: 1px solid #CCCCCC;
}
:where([id=maincontent]) ng-wig .nw-editor-container .nw-editor > div:focus-visible {
  outline: none;
}
:where([id=maincontent]) isc-textarea md-input-container:not(.md-input-invalid).md-input-focused :after,
:where([id=maincontent]) isc-textarea md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #4caf50;
}
:where([id=maincontent]) isc-textarea md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #4caf50;
}
:where([id=maincontent]) isc-textarea .isc-textarea-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-textarea isc-textarea-errors {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-textarea.md-block > md-input-container {
  display: block;
}
:where([id=maincontent]) isc-textarea.medium-size > md-input-container {
  width: 700px;
}
:where([id=maincontent]) .hr-line {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #E5E1E1;
  padding: 0;
  width: 240px;
}
:where([id=maincontent]) isc-dropdown {
  display: block;
}
:where([id=maincontent]) isc-dropdown md-input-container {
  margin-bottom: 20px;
}
:where([id=maincontent]) isc-dropdown md-input-container md-select {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-dropdown md-input-container md-select:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: " " !important;
}
:where([id=maincontent]) isc-dropdown md-input-container .dropdown-label {
  font-size: 0.75rem;
  font-weight: normal;
}
:where([id=maincontent]) isc-dropdown.ignore-margin md-select {
  margin: inherit;
}
:where([id=maincontent]) isc-dropdown.ignore-display-block .dropdown-container {
  display: inline-flex;
}
:where([id=maincontent]) isc-dropdown md-select:not([placeholder]) .md-select-placeholder > span {
  visibility: hidden;
}
:where([id=maincontent]) isc-dropdown isc-dropdown-errors {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-dropdown.small-size {
  width: 90px;
}
:where([id=maincontent]) isc-dropdown.small-size md-input-container.dropdown-container {
  width: 90px;
}
:where([id=maincontent]) isc-dropdown.medium-qual-size {
  width: 160px;
}
:where([id=maincontent]) isc-dropdown.medium-qual-size md-input-container.dropdown-container {
  width: 160px;
}
:where([id=maincontent]) isc-dropdown.medium-size {
  width: 200px;
}
:where([id=maincontent]) isc-dropdown.medium-size md-input-container.dropdown-container {
  width: 200px;
}
:where([id=maincontent]) isc-dropdown.medium-large-size {
  width: 350px;
}
:where([id=maincontent]) isc-dropdown.medium-large-size md-input-container.dropdown-container {
  width: 350px;
}
:where([id=maincontent]) isc-dropdown.large-size {
  width: 454px;
}
:where([id=maincontent]) isc-dropdown.large-size md-input-container.dropdown-container {
  width: 454px;
}
:where([id=maincontent]) isc-dropdown.small-label md-input-container .dropdown-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-dropdown.small-label-upper {
  text-transform: uppercase;
}
:where([id=maincontent]) isc-dropdown.small-label:not(.ignore-label-position) md-input-container .dropdown-label {
  position: relative;
}
:where([id=maincontent]) isc-dropdown.medium-label md-input-container .dropdown-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-dropdown.medium-label-upper {
  text-transform: uppercase;
}
:where([id=maincontent]) isc-dropdown.medium-label:not(.ignore-label-position) md-input-container .dropdown-label {
  position: relative;
}
:where([id=maincontent]) isc-dropdown.default-label md-input-container .dropdown-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-dropdown.default-label-upper {
  text-transform: uppercase;
}
:where([id=maincontent]) isc-dropdown.default-label:not(.ignore-label-position) md-input-container .dropdown-label {
  position: relative;
}
:where([id=maincontent]) isc-dropdown.bordered md-input-container {
  margin: 0;
  padding: 0;
}
:where([id=maincontent]) isc-dropdown.bordered md-select {
  height: 30px;
  border: solid 1px #E3E2E2;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-dropdown.bordered md-select:not([disabled]) .md-select-value {
  border: none;
  padding: 0;
}
:where([id=maincontent]) .select-header-container {
  margin-top: 50px;
}
[dir="ltr"] :where([id=maincontent]) .select-header-container {
  margin-left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .select-header-container {
  margin-right: 40px;
}
:where([id=maincontent]) isc-input {
  display: inline-table;
}
:where([id=maincontent]) isc-input.block {
  display: block;
}
:where([id=maincontent]) isc-input md-input-container:not(.md-input-invalid).md-input-focused label,
:where([id=maincontent]) isc-input md-input-container:not(.md-input-invalid).md-input-focused :after {
  color: #4caf50;
}
:where([id=maincontent]) isc-input md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #4caf50;
}
:where([id=maincontent]) isc-input isc-input-errors {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-input .isc-input-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-input.md-block > md-input-container {
  display: block;
}
:where([id=maincontent]) isc-input + span.tooltip-container {
  position: relative;
  top: 30px;
  height: 20px;
}
:where([id=maincontent]) isc-input + span.survey-link, :where([id=maincontent]) isc-input + span.decipher-id {
  top: -22px;
}
:where([id=maincontent]) isc-input.small-size > md-input-container {
  width: 80px;
}
:where([id=maincontent]) isc-input.medium-small-size > md-input-container {
  width: 260px;
}
:where([id=maincontent]) isc-input.medium-size > md-input-container {
  width: 350px;
}
:where([id=maincontent]) isc-input.large-size > md-input-container {
  width: 454px;
}
:where([id=maincontent]) isc-input .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:where([id=maincontent]) isc-button {
  display: inline-block;
  border-radius: 2px;
  color: #FFFFFF;
  height: 36px;
}
[dir="ltr"] :where([id=maincontent]) isc-button {
  margin-right: 15px;
}
[dir="rtl"] :where([id=maincontent]) isc-button {
  margin-left: 15px;
}
:where([id=maincontent]) isc-button .md-button {
  height: 36px;
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-button .md-redirect-to-communication-wizard {
  color: #347F62;
  background-color: #347F62;
}
:where([id=maincontent]) isc-button .md-button.md-raised:not([disabled]),
:where([id=maincontent]) isc-button .md-button.md-raised:not([disabled]):active {
  box-shadow: none;
}
:where([id=maincontent]) isc-button .md-button.md-raised.md-accent, :where([id=maincontent]) isc-button .md-button.md-raised.md-primary, :where([id=maincontent]) isc-button .md-button.md-raised.md-warn {
  color: #FFFFFF;
}
:where([id=maincontent]) isc-button .md-button.md-raised.md-accent .icon md-icon, :where([id=maincontent]) isc-button .md-button.md-raised.md-primary .icon md-icon, :where([id=maincontent]) isc-button .md-button.md-raised.md-warn .icon md-icon {
  color: #FFFFFF;
  vertical-align: top;
}
:where([id=maincontent]) isc-button .md-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 0;
  margin: 0;
  color: #FFFFFF;
}
:where([id=maincontent]) isc-button .md-button .icon {
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
:where([id=maincontent]) isc-button .md-button .icon:empty {
  display: none;
}
[dir="ltr"] :where([id=maincontent]) isc-button .md-button .icon:last-child {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-button .md-button .icon:last-child {
  margin-left: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-button .md-button.has-label .icon {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-button .md-button.has-label .icon {
  margin-left: 10px;
}
:where([id=maincontent]) isc-button .md-button.md-raised[disabled] {
  background-color: #E0E0E0;
  color: #9E9E9E;
}
:where([id=maincontent]) isc-button .md-button.default {
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) isc-button .md-button.default[disabled] {
  background-color: transparent;
  color: #E0E0E0;
}
:where([id=maincontent]) isc-button.ellipsis .md-button .label {
  text-overflow: ellipsis;
  width: 160px;
  overflow: hidden;
  display: inline-block;
}
:where([id=maincontent]) isc-button.outline .md-button {
  border: solid 1px;
  border-color: currentColor;
}
:where([id=maincontent]) isc-button.big {
  height: 45px;
}
:where([id=maincontent]) isc-button.big .md-button {
  height: 45px;
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-button.icon-button {
  margin: 0;
  color: inherit;
  height: 28px;
}
:where([id=maincontent]) isc-button.icon-button .md-button {
  min-width: 28px;
  max-width: 28px;
  line-height: 28px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  font-size: 17px;
}
:where([id=maincontent]) isc-button.icon-button .md-button .icon {
  line-height: 17px;
}
:where([id=maincontent]) isc-button.icon-button .md-button md-icon {
  min-width: 17px;
  max-width: 17px;
  width: 17px;
  height: 17px;
}
:where([id=maincontent]) isc-button.icon-button .md-button {
  color: inherit;
  padding: 0;
}
:where([id=maincontent]) isc-button.icon-button .md-button md-icon {
  margin: 0;
  color: inherit;
}
:where([id=maincontent]) isc-button.icon-button.large-size {
  height: 100px;
}
:where([id=maincontent]) isc-button.icon-button.large-size .md-button {
  min-width: 100px;
  max-width: 100px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  min-height: 100px;
  font-size: 40px;
}
:where([id=maincontent]) isc-button.icon-button.large-size .md-button .icon {
  line-height: 40px;
}
:where([id=maincontent]) isc-button.icon-button.large-size .md-button md-icon {
  min-width: 40px;
  max-width: 40px;
  width: 40px;
  height: 40px;
}
:where([id=maincontent]) show-replies-button .show-replies-button-content {
  display: block;
  background-color: #FFFFFF;
}
:where([id=maincontent]) show-replies-button .md-button {
  height: 40px;
  margin: 0;
  width: 100%;
  padding: 0 20px;
}
[dir="ltr"] :where([id=maincontent]) show-replies-button .md-button {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) show-replies-button .md-button {
  text-align: right;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) show-replies-button .md-button {
    padding: 0 10px;
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) show-replies-button .md-button {
    padding: 0 10px;
}
}
:where([id=maincontent]) show-replies-button.full-width .show-replies-button-content {
  width: 100%;
}
:where([id=maincontent]) show-replies-button .scout-conversation {
  width: 100%;
  max-width: 614px;
  margin: 0 auto;
}
:where([id=maincontent]) show-replies-button .scout-conversation .md-button {
  padding: 0;
  text-align: center;
}
[dir="ltr"] :where([id=maincontent]) isc-save-button {
  margin-right: 15px;
}
[dir="rtl"] :where([id=maincontent]) isc-save-button {
  margin-left: 15px;
}
[dir="ltr"] :where([id=maincontent]) isc-save-button isc-button {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-save-button isc-button {
  margin-left: 0;
}
:where([id=maincontent]) isc-save-button md-progress-circular {
  position: absolute;
  top: 50%;
}
[dir="ltr"] :where([id=maincontent]) isc-save-button md-progress-circular {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] :where([id=maincontent]) isc-save-button md-progress-circular {
  right: 50%;
  transform: translate(50%, -50%);
}
:where([id=maincontent]) isc-save-button md-progress-circular svg path {
  stroke: #FFFFFF;
}
:where([id=maincontent]) isc-save-button.flat md-progress-circular svg path {
  stroke: currentColor;
}
:where([id=maincontent]) isc-save-button .md-button .icon {
  visibility: hidden;
  position: absolute;
  top: 50%;
}
[dir="ltr"] :where([id=maincontent]) isc-save-button .md-button .icon {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] :where([id=maincontent]) isc-save-button .md-button .icon {
  right: 50%;
  transform: translate(50%, -50%);
}
:where([id=maincontent]) isc-save-button .is-saving .md-button .icon {
  visibility: visible;
}
:where([id=maincontent]) isc-save-button .is-saving .md-button span {
  visibility: hidden;
}
[dir="ltr"] :where([id=maincontent]) isc-save-button.no-margin {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-save-button.no-margin {
  margin-left: 0;
}
:where([id=maincontent]) isc-input-button {
  display: inline-block;
}
:where([id=maincontent]) isc-input-button input {
  border: solid 1px;
  padding: 4px;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.34);
  height: 45px;
}
[dir="ltr"] :where([id=maincontent]) isc-input-button input {
  border-radius: 2px 0 0 2px;
}
[dir="rtl"] :where([id=maincontent]) isc-input-button input {
  border-radius: 0 2px 2px 0;
}
:where([id=maincontent]) isc-input-button .edit-mode {
  display: inline-block;
  margin-top: -19px;
}
:where([id=maincontent]) isc-input-button .edit-mode label {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-input-button isc-button {
  margin: 0;
}
:where([id=maincontent]) isc-input-button .submit-button .md-button {
  padding-left: 17px;
  padding-right: 17px;
}
[dir="ltr"] :where([id=maincontent]) isc-input-button .submit-button .md-button {
  border-radius: 0 2px 2px 0;
}
[dir="rtl"] :where([id=maincontent]) isc-input-button .submit-button .md-button {
  border-radius: 2px 0 0 2px;
}
:where([id=maincontent]) isc-input-button md-input-container {
  display: inline;
  position: relative;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
:where([id=maincontent]) isc-wizard {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
:where([id=maincontent]) isc-wizard .h4 {
  font-weight: 600;
}
:where([id=maincontent]) isc-wizard.dialog-display .wizard-step-content {
  border: none;
}
:where([id=maincontent]) isc-wizard.dialog-display .wizard-buttons {
  position: absolute;
  left: 0;
  right: 0;
}
:where([id=maincontent]) isc-wizard.dialog-display .progress-container-text {
  border: none;
  padding-top: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-wizard.dialog-display .progress-container-text {
  padding-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-wizard.dialog-display .progress-container-text {
  padding-right: 20px;
}
:where([id=maincontent]) isc-wizard.dialog-display .progress-container-text h3 {
  margin-top: 10px;
  font-weight: 600;
}
:where([id=maincontent]) isc-wizard .progress-container-text {
  background-color: #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 30px;
  border: 1px solid #E3E2E2;
  color: #000000;
}
:where([id=maincontent]) isc-wizard .progress-container-text h3 {
  font-size: 1.1rem;
  margin: 10px 0;
  font-weight: 600;
}
:where([id=maincontent]) isc-wizard .progress-text {
  margin: 0 10px;
  font-weight: bolder;
  font-size: 0.875rem;
  max-width: 160px;
}
:where([id=maincontent]) isc-wizard .progress-text.current {
  color: #4caf50;
}
:where([id=maincontent]) isc-wizard .progress-text.current.normal {
  font-weight: normal;
}
:where([id=maincontent]) isc-wizard .progress-text.complete {
  font-weight: normal;
}
:where([id=maincontent]) isc-wizard .progress-text.complete:hover {
  color: #4caf50;
  font-weight: bolder;
}
:where([id=maincontent]) isc-wizard .progress-text.next {
  font-weight: normal;
}
:where([id=maincontent]) isc-wizard .progress-text.next:hover {
  color: #4caf50;
  font-weight: bolder;
}
:where([id=maincontent]) isc-wizard .progress-text.incomplete {
  cursor: default;
  font-weight: 600;
}
:where([id=maincontent]) isc-wizard .progress-subitem-container {
  width: 30px;
  height: 18px;
}
:where([id=maincontent]) isc-wizard .progress-bullet {
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 50%;
  color: #FFFFFF;
  text-align: center;
  background-color: #FAFAFA;
  font-size: 1.1rem;
}
md-dialog :where([id=maincontent]) isc-wizard .progress-bullet {
  background-color: #FFFFFF;
}
:where([id=maincontent]) isc-wizard .progress-bullet.small {
  width: 18px;
  height: 18px;
}
:where([id=maincontent]) isc-wizard .progress-bullet.current {
  color: #4caf50;
  border: 1px solid #4caf50;
}
:where([id=maincontent]) isc-wizard .progress-bullet.complete {
  background-color: #4caf50;
}
:where([id=maincontent]) isc-wizard .progress-bullet.complete svg {
  stroke: #FFFFFF;
  width: 15.6px;
  height: 13.2px;
  margin-bottom: -2px;
}
[dir="ltr"] :where([id=maincontent]) isc-wizard .progress-bullet.complete svg {
  margin-left: 2px;
}
[dir="rtl"] :where([id=maincontent]) isc-wizard .progress-bullet.complete svg {
  margin-right: 2px;
}
:where([id=maincontent]) isc-wizard .progress-bullet.complete.current {
  color: #F5F5F5;
}
:where([id=maincontent]) isc-wizard .progress-bullet.complete.next {
  color: #F5F5F5;
}
:where([id=maincontent]) isc-wizard .progress-bullet.next {
  color: rgba(0, 0, 0, 0.34);
  border: 1px solid rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) isc-wizard .progress-bullet.incomplete {
  color: rgba(0, 0, 0, 0.34);
  border: 1px solid rgba(0, 0, 0, 0.34);
  cursor: default;
}
:where([id=maincontent]) isc-wizard .progress-bullet.incomplete.current {
  color: #4caf50;
  border: 1px solid #4caf50;
}
:where([id=maincontent]) isc-wizard .progress-item {
  margin: 10px;
  z-index: 1;
}
:where([id=maincontent]) isc-wizard .wizard-header {
  position: sticky;
  top: 0;
  min-width: 230px;
}
:where([id=maincontent]) isc-wizard .wizard-header:before {
  content: "";
  position: absolute;
  height: calc(100% - 50px);
  margin-top: 25px;
}
[dir="ltr"] :where([id=maincontent]) isc-wizard .wizard-header:before {
  margin-left: 25px;
  border-left: 1px solid rgba(0, 0, 0, 0.34);
}
[dir="rtl"] :where([id=maincontent]) isc-wizard .wizard-header:before {
  margin-right: 25px;
  border-right: 1px solid rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) isc-wizard .wizard-content {
  background: #FAFAFA;
  border-radius: 8px;
  min-height: 80%;
}
:where([id=maincontent]) isc-wizard .wizard-step-content {
  border-left: 1px solid #E3E2E2;
  border-right: 1px solid #E3E2E2;
  background: #FFFFFF;
  overflow: auto;
}
:where([id=maincontent]) isc-wizard .progress-substeps-container {
  margin-top: 20px;
}
:where([id=maincontent]) isc-wizard .progress-substeps-container > :nth-child(2) {
  margin-top: 14px;
}
:where([id=maincontent]) isc-wizard .progress-substeps-container .progress-text {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-wizard .wizard-buttons {
  background: #F5F5F5;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #E3E2E2;
  padding: 10px 30px;
}
:where([id=maincontent]) isc-wizard .next-description {
  vertical-align: middle;
  margin: 0 20px;
  font-style: italic;
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-wizard isc-wizard-step {
  flex: 0 1 auto;
  flex-direction: column;
  display: flex;
}
:where([id=maincontent]) isc-wizard isc-wizard-step .tooltip-container.tooltip-title {
  position: relative;
  top: 9px;
}
[dir="ltr"] :where([id=maincontent]) isc-wizard isc-wizard-step .tooltip-container.tooltip-title {
  left: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-wizard isc-wizard-step .tooltip-container.tooltip-title {
  right: 10px;
}
:where([id=maincontent]) md-content.page-not-found-page {
  text-align: center;
}
:where([id=maincontent]) md-content.page-not-found-page div.image-top-container {
  margin-top: 20px;
  margin-bottom: 50px;
}
:where([id=maincontent]) md-content.page-not-found-page div.image-top-container img {
  width: 90%;
}
:where([id=maincontent]) md-content.page-not-found-page img.image-bottom {
  width: 25px;
  margin: 5px 0 -7px 0;
}
:where([id=maincontent]) md-content.page-not-found-page h1 {
  color: #004750;
  font-size: 3rem;
  font-family: "Open Sans";
  font-weight: bold;
}
:where([id=maincontent]) md-content.page-not-found-page h1.title-1 {
  margin-bottom: 0;
}
:where([id=maincontent]) md-content.page-not-found-page h1.title-2 {
  margin-top: 0;
  margin-bottom: 20px;
}
:where([id=maincontent]) md-content.page-not-found-page p {
  font-size: 1.3rem;
  color: #000000;
}
:where([id=maincontent]) md-content.page-not-found-page a {
  font-size: 1.3rem;
  text-decoration: underline;
}
:where([id=maincontent]) md-content.page-not-found-page div.contact {
  margin-top: 100px;
  margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
:where([id=maincontent]) md-content.page-not-found-page h1 {
    display: inline;
}
}
@media screen and (min-width: 400px) {
:where([id=maincontent]) md-content.page-not-found-page div.image-top-container img {
    width: auto;
}
}
:where([id=maincontent]) isc-radio-button {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-radio-button md-radio-button .md-label {
  padding-bottom: 2px;
}
[dir="ltr"] :where([id=maincontent]) isc-radio-button md-radio-button .md-label {
  margin-left: 33px;
}
[dir="rtl"] :where([id=maincontent]) isc-radio-button md-radio-button .md-label {
  margin-right: 33px;
}
:where([id=maincontent]) isc-radio-button md-radio-button .md-container {
  width: 18px;
  height: 18px;
}
:where([id=maincontent]) isc-radio-button md-radio-button .md-off {
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
:where([id=maincontent]) isc-radio-button md-radio-button .md-on {
  width: 18px;
  height: 18px;
}
:where([id=maincontent]) isc-radio-button md-radio-button.md-checked .md-on {
  transform: scale(0.58);
}
:where([id=maincontent]) isc-radio-group .isc-input-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-tag md-input-container:not(.md-input-invalid).md-input-focused :after,
:where([id=maincontent]) isc-tag md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #4caf50;
}
:where([id=maincontent]) isc-tag md-input-container:not(.md-input-invalid).md-input-focused .md-focused {
  box-shadow: 0 2px #4caf50;
}
:where([id=maincontent]) isc-tag .md-chips md-chip {
  height: 33px;
  line-height: 33px;
  border-radius: 100px;
  background-color: #E0E0E0;
  color: #000000;
  opacity: 0.87;
  font-family: "Open Sans";
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-tag .md-chips md-chip .md-chip-content .typcn-star-full-outline {
  color: #F29303;
}
:where([id=maincontent]) isc-tag .md-chips md-chip .md-chip-remove {
  height: 33px;
}
:where([id=maincontent]) isc-tag .md-chips md-chip .md-chip-remove md-icon {
  height: 13px;
  width: 14px;
  min-height: 13px;
  min-width: 14px;
  color: #000000;
  font-weight: 100;
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-tag .md-chips md-chip .md-chip-remove md-icon:hover {
  color: #f44336;
}
:where([id=maincontent]) isc-tag md-chips .md-chips.md-focused {
  box-shadow: 0 2px #f44336;
}
:where([id=maincontent]) isc-tag isc-tag-errors {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-tag .requiredLabel:after {
  content: " *";
  font-size: 0.8rem;
  vertical-align: top;
}
:where([id=maincontent]) isc-tag.small-size > md-input-container {
  width: 90px;
}
:where([id=maincontent]) isc-tag.medium-small-size > md-input-container {
  width: 250px;
}
:where([id=maincontent]) isc-tag.medium-size > md-input-container {
  width: 350px;
}
:where([id=maincontent]) isc-tag.large-size > md-input-container {
  width: 454px;
}
:where([id=maincontent]) isc-tag-input md-input-container:not(.md-input-invalid).md-input-focused :after,
:where([id=maincontent]) isc-tag-input md-input-container:not(.md-input-invalid).md-input-focused label {
  color: #4caf50;
}
:where([id=maincontent]) isc-tag-input md-input-container:not(.md-input-invalid).md-input-focused .md-focused {
  box-shadow: 0 2px #4caf50;
}
:where([id=maincontent]) isc-tag-input .md-chips md-chip {
  height: 33px;
  line-height: 33px;
  border-radius: 100px;
  background-color: #E0E0E0;
  color: #000000;
  opacity: 0.87;
  font-family: "Open Sans";
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-tag-input .md-chips md-chip .md-chip-content .typcn-star-full-outline {
  color: #F29303;
}
:where([id=maincontent]) isc-tag-input .md-chips md-chip .md-chip-remove {
  height: 33px;
}
:where([id=maincontent]) isc-tag-input .md-chips md-chip .md-chip-remove md-icon {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  color: #000000;
}
:where([id=maincontent]) isc-tag-input .md-chips md-chip .md-chip-remove md-icon:hover {
  color: #f44336;
}
:where([id=maincontent]) isc-tag-input md-chips .md-chips.md-focused {
  box-shadow: 0 2px #f44336;
}
:where([id=maincontent]) isc-tag-input isc-tag-errors {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-tag-input .requiredLabel:after {
  content: " *";
  font-size: 0.8rem;
  vertical-align: top;
}
:where([id=maincontent]) isc-tag-input.small-size > md-input-container {
  width: 90px;
}
:where([id=maincontent]) isc-tag-input.medium-small-size > md-input-container {
  width: 250px;
}
:where([id=maincontent]) isc-tag-input.medium-size > md-input-container {
  width: 350px;
}
:where([id=maincontent]) isc-tag-input.large-size > md-input-container {
  width: 454px;
}
:where([id=maincontent]) isc-checkbox md-input-container {
  width: auto !important;
  margin-bottom: 0 !important;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox .md-container .md-icon {
  width: 19px;
  height: 19px;
  border-radius: 5px;
  border-width: 1px;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox:not(.md-checked) .md-icon {
  border-color: #9E9E9E;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-checked .md-label {
  color: #4caf50;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox[disabled] .md-label {
  color: #9E9E9E;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox .md-label {
  font-size: 0.875rem;
  color: #000000;
}
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-default-theme.md-checked .md-icon:after,
:where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-checked .md-icon:after {
  border-color: #FFFFFF;
  border-width: 1px;
}
[dir="ltr"] :where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-default-theme.md-checked .md-icon:after,
[dir="ltr"] :where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-checked .md-icon:after {
  transform: rotate(35deg);
  left: 5.67px;
}
[dir="rtl"] :where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-default-theme.md-checked .md-icon:after,
[dir="rtl"] :where([id=maincontent]) isc-checkbox md-input-container md-checkbox.md-checked .md-icon:after {
  transform: rotate(-35deg);
  right: 5.67px;
}
:where([id=maincontent]) isc-checkbox .tooltip {
  display: inline;
}
:where([id=maincontent]) md-dialog {
  background: transparent;
  box-shadow: none;
  overflow: visible;
  max-width: 80vw;
}
:where([id=maincontent]) md-dialog form {
  overflow: visible;
}
:where([id=maincontent]) .request-a-call-modal {
  max-width: 500px;
}
:where([id=maincontent]) .md-dialog-container {
  overflow-x: hidden;
  overflow-y: scroll;
}
:where([id=maincontent]) .md-dialog-container ~ .md-dialog-container {
  background: rgba(0, 0, 0, 0.48);
}
:where([id=maincontent]) .md-dialog-backdrop ~ .md-dialog-backdrop {
  display: none;
}
:where([id=maincontent]) isc-modal-dialog .close-button-container {
  position: absolute;
  top: -33px;
}
[dir="ltr"] :where([id=maincontent]) isc-modal-dialog .close-button-container {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-modal-dialog .close-button-container {
  left: 0;
}
:where([id=maincontent]) isc-modal-dialog .close-button-container .icon-button {
  color: rgba(255, 255, 255, 0.56);
  margin-bottom: 10px;
}
:where([id=maincontent]) isc-modal-dialog .dialog {
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
:where([id=maincontent]) isc-modal-dialog md-dialog-content {
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
}
:where([id=maincontent]) isc-modal-dialog md-toolbar {
  background-color: transparent !important;
  padding: 23px 40px;
  margin: 0;
  flex: 0 0 auto;
}
:where([id=maincontent]) isc-modal-dialog md-toolbar h2,
:where([id=maincontent]) isc-modal-dialog md-toolbar .h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}
:where([id=maincontent]) isc-modal-dialog md-toolbar p {
  margin: 0;
  font-size: 0.8rem;
  color: #9E9E9E;
}
:where([id=maincontent]) isc-modal-dialog md-toolbar i {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-modal-dialog hr {
  margin: 0 40px;
  border-top: none;
  border-color: #EBEBEB;
}
:where([id=maincontent]) isc-modal-dialog .modal-actions {
  background: #F0F0F0;
  padding: 20px 50px;
  justify-content: center;
  border-radius: 0 0 4px 4px;
}
:where([id=maincontent]) isc-modal-dialog .modal-actions .md-button {
  margin: 0;
  border-radius: 2px;
}
[dir="ltr"] :where([id=maincontent]) isc-modal-dialog .modal-actions isc-button:last-child {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-modal-dialog .modal-actions isc-button:last-child {
  margin-left: 0;
}
:where([id=maincontent]) isc-modal-dialog isc-modal-content {
  display: block;
  padding: 35px 50px;
  overflow: visible;
  min-width: 450px;
}
:where([id=maincontent]) isc-modal-dialog.buttons-right .modal-actions {
  justify-content: flex-end;
}
:where([id=maincontent]) isc-modal-dialog.buttons-left .modal-actions {
  justify-content: flex-start;
}
:where([id=maincontent]) isc-modal-dialog.transparent-actions .modal-actions {
  background-color: transparent;
}
:where([id=maincontent]) isc-modal-dialog.hide-toolbar md-toolbar {
  display: none;
}
:where([id=maincontent]) isc-modal-dialog.hide-toolbar isc-modal-content {
  padding-top: 50px;
}
:where([id=maincontent]) isc-modal-dialog.large-size .dialog {
  width: 80vw;
}
:where([id=maincontent]) isc-modal-dialog .tooltip-container.recruitment-dialog {
  font-size: unset;
}
:where([id=maincontent]) isc-modal-preset {
  max-width: 500px;
}
:where([id=maincontent]) isc-modal-preset .question {
  color: #AE1F26;
  font-weight: bold;
  font-size: 1rem;
}
:where([id=maincontent]) isc-modal-preset .text {
  white-space: pre-line;
  margin: 0;
}
:where([id=maincontent]) isc-modal-preset isc-modal-dialog.grey-footer .modal-actions {
  background-color: #F0F0F0 !important;
  justify-content: flex-start !important;
}
:where([id=maincontent]) isc-challenge-card.todo .wrapper .card-detail,
:where([id=maincontent]) isc-incentive-card.todo .wrapper .card-detail {
  padding-bottom: 0;
  border-bottom: 6px solid #f44336;
}
:where([id=maincontent]) isc-challenge-card.todo .wrapper .card-detail .content,
:where([id=maincontent]) isc-incentive-card.todo .wrapper .card-detail .content {
  padding-bottom: 14px;
}
:where([id=maincontent]) isc-challenge-card .wrapper,
:where([id=maincontent]) isc-incentive-card .wrapper {
  padding: 12px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-stack-one-card,
:where([id=maincontent]) isc-challenge-card .wrapper .card-stack-two-cards,
:where([id=maincontent]) isc-incentive-card .wrapper .card-stack-one-card,
:where([id=maincontent]) isc-incentive-card .wrapper .card-stack-two-cards {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 13px;
  background-color: #FFFFFF;
  box-shadow: 0 -2px 4px 0 #9E9E9E;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-stack-one-card,
:where([id=maincontent]) isc-incentive-card .wrapper .card-stack-one-card {
  margin-left: 9px;
  margin-right: 9px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-stack-two-cards,
:where([id=maincontent]) isc-incentive-card .wrapper .card-stack-two-cards {
  margin-top: 4px;
  margin-left: 19px;
  margin-right: 19px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .navigate-stack-icon,
:where([id=maincontent]) isc-incentive-card .wrapper .navigate-stack-icon {
  display: inline;
}
:where([id=maincontent]) isc-challenge-card .wrapper .navigate-stack-button,
:where([id=maincontent]) isc-incentive-card .wrapper .navigate-stack-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}
:where([id=maincontent]) isc-challenge-card .wrapper .navigate-stack-button:hover,
:where([id=maincontent]) isc-incentive-card .wrapper .navigate-stack-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
:where([id=maincontent]) isc-challenge-card .wrapper .navigate-stack-button:focus,
:where([id=maincontent]) isc-incentive-card .wrapper .navigate-stack-button:focus {
  outline: 0;
}
:where([id=maincontent]) isc-challenge-card .wrapper .activity-locked-icon,
:where([id=maincontent]) isc-incentive-card .wrapper .activity-locked-icon {
  display: inline;
}
:where([id=maincontent]) isc-challenge-card .wrapper .activity-locked-message,
:where([id=maincontent]) isc-incentive-card .wrapper .activity-locked-message {
  color: rgba(0, 0, 0, 0.87);
  font-family: "Open Sans";
  font-size: 0.8rem;
  line-height: 22px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .activity-locked,
:where([id=maincontent]) isc-incentive-card .wrapper .activity-locked {
  margin-top: 25px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-wrapper,
:where([id=maincontent]) isc-incentive-card .wrapper .card-wrapper {
  min-height: 490px;
  max-height: 490px;
  height: 490px;
  overflow: hidden;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail {
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  overflow: hidden;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header {
  position: relative;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header isc-stimuli button,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header isc-stimuli button {
  cursor: default;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header .sticky-container,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header .sticky-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 74px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  justify-content: space-between;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header .sticky-container div.notification-bell,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header .sticky-container div.notification-bell {
  padding: 4px 6px;
  border-radius: 50%;
  background-color: #D0021B;
  text-align: center;
  font-size: 1.1rem;
  z-index: 2;
  width: min-content;
  height: min-content;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header .sticky-container div.notification-bell md-icon,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header .sticky-container div.notification-bell md-icon {
  color: #FFFFFF;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header .sticky-container .chip,
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail header .sticky-container .sticky,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header .sticky-container .chip,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail header .sticky-container .sticky {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 0.8rem;
  opacity: 0.75;
  border-radius: 100px;
  background-color: #000000;
  padding: 5px 15px;
  height: min-content;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content {
  padding: 20px 25px;
  height: 300px;
  min-height: 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content,
  :where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content {
    padding: 15px 20px;
}
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content .title,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content .title {
  line-height: 1.25;
  padding-bottom: 15px;
  min-height: 40px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* stylelint-disable */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* stylelint-enable */
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content .title h1,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content .title h1 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content .text-wrapper,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content .text-wrapper {
  position: relative;
  overflow: hidden;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content .text-wrapper .text,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content .text-wrapper .text {
  line-height: 1.4;
  font-size: 0.875rem;
  max-height: 7.35rem;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content .text-wrapper .text-fader,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content .text-wrapper .text-fader {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.8375rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .content p,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .content p {
  margin: 0;
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .open,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .open {
  margin-top: 25px;
  z-index: 15;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .open,
  :where([id=maincontent]) isc-incentive-card .wrapper .card-detail .open {
    margin-top: 15px;
}
}
:where([id=maincontent]) isc-challenge-card .wrapper .card-detail .open .md-primary,
:where([id=maincontent]) isc-incentive-card .wrapper .card-detail .open .md-primary {
  margin: 0;
}
:where([id=maincontent]) isc-challenge-card .clickable,
:where([id=maincontent]) isc-incentive-card .clickable {
  cursor: pointer;
}
:where([id=maincontent]) isc-challenge-card .overlay,
:where([id=maincontent]) isc-incentive-card .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  z-index: 10;
  outline: none;
}
:where([id=maincontent]) .isc-inline-image-stimuli img {
  cursor: pointer;
}
:where([id=maincontent]) isc-stimuli,
:where([id=maincontent]) isc-stimulus-item-preview {
  display: block;
}
:where([id=maincontent]) div.label-preparing {
  position: relative;
}
:where([id=maincontent]) div.label-preparing span {
  position: absolute;
  bottom: 5px;
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) div.label-preparing span {
  left: 5px;
}
[dir="rtl"] :where([id=maincontent]) div.label-preparing span {
  right: 5px;
}
:where([id=maincontent]) div.label-red {
  position: absolute;
  margin-top: -22px;
  font-size: 1.1rem;
}
:where([id=maincontent]) div.label-red span {
  background-color: #D0021B;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 2px;
  border-radius: 3px;
}
:where([id=maincontent]) .broken-stimuli-container {
  border: dashed 1px #f44336 !important;
}
:where([id=maincontent]) .stimuli-container {
  display: block;
  position: relative;
  outline: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: transparent;
  padding: 0;
  width: 100%;
  padding-top: 53.7634408602%;
  border: none;
}
:where([id=maincontent]) .stimuli-container .video-overlay {
  height: 0;
  width: 30%;
  padding-bottom: 30%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
:where([id=maincontent]) .stimuli-container .video-overlay:focus-visible {
  outline: auto;
}
:where([id=maincontent]) .stimuli-container .video-overlay svg {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  height: 50%;
  fill: #FFFFFF;
  margin: auto;
}
[dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay svg.play-icon, [dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay svg.video-icon {
  left: 5%;
}
[dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay svg.play-icon, [dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay svg.video-icon {
  right: 5%;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  height: 100% !important;
  width: 100% !important;
  top: 0;
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  right: 0;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular.white svg path {
  stroke: #FFFFFF;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular svg {
  width: 100% !important;
  height: 100% !important;
  transform-origin: inherit !important;
}
:where([id=maincontent]) .stimuli-container .hover-over-container {
  padding-bottom: 15%;
  background-color: #D2D2D2;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) .stimuli-container .hover-over-container:hover {
  opacity: 1;
}
:where([id=maincontent]) .stimuli-container .hover-over-container .icon {
  font-size: 2em;
}
:where([id=maincontent]) .image-stimuli-dialog, :where([id=maincontent]) .youtube-stimuli-dialog, :where([id=maincontent]) .video-stimuli-dialog, :where([id=maincontent]) .vimeo-stimuli-dialog {
  position: relative;
  display: block;
  background-color: transparent;
  box-shadow: none;
  overflow: visible;
}
:where([id=maincontent]) .image-stimuli-dialog img, :where([id=maincontent]) .youtube-stimuli-dialog img, :where([id=maincontent]) .video-stimuli-dialog img, :where([id=maincontent]) .vimeo-stimuli-dialog img {
  max-height: 80vh;
  max-width: 80vw;
}
:where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download {
  position: absolute;
  color: #FFFFFF;
  top: 5px;
  margin: 0;
  z-index: 2;
}
[dir="ltr"] :where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download {
  right: 0;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
[dir="rtl"] :where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download {
  left: 0;
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}
:where([id=maincontent]) .youtube-stimuli-dialog, :where([id=maincontent]) .video-stimuli-dialog, :where([id=maincontent]) .vimeo-stimuli-dialog {
  width: 80vw;
  height: 80vh;
  overflow: hidden;
}
:where([id=maincontent]) .youtube-stimuli-dialog > .container, :where([id=maincontent]) .video-stimuli-dialog > .container, :where([id=maincontent]) .vimeo-stimuli-dialog > .container {
  width: 80vw;
  height: 80vh;
}
:where([id=maincontent]) .youtube-stimuli-dialog iframe, :where([id=maincontent]) .video-stimuli-dialog iframe, :where([id=maincontent]) .vimeo-stimuli-dialog iframe {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
:where([id=maincontent]) .vimeo-stimuli-dialog vimeo-video {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
}
:where([id=maincontent]) .vimeo-stimuli-dialog iframe {
  height: 100%;
}
:where([id=maincontent]) .video-stimuli-dialog {
  overflow: hidden;
}
:where([id=maincontent]) md-card {
  border-radius: 5px;
  border: solid 1px #E0E0E0;
  box-shadow: none !important;
  margin: 10px;
}
:where([id=maincontent]) md-card md-card-title {
  padding: 20px;
  border-bottom: solid 1px #E0E0E0;
}
:where([id=maincontent]) md-card md-card-title md-card-title-text {
  display: block;
}
:where([id=maincontent]) md-card md-card-title .md-headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 32px;
}
[dir="ltr"] :where([id=maincontent]) md-card md-card-title .md-headline {
  float: left;
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) md-card md-card-title .md-headline {
  float: right;
  text-align: right;
}
:where([id=maincontent]) md-card md-card-title .md-headline h1,
:where([id=maincontent]) md-card md-card-title .md-headline .h1,
:where([id=maincontent]) md-card md-card-title .md-headline h2,
:where([id=maincontent]) md-card md-card-title .md-headline .h2,
:where([id=maincontent]) md-card md-card-title .md-headline h3,
:where([id=maincontent]) md-card md-card-title .md-headline .h3,
:where([id=maincontent]) md-card md-card-title .md-headline h4,
:where([id=maincontent]) md-card md-card-title .md-headline .h4,
:where([id=maincontent]) md-card md-card-title .md-headline h5,
:where([id=maincontent]) md-card md-card-title .md-headline .h5,
:where([id=maincontent]) md-card md-card-title .md-headline h6,
:where([id=maincontent]) md-card md-card-title .md-headline .h6 {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 32px;
}
:where([id=maincontent]) md-card md-card-title .md-subhead {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1rem;
  line-height: 32px;
  padding: 0 !important;
}
[dir="ltr"] :where([id=maincontent]) md-card md-card-title .md-subhead {
  text-align: right;
}
[dir="rtl"] :where([id=maincontent]) md-card md-card-title .md-subhead {
  text-align: left;
}
:where([id=maincontent]) md-card md-card-title + md-card-content {
  padding: 20px;
}
:where([id=maincontent]) md-card .not-collapsible {
  cursor: default;
}
[dir="ltr"] :where([id=maincontent]) md-card .right {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) md-card .right {
  float: left;
}
[dir="ltr"] :where([id=maincontent]) md-card .left {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) md-card .left {
  float: right;
}
:where([id=maincontent]) md-card .collapsible-chevron {
  margin: 10px;
}
:where([id=maincontent]) md-card .collapsible-content {
  margin-top: -100%;
  transition: margin-top 0.5s cubic-bezier(0, 0, 0.5, 1);
}
:where([id=maincontent]) md-card .expanded {
  margin-top: 0 !important;
}
:where([id=maincontent]) md-card .collapsive-container {
  overflow: hidden;
}
:where([id=maincontent]) isc-banner md-card {
  border-radius: 5px;
  border: solid 1px #E0E0E0;
  box-shadow: none !important;
  margin: 10px;
}
:where([id=maincontent]) isc-banner md-card md-card-content {
  padding: 5px;
}
:where([id=maincontent]) isc-progress-circular {
  position: relative;
  display: block;
}
:where([id=maincontent]) isc-progress-circular md-progress-circular.background {
  position: absolute;
  top: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-progress-circular md-progress-circular.background {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-progress-circular md-progress-circular.background {
  right: 0;
}
:where([id=maincontent]) isc-progress-circular md-progress-circular.background svg path {
  stroke: #E0E0E0;
}
:where([id=maincontent]) isc-progress-circular md-progress-circular.green svg path {
  stroke: #4caf50;
}
:where([id=maincontent]) isc-progress-circular md-progress-circular.red svg path {
  stroke: #f44336;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container {
  align-items: center;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container .progress-bar-line {
  height: 7px;
  border-radius: 10.5px;
  background-color: #E0E0E0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container .progress-bar-line.line {
  border-radius: 0;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container .progress-bar-line.line.green {
  background-color: #4caf50;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container .progress-bar-line.line.orange {
  background-color: #F29303;
}
:where([id=maincontent]) isc-progress-linear .progress-bar-container .progress-bar-line.line.darkGrey {
  background-color: #1C2126;
}
[dir="ltr"] :where([id=maincontent]) isc-progress-linear .progress-bar-container isc-progress-linear-content {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-progress-linear .progress-bar-container isc-progress-linear-content {
  margin-right: 10px;
}
:where([id=maincontent]) isc-forum-post {
  background-color: #FFFFFF;
  display: block;
}
:where([id=maincontent]) isc-forum-post.highlight {
  background-color: #F0F3F5;
}
:where([id=maincontent]) isc-forum-post .md-ink-ripple i:before {
  font-size: larger;
}
:where([id=maincontent]) isc-forum-post .nw-editor {
  height: auto;
  min-height: 200px;
  display: table;
}
:where([id=maincontent]) isc-forum-post .nw-editor,
:where([id=maincontent]) isc-forum-post .reply-forum-post.read-only {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-forum-post .nw-editor.caption,
:where([id=maincontent]) isc-forum-post .reply-forum-post.read-only.caption {
  clear: both;
  font-size: 0.8rem;
  font-weight: bold;
}
:where([id=maincontent]) isc-forum-post .top-header-reply-contents {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 100%;
  width: 100%;
  flex: 1 1 auto;
}
:where([id=maincontent]) isc-forum-post .bold-600 {
  font-weight: 600;
}
:where([id=maincontent]) isc-forum-post .reply-button {
  margin: 0 8px;
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .reply-button {
    padding: 0;
    margin: 0;
    min-width: 40px;
}
:where([id=maincontent]) isc-forum-post .reply-button i {
    font-size: 1.4rem;
}
:where([id=maincontent]) isc-forum-post .reply-button span {
    padding-right: 5px;
    padding-left: 5px;
}
}
:where([id=maincontent]) isc-forum-post .content .mention {
  background-color: #E6E6E6;
  color: #000000;
  display: inline-block;
  width: auto;
}
:where([id=maincontent]) isc-forum-post .post-label {
  height: 21px;
  font-size: 0.8rem;
  border-radius: 5px;
  padding-top: 1px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .post-label {
  margin-left: 7px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .post-label {
  margin-right: 7px;
}
:where([id=maincontent]) isc-forum-post .post-label .post-label-text {
  margin-left: 7px;
  margin-right: 7px;
  color: #FFFFFF;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .post-label .post-label-text {
    line-height: 18px;
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .post-label {
    height: 21px;
    width: 65px;
    font-size: 0.7rem;
    border-radius: 5px;
    padding-top: 1px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .post-label {
    margin-left: 4px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .post-label {
    margin-right: 4px;
}
:where([id=maincontent]) isc-forum-post .post-label .post-label-text {
    line-height: 16px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .post-label .post-label-text {
    margin-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .post-label .post-label-text {
    margin-right: 5px;
}
}
:where([id=maincontent]) isc-forum-post .update-label {
  width: auto;
  text-transform: uppercase;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .update-label {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .update-label {
  float: left;
}
:where([id=maincontent]) isc-forum-post .update-label .update-label-text {
  margin-left: 7px;
  margin-right: 7px;
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .update-label {
    width: auto;
    text-transform: uppercase;
}
:where([id=maincontent]) isc-forum-post .update-label .post-label-text {
    margin-left: 5px;
    margin-right: 5px;
}
}
:where([id=maincontent]) isc-forum-post .md-button.accept {
  background-color: #E0E0E0;
  color: #1C2126;
  min-height: 20px;
  line-height: 20px;
  font-weight: normal;
  width: auto;
  text-transform: uppercase;
  min-width: auto;
  font-size: 0.8rem;
  border-radius: 5px;
  padding-top: 1px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .md-button.accept {
  margin-left: 0;
  float: right;
  margin-left: 7px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .md-button.accept {
  margin-right: 0;
  float: left;
  margin-right: 7px;
}
:where([id=maincontent]) isc-forum-post .md-button.accept.toBeAccepted {
  background-color: #E0E0E0 !important;
  color: #1C2126 !important;
}
:where([id=maincontent]) isc-forum-post .md-button.accept .accept-label-text {
  color: #1C2126;
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .md-button.accept {
    width: auto;
    text-transform: uppercase;
}
:where([id=maincontent]) isc-forum-post .md-button.accept .accept-label-text {
    margin-left: 5px;
    margin-right: 5px;
}
}
:where([id=maincontent]) isc-forum-post .md-button.accept[disabled] {
  background-color: #004750;
}
:where([id=maincontent]) isc-forum-post .md-button.accept[disabled] .accept-label-text {
  color: #FFFFFF;
}
:where([id=maincontent]) isc-forum-post .accept-label {
  width: auto;
  text-transform: uppercase;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .accept-label {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .accept-label {
  float: left;
}
:where([id=maincontent]) isc-forum-post .accept-label .accept-label-text {
  margin-left: 7px;
  margin-right: 7px;
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .accept-label {
    width: auto;
    text-transform: uppercase;
}
:where([id=maincontent]) isc-forum-post .accept-label .accept-label-text {
    margin-left: 5px;
    margin-right: 5px;
}
}
:where([id=maincontent]) isc-forum-post .top-post-contents {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  word-break: break-word;
}
:where([id=maincontent]) isc-forum-post .top-post-contents.scout-conversation-no-padding {
  padding-right: 0;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post .forum-message-text {
  font-size: 0.875rem;
  line-height: 19px;
  padding-bottom: 1px;
}
:where([id=maincontent]) isc-forum-post .forum-message-text span {
  word-wrap: break-word;
  font-size: 0.875rem;
  line-height: 19px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .forum-message-text span {
    word-wrap: break-word;
    font-size: 0.8rem;
    line-height: 18px;
}
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container {
  display: flex;
  justify-content: space-between;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
  padding-top: 10px;
  border-top: 1px solid #E0E0E0;
  flex-direction: row;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container.scout-conversation {
  max-width: 614px;
  width: 100%;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .profile-image-link {
  display: inline-block;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .profile-image-link .profile-image {
  flex: 0 0 auto;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .profile-image-link .profile-image {
  float: left;
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .profile-image-link .profile-image {
  float: right;
  margin-left: 10px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .profile-image-link .profile-image {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents {
    flex: 1 1 auto;
    padding-top: 0;
    word-break: break-word;
    word-wrap: break-word;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents {
    padding-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents {
    padding-left: 10px;
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents {
    padding: 0;
}
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .header-content {
  flex: 1 1 auto;
  word-break: break-word;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .header-content.scout-conversation {
  max-width: 614px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .header-content.scout-conversation .profile-image-link {
  display: inline;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .header-content.scout-conversation ~ .reply-post-contents.scout-conversation .isc-inline-image-stimuli {
    margin: 0; /* reset the margins set for the general case */
}
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents {
  flex: 1 1 auto;
  padding-top: 5px;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .reply-post-contents.scout-conversation {
  max-width: 614px;
  margin: 0 auto;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-title {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user {
  font-weight: bold;
  margin: 0 0 1px;
  font-size: 1rem;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user {
  padding-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user {
  padding-left: 5px;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user.single-line a > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user.single-line ~ .post-label {
  white-space: nowrap;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-user a {
  text-decoration: none;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-buttons {
  float: right;
  margin-left: 6px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-buttons {
  float: left;
  margin-right: 6px;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-buttons .action-buttons {
  clear: both;
  width: fit-content;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-buttons .action-buttons {
  margin-left: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-buttons .action-buttons {
  margin-right: auto;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-info {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: flex-start;
}
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-author-details {
  font-size: 0.8rem;
  line-height: 1.5;
  width: 100%;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-author-details .date {
  padding-left: 3px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-author-details .date {
  padding-right: 3px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-author-details {
    font-size: 0.8rem;
    line-height: 14px;
    display: inline-flex;
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post .header-replypostcontent-container .post-author-details {
    font-size: 0.6rem;
}
}
:where([id=maincontent]) isc-forum-post > .content {
  padding: 0 20px;
  font-size: 0.875rem;
  line-height: calc(18px / 0.875rem);
  margin: 13px 0;
  word-break: break-word;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post > .content {
    font-size: 0.8rem;
    line-height: calc(14px / 0.8rem);
    margin: 7px 0;
}
}
:where([id=maincontent]) isc-forum-post .one-question-answer {
  font-size: 0.875rem;
  color: #000000;
  padding: 10px 20px;
}
:where([id=maincontent]) isc-forum-post .contribution-title {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 5px;
}
:where([id=maincontent]) isc-forum-post footer {
  line-height: 36px;
  margin-bottom: 10px;
}
:where([id=maincontent]) isc-forum-post footer like-button {
  min-width: 0;
  min-height: 0;
  line-height: 1;
  height: 20px;
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: none;
  color: inherit;
}
:where([id=maincontent]) isc-forum-post footer like-button button.md-button {
  padding-left: 0;
  padding-right: 0;
}
:where([id=maincontent]) isc-forum-post footer like-button span {
  color: inherit;
}
:where([id=maincontent]) isc-forum-post footer like-button > .typcn {
  font-size: 1.1rem;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post footer like-button:first-child {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post footer like-button:first-child {
  margin-right: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post footer like-button:last-child {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post footer like-button:last-child {
  margin-left: 0;
}
:where([id=maincontent]) isc-forum-post footer md-button {
  min-width: 0;
  min-height: 28px;
  line-height: 1;
  height: 20px;
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: none;
}
:where([id=maincontent]) isc-forum-post footer md-button > .typcn {
  font-size: 1.1rem;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post footer md-button:first-child {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post footer md-button:first-child {
  margin-right: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post footer md-button:last-child {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post footer md-button:last-child {
  margin-left: 0;
}
:where([id=maincontent]) isc-forum-post footer .forum-button {
  display: none;
}
:where([id=maincontent]) isc-forum-post footer:focus-within .forum-button {
  display: inline-block;
  padding-inline-start: 0;
  padding-inline-end: 0;
  min-width: 0;
  min-height: 19px;
  line-height: 19px;
  height: 28px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
:where([id=maincontent]) isc-forum-post footer:focus-within .forum-button .typcn {
  font-size: 1.2rem;
  line-height: 1;
  height: 19px;
  display: inline-block;
}
:where([id=maincontent]) isc-forum-post footer .md-button.generic-reply {
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post footer .md-button.generic-reply {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post footer .md-button.generic-reply {
  margin-right: 0;
}
:where([id=maincontent]) isc-forum-post footer .md-button.generic-reply.update-post {
  color: #000000;
}
:where([id=maincontent]) isc-forum-post footer .md-button.generic-reply.opening-post {
  border-radius: 2px 2px 2px 2px;
  min-height: 26px;
  line-height: 26px;
  font-weight: normal;
}
:where([id=maincontent]) isc-forum-post footer .md-button.generic-reply.opening-post .reply-button {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-forum-post footer .md-button.generic-reply[disabled] {
  background-color: #E0E0E0 !important;
  color: #9E9E9E !important;
}
:where([id=maincontent]) isc-forum-post footer.scout-conversation {
  max-width: 614px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post footer.scout-conversation {
    padding: 0 20px;
}
}
:where([id=maincontent]) isc-forum-post footer.scout-conversation .reply-button {
  margin: 0;
}
:where([id=maincontent]) isc-forum-post footer.scout-opening-post {
  max-width: 614px;
  margin: 0 auto;
  width: 100%;
}
:where([id=maincontent]) isc-forum-post footer.scout-opening-post .reply-button {
  margin: 0;
}
:where([id=maincontent]) isc-forum-post isc-stimuli,
:where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
  display: block;
  max-width: 100%;
  padding-bottom: 5px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post isc-stimuli,
[dir="ltr"] :where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
  float: left;
  padding-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post isc-stimuli,
[dir="rtl"] :where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
  float: right;
  padding-left: 5px;
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post isc-stimuli,
  :where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
    margin: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post isc-stimuli,
  [dir="ltr"] :where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
    padding-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post isc-stimuli,
  [dir="rtl"] :where([id=maincontent]) isc-forum-post isc-stimulus-item-preview {
    padding-left: 0;
}
}
:where([id=maincontent]) isc-forum-post .attachments a {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
}
:where([id=maincontent]) isc-forum-post .attachments p {
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  margin: 0;
}
:where([id=maincontent]) isc-forum-post.top-post {
  background-color: #F0F3F5;
  border-bottom: 1px solid #E0E0E0;
}
:where([id=maincontent]) isc-forum-post.top-post .header-replypostcontent-container {
  margin: 0;
  padding: 10px 20px 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.top-post .header-replypostcontent-container {
    padding: 15px 10px 0;
}
}
:where([id=maincontent]) isc-forum-post.top-post .header-replypostcontent-container.scout-conversation {
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post.top-post.consumer-intf .posted-key:before {
  display: none;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.top-post.scout-conversation footer {
    margin-left: 20px; /* override lateral margins*/
    margin-right: 20px;
}
}
:where([id=maincontent]) isc-forum-post.top-post like-button .md-button.md-primary {
  padding: 0 1px;
  margin: 0;
}
:where([id=maincontent]) isc-forum-post.consumer-intf .post-author-details .role,
:where([id=maincontent]) isc-forum-post.consumer-intf .post-author-details .status {
  display: none;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.consumer-intf .post-author-details .posted-key:before {
    display: none;
}
}
:where([id=maincontent]) isc-forum-post.consumer-intf:hover .forum-button {
  display: inline-block;
  padding: 0;
  min-width: 0;
  min-height: 19px;
  line-height: 19px;
  height: 28px;
  margin: 0;
}
:where([id=maincontent]) isc-forum-post.consumer-intf:hover .forum-button .typcn {
  font-size: 1.2rem;
  line-height: 1;
  height: 19px;
  display: inline-block;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.consumer-intf:focus .forum-button {
    display: inline-block;
}
}
:where([id=maincontent]) isc-forum-post .post-info .role:before,
:where([id=maincontent]) isc-forum-post .post-info .id:before,
:where([id=maincontent]) isc-forum-post .post-info .status:before,
:where([id=maincontent]) isc-forum-post .post-info .posted-key:before {
  content: "\a";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.54);
  display: inline-block;
  margin: 3px 4px;
}
:where([id=maincontent]) isc-forum-post.reply, :where([id=maincontent]) isc-forum-post.reply-level-3, :where([id=maincontent]) isc-forum-post.reply-level-2, :where([id=maincontent]) isc-forum-post.reply-level-1 {
  padding-right: 20px;
  padding-left: 20px;
}
:where([id=maincontent]) isc-forum-post.reply .reply-button, :where([id=maincontent]) isc-forum-post.reply-level-3 .reply-button, :where([id=maincontent]) isc-forum-post.reply-level-2 .reply-button, :where([id=maincontent]) isc-forum-post.reply-level-1 .reply-button {
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply .reply-button, [dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-3 .reply-button, [dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-2 .reply-button, [dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-1 .reply-button {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply .reply-button, [dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-3 .reply-button, [dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-2 .reply-button, [dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-1 .reply-button {
  margin-right: 0;
}
:where([id=maincontent]) isc-forum-post.reply .post-info, :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info, :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info, :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 100%;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply .post-info, :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info, :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info, :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info {
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 100%;
}
:where([id=maincontent]) isc-forum-post.reply .post-info .role:before, :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info .role:before, :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info .role:before, :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info .role:before,
  :where([id=maincontent]) isc-forum-post.reply .post-info .id:before,
  :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info .id:before,
  :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info .id:before,
  :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info .id:before,
  :where([id=maincontent]) isc-forum-post.reply .post-info .status:before,
  :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info .status:before,
  :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info .status:before,
  :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info .status:before,
  :where([id=maincontent]) isc-forum-post.reply .post-info .posted-key:before,
  :where([id=maincontent]) isc-forum-post.reply-level-3 .post-info .posted-key:before,
  :where([id=maincontent]) isc-forum-post.reply-level-2 .post-info .posted-key:before,
  :where([id=maincontent]) isc-forum-post.reply-level-1 .post-info .posted-key:before {
    width: 3px;
    height: 3px;
}
}
:where([id=maincontent]) isc-forum-post.reply .header-replypostcontent-container .underlined-title, :where([id=maincontent]) isc-forum-post.reply-level-3 .header-replypostcontent-container .underlined-title, :where([id=maincontent]) isc-forum-post.reply-level-2 .header-replypostcontent-container .underlined-title, :where([id=maincontent]) isc-forum-post.reply-level-1 .header-replypostcontent-container .underlined-title {
  display: none;
}
:where([id=maincontent]) isc-forum-post.reply .stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-3 .stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-2 .stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-1 .stimuli-container {
  border: solid 1px #D2D2D2;
}
:where([id=maincontent]) isc-forum-post.reply .broken-stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-3 .broken-stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-2 .broken-stimuli-container, :where([id=maincontent]) isc-forum-post.reply-level-1 .broken-stimuli-container {
  border: dashed 1px #f44336;
}
:where([id=maincontent]) isc-forum-post.reply .broken-stimuli-conatiner-owner:hover, :where([id=maincontent]) isc-forum-post.reply-level-3 .broken-stimuli-conatiner-owner:hover, :where([id=maincontent]) isc-forum-post.reply-level-2 .broken-stimuli-conatiner-owner:hover, :where([id=maincontent]) isc-forum-post.reply-level-1 .broken-stimuli-conatiner-owner:hover {
  background-color: #D2D2D2;
  cursor: hand;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply, :where([id=maincontent]) isc-forum-post.reply-level-3, :where([id=maincontent]) isc-forum-post.reply-level-2, :where([id=maincontent]) isc-forum-post.reply-level-1 {
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-0 .profile-image {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-0 .profile-image {
    width: 40px;
    height: 40px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-0 .stimuli-container {
  height: 115px;
  width: 250px;
  max-width: 100%;
  font-size: 1.8rem;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-0 .stimuli-container {
    min-height: 80px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-0 .isc-inline-image-stimuli img {
  max-width: 250px;
}
:where([id=maincontent]) isc-forum-post.reply-level-1 .profile-image {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-1 .profile-image {
    width: 40px;
    height: 40px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-1 .stimuli-container {
  height: calc(115px * 9 / 10);
  width: calc(250px * 9 / 10);
  max-width: 100%;
  font-size: 1.6rem;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-1 .stimuli-container {
    min-height: calc(80px * 9 / 10);
}
}
:where([id=maincontent]) isc-forum-post.reply-level-1 .isc-inline-image-stimuli img {
  max-width: calc(250px * 9 / 10);
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-2 {
  padding-left: 80px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-2 {
  padding-right: 80px;
}
@media only screen and (max-width: 958px) {
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-2 {
    padding-left: 45px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-2 {
    padding-right: 45px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-2 .reply-button {
    padding-right: 2px;
    margin-right: 2px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-2 .reply-button {
    padding-left: 2px;
    margin-left: 2px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-2.scout-conversation {
  max-width: 614px;
  margin: 0 auto;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-2.scout-conversation {
  padding-left: 25px;
  padding-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-2.scout-conversation {
  padding-right: 25px;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post.reply-level-2 .profile-image {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-2 .profile-image {
    width: 35px;
    height: 35px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-2 .stimuli-container {
  height: calc(115px * 8 / 10);
  width: calc(250px * 8 / 10);
  max-width: 100%;
  font-size: 1.4rem;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-2 .stimuli-container {
    min-height: calc(80px * 8 / 10);
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post.reply-level-2 .stimuli-container {
    max-width: 90%;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-2 .isc-inline-image-stimuli img {
  max-width: calc(250px * 8 / 10);
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-3 {
  padding-left: 130px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-3 {
  padding-right: 130px;
}
@media only screen and (max-width: 958px) {
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-3 {
    padding-left: 85px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-3 {
    padding-right: 85px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-3.scout-conversation {
  max-width: 614px;
  margin: 0 auto;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.reply-level-3.scout-conversation {
  padding-left: 50px;
  padding-right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.reply-level-3.scout-conversation {
  padding-right: 50px;
  padding-left: 0;
}
:where([id=maincontent]) isc-forum-post.reply-level-3 .profile-image {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-3 .profile-image {
    width: 30px;
    height: 30px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-3 .stimuli-container {
  height: calc(115px * 7 / 10);
  width: calc(250px * 7 / 10);
  max-width: 100%;
  font-size: 1.2rem;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-forum-post.reply-level-3 .stimuli-container {
    min-height: calc(80px * 7 / 10);
}
}
@media only screen and (max-width: 374px) {
:where([id=maincontent]) isc-forum-post.reply-level-3 .stimuli-container {
    max-width: 150px;
}
}
:where([id=maincontent]) isc-forum-post.reply-level-3 .isc-inline-image-stimuli img {
  max-width: calc(250px * 7 / 10);
}
:where([id=maincontent]) isc-forum-post.probing-question .forum-message-text.bulleted-question:before {
  content: "•";
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.probing-question .forum-message-text.bulleted-question:before {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.probing-question .forum-message-text.bulleted-question:before {
  margin-left: 5px;
}
:where([id=maincontent]) isc-forum-post.probing-question .post-info,
:where([id=maincontent]) isc-forum-post.probing-question .profile-image-link {
  display: none;
}
:where([id=maincontent]) isc-forum-post.probing-question .header-replypostcontent-container {
  vertical-align: top;
  width: calc(100% - 15px);
  border-top: 0;
  padding-top: 0;
  margin-top: -2px;
}
[dir="ltr"] :where([id=maincontent]) isc-forum-post.probing-question .header-replypostcontent-container {
  padding-left: 0;
  margin-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-forum-post.probing-question .header-replypostcontent-container {
  padding-right: 0;
  margin-right: 5px;
}
:where([id=maincontent]) isc-forum-post.probing-question .header-replypostcontent-container.scout-conversation {
  margin: 0;
  width: 100%;
}
:where([id=maincontent]) .sort-options-banner {
  flex-wrap: wrap;
}
:where([id=maincontent]) .sort-options-banner .qual-title span {
  display: block;
  word-wrap: break-word;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .sort-options-banner {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}
:where([id=maincontent]) .sort-options-banner .qual-title {
    align-self: flex-start;
    order: 2;
}
:where([id=maincontent]) .sort-options-banner .qual-title span {
    display: block;
    word-wrap: break-word;
}
:where([id=maincontent]) .sort-options-banner .qual-banner-dropdown {
    order: 1;
    align-self: flex-end;
}
}
:where([id=maincontent]) show-replies-button {
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) div.conversation-sort-header {
  margin-top: 10px;
  font-size: 1.3rem;
  background-color: #F0F3F5;
  border-bottom: 1px solid #E0DBDB;
}
[dir="ltr"] :where([id=maincontent]) div.conversation-sort-header {
  padding: 10px 20px 10px 19px;
}
[dir="rtl"] :where([id=maincontent]) div.conversation-sort-header {
  padding: 10px 19px 10px 20px;
}
:where([id=maincontent]) .reply-buttons {
  padding: 10px 20px;
}
:where([id=maincontent]) .scout-conversation.reply-buttons {
  max-width: 614px;
  margin: 0 auto;
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .scout-conversation .submit-answer-button {
    margin-left: 20px; /* override lateral margins*/
    margin-right: 20px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .scout-conversation isc-upload-conversation .info-text {
    margin-left: 20px; /* override lateral margins*/
    margin-right: 20px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .scout-conversation isc-caption-editor {
    margin: auto 20px;
}
}
@media only screen and (max-width: 958px) {
[dir="ltr"] :where([id=maincontent]) .scout-conversation .forum-message-text.bulleted-question:before {
    margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) .scout-conversation .forum-message-text.bulleted-question:before {
    margin-right: 20px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .scout-conversation .forum-message-text:not(.bulleted-question) > .isc-inline-image-stimuli {
    margin: auto 20px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .scout-conversation .reply-forum-post {
    margin: auto 20px;
}
}
:where([id=maincontent]) .text-focus-scout {
  padding: 0 20px;
  max-width: 614px;
  margin: 0 auto;
  width: 100%;
}
:where([id=maincontent]) .isc-inline-image-stimuli img {
  cursor: pointer;
}
:where([id=maincontent]) isc-stimuli,
:where([id=maincontent]) isc-stimulus-item-preview {
  display: block;
}
:where([id=maincontent]) div.label-preparing {
  position: relative;
}
:where([id=maincontent]) div.label-preparing span {
  position: absolute;
  bottom: 5px;
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) div.label-preparing span {
  left: 5px;
}
[dir="rtl"] :where([id=maincontent]) div.label-preparing span {
  right: 5px;
}
:where([id=maincontent]) div.label-red {
  position: absolute;
  margin-top: -22px;
  font-size: 1.1rem;
}
:where([id=maincontent]) div.label-red span {
  background-color: #D0021B;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 2px;
  border-radius: 3px;
}
:where([id=maincontent]) .broken-stimuli-container {
  border: dashed 1px #f44336 !important;
}
:where([id=maincontent]) .stimuli-container {
  display: block;
  position: relative;
  outline: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: transparent;
  padding: 0;
  width: 100%;
  padding-top: 53.7634408602%;
  border: none;
}
:where([id=maincontent]) .stimuli-container .video-overlay {
  height: 0;
  width: 30%;
  padding-bottom: 30%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
:where([id=maincontent]) .stimuli-container .video-overlay:focus-visible {
  outline: auto;
}
:where([id=maincontent]) .stimuli-container .video-overlay svg {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  height: 50%;
  fill: #FFFFFF;
  margin: auto;
}
[dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay svg.play-icon, [dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay svg.video-icon {
  left: 5%;
}
[dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay svg.play-icon, [dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay svg.video-icon {
  right: 5%;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  height: 100% !important;
  width: 100% !important;
  top: 0;
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular {
  right: 0;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular.white svg path {
  stroke: #FFFFFF;
}
:where([id=maincontent]) .stimuli-container .video-overlay md-progress-circular svg {
  width: 100% !important;
  height: 100% !important;
  transform-origin: inherit !important;
}
:where([id=maincontent]) .stimuli-container .hover-over-container {
  padding-bottom: 15%;
  background-color: #D2D2D2;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) .stimuli-container .hover-over-container:hover {
  opacity: 1;
}
:where([id=maincontent]) .stimuli-container .hover-over-container .icon {
  font-size: 2em;
}
:where([id=maincontent]) .image-stimuli-dialog, :where([id=maincontent]) .youtube-stimuli-dialog, :where([id=maincontent]) .vimeo-stimuli-dialog, :where([id=maincontent]) .video-stimuli-dialog {
  position: relative;
  display: block;
  background-color: transparent;
  box-shadow: none;
  overflow: visible;
}
:where([id=maincontent]) .image-stimuli-dialog img, :where([id=maincontent]) .youtube-stimuli-dialog img, :where([id=maincontent]) .vimeo-stimuli-dialog img, :where([id=maincontent]) .video-stimuli-dialog img {
  max-height: 80vh;
  max-width: 80vw;
}
:where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download, :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download {
  position: absolute;
  color: #FFFFFF;
  top: 5px;
  margin: 0;
  z-index: 2;
}
[dir="ltr"] :where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download, [dir="ltr"] :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download {
  right: 0;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
[dir="rtl"] :where([id=maincontent]) .image-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .youtube-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .vimeo-stimuli-dialog isc-stimuli-download, [dir="rtl"] :where([id=maincontent]) .video-stimuli-dialog isc-stimuli-download {
  left: 0;
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}
:where([id=maincontent]) .youtube-stimuli-dialog, :where([id=maincontent]) .vimeo-stimuli-dialog, :where([id=maincontent]) .video-stimuli-dialog {
  width: 80vw;
  height: 80vh;
  overflow: hidden;
}
:where([id=maincontent]) .youtube-stimuli-dialog > .container, :where([id=maincontent]) .vimeo-stimuli-dialog > .container, :where([id=maincontent]) .video-stimuli-dialog > .container {
  width: 80vw;
  height: 80vh;
}
:where([id=maincontent]) .youtube-stimuli-dialog iframe, :where([id=maincontent]) .vimeo-stimuli-dialog iframe, :where([id=maincontent]) .video-stimuli-dialog iframe {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
:where([id=maincontent]) .vimeo-stimuli-dialog vimeo-video {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
}
:where([id=maincontent]) .vimeo-stimuli-dialog iframe {
  height: 100%;
}
:where([id=maincontent]) .video-stimuli-dialog {
  overflow: hidden;
}
:where([id=maincontent]) isc-pagination {
  display: block;
  text-align: center;
}
:where([id=maincontent]) isc-pagination .dots {
  font-size: 0.3rem;
}
:where([id=maincontent]) isc-pagination .hide-arrow {
  visibility: hidden;
}
:where([id=maincontent]) isc-pagination .md-button {
  border-radius: 100%;
  width: 26px;
  height: 26px;
  min-height: 0;
  min-width: 0;
  line-height: 1;
  padding: 0;
}
:where([id=maincontent]) isc-pagination .md-button .md-ripple-container {
  border-radius: 100%;
}
:where([id=maincontent]) isc-pagination.intro {
  padding-top: 0;
  padding-bottom: 0;
}
:where([id=maincontent]) isc-conversation-sort-options .sort-label {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.34);
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-sort-options .sort-label {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-sort-options .sort-label {
  margin-left: 10px;
}
:where([id=maincontent]) isc-conversation-sort-options .room-name {
  font-size: 0.75rem;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container {
  margin: 0;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox {
  margin-bottom: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox {
  left: auto;
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox {
  right: auto;
  left: 0;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-label {
  font-size: 0.75rem;
  margin-top: 0;
  color: #9E9E9E;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-label {
  margin-left: 0;
  margin-right: 30px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-label {
  margin-right: 0;
  margin-left: 30px;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-container {
  margin: 2px;
  top: 9px;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-container {
  right: 0;
  left: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-container {
  left: 0;
  right: auto;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-container .md-icon {
  width: 16px;
  height: 16px;
}
:where([id=maincontent]) isc-conversation-sort-options isc-checkbox.group-by-member md-input-container md-checkbox .md-container .md-icon:after {
  width: 5px;
  height: 0.688rem;
}
:where([id=maincontent]) isc-conversation-list .thick {
  font-weight: bold;
}
:where([id=maincontent]) isc-conversation-list md-list {
  padding: 0 !important;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
  min-height: 62px;
  display: block;
  line-height: 17px;
  font-size: 0.8rem;
  letter-spacing: normal;
  word-break: break-word;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item {
  text-align: right;
}
@media only screen and (min-width: 959px) {
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item {
    padding-left: 25px;
    padding-right: 25px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item {
    padding-left: 10px;
    padding-right: 10px;
}
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item h3,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .md-no-style:before, :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item:before,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .md-list-item-inner:before {
  display: none;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header {
  display: flex;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  margin: 0 12px 0 0;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  margin: 0 0 0 12px;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header h3,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .h3 {
  display: inline;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header h3.has-notification,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .h3.has-notification {
  position: relative;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header h3.has-notification:after,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .h3.has-notification:after {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #D0021B;
  border-radius: 50%;
  position: absolute;
  margin-top: 5px;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header h3.has-notification:after,
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .h3.has-notification:after {
  right: 0;
  margin-right: -15px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header h3.has-notification:after,
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .h3.has-notification:after {
  left: 0;
  margin-left: -15px;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .post-date {
  display: block;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text {
  width: 100%;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text > .md-button {
  color: #FFFFFF;
  font-size: 0.8rem;
  line-height: inherit;
  min-height: 14px;
  min-width: 140px;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text > .md-button {
  margin: 0 0 0 4px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text > .md-button {
  margin: 0 4px 0 0;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers-container {
  white-space: nowrap;
  align-self: center;
}
[dir="ltr"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers-container {
  margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers-container {
  margin-right: 20px;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers {
  width: 90px;
  text-align: center;
  display: inline-block;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers {
    display: block;
    width: 56px;
    margin-bottom: 5px;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-numbers > span {
  display: block;
  white-space: nowrap;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text > div > h3,
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text > div > .h3 {
  margin: 0;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .dot {
  position: relative;
  width: 5px;
  display: inline-block;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .dot:before {
  content: ".";
  position: absolute;
  font-size: 1.2rem;
  top: -18px;
  z-index: 1;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .dot:first-of-type {
    display: none;
}
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item + md-divider {
  margin: 0 25px;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item + md-divider:last-child {
  display: none;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .hover-helper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item .hover-helper:focus {
  opacity: 0.05;
}
:where([id=maincontent]) isc-conversation-list md-list-item.conversation-md-list-item:hover .hover-helper {
  opacity: 0.05;
}
:where([id=maincontent]) isc-incentive .incentives-summary {
  margin-top: 20px;
  margin-bottom: 40px;
}
:where([id=maincontent]) isc-incentive .incentives-summary .header-spacer {
  width: 15.5%;
}
@media only screen and (min-width: 599px) {
:where([id=maincontent]) isc-incentive .incentives-summary .header-spacer {
    width: 12%;
}
}
@media only screen and (min-width: 599px) and (max-width: 958px) {
:where([id=maincontent]) isc-incentive .incentives-summary .header-spacer {
    width: 14%;
}
}
@media only screen and (min-width: 959px) and (max-width: 1278px) {
:where([id=maincontent]) isc-incentive .incentives-summary .header-spacer {
    width: 15%;
}
}
@media only screen and (min-width: 1279px) and (max-width: 1978px) {
:where([id=maincontent]) isc-incentive .incentives-summary .header-spacer {
    width: 15.5%;
}
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item {
  font-size: 0.875rem;
  margin: 0 30px;
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item {
    width: 50%;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item {
    margin-left: -3px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item {
    margin-right: -3px;
}
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon {
  font-size: 1.4rem;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon {
  margin-left: 10px;
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon.fa-gift {
  font-size: 2.5rem;
  margin-top: -5px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon.fa-gift {
  margin-right: 15px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon.fa-gift {
  margin-left: 15px;
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item .item-details {
  display: inline-block;
  line-height: 20px;
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item .item-details .layout-column > span:first-of-type {
  font-size: 1rem;
  font-weight: bold;
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item .item-details .layout-column > span:first-of-type.number-of-credits {
  font-size: 1.4rem;
}
@media only screen and (max-width: 598px) {
[dir="ltr"] :where([id=maincontent]) isc-incentive .incentives-summary.has-rewards {
    margin-left: 5%;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive .incentives-summary.has-rewards {
    margin-right: 5%;
}
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) isc-incentive .incentives-summary.has-rewards .summary-item {
    margin: 0;
    width: 33.33%;
}
}
:where([id=maincontent]) .red-dot {
  white-space: nowrap;
  color: #f44336;
  position: relative;
  top: -20px;
}
[dir="ltr"] :where([id=maincontent]) .red-dot {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) .red-dot {
  float: left;
}
:where([id=maincontent]) .red-dot:before {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f44336;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) .red-dot:before {
  margin: 0 10px 0 0;
}
[dir="rtl"] :where([id=maincontent]) .red-dot:before {
  margin: 0 0 0 10px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge {
  width: 31px;
  height: 31px;
  text-align: center;
  position: absolute;
  top: 20px;
  z-index: 68;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge {
  right: -7px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge {
  left: -7px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge.two-cards {
  top: 40px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge.one-card {
  top: 30px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab {
  box-shadow: unset;
  height: 31px;
  width: 31px;
  min-height: 31px;
  min-width: 31px;
  line-height: 31px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab:not([disabled]):active, :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab:not([disabled]):hover {
  box-shadow: none;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  font-size: 1.4rem;
  line-height: 16px;
  width: 23px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  color: #FFFFFF;
  margin: auto;
  margin-bottom: 1px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  margin-right: -4px;
}
:where([id=maincontent]) isc-incentive-card .timeline-item-date {
  position: absolute;
  top: 20px;
  font-size: 0.8rem;
  width: 150px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-item-date {
  left: -185px;
  text-align: right;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-item-date {
  right: -185px;
  text-align: left;
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) isc-incentive-card .timeline-item-date {
    top: 12px;
    width: 45px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-item-date {
    left: -67px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-item-date {
    right: -67px;
}
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge {
  left: 200px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge {
  right: 200px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button {
  pointer-events: none;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab.outdated md-icon {
  margin-left: -3px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab.outdated md-icon {
  margin-right: -3px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  font-size: 1.2rem;
  line-height: 20px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  margin-left: -2px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon {
  margin-right: -2px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-top: 4px;
  font-size: 1.4rem;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-right: -4px;
}
member-details-saving-up :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-top: 3px;
}
[dir="ltr"] member-details-saving-up :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-left: -4.5px;
}
[dir="rtl"] member-details-saving-up :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-ban {
  margin-right: -4.5px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-exclamation {
  margin-top: 4px;
}
member-details-saving-up :where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab md-icon.fas.fa-exclamation {
  margin-top: 1px;
}
:where([id=maincontent]) isc-incentive-card .timeline-badge .md-button.md-fab:disabled md-icon {
  color: #FFFFFF;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel {
  padding: 10px 15px;
  min-height: 63px;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-panel {
  left: -3.5%;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-panel {
  right: -3.5%;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel.primary .timeline-title {
  color: #347F62;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel.todo {
  padding-bottom: 0;
  border-bottom: 6px solid #f44336;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-title {
  text-transform: uppercase;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-title > div > span:first-of-type {
  font-weight: bold;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-title > div > span:first-of-type.credit {
  font-size: 1.1rem;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-title > div > div > span {
  text-transform: initial;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body h4 {
  margin-top: 0;
  margin-bottom: 0;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body h4.primary {
  color: #347F62;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body h4 i {
  margin: 5px 5px 5px 0;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body h4 i {
  margin: 5px 0 5px 5px;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body a {
  margin: 0 0 7px;
  width: 190px;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .incomplete-reason {
  font-size: 0.8rem;
  font-weight: 300;
  margin-top: 5px;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .md-button {
  margin: 10px 0 5px;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .reward-statusses {
  margin: 0 5px;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .chip {
  font-family: "Open Sans";
  font-size: 0.8rem;
  opacity: 0.75;
  border-radius: 100px;
  padding: 0 10px;
  margin: 0 2px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  border: rgba(0, 0, 0, 0.87) 1px solid;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .chip.highlight {
  color: #347F62;
  border: #347F62 1px solid;
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .timeline-body .activity-name {
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) isc-incentive-card .timeline-panel .toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
[dir="ltr"] :where([id=maincontent]) isc-incentive-card .timeline-panel .toggle {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-incentive-card .timeline-panel .toggle {
  left: 0;
}
:where([id=maincontent]) isc-incentive-card .activity-locked {
  padding: 10px 0;
  height: 30px;
}
:where([id=maincontent]) isc-incentive-card .activity-locked md-icon {
  display: inline;
}
:where([id=maincontent]) .timeline-card {
  opacity: 1;
  transition: opacity 1s;
  display: block;
}
:where([id=maincontent]) .timeline-card div.notification-bell {
  position: absolute;
  top: 0;
  padding: 4px 6px;
  border-radius: 50%;
  background-color: #D0021B;
  text-align: center;
  font-size: 1.1rem;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card div.notification-bell {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card div.notification-bell {
  left: 0;
}
:where([id=maincontent]) .timeline-card div.notification-bell md-icon {
  color: #FFFFFF;
}
:where([id=maincontent]) .timeline-card .sticky-container div.notification-bell {
  margin-top: -4px;
}
:where([id=maincontent]) .timeline-card.invisible {
  opacity: 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-title {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  word-wrap: break-word;
  padding: 20px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title {
  text-align: right;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab {
    width: 31px;
    height: 31px;
    text-align: center;
    box-shadow: unset;
    min-height: 31px;
    min-width: 31px;
    line-height: 31px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab {
    margin: 0 3px 0 0;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab {
    margin: 0 0 0 3px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab:not([disabled]):active, :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab:not([disabled]):hover {
    box-shadow: none;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab md-icon {
    font-size: 1.4rem;
    line-height: 16px;
    width: 23px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    color: #FFFFFF;
    margin-bottom: 1px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab md-icon {
    margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-title .timeline-badge-inline.md-button.md-fab md-icon {
    margin-right: -4px;
}
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-title:focus {
  outline: none;
}
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container {
  padding: 0 20px;
  margin-bottom: 10px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container.stimuli {
  position: relative;
  top: 15px;
  height: 0;
  z-index: 1;
  padding: 0;
  margin: 0 30px 0 30px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .sticky,
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 0.8rem;
  opacity: 0.75;
  background-color: #000000;
  border-radius: 20px;
  padding: 5px 15px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .sticky,
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  margin: 0 5px 0 0;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .sticky,
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  margin: 0 0 0 5px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .sticky {
  line-height: 28px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .sticky-container .chip {
  left: 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-theme {
  margin-bottom: 20px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-theme .theme-name {
  font-size: 0.8rem;
  padding: 5px 20px 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel isc-stimuli {
  margin: 0 20px 20px;
}
:where([id=maincontent]) .timeline-card .timeline-panel isc-stimuli button {
  cursor: default;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body {
  margin-bottom: 20px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text {
  word-break: break-word;
  padding: 0 20px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text {
  text-align: right;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text p:empty {
  display: none;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text > p {
  margin: 10px 0 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text > p:first-child {
  margin-top: 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .text > p + p {
  margin-top: 5px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .overlay-container {
  position: relative;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-body .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  z-index: 10;
  outline: none;
}
:where([id=maincontent]) .timeline-card .timeline-panel md-divider {
  margin: 0 20px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer {
  padding: 0;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer challenge-card-footer {
  margin: 0 0 20px 20px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer challenge-card-footer {
  margin: 0 20px 20px 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .md-button {
  margin: 0;
  font-weight: bold;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .call-to-action {
  margin-bottom: 20px;
  margin-inline-start: auto;
  padding: 0 20px;
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .call-to-action {
    width: 100%;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .call-to-action .md-button {
    width: 100%;
}
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer md-icon {
  width: 12px;
  min-width: 12px;
  font-size: 0.8rem;
  min-height: 14px;
  max-height: 14px;
  color: inherit;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .typcn:before {
  vertical-align: top;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .fa.fa-clock {
  font-size: 1.4rem;
  position: relative;
  top: -1px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .fa.fa-gift {
  font-size: 0.8rem;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons {
  margin-bottom: 20px;
  white-space: nowrap;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons {
  padding-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons {
  padding-right: 20px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon {
  line-height: 28px;
  vertical-align: center;
  white-space: nowrap;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon .date-label {
  margin-right: -5px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon .date-label {
  margin-left: -5px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon > span {
  vertical-align: middle;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon:last-child {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon:last-child {
  margin-left: 0;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon.separator {
  margin: 0 10px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .timeline-footer .footer-icons .footer-icon.separator md-icon {
  line-height: 15px;
  font-size: 0.4rem;
  margin: 0;
  min-width: 6px;
  width: 6px;
}
:where([id=maincontent]) .timeline-card .timeline-panel .clickable {
  cursor: pointer;
}
:where([id=maincontent]) .timeline-card .timeline-badge {
  width: 31px;
  height: 31px;
  text-align: center;
  position: absolute;
  top: 20px;
  z-index: 68;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-badge {
  right: -7px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-badge {
  left: -7px;
}
:where([id=maincontent]) .timeline-card .timeline-badge.two-cards {
  top: 40px;
}
:where([id=maincontent]) .timeline-card .timeline-badge.one-card {
  top: 30px;
}
:where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab {
  box-shadow: unset;
  height: 31px;
  width: 31px;
  min-height: 31px;
  min-width: 31px;
  line-height: 31px;
}
:where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab:not([disabled]):active, :where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab:not([disabled]):hover {
  box-shadow: none;
}
:where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab md-icon {
  font-size: 1.4rem;
  line-height: 16px;
  width: 23px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  color: #FFFFFF;
  margin: auto;
  margin-bottom: 1px;
}
[dir="ltr"] :where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab md-icon {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) .timeline-card .timeline-badge .md-button.md-fab md-icon {
  margin-right: -4px;
}
:where([id=maincontent]) isc-timeline-challenge-card .card-stack-one-card,
:where([id=maincontent]) isc-timeline-challenge-card .card-stack-two-cards {
  margin-top: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 12px;
  background-color: #FFFFFF;
  box-shadow: 0 -2px 4px 0 #9E9E9E;
}
:where([id=maincontent]) isc-timeline-challenge-card .card-stack-one-card {
  margin-left: 9px;
  margin-right: 9px;
}
:where([id=maincontent]) isc-timeline-challenge-card .card-stack-two-cards {
  margin-left: 19px;
  margin-right: 19px;
}
:where([id=maincontent]) isc-timeline-challenge-card .timeline-panel.sequenced {
  box-shadow: 0 -2px 4px 0 #9E9E9E;
}
:where([id=maincontent]) isc-timeline-challenge-card .cards-stack-navigation,
:where([id=maincontent]) isc-timeline-challenge-card .activity-locked {
  padding: 0 20px;
  height: 48px;
}
:where([id=maincontent]) isc-timeline-challenge-card .cards-stack-navigation md-icon,
:where([id=maincontent]) isc-timeline-challenge-card .activity-locked md-icon {
  display: inline;
}
:where([id=maincontent]) isc-timeline-challenge-card .activity-locked {
  height: 48px;
}
:where([id=maincontent]) isc-timeline-challenge-card .cards-stack-navigation {
  font-weight: bold;
  padding-bottom: 20px;
}
:where([id=maincontent]) isc-timeline-challenge-card .timeline-footer challenge-card-footer {
  white-space: nowrap;
  max-width: 200px;
}
:where([id=maincontent]) isc-timeline-challenge-card .call-to-action {
  align-self: flex-end;
}
:where([id=maincontent]) isc-timeline-challenge-card .navigate-stack-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  cursor: pointer;
}
:where([id=maincontent]) isc-timeline-challenge-card .navigate-stack-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
:where([id=maincontent]) isc-timeline-challenge-card .navigate-stack-button:focus {
  outline: 0;
}
:where([id=maincontent]) challenge-card-footer .widgets {
  margin-top: 25px;
  display: block;
  font-size: 0.8rem;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) challenge-card-footer .widgets {
    margin-top: 15px;
}
}
:where([id=maincontent]) challenge-card-footer .widgets.has-previous {
  padding-bottom: 10px;
}
:where([id=maincontent]) challenge-card-footer .widgets .widget {
  line-height: 28px;
  vertical-align: middle;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) challenge-card-footer .widgets .widget {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) challenge-card-footer .widgets .widget {
  margin-left: 5px;
}
:where([id=maincontent]) challenge-card-footer .widgets .star-widget {
  line-height: 28px;
}
:where([id=maincontent]) challenge-card-footer .widgets .slash {
  margin-right: 8px;
  margin-left: 8px;
}
:where([id=maincontent]) challenge-card-footer .widgets md-icon {
  font-size: 13px;
  max-height: 13px;
  min-height: 13px;
  max-width: 13px;
  min-width: 13px;
  min-height: 14px;
  max-height: 14px;
}
[dir="ltr"] :where([id=maincontent]) challenge-card-footer .widgets md-icon {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) challenge-card-footer .widgets md-icon {
  margin-left: 5px;
}
[dir="ltr"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-hourglass-end {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-hourglass-end {
  margin-left: 0;
}
[dir="ltr"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-star {
  margin: 0 5px 0 -2px;
}
[dir="rtl"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-star {
  margin: 0 -2px 0 5px;
}
[dir="ltr"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-database {
  margin-right: 1px;
}
[dir="rtl"] :where([id=maincontent]) challenge-card-footer .widgets .fa.fa-database {
  margin-left: 1px;
}
:where([id=maincontent]) challenge-card-footer .widgets .fa.fa-clock {
  font-size: 0.8rem;
  position: relative;
  top: -2px;
}
:where([id=maincontent]) challenge-card-footer .widgets .rewards {
  font-size: 0.8rem;
  margin-top: 4px;
}
:where([id=maincontent]) isc-timeline ul.timeline {
  list-style: none;
  padding: 0;
  position: relative;
  clear: both;
  overflow: hidden;
  margin: 5px 0 20px;
}
:where([id=maincontent]) isc-timeline ul.timeline div.timeline-badge.hide-ending:after {
  width: 40px;
  height: 100px;
  content: " ";
  display: block;
  background-color: #FAFAFA;
  margin-top: -10px;
}
:where([id=maincontent]) isc-timeline ul.timeline:before {
  top: 26px;
  bottom: 45px;
  position: absolute;
  content: " ";
  width: 2px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline:before {
  left: 50%;
  margin-left: -1.5px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline:before {
  right: 50%;
  margin-right: -1.5px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only:before {
  left: 22.4%;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only:before {
  right: 22.4%;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
  margin-bottom: 20px;
  width: 72.5%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
  left: 22.5%;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
  right: 22.5%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel {
  float: left;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel .before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -15px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel .before {
  border-right-width: 0;
  border-left-width: 14px;
  right: -15px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel .after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel .after {
  border-right-width: 0;
  border-left-width: 14px;
  right: -14px;
  left: auto;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .before {
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .before {
  left: -11px;
  right: auto;
  border-left: 0 solid #D2D2D2;
  border-right: 10px solid #D2D2D2;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .before {
  right: -11px;
  left: auto;
  border-right: 0 solid #D2D2D2;
  border-left: 10px solid #D2D2D2;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .after {
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .after {
  left: -10px;
  right: auto;
  border-left: 0 solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel .after {
  right: -10px;
  left: auto;
  border-right: 0 solid #FFFFFF;
  border-left: 10px solid #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel.highlighted .after {
  border-left: 0 solid #F0F0F0;
  border-right: 10px solid #F0F0F0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.small-cards .timeline-panel.highlighted .after {
  border-right: 0 solid #F0F0F0;
  border-left: 10px solid #F0F0F0;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panel {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panel {
  float: left;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panel .before {
  border-left: 0;
  border-right: 14px;
  left: -15px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panel .before {
  border-right: 0;
  border-left: 14px;
  right: -15px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panelafter {
  border-left: 0;
  border-right: 14px;
  left: -14px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .card-stack-panelafter {
  border-right: 0;
  border-left: 14px;
  right: -14px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge {
  left: -25px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge {
  right: -25px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon {
  margin-right: -4px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa {
  margin-top: 2px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa {
  margin-right: -4px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa-times {
  margin-bottom: -2px;
  font-size: 1.7rem;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa-times {
  margin-left: -2px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa-times {
  margin-right: -2px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge md-icon.fa-envelope {
  margin-top: 2px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.moreCards > span {
  margin-left: -16px;
  left: -27px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.moreCards > span {
  margin-right: -16px;
  right: -27px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only .last-item {
  margin-bottom: 80px;
}
:where([id=maincontent]) isc-timeline ul.timeline .last-item li.timeline-inverted,
:where([id=maincontent]) isc-timeline ul.timeline .last-item li.timeline-left {
  margin-bottom: 80px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem {
  float: left;
  clear: left;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem {
  float: right;
  clear: right;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards {
  position: absolute;
  bottom: 5px;
  margin-bottom: 0;
  user-select: none;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards {
  left: 25%;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards {
  right: 25%;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span {
  outline: none;
  height: 31px;
  width: 31px;
  font-size: 1.4rem;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 50%;
  line-height: 14px;
  text-align: center;
  position: relative;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span.disabled {
  border: none;
  cursor: not-allowed;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span.done {
  border: none;
  border-top: 2px solid #D2D2D2;
  cursor: default;
  border-radius: 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span.done {
    display: none;
}
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards > span.done * {
  display: none;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards md-progress-circular {
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards md-progress-circular {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards md-progress-circular {
  right: 0;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted {
  margin-bottom: 20px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted {
  float: right;
  clear: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted {
  float: left;
  clear: left;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .before {
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .before {
  left: -11px;
  right: auto;
  border-left: 0 solid #D2D2D2;
  border-right: 10px solid #D2D2D2;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .before {
  right: -11px;
  left: auto;
  border-right: 0 solid #D2D2D2;
  border-left: 10px solid #D2D2D2;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .after {
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .after {
  left: -10px;
  right: auto;
  border-left: 0 solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel .after {
  right: -10px;
  left: auto;
  border-right: 0 solid #FFFFFF;
  border-left: 10px solid #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel.highlighted .after {
  border-left: 0 solid #F0F0F0;
  border-right: 10px solid #F0F0F0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted li.list-item.small-cards .timeline-panel.highlighted .after {
  border-right: 0 solid #F0F0F0;
  border-left: 10px solid #F0F0F0;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel {
  float: left;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel .before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -15px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel .before {
  border-right-width: 0;
  border-left-width: 14px;
  right: -15px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel .after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-panel .after {
  border-right-width: 0;
  border-left-width: 14px;
  right: -14px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel {
  float: left;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel .before {
  border-left: 0;
  border-right: 14px;
  left: -15px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel .before {
  border-right: 0;
  border-left: 14px;
  right: -15px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel .after {
  border-left: 0;
  border-right: 14px;
  left: -14px;
  right: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .card-stack-panel .after {
  border-right: 0;
  border-left: 14px;
  right: -14px;
  left: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-badge {
  left: -25px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-badge {
  right: -25px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-badge md-icon {
  margin-left: -4px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted .timeline-badge md-icon {
  margin-right: -4px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
  width: calc(93% - 10px);
  position: relative;
  font-size: 0.875rem;
  border-radius: 3px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
  float: right;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .before {
  position: absolute;
  top: 22px;
  display: inline-block;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .before {
  right: -15px;
  border-left: 14px solid #D2D2D2;
  border-right: 0 solid #D2D2D2;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .before {
  left: -15px;
  border-right: 14px solid #D2D2D2;
  border-left: 0 solid #D2D2D2;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .after {
  position: absolute;
  top: 22px;
  display: inline-block;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .after {
  right: -14px;
  border-left: 14px solid #FFFFFF;
  border-right: 0 solid #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .after {
  left: -14px;
  border-right: 14px solid #FFFFFF;
  border-left: 0 solid #FFFFFF;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.no-arrow .before {
  display: none !important;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.no-arrow .after {
  display: none !important;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.no-border {
  border: 0;
  background-color: #F0F0F0;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.highlighted {
  background-color: #F0F0F0;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.highlighted .after {
  border-left: 14px solid #F0F0F0;
  border-right: 0 solid #F0F0F0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel.highlighted .after {
  border-right: 14px solid #F0F0F0;
  border-left: 0 solid #F0F0F0;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
  width: calc(93% - 10px);
  position: relative;
  font-size: 0.875rem;
  border-radius: 3px;
  margin-top: 3px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
  float: right;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .before {
  position: absolute;
  top: 22px;
  display: inline-block;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .before {
  right: -15px;
  border-left: 14px solid #D2D2D2;
  border-right: 0 solid #D2D2D2;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .before {
  left: -15px;
  border-right: 14px solid #D2D2D2;
  border-left: 0 solid #D2D2D2;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .after {
  position: absolute;
  top: 22px;
  display: inline-block;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .after {
  right: -14px;
  border-left: 14px solid #FFFFFF;
  border-right: 0 solid #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .after {
  left: -14px;
  border-right: 14px solid #FFFFFF;
  border-left: 0 solid #FFFFFF;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-badge,
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-item-date {
  top: 5px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .before {
  top: 13px;
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .before {
  right: -11px;
  border-left: 10px solid #D2D2D2;
  border-right: 0 solid #D2D2D2;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .before {
  left: -11px;
  border-right: 10px solid #D2D2D2;
  border-left: 0 solid #D2D2D2;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .after {
  top: 13px;
  display: inline-block;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .after {
  right: -10px;
  border-left: 10px solid #FFFFFF;
  border-right: 0 solid #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.small-cards .timeline-panel .after {
  left: -10px;
  border-right: 10px solid #FFFFFF;
  border-left: 0 solid #FFFFFF;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.extra-small-cards .timeline-badge,
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.extra-small-cards .timeline-item-date {
  top: -2px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.extra-small-cards .timeline-panel {
  min-height: 39px;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-timeline ul.timeline:before {
    content: none;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only:before {
    content: " ";
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only:before {
    left: 9%;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only:before {
    right: 9%;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only .last-item {
    margin-bottom: 50px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
    margin-bottom: 10px;
    width: 100%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
    left: auto;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem {
    right: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.moreCards {
    left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.moreCards {
    right: 0;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem.first-inverted {
    margin-top: 0;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge {
    display: initial;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge {
    left: 9%;
    margin-left: -24px;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-badge {
    right: 9%;
    margin-right: -24px;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-item-date {
    display: none;
}
:where([id=maincontent]) isc-timeline ul.timeline.right-only li.listItem .timeline-panel {
    width: 80%;
}
:where([id=maincontent]) isc-timeline ul.timeline .last-item li.timeline-inverted,
  :where([id=maincontent]) isc-timeline ul.timeline .last-item li.timeline-left {
    margin-bottom: 50px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem {
    width: 100%;
    margin-bottom: 10px;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards {
    left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem.moreCards {
    right: 0;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
    width: 100%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
    float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel {
    float: left;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .after,
  :where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-panel .before {
    display: none;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
    width: 100%;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
    float: right;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel {
    float: left;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .after,
  :where([id=maincontent]) isc-timeline ul.timeline li.listItem .card-stack-panel .before {
    display: none;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem .timeline-badge {
    display: none;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted {
    margin-bottom: 10px;
}
:where([id=maincontent]) isc-timeline ul.timeline li.listItem.timeline-inverted.first-inverted {
    margin-top: 0;
}
}
:where([id=maincontent]) .notif {
  text-align: center;
}
:where([id=maincontent]) .clear-container {
  text-align: center;
  background-color: #FFFFFF;
  cursor: pointer;
  color: #004750;
  font-weight: bold;
  height: 30px;
}
:where([id=maincontent]) .clear-container span {
  position: relative;
  top: 5px;
}
:where([id=maincontent]) .clear-container:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
[dir="ltr"] :where([id=maincontent]) .md-open-menu-container:before {
  right: 27px !important;
}
[dir="rtl"] :where([id=maincontent]) .md-open-menu-container:before {
  left: 27px !important;
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 540px;
  max-width: 320px;
  display: block;
  overflow-x: auto;
}
@media screen and (max-height: 700px) {
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content {
    max-height: 70vh;
}
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content .md-button {
  padding-bottom: 8px;
  padding-top: 8px;
  line-height: 17px;
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content .md-button:not(.last-element) {
  border-bottom: 1px solid #E0DBDB;
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content .notification-label {
  white-space: normal;
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) .md-open-menu-container > .notification-menu-content .notification-label {
  margin-right: 7px;
}
[dir="rtl"] :where([id=maincontent]) .md-open-menu-container > .notification-menu-content .notification-label {
  margin-left: 7px;
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content md-menu-item {
  display: block;
  height: auto;
  min-height: 0;
}
:where([id=maincontent]) .md-open-menu-container > .notification-menu-content md-menu-item md-icon.close {
  position: absolute;
  top: 7px;
}
[dir="ltr"] :where([id=maincontent]) .md-open-menu-container > .notification-menu-content md-menu-item md-icon.close {
  right: 0;
  margin-right: 0;
  padding-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .md-open-menu-container > .notification-menu-content md-menu-item md-icon.close {
  left: 0;
  margin-left: 0;
  padding-right: 5px;
}
:where([id=maincontent]) isc-user-notification a.bell:not([disabled]):hover {
  background-color: transparent;
}
:where([id=maincontent]) isc-user-notification .notifications .menu-icon {
  cursor: pointer;
  position: relative;
  top: 7px;
}
:where([id=maincontent]) isc-user-notification .notifications .bell {
  min-width: inherit;
  min-height: inherit;
}
:where([id=maincontent]) isc-user-notification .notifications.mobile notification-counter .numbered-circle {
  bottom: 32px;
  width: 17px;
  height: 17px;
  line-height: 17px;
}
[dir="ltr"] :where([id=maincontent]) isc-user-notification .notifications.mobile notification-counter .numbered-circle {
  left: 11px;
}
[dir="rtl"] :where([id=maincontent]) isc-user-notification .notifications.mobile notification-counter .numbered-circle {
  right: 11px;
}
:where([id=maincontent]) isc-user-notification .notifications.mobile md-icon {
  font-size: 1.6rem;
}
:where([id=maincontent]) notification-counter .numbered-circle {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #D0021B;
  color: #FFFFFF;
  font-size: 0.6rem;
  font-weight: bold;
  position: relative;
  bottom: 22px;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) notification-counter .numbered-circle {
  left: 12px;
}
[dir="rtl"] :where([id=maincontent]) notification-counter .numbered-circle {
  right: 12px;
}
:where([id=maincontent]) notification-counter.hidden-counter {
  visibility: hidden;
}
[dir="ltr"] :where([id=maincontent]) .media-recorder .pull-right {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .media-recorder .pull-right {
  margin-left: 0;
}
:where([id=maincontent]) .media-recorder .video-container {
  position: relative;
  width: 100%;
  height: 100%;
}
:where([id=maincontent]) .media-recorder .video-container canvas,
:where([id=maincontent]) .media-recorder .video-container video,
:where([id=maincontent]) .media-recorder .video-container .status-message {
  width: 640px;
  height: 480px;
}
:where([id=maincontent]) .media-recorder .video-container .status-message {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([id=maincontent]) .media-recorder .video-container video {
  min-width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
:where([id=maincontent]) .media-recorder .video-container .overlay {
  height: 99.5%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background: #E3E2E2;
  opacity: 0.5;
  text-align: center;
  font-size: 3.1rem;
  font-weight: bold;
}
[dir="ltr"] :where([id=maincontent]) .media-recorder .video-container .overlay {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .media-recorder .video-container .overlay {
  right: 0;
}
:where([id=maincontent]) .media-recorder .video-container .overlay .overlay-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
:where([id=maincontent]) .media-recorder .video-toolbar {
  display: inline;
}
:where([id=maincontent]) .media-recorder .video-toolbar .options-button isc-button-icon {
  font-size: 24px;
}
:where([id=maincontent]) .media-recorder .video-progress-container {
  min-height: 40px;
  font-weight: bold;
}
:where([id=maincontent]) .media-recorder .video-progress-container i {
  font-size: 24px;
  color: #FF0000;
}
:where([id=maincontent]) .media-recorder isc-button-icon md-icon {
  margin-bottom: 5px;
}
:where([id=maincontent]) isc-search-counter .search-counter-container {
  background-color: #347F62;
  color: #FFFFFF;
  border-radius: 5px;
  display: inline-flex;
  padding: 5px;
  font-size: 0.8rem;
  justify-content: center;
}
:where([id=maincontent]) isc-search-counter .search-counter-container:hover {
  text-decoration: underline;
}
:where([id=maincontent]) isc-search-counter .search-counter-container .search-counter {
  width: auto;
}
:where([id=maincontent]) isc-switch md-switch.no-margin {
  margin: 0;
}
:where([id=maincontent]) isc-switch {
  font-size: 0.875rem;
}
:where([id=maincontent]) isc-switch .tooltip {
  display: inline;
  color: #9E9E9E;
}
:where([id=maincontent]) isc-switch .tooltip .fa {
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) isc-switch .tooltip .fa {
  margin-left: 1%;
}
[dir="rtl"] :where([id=maincontent]) isc-switch .tooltip .fa {
  margin-right: 1%;
}
:where([id=maincontent]) {
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
}
:where([id=maincontent]) html {
  font-family: sans-serif;
  /* stylelint-disable */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* stylelint-enable */
}
:where([id=maincontent]) body {
  margin: 0;
}
:where([id=maincontent]) article,
:where([id=maincontent]) aside,
:where([id=maincontent]) details,
:where([id=maincontent]) figcaption,
:where([id=maincontent]) figure,
:where([id=maincontent]) footer,
:where([id=maincontent]) header,
:where([id=maincontent]) hgroup,
:where([id=maincontent]) main,
:where([id=maincontent]) menu,
:where([id=maincontent]) nav,
:where([id=maincontent]) section,
:where([id=maincontent]) summary {
  display: block;
}
:where([id=maincontent]) audio,
:where([id=maincontent]) canvas,
:where([id=maincontent]) progress,
:where([id=maincontent]) video {
  display: inline-block;
  vertical-align: baseline;
}
:where([id=maincontent]) audio:not([controls]) {
  display: none;
  height: 0;
}
:where([id=maincontent]) [hidden],
:where([id=maincontent]) template {
  display: none;
}
:where([id=maincontent]) a {
  background-color: transparent;
  color: #337AB7;
  text-decoration: none;
}
:where([id=maincontent]) a:active,
:where([id=maincontent]) a:hover {
  outline: 0;
}
:where([id=maincontent]) abbr[title] {
  border-bottom: 1px dotted;
}
:where([id=maincontent]) b,
:where([id=maincontent]) strong {
  font-weight: bold;
}
:where([id=maincontent]) dfn {
  font-style: italic;
}
:where([id=maincontent]) h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
:where([id=maincontent]) mark {
  background: #FFFF00;
  color: #000000;
}
:where([id=maincontent]) small {
  font-size: 80%;
}
:where([id=maincontent]) sub,
:where([id=maincontent]) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where([id=maincontent]) sup {
  top: -0.5em;
}
:where([id=maincontent]) sub {
  bottom: -0.25em;
}
:where([id=maincontent]) img {
  border: 0;
}
:where([id=maincontent]) svg:not(:root) {
  overflow: hidden;
}
:where([id=maincontent]) figure {
  margin: 1em 40px;
}
:where([id=maincontent]) hr {
  box-sizing: content-box;
  height: 0;
}
:where([id=maincontent]) pre {
  overflow: auto;
}
:where([id=maincontent]) code,
:where([id=maincontent]) kbd,
:where([id=maincontent]) pre,
:where([id=maincontent]) samp {
  font-family: monospace;
  font-size: 1em;
}
:where([id=maincontent]) button,
:where([id=maincontent]) input,
:where([id=maincontent]) optgroup,
:where([id=maincontent]) select,
:where([id=maincontent]) textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
:where([id=maincontent]) button {
  overflow: visible;
}
:where([id=maincontent]) button,
:where([id=maincontent]) select {
  text-transform: none;
}
:where([id=maincontent]) button,
:where([id=maincontent]) html input[type=button],
:where([id=maincontent]) input[type=reset],
:where([id=maincontent]) input[type=submit] {
  appearance: button;
  cursor: pointer;
}
:where([id=maincontent]) button[disabled],
:where([id=maincontent]) html input[disabled] {
  cursor: default;
}
:where([id=maincontent]) button::-moz-focus-inner,
:where([id=maincontent]) input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
:where([id=maincontent]) input {
  line-height: normal;
}
:where([id=maincontent]) input[type=checkbox],
:where([id=maincontent]) input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
:where([id=maincontent]) input[type=number]::-webkit-inner-spin-button,
:where([id=maincontent]) input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
:where([id=maincontent]) input[type=search] {
  appearance: textfield;
  box-sizing: content-box;
}
:where([id=maincontent]) input[type=search]::-webkit-search-cancel-button,
:where([id=maincontent]) input[type=search]::-webkit-search-decoration {
  appearance: none;
}
:where([id=maincontent]) fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
:where([id=maincontent]) legend {
  border: 0;
  padding: 0;
}
:where([id=maincontent]) textarea {
  overflow: auto;
}
:where([id=maincontent]) optgroup {
  font-weight: bold;
}
:where([id=maincontent]) table {
  border-collapse: collapse;
  border-spacing: 0;
}
:where([id=maincontent]) td,
:where([id=maincontent]) th {
  padding: 0;
}
:where([id=maincontent]) *,
:where([id=maincontent]) :after,
:where([id=maincontent]) :before {
  box-sizing: border-box;
}
:where([id=maincontent]) [role=button] {
  cursor: pointer;
}
:where([id=maincontent]) isc-probequestion-editor {
  color: #000000;
}
:where([id=maincontent]) isc-probequestion-editor isc-forum-post.top-post {
  margin-top: 30px;
  border: 0;
}
:where([id=maincontent]) isc-probequestion-editor isc-forum-post.probing-question {
  background-color: transparent;
}
:where([id=maincontent]) isc-probequestion-editor isc-forum-post.scout-conversation {
  max-width: 614px;
  margin: 0 auto !important;
}
:where([id=maincontent]) isc-probequestion-editor .optional-text {
  font-style: italic;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.54);
  word-break: keep-all;
}
[dir="ltr"] :where([id=maincontent]) isc-probequestion-editor .optional-text {
  margin-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-probequestion-editor .optional-text {
  margin-right: 5px;
}
:where([id=maincontent]) isc-probequestion-editor md-input-container {
  margin-bottom: 0;
}
:where([id=maincontent]) isc-probequestion-editor div.forum-message-text {
  display: flex;
}
:where([id=maincontent]) isc-probequestion-editor div.forum-message-text :first-child {
  margin-top: 0 !important;
}
:where([id=maincontent]) isc-probequestion-editor .nw-editor {
  height: auto;
  padding: 0;
  min-height: auto;
}
:where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor .nw-editor__res {
  min-height: auto;
}
:where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor__res {
  min-height: 100px;
  display: block;
  transition: min-height 0.5s ease;
}
[dir="ltr"] :where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor__res {
  padding: 10px 0 5px 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor__res {
  padding: 10px 5px 5px 0;
}
:where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor__res:focus {
  min-height: 200px;
}
:where([id=maincontent]) isc-probequestion-editor .nw-editor .nw-editor__res:focus:before {
  content: "";
  display: inline;
}
:where([id=maincontent]) isc-probequestion-editor isc-caption-editor .nw-editor .nw-editor__res:focus {
  min-height: initial;
}
:where([id=maincontent]) isc-probequestion-editor isc-post-footer {
  width: 100%;
}
:where([id=maincontent]) isc-probequestion-editor .attachments {
  width: 100%;
  margin-top: 7px;
}
[dir="ltr"] :where([id=maincontent]) isc-probequestion-editor .attachments {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) isc-probequestion-editor .attachments {
  float: right;
}
:where([id=maincontent]) isc-probequestion-editor .show-more-container {
  overflow: hidden;
  flex: 1;
}
:where([id=maincontent]) isc-probequestion-editor div[show-more] + div > .attachments {
  margin-bottom: 13px;
  margin-top: 5px;
}
:where([id=maincontent]) isc-probequestion-editor div[show-more] + div > .stimuli-item {
  margin-bottom: 13px;
  margin-top: 5px;
}
:where([id=maincontent]) isc-probequestion-editor div[show-more] + div > md-input-container {
  margin-bottom: 3px;
}
:where([id=maincontent]) isc-probequestion-editor .show-more-collapse,
:where([id=maincontent]) isc-probequestion-editor .show-more-expand {
  text-align: center;
  display: none;
}
:where([id=maincontent]) isc-probequestion-editor .show-more-expanded > .show-more-collapse,
:where([id=maincontent]) isc-probequestion-editor .show-more-collapsed > .show-more-expand {
  display: inherit;
}
:where([id=maincontent]) isc-probequestion-editor a.show-more-expand,
:where([id=maincontent]) isc-probequestion-editor a.show-more-collapse {
  text-decoration: none;
  color: #9E9E9E;
  cursor: pointer;
}
:where([id=maincontent]) isc-probequestion-editor a.show-more-collapse {
  align-items: flex-end;
}
:where([id=maincontent]) isc-probequestion-editor isc-forum-post.slide-in {
  animation: slide-in 0.75s ease-in forwards;
}
@keyframes slide-in {
from {
    transform: translateY(75px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
:where([id=maincontent]) isc-redemption-threshold {
  margin-bottom: 20px;
  display: inline-block;
}
:where([id=maincontent]) isc-redemption-threshold span.connecting-line {
  width: 4vw;
  height: 3px;
  background-color: #808080;
  display: block;
}
:where([id=maincontent]) isc-redemption-threshold span.connecting-line.active {
  background-color: #347F62;
}
:where([id=maincontent]) isc-redemption-threshold table.container td {
  padding: 0;
}
:where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card {
  margin: 0;
  box-shadow: none;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-redemption-threshold {
    width: 100%;
}
:where([id=maincontent]) isc-redemption-threshold span.connecting-line {
    width: 3px;
    height: 20px;
    background-color: #808080;
    display: inline-block;
}
:where([id=maincontent]) isc-redemption-threshold table.container {
    width: 100%;
}
:where([id=maincontent]) isc-redemption-threshold table.container td {
    display: block;
    width: 100%;
}
:where([id=maincontent]) isc-redemption-threshold table.container td.connecting-line-column {
    height: 20px;
}
:where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card {
    width: 100%;
    height: 80px;
}
:where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title.subtitle {
    padding-top: 20px !important;
}
[dir="ltr"] :where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title md-card-title-text.less-left-margin-on-lt-sm md-icon {
    margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title md-card-title-text.less-left-margin-on-lt-sm md-icon {
    margin-right: 20px;
}
[dir="ltr"] :where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title md-card-title-text.less-right-margin-on-lt-sm md-icon {
    margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title md-card-title-text.less-right-margin-on-lt-sm md-icon {
    margin-left: 20px;
}
:where([id=maincontent]) isc-redemption-threshold isc-redemption-threshold-card md-card md-card-title md-card-title-text md-icon span.md-subhead {
    display: inline;
}
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme {
  width: 205px;
  height: 145px;
  background-color: #E0E0E0;
  text-align: center;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-title,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-title {
  padding-top: 10px;
  padding-left: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  font-size: 0.875rem;
  font-weight: bold;
  border: 0;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content {
  font-size: 0.875rem;
  line-height: 20px;
  font-weight: 600;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons {
  font-size: 1.875rem;
  margin-bottom: 5px;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons md-icon,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons md-icon {
  color: #347F62;
  font-size: inherit;
  margin: auto;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons md-icon.fa-arrow-right,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons md-icon.fa-arrow-right {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.4rem;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content.mobile,
:where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content.mobile {
  display: none;
}
:where([id=maincontent]) isc-redemption-threshold-card.active {
  cursor: pointer;
}
:where([id=maincontent]) isc-redemption-threshold-card.active md-card {
  color: #E0E0E0;
  background-color: #347F62;
}
:where([id=maincontent]) isc-redemption-threshold-card.active md-card md-card-content .icons md-icon {
  color: #E0E0E0;
}
:where([id=maincontent]) isc-redemption-threshold-card.active md-card md-card-content .icons md-icon.fa-arrow-right {
  color: #E0E0E0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) isc-redemption-threshold-card md-card._md,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme {
    width: auto;
    height: auto;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-title,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-title {
    padding-top: 5px;
    padding-bottom: 5px;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content {
    display: none;
    padding-top: 0;
    padding-bottom: 10px;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .points,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .points {
    align-items: flex-start;
    padding-inline-start: 5px;
    line-height: 1.2;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons {
    margin-bottom: 0;
    padding-inline-end: 5px;
}
[dir="ltr"] :where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons,
  [dir="ltr"] :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons {
    text-align: right;
}
[dir="rtl"] :where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content .icons,
  [dir="rtl"] :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content .icons {
    text-align: left;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content md-icon,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content md-icon {
    padding-top: 5px;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content md-icon.fa-arrow-right,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content md-icon.fa-arrow-right {
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content.mobile,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content.mobile {
    display: block;
}
:where([id=maincontent]) isc-redemption-threshold-card md-card._md md-card-content.web,
  :where([id=maincontent]) isc-redemption-threshold-card md-card.md-secondary-theme md-card-content.web {
    display: none;
}
:where([id=maincontent]) isc-redemption-threshold-card.active md-card md-card-content md-icon.fa-arrow-right {
    color: #E0E0E0;
}
}
:where([id=maincontent]) isc-caption-editor isc-rich-input md-input-container {
  margin-top: 0 !important;
  padding: 0;
}
:where([id=maincontent]) isc-caption-editor ng-wig div.ng-wig > ul.nw-toolbar {
  display: none;
}
:where([id=maincontent]) isc-caption-editor ng-wig div.ng-wig .nw-editor-container {
  border: 1px solid #CCCCCC;
}
:where([id=maincontent]) isc-caption-editor div.disabled md-input-container {
  margin-top: 5px;
}
:where([id=maincontent]) isc-caption-editor > div > md-input-container {
  margin-bottom: 10px;
  padding: 0;
}
:where([id=maincontent]) isc-caption-editor .nw-editor {
  height: auto;
  min-height: auto;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) isc-caption-editor .nw-editor .nw-editor__res {
  min-height: 0;
  display: inline-block;
}
:where([id=maincontent]) isc-caption-editor .conversation-title {
  margin-bottom: 25px;
}
:where([id=maincontent]) isc-caption-editor .messageLabel {
  margin-bottom: 10px;
}
:where([id=maincontent]) .message-error {
  padding-bottom: 5px;
}
:where([id=maincontent]) .caption-disabled {
  color: rgba(0, 0, 0, 0.54);
  clear: both;
  font-size: 0.8rem;
  font-weight: bold;
}
:where([id=maincontent]) isc-hashtag-menu {
  background: #FFFFFF;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  width: fit-content;
}
:where([id=maincontent]) isc-hashtag-menu .scrollable-menu {
  height: auto;
  max-height: 250px;
  overflow: auto;
}
:where([id=maincontent]) isc-hashtag-menu .menu-highlighted {
  font-weight: bold;
}
:where([id=maincontent]) isc-hashtag-menu isc-hashtag-menu-item {
  user-select: none;
}
:where([id=maincontent]) isc-hashtag-menu ul {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}
:where([id=maincontent]) isc-hashtag-menu ul li {
  padding: 0 24px;
  height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  user-select: none;
  position: relative;
  transition: background 0.15s linear;
}
:where([id=maincontent]) isc-hashtag-menu .active {
  background: #EEEEEE;
}
:where([id=maincontent]) carousel {
  margin: 0 0 20px 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: #E3E2E2;
}
:where([id=maincontent]) carousel div.label-preparing {
  position: inherit;
}
:where([id=maincontent]) carousel div.label-preparing span {
  position: absolute;
  bottom: 10px;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.34);
}
[dir="ltr"] :where([id=maincontent]) carousel div.label-preparing span {
  left: 15px;
}
[dir="rtl"] :where([id=maincontent]) carousel div.label-preparing span {
  right: 15px;
}
:where([id=maincontent]) carousel .slides-container {
  height: 100%;
  position: relative;
}
:where([id=maincontent]) carousel .slides-container .slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
:where([id=maincontent]) carousel .slides-container .slide .ng-scope img:first-child {
  max-width: 100%;
  max-height: 100%;
}
:where([id=maincontent]) carousel .slides-container .slide .fill-container {
  width: 100%;
  height: 100%;
}
:where([id=maincontent]) carousel .left-arrow-button,
:where([id=maincontent]) carousel .right-arrow-button {
  position: absolute;
  margin: auto !important;
  top: 0;
  bottom: 0;
  display: table-cell;
  align-items: center;
  font-size: 1.875rem;
  padding: 0 8px 0 8px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.87);
  height: 30px;
}
[dir="rtl"] :where([id=maincontent]) carousel .left-arrow-button,
[dir="rtl"] :where([id=maincontent]) carousel .right-arrow-button {
  transform: scaleX(-1);
}
[dir="ltr"] :where([id=maincontent]) carousel .left-arrow-button:before, [dir="ltr"] :where([id=maincontent]) carousel .left-arrow-button:after, [dir="ltr"] :where([id=maincontent]) carousel .right-arrow-button:before, [dir="ltr"] :where([id=maincontent]) carousel .right-arrow-button:after {
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
[dir="rtl"] :where([id=maincontent]) carousel .left-arrow-button:before, [dir="rtl"] :where([id=maincontent]) carousel .left-arrow-button:after, [dir="rtl"] :where([id=maincontent]) carousel .right-arrow-button:before, [dir="rtl"] :where([id=maincontent]) carousel .right-arrow-button:after {
  text-shadow: 1px 0 #000000, 0 1px #000000, -1px 0 #000000, 0 -1px #000000;
}
[dir="ltr"] :where([id=maincontent]) carousel .right-arrow-button {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) carousel .right-arrow-button {
  left: 0;
}
:where([id=maincontent]) carousel isc-video {
  position: relative;
}
:where([id=maincontent]) carousel .video-clickable {
  cursor: pointer;
}
:where([id=maincontent]) carousel video.video-clickable {
  position: static;
}
:where([id=maincontent]) carousel .play-button {
  width: 612px;
  top: calc(50% - 50px);
  text-align: center;
  position: absolute;
  cursor: pointer;
}
:where([id=maincontent]) carousel .play-button md-icon {
  width: 100px;
  height: 100px;
}
:where([id=maincontent]) carousel .play-button md-icon svg {
  fill: #FFFFFF;
}
:where([id=maincontent]) carousel .stimulus-remove,
:where([id=maincontent]) carousel isc-stimuli-download {
  opacity: 0.4;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) carousel .stimulus-remove,
[dir="ltr"] :where([id=maincontent]) carousel isc-stimuli-download {
  right: 5px;
  text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
}
[dir="rtl"] :where([id=maincontent]) carousel .stimulus-remove,
[dir="rtl"] :where([id=maincontent]) carousel isc-stimuli-download {
  left: 5px;
  text-shadow: 1px 0 #FFFFFF, 0 1px #FFFFFF, -1px 0 #FFFFFF, 0 -1px #FFFFFF;
}
:where([id=maincontent]) carousel .stimulus-remove:hover,
:where([id=maincontent]) carousel isc-stimuli-download:hover {
  opacity: 1;
}
:where([id=maincontent]) carousel .video-loading-container {
  display: block;
  position: relative;
  outline: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: transparent;
  padding: 0;
  width: 100%;
  padding-top: 53.7634408602%;
  border: none;
  font-size: 3.4rem;
}
:where([id=maincontent]) carousel .video-loading-container .video-overlay {
  height: 0;
  width: 30%;
  padding-bottom: 30%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
:where([id=maincontent]) carousel .video-loading-container .video-overlay svg {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  height: 50%;
  fill: #FFFFFF;
  margin: auto;
}
[dir="ltr"] :where([id=maincontent]) carousel .video-loading-container .video-overlay svg.play-icon, [dir="ltr"] :where([id=maincontent]) carousel .video-loading-container .video-overlay svg.video-icon {
  left: 5%;
}
[dir="rtl"] :where([id=maincontent]) carousel .video-loading-container .video-overlay svg.play-icon, [dir="rtl"] :where([id=maincontent]) carousel .video-loading-container .video-overlay svg.video-icon {
  right: 5%;
}
:where([id=maincontent]) carousel .video-loading-container .video-overlay md-progress-circular {
  height: 100% !important;
  width: 100% !important;
  top: 0;
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) carousel .video-loading-container .video-overlay md-progress-circular {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) carousel .video-loading-container .video-overlay md-progress-circular {
  right: 0;
}
:where([id=maincontent]) carousel .video-loading-container .video-overlay md-progress-circular.white svg path {
  stroke: #FFFFFF;
}
:where([id=maincontent]) carousel .video-loading-container .video-overlay md-progress-circular svg {
  width: 100% !important;
  height: 100% !important;
  transform-origin: inherit !important;
}
:where([id=maincontent]) carousel .video-loading-container.broken-stimuli-container {
  border: dashed 1px #f44336;
}
:where([id=maincontent]) carousel .video-loading-container .hover-over-container {
  padding-bottom: 10%;
  background-color: #D2D2D2;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) carousel .video-loading-container .hover-over-container:hover {
  opacity: 1;
}
:where([id=maincontent]) carousel .video-loading-container .hover-over-container .icon {
  font-size: 3em;
  padding-bottom: 15%;
}
:where([id=maincontent]) vimeo-video {
  display: block;
  width: 100%;
  height: 100%;
}
:where([id=maincontent]) vimeo-video iframe {
  width: inherit;
  height: inherit;
  min-height: 345px;
}
:where([id=maincontent]) md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  bottom: 0;
  top: -4px;
}
[dir="ltr"] :where([id=maincontent]) md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  right: 0;
  left: -4px;
}
[dir="rtl"] :where([id=maincontent]) md-radio-group.md-focused.ng-not-empty .md-checked .md-container:before {
  left: 0;
  right: -4px;
}
:where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row {
  margin: 0 0 17px 0;
  width: 100%;
}
[dir="ltr"] :where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button {
  margin: 0 5px 0 0;
}
[dir="rtl"] :where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button {
  margin: 0 0 0 5px;
}
:where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button .md-on,
:where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button .md-off {
  width: 15px;
  height: 15px;
}
:where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button .md-ripple-container {
  bottom: 0;
  top: -4px;
}
[dir="ltr"] :where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button .md-ripple-container {
  right: 0;
  left: -4px;
}
[dir="rtl"] :where([id=maincontent]) md-radio-group.radio-buttons-container.layout-row md-radio-button .md-ripple-container {
  left: 0;
  right: -4px;
}
:where([id=maincontent]) .do-not-hide.ng-hide {
  display: block !important;
}
:where([id=maincontent]) .loading {
  margin: 100px auto;
}
:where([id=maincontent]) isc-visual-focused-conversation {
  display: flex;
}
:where([id=maincontent]) isc-visual-focused-conversation .visual-focused-conversation-container {
  width: 100%;
}
:where([id=maincontent]) isc-visual-focused-conversation .centered-stream {
  max-width: 614px;
  margin: 0 auto;
}
:where([id=maincontent]) isc-visual-focused-conversation isc-upload-conversation {
  margin-bottom: 20px;
}
:where([id=maincontent]) isc-visual-focused-conversation isc-caption-editor {
  max-width: 614px;
}
:where([id=maincontent]) isc-visual-focused-conversation .read-only-thumbnails {
  margin-bottom: 20px;
}
:where([id=maincontent]) .conversation-add-stimuli {
  font-size: 0.875rem;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex {
  min-height: 50px;
  border: 1px dashed #E3E2E2;
  border-radius: 5px;
  cursor: pointer;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.34);
  text-align: center;
  font-size: 0.875rem;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex.drag-over-accept {
  background-color: #4caf50;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex.drag-over-reject {
  background-color: #f44336;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex md-icon {
  line-height: 18px;
  font-size: 1.3rem;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex:disabled {
  opacity: 0.3;
  cursor: no-drop;
}
@media only screen and (min-width: 599px) {
:where([id=maincontent]) .conversation-add-stimuli button.flex {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: calc(25% - 16px);
}
[dir="ltr"] :where([id=maincontent]) .conversation-add-stimuli button.flex.isc-row:not(:first-child) {
    margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) .conversation-add-stimuli button.flex.isc-row:not(:first-child) {
    margin-right: 20px;
}
:where([id=maincontent]) .conversation-add-stimuli button.flex.isc-column:not(:first-child) {
    margin: 5px 0 0 0;
}
}
@media only screen and (max-width: 598px) {
:where([id=maincontent]) .conversation-add-stimuli button.flex:not(:last-child) {
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .conversation-add-stimuli button.flex {
    min-height: 50px;
    border-radius: 3px;
}
}
:where([id=maincontent]) .conversation-buttons {
  margin-top: 10px;
}
:where([id=maincontent]) .conversation-buttons button:first-child {
  min-width: 150px;
}
[dir="ltr"] :where([id=maincontent]) .conversation-buttons button:first-child {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .conversation-buttons button:first-child {
  margin-right: 0;
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .conversation-buttons button:first-child {
    width: initial;
}
:where([id=maincontent]) .conversation-buttons button:first-child.isc-row {
    margin: 20px 0;
}
:where([id=maincontent]) .conversation-buttons button:first-child.isc-column {
    margin: 5px 0 0 0;
}
}
@media only screen and (max-width: 958px) {
:where([id=maincontent]) .conversation-buttons {
    flex-direction: column;
    width: initial;
}
:where([id=maincontent]) .conversation-buttons.isc-row {
    margin: 20px 0;
}
:where([id=maincontent]) .conversation-buttons.isc-column {
    margin: 5px 0 0 0;
}
:where([id=maincontent]) .conversation-buttons button {
    margin-left: 0;
    margin-right: 0;
}
}
:where([id=maincontent]) .message-error {
  color: #DD2C00;
}
:where([id=maincontent]) div.message-error {
  font-size: 0.8rem;
  padding-top: 5px;
}
:where([id=maincontent]) .info-text {
  font-style: italic;
  font-size: 0.75rem;
  position: relative;
  margin: 10px 0;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) div.label-preparing {
  position: inherit;
}
:where([id=maincontent]) div.label-preparing span {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) isc-stimuli-preview > div .conversation-stimulus-preview,
:where([id=maincontent]) isc-stimuli-preview > div .attachments {
  margin-top: 7px;
}
:where([id=maincontent]) isc-stimuli-preview > div .attachments:last-of-type {
  margin-bottom: 10px;
}
:where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview {
  position: relative;
  margin-bottom: 0;
}
[dir="ltr"] :where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview:not(:last-child) {
  margin-right: 8px;
}
[dir="rtl"] :where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview:not(:last-child) {
  margin-left: 8px;
}
:where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .preview-card {
  border-radius: 5px;
  height: 105px;
  width: 187px;
  background-size: cover;
  background-position: center;
}
:where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .preview-card.broken-stimuli-container {
  border: dashed 2px #f44336;
}
:where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .stimulus-remove {
  opacity: 0.4;
  position: absolute;
  top: 5px;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .stimulus-remove {
  right: 5px;
}
[dir="rtl"] :where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .stimulus-remove {
  left: 5px;
}
:where([id=maincontent]) isc-stimuli-preview .conversation-stimulus-preview .stimulus-remove:hover {
  opacity: 1;
}
:where([id=maincontent]) isc-stimuli-preview .video-overlay {
  height: 0;
  width: 30%;
  padding-bottom: 30%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
:where([id=maincontent]) isc-stimuli-preview .video-overlay svg {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  height: 50%;
  fill: #FFFFFF;
  margin: auto;
}
[dir="ltr"] :where([id=maincontent]) isc-stimuli-preview .video-overlay svg.play-icon, [dir="ltr"] :where([id=maincontent]) isc-stimuli-preview .video-overlay svg.video-icon {
  left: 5%;
}
[dir="rtl"] :where([id=maincontent]) isc-stimuli-preview .video-overlay svg.play-icon, [dir="rtl"] :where([id=maincontent]) isc-stimuli-preview .video-overlay svg.video-icon {
  right: 5%;
}
:where([id=maincontent]) isc-stimuli-preview .video-overlay md-progress-circular {
  height: 100% !important;
  width: 100% !important;
  top: 0;
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) isc-stimuli-preview .video-overlay md-progress-circular {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-stimuli-preview .video-overlay md-progress-circular {
  right: 0;
}
:where([id=maincontent]) isc-stimuli-preview .video-overlay md-progress-circular.white svg path {
  stroke: #FFFFFF;
}
:where([id=maincontent]) isc-stimuli-preview .video-overlay md-progress-circular svg {
  width: 100% !important;
  height: 100% !important;
  transform-origin: inherit !important;
}
:where([id=maincontent]) .probequestions-container {
  border-top: 1px solid #D2D2D2;
}
:where([id=maincontent]) .probequestions-container.edit {
  border-top: none;
}
:where([id=maincontent]) .probequestions-container .border-bottom {
  padding-top: 30px;
  border-bottom: 1px solid #D2D2D2;
}
[dir="ltr"] :where([id=maincontent]) .probequestions-container .border-bottom {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .probequestions-container .border-bottom {
  margin-right: 0;
}
:where([id=maincontent]) .probequestions-container.disabled isc-forum-post {
  margin-top: 0;
}
[dir="ltr"] :where([id=maincontent]) .probequestions-container .answers-placeholder {
  padding-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .probequestions-container .answers-placeholder {
  padding-right: 5px;
}
:where([id=maincontent]) div.probequestions-container.disabled {
  border-top: none;
  padding-bottom: 15px;
}
:where([id=maincontent]) div.probequestions-container.disabled div.border-bottom {
  display: none;
}
:where([id=maincontent]) div.probequestions-container.disabled md-input-container {
  margin-top: 0;
}
:where([id=maincontent]) div.probequestions-container.disabled div.nw-editor__res {
  height: auto;
}
:where([id=maincontent]) div.probequestions-container.questions-under-text {
  margin-left: 0;
  margin-right: 0;
}
[dir="ltr"] :where([id=maincontent]) div.probequestions-container.questions-under-text {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) div.probequestions-container.questions-under-text {
  padding-right: 0;
}
[dir="ltr"] :where([id=maincontent]) div.probequestions-container.questions-under-text div.border-bottom {
  margin-right: -30px;
}
[dir="rtl"] :where([id=maincontent]) div.probequestions-container.questions-under-text div.border-bottom {
  margin-left: -30px;
}
[dir="ltr"] :where([id=maincontent]) button.submit-answer-button.margin-l-10 {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) button.submit-answer-button.margin-l-10 {
  margin-right: 10px;
}
:where([id=maincontent]) button.skipQuestion {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.34);
}
:where([id=maincontent]) .save-as-draft-message-transclude {
  flex-grow: 1;
  text-align: end;
}
[dir="ltr"] :where([id=maincontent]) .save-as-draft-message-transclude {
  margin-right: 6px;
}
[dir="rtl"] :where([id=maincontent]) .save-as-draft-message-transclude {
  margin-left: 6px;
}
:where([id=maincontent]) :root {
  --q-primary: #275B85;
  --q-secondary: #49B48A;
  --q-accent: #9C27B0;
  --q-dark: #1D1D1D;
  --q-positive: #347F62;
  --q-negative: #C2273D;
  --q-info: #31CCEC;
  --q-warning: #F2C037;
}
:where([id=maincontent]) :where(.vue-page) :not([data-v-app]) .flex {
  flex-wrap: unset;
}
:where([id=maincontent]) :where(.vue-page) .flex:where([data-v-app] *) {
  flex: unset;
}
:where([id=maincontent]) :where(.vue-page) .q-date__navigation div {
  overflow: visible !important;
}
:where([id=maincontent]) :where(.vue-page) .q-date__months {
  flex-wrap: wrap !important;
}
:where([id=maincontent]) {
  /* stylelint-disable-next-line selector-max-id */
}
:where([id=maincontent]) :where(#q-notify) {
  /* stylelint-disable-next-line selector-max-id */
}
:where([id=maincontent]) :where(#q-notify) :not([data-v-app]) .flex {
  flex-wrap: unset;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3 {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) h1 {
  font-size: 2.25rem;
}
:where([id=maincontent]) .h2,
:where([id=maincontent]) h2 {
  font-size: 1.875rem;
}
:where([id=maincontent]) .h3,
:where([id=maincontent]) h3 {
  font-size: 1.5rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) h4 {
  font-size: 1.125rem;
}
:where([id=maincontent]) .h5,
:where([id=maincontent]) h5 {
  font-size: 1rem;
}
:where([id=maincontent]) .h6,
:where([id=maincontent]) h6 {
  font-size: 0.75rem;
}
:where([id=maincontent]) md-input-container :not(label).md-placeholder,
:where([id=maincontent]) md-input-container.md-default-theme .md-placeholder,
:where([id=maincontent]) md-input-container.md-default-theme label {
  color: #757575;
}
:where([id=maincontent]) md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
:where([id=maincontent]) md-input-container:not(.md-input-invalid).md-input-has-value label,
:where([id=maincontent]) md-input-container:not(.md-input-invalid).md-input-has-placeholder label,
:where([id=maincontent]) md-input-container:not(.md-input-invalid) label.isc-rich-input-label {
  color: #757575;
}
:where([id=maincontent]) isc-checkbox md-input-container {
  margin-top: 0;
}
:where([id=maincontent]) isc-rich-input md-input-container {
  margin-top: 30px;
}
:where([id=maincontent]) isc-rich-input md-input-container .isc-rich-input-label {
  padding-bottom: 13px;
}
:where([id=maincontent]) md-input-container .md-errors-spacer:empty {
  display: none;
}
:where([id=maincontent]) md-input-container .md-input-messages-animation {
  white-space: normal;
}
:where([id=maincontent]) md-input-container label {
  font-size: 0.75rem;
}
:where([id=maincontent]) md-autocomplete.md-no-float md-input-container .md-placeholder,
:where([id=maincontent]) md-autocomplete.md-no-float md-input-container label:not(.md-no-float):not(.md-container-ignore),
:where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-focused label:not(.md-no-float),
:where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-placeholder label:not(.md-no-float),
:where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: none;
  transition: none;
}
[dir="ltr"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container .md-placeholder,
[dir="ltr"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="ltr"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-focused label:not(.md-no-float),
[dir="ltr"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-placeholder label:not(.md-no-float),
[dir="ltr"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-value label:not(.md-no-float) {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container .md-placeholder,
[dir="rtl"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container label:not(.md-no-float):not(.md-container-ignore),
[dir="rtl"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-focused label:not(.md-no-float),
[dir="rtl"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-placeholder label:not(.md-no-float),
[dir="rtl"] :where([id=maincontent]) md-autocomplete.md-no-float md-input-container.md-input-has-value label:not(.md-no-float) {
  padding-right: 0;
}
:where([id=maincontent]) isc-dropdown md-input-container label:not(.md-container-ignore),
:where([id=maincontent]) isc-tag md-input-container label:not(.md-container-ignore) {
  position: relative;
  bottom: auto;
}
:where([id=maincontent]) md-input-container .md-placeholder.md-no-float {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  top: inherit;
}
[dir="ltr"] :where([id=maincontent]) md-input-container .md-placeholder.md-no-float {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) md-input-container .md-placeholder.md-no-float {
  padding-right: 0;
}
:where([id=maincontent]) md-tab-content {
  transform: none;
}
:where([id=maincontent]) mdp-date-picker md-input-container,
:where([id=maincontent]) mdp-time-picker md-input-container {
  margin: 0;
}
:where([id=maincontent]) mdp-date-picker .md-button.md-icon-button,
:where([id=maincontent]) mdp-time-picker .md-button.md-icon-button {
  margin: 0;
}
:where([id=maincontent]) mdp-date-picker .md-required:after,
:where([id=maincontent]) mdp-time-picker .md-required:after {
  display: none;
}
:where([id=maincontent]) md-option .md-text {
  white-space: normal;
}
:where([id=maincontent]) md-option .md-container .md-icon {
  border-width: 1px;
  border-radius: 5px;
  width: 19px;
  height: 19px;
}
:where([id=maincontent]) md-option[selected] .md-text {
  color: rgba(90, 188, 150, 0.87);
}
:where([id=maincontent]) md-option[selected] .md-container .md-icon {
  background-color: rgba(90, 188, 150, 0.87);
}
:where([id=maincontent]) md-option[selected] .md-container .md-icon:after {
  border-color: #FFFFFF;
}
:where([id=maincontent]) .md-input {
  font-size: 0.875rem;
}
:where([id=maincontent]) button.reply-button {
  font-size: 0.875rem;
}
:where([id=maincontent]) .md-button {
  text-transform: none;
  box-shadow: none;
  border-radius: 0;
  font-weight: bold;
  font-size: 0.75rem;
}
:where([id=maincontent]) .md-button.md-raised:not([disabled]) {
  box-shadow: none;
}
:where([id=maincontent]) .md-button.md-raised.md-primary {
  color: #FFFFFF;
}
:where([id=maincontent]) .md-nav-bar {
  border: 0;
}
:where([id=maincontent]) .md-nav-bar:after {
  content: " ";
  background-color: rgba(0, 0, 0, 0.12);
  position: absolute;
  left: -10vw;
  right: -10vw;
  bottom: 0;
  height: 1px;
}
:where([id=maincontent]) .md-chips {
  padding: 4px 0;
}
:where([id=maincontent]) .md-chips md-chip {
  height: 33px;
  line-height: 33px;
  border-radius: 100px;
  background-color: #E0E0E0;
  color: #000000;
  opacity: 0.87;
  font-family: "Open Sans";
  font-size: 0.75rem;
}
[dir="ltr"] :where([id=maincontent]) .md-chips md-chip {
  margin: 0 4px 0 8px;
}
[dir="rtl"] :where([id=maincontent]) .md-chips md-chip {
  margin: 0 8px 0 4px;
}
:where([id=maincontent]) .md-chips md-chip .md-chip-remove md-icon {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  color: #000000;
}
:where([id=maincontent]) .md-chips md-chip .md-chip-remove md-icon:hover {
  color: #f44336;
}
:where([id=maincontent]) instant-rewards md-toolbar.search-area {
  width: 300px;
}
:where([id=maincontent]) square-forum-room md-toolbar.search-area {
  width: 500px;
}
:where([id=maincontent]) .isc-custom-input-label {
  color: #757575;
}
:where([id=maincontent]) .ng-cloak,
:where([id=maincontent]) .x-ng-cloak,
:where([id=maincontent]) [data-ng-cloak],
:where([id=maincontent]) [ng-cloak],
:where([id=maincontent]) [ng\:cloak],
:where([id=maincontent]) [x-ng-cloak] {
  display: none !important;
}
:where([id=maincontent]) *:focus-visible:not(input):not(.nw-editor__res):not(.ProseMirror):not(.main-content):not(.q-card) {
  outline: 1px auto #000000 !important;
}
:where([id=maincontent]) input:focus-visible,
:where([id=maincontent]) .nw-editor__res:focus-visible,
:where([id=maincontent]) .ProseMirror:focus-visible {
  background-color: #F5F5F5 !important;
  border-bottom: 2px solid #000000 !important;
}
:where([id=maincontent]) html {
  height: 100%;
  background-color: #FAFAFA;
  overflow-y: hidden;
}
:where([id=maincontent]) body {
  background-color: #FAFAFA;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 16px;
  color: #757575;
  min-height: 100%;
  height: 100%;
  overflow-y: hidden;
}
.translated-ltr :where([id=maincontent]) body, .translated-rtl :where([id=maincontent]) body {
  min-height: calc(100% - 40px) !important;
  height: calc(100% - 40px) !important;
}
:where([id=maincontent]) md-content[md-scroll-y] {
  z-index: 4;
}
:where([id=maincontent]) .sticky {
  z-index: 4;
  top: 0;
  position: sticky;
}
:where([id=maincontent]) .sticky-shadow {
  box-shadow: 0 1px 4px -2px #717171;
}
:where([id=maincontent]) isc-sidenav {
  z-index: 11;
}
:where([id=maincontent]) .stretch-y {
  height: 100%;
  overflow: hidden;
}
:where([id=maincontent]) .content-wrapper {
  padding: 0;
  width: 100%;
  display: flex;
}
:where([id=maincontent]) md-select[disabled] .md-select-value {
  margin-bottom: 0;
}
:where([id=maincontent]) .select-header-container md-content._md {
  max-height: 240px;
}
:where([id=maincontent]) md-select-header.select-filter-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
:where([id=maincontent]) md-select-header.select-filter-header .select-filter-input {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
}
[dir="ltr"] :where([id=maincontent]) md-select-header.select-filter-header .select-filter-input {
  padding-left: 10.67px;
}
[dir="rtl"] :where([id=maincontent]) md-select-header.select-filter-header .select-filter-input {
  padding-right: 10.67px;
}
:where([id=maincontent]) {
  /*fa icons*/
}
:where([id=maincontent]) .fa {
  font-size: 1.25rem;
}
[dir="ltr"] :where([id=maincontent]) .fa {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) .fa {
  margin-left: 10px;
}
:where([id=maincontent]) isc-button-icon .fa {
  text-align: center;
  top: 0 !important;
}
@media screen and (max-width: 1169px) {
[dir="ltr"] :where([id=maincontent]) .page-title {
    left: 111px !important;
}
[dir="rtl"] :where([id=maincontent]) .page-title {
    right: 111px !important;
}
}
@media screen and (max-width: 959px) {
:where([id=maincontent]) .page-title {
    margin-top: 24px;
}
[dir="ltr"] :where([id=maincontent]) .page-title {
    left: 0 !important;
}
[dir="rtl"] :where([id=maincontent]) .page-title {
    right: 0 !important;
}
}
:where([id=maincontent]) .page-content {
  background: #FFFFFF;
  margin: 30px;
  border-radius: 5px;
  border: solid 1px #E3E2E2;
}
:where([id=maincontent]) .fit-content {
  max-height: fit-content;
}
:where([id=maincontent]) .table-content {
  margin: 30px;
}
:where([id=maincontent]) .publish {
  background: none;
}
:where([id=maincontent]) .content-header {
  margin: 0;
  width: 100%;
  display: flex;
  flex: 1;
}
:where([id=maincontent]) .nocaps {
  text-transform: none;
}
:where([id=maincontent]) .home-page {
  position: relative;
  top: 150px;
}
:where([id=maincontent]) .home-page .h2 {
  text-align: center;
}
:where([id=maincontent]) .home-page .client-search {
  width: 600px;
  margin: 0 auto;
}
:where([id=maincontent]) .home-page .client-search .h4 {
  margin-top: 100px;
  margin-bottom: 26px;
  font-weight: 600;
}
:where([id=maincontent]) .home-page .client-search .main-search {
  display: block;
  width: 100%;
}
[dir="ltr"] :where([id=maincontent]) .home-page .client-search .main-search {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .home-page .client-search .main-search {
  right: 0;
}
:where([id=maincontent]) .home-page .client-search .main-search md-autocomplete {
  background: #FAFAFA;
}
:where([id=maincontent]) .home-page .client-search .main-search md-autocomplete md-autocomplete-wrap {
  border-bottom: 2px solid #C9C9C9;
}
:where([id=maincontent]) .home-page .client-search .main-search md-autocomplete md-autocomplete-wrap input:not(.md-input) {
  padding: 0;
  font-size: 1.6rem;
  font-weight: bold;
}
:where([id=maincontent]) .md-tooltip.switchTooltip {
  margin-top: 0;
}
:where([id=maincontent]) .md-tooltip {
  height: auto;
  margin-top: 5px !important;
}
:where([id=maincontent]) .clearfix:after,
:where([id=maincontent]) .clearfix:before {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
:where([id=maincontent]) .clearfix:after {
  clear: both;
}
:where([id=maincontent]) .input-no-asterisk md-input-container label.md-required:after {
  content: "";
}
:where([id=maincontent]) .platform-notice {
  padding: 5px;
  background-color: #2A608E;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
:where([id=maincontent]) .platform-notice span {
  color: #FFFFFF;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 0.875rem;
}
:where([id=maincontent]) .platform-notice .fa {
  color: #FFFFFF;
  margin: 5px 10px 0;
  cursor: pointer;
}
:where([id=maincontent]) .table-cell {
  display: table-cell;
}
:where([id=maincontent]) .use-chrome {
  background-color: #D0021B;
  color: #FFFFFF;
  line-height: 40px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  display: block;
  text-align: center;
  word-wrap: break-word;
  padding: 0 20px;
}
:where([id=maincontent]) .use-chrome a {
  padding: 0 2px;
  text-decoration: underline;
  color: #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) .rtl .ng-wig,
[dir="ltr"] :where([id=maincontent]) .rtl isc-input input {
  direction: rtl;
}
[dir="rtl"] :where([id=maincontent]) .rtl .ng-wig,
[dir="rtl"] :where([id=maincontent]) .rtl isc-input input {
  direction: ltr;
}
:where([id=maincontent]) .rtl .ng-wig:focus,
:where([id=maincontent]) .rtl isc-input input:focus {
  background-color: #F5F5F5 !important;
}
:where([id=maincontent]) .rtl .nw-editor {
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) .rtl .nw-editor {
  padding-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) .rtl .nw-editor {
  padding-left: 5px;
}
:where([id=maincontent]) .rtl .ng-wig .nw-editor__res {
  padding: 0;
}
:where([id=maincontent]) .rtl .nw-toolbar {
  height: 32px;
}
[dir="ltr"] :where([id=maincontent]) .rtl .nw-toolbar > li {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) .rtl .nw-toolbar > li {
  float: left;
}
:where([id=maincontent]) .rtl .nw-toolbar .nw-toolbar__item .list-ol,
:where([id=maincontent]) .rtl .nw-toolbar .nw-toolbar__item .list-ul,
:where([id=maincontent]) .rtl .nw-toolbar .nw-toolbar__item .fa-indent,
:where([id=maincontent]) .rtl .nw-toolbar .nw-toolbar__item .fa-outdent {
  transform: scaleX(-1);
}
:where([id=maincontent]) .error {
  color: #F32651;
}
:where([id=maincontent]) {
  /* text markup */
}
:where([id=maincontent]) span.warning {
  color: #F32651;
}
:where([id=maincontent]) .show-background-image {
  background-image: url("/images/landingpage-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
:where([id=maincontent]) .activity-preview-modal.md-transition-in {
  background-color: rgba(0, 0, 0, 0) !important;
}
:where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header {
  margin-bottom: 10px;
  min-width: 900px !important;
  color: #FFFFFF;
  text-align: center;
}
:where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header h2,
:where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header .h2 {
  position: relative;
  font-size: 0.875rem;
  bottom: 5px;
}
:where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header h2 .right,
:where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header .h2 .right {
  position: relative;
  font-size: 1.3rem;
  bottom: 5px;
}
[dir="ltr"] :where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header h2 .right,
[dir="ltr"] :where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header .h2 .right {
  float: right;
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header h2 .right,
[dir="rtl"] :where([id=maincontent]) .activity-preview-modal.md-transition-in .previewActivityDialog-header .h2 .right {
  float: left;
  margin-left: 20px;
}
:where([id=maincontent]) .activity-preview-modal {
  box-shadow: none;
  max-width: 50%;
}
:where([id=maincontent]) .activity-preview-modal isc-challenge-card {
  flex: 0 0 400px;
}
:where([id=maincontent]) .buttons {
  padding: 10px 30px;
  background-color: #F0F0F0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir="ltr"] :where([id=maincontent]) .buttons isc-button {
  margin-right: 4px;
}
[dir="rtl"] :where([id=maincontent]) .buttons isc-button {
  margin-left: 4px;
}
:where([id=maincontent]) button:not(.q-btn):disabled {
  cursor: not-allowed;
}
:where([id=maincontent]) .typcn-tick {
  pointer-events: none;
}
:where([id=maincontent]) .typcn-tick:before {
  font-size: 1.2rem;
}
[dir="ltr"] :where([id=maincontent]) .typcn-tick:before {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) .typcn-tick:before {
  margin-left: 5px;
}
:where([id=maincontent]) .last-bullet:before {
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) .last-bullet:before {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .last-bullet:before {
  margin-left: 0;
}
:where([id=maincontent]) .md-icon-button {
  font-size: 1.3rem;
}
:where([id=maincontent]) .researcherPictureInput {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
:where([id=maincontent]) .researcherPictureInput input.upload {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
[dir="ltr"] :where([id=maincontent]) .researcherPictureInput input.upload {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .researcherPictureInput input.upload {
  left: 0;
}
:where([id=maincontent]) .tabPageButtons {
  margin: 10px 0;
  border: 1px solid #DDDDDD;
}
[dir="ltr"] :where([id=maincontent]) .has-margin {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) .has-margin {
  margin-left: 10px;
}
:where([id=maincontent]) .primary-add {
  margin: 10px 0 35px;
}
:where([id=maincontent]) .inlineRadioGroup md-radio-button {
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) .inlineRadioGroup md-radio-button {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .inlineRadioGroup md-radio-button {
  margin-left: 20px;
}
[dir="ltr"] :where([id=maincontent]) .last-button {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .last-button {
  margin-left: 0;
}
:where([id=maincontent]) .top-title-login {
  height: 32.5px;
  background-color: #3272A8;
  min-height: 32.5px;
  top: 0;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}
[dir="ltr"] :where([id=maincontent]) .top-title-login {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .top-title-login {
  right: 0;
}
:where([id=maincontent]) .top-title-login .breadcrumb-toggle {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  font-size: 1.1rem;
}
[dir="ltr"] :where([id=maincontent]) .top-title-login .breadcrumb-toggle {
  left: 0;
}
[dir="rtl"] :where([id=maincontent]) .top-title-login .breadcrumb-toggle {
  right: 0;
}
:where([id=maincontent]) .top-title-login .switch-interfaces {
  font-size: 1.8rem;
  margin-top: -8px;
}
:where([id=maincontent]) .top-title-login .switch-interfaces button md-icon {
  color: #FFFFFF;
  position: relative;
  bottom: 2px;
}
:where([id=maincontent]) .top-title-login .switch-interfaces button[disabled] md-icon {
  color: #C9C9C9;
}
:where([id=maincontent]) .top-title-login .switch-interfaces i.fa {
  cursor: pointer;
}
:where([id=maincontent]) .top-title-login .switch-interfaces i.fa[disabled] {
  color: #C9C9C9;
  cursor: inherit;
}
:where([id=maincontent]) .top-title-login .title {
  display: inline;
  position: relative;
  top: 4px;
}
:where([id=maincontent]) div.md-open-menu-container {
  z-index: 1001;
  overflow: auto;
}
:where([id=maincontent]) div.md-open-menu-container:before {
  content: "\a";
  position: absolute;
  top: -15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) div.md-open-menu-container:before {
  right: 7px;
}
[dir="rtl"] :where([id=maincontent]) div.md-open-menu-container:before {
  left: 7px;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content {
  overflow: inherit;
  border-radius: 3px;
  font-size: 0.8rem;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item {
  min-height: 35px;
  height: 35px;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item.menuLink:hover {
  background-color: #E0E0E0;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item a {
  text-decoration: none;
  color: inherit;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button {
  position: relative;
  font-size: 0.8rem;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button:focus {
  background-color: transparent;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button:hover {
  background-color: #E0E0E0;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button img.profile-image {
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
[dir="ltr"] :where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button img.profile-image {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button img.profile-image {
  margin-left: 5px;
}
[dir="ltr"] :where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button .with-check img {
  margin-left: 23px;
}
[dir="rtl"] :where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button .with-check img {
  margin-right: 23px;
}
:where([id=maincontent]) div.md-open-menu-container md-menu-content md-menu-item .md-button .green-check-icon {
  color: #347F62;
  position: absolute;
  min-width: 13px;
  min-height: 13px;
  width: 13px;
  height: 13px;
}
:where([id=maincontent]) md-backdrop.md-menu-backdrop {
  z-index: 1000;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container {
  list-style: none;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li {
  color: #757575;
}
[dir="ltr"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.typcn-star,
[dir="ltr"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.typcn-star-outline {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.typcn-star,
[dir="rtl"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.typcn-star-outline {
  float: left;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li i.fa,
:where([id=maincontent]) .md-autocomplete-suggestions-container li i.fas.fa-globe {
  position: relative;
  top: 16px;
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fa,
[dir="ltr"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fas.fa-globe {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fa,
[dir="rtl"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fas.fa-globe {
  float: right;
}
[dir="ltr"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fas.fa-globe {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) .md-autocomplete-suggestions-container li i.fas.fa-globe {
  margin-left: 10px;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li i.fa-star {
  float: none;
  top: -20px;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li pin-button {
  position: relative;
  top: -20px;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li .highlight {
  color: #F29303;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li.selected, :where([id=maincontent]) .md-autocomplete-suggestions-container li:hover {
  background-color: #F29303;
  color: #FFFFFF;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li.selected .highlight, :where([id=maincontent]) .md-autocomplete-suggestions-container li:hover .highlight {
  color: #000000;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li > .selected {
  background-color: #F29303;
  color: #FFFFFF;
}
:where([id=maincontent]) .md-autocomplete-suggestions-container li span.breadcrumbList {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 40px);
}
:where([id=maincontent]) .md-autocomplete-suggestions-container .active {
  font-weight: bold;
}
:where([id=maincontent]) .pinned-last-selected-list {
  width: 190px;
  margin-top: 40px;
  box-shadow: 0 2px 8px #DDDDDD;
  max-height: 240px;
  overflow-y: auto;
}
:where([id=maincontent]) .pinned-last-selected-list .md-autocomplete-suggestions-container {
  margin: 0;
}
[dir="ltr"] :where([id=maincontent]) .pinned-last-selected-list .md-autocomplete-suggestions-container {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .pinned-last-selected-list .md-autocomplete-suggestions-container {
  padding-right: 0;
}
:where([id=maincontent]) .pinned-last-selected-list .md-autocomplete-suggestions-container li {
  font-size: 0.875rem;
  overflow: hidden;
  padding: 0 15px;
  line-height: 48px;
  height: 48px;
  transition: background 0.15s linear;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:where([id=maincontent]) .main-search {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 250px;
}
[dir="ltr"] :where([id=maincontent]) .main-search {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .main-search {
  right: 40px;
}
:where([id=maincontent]) .main-search md-content {
  overflow: hidden;
}
:where([id=maincontent]) .main-search input[type=search]::placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0.5;
}
:where([id=maincontent]) .menu-level .dropdown {
  width: 100%;
  height: 100%;
  position: initial;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu {
  width: 100%;
  height: 100%;
  color: #004750;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu {
  text-align: right;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu:hover .breadcrumb-icon,
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu:hover .breadcrumb-label,
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu:hover .breadcrumb-placeholder,
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu:hover .caret {
  opacity: 75%;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-icon {
  position: absolute;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-icon i {
  position: relative;
  top: 5px;
  font-size: 30px;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-icon md-icon {
  position: relative;
  top: 5px;
  min-height: 30px;
  min-width: 30px;
  color: #FFFFFF;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-label {
  font-size: 0.6rem;
  text-transform: capitalize;
  font-weight: 600;
  position: relative;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-label {
  left: 35px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-label {
  right: 35px;
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  display: block;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-weight: 600;
  position: relative;
  max-width: 100px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  left: 35px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  right: 35px;
}
@media screen and (max-width: 1390px) {
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-placeholder {
    max-width: 6rem;
}
}
@media screen and (max-width: 1280px) {
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .breadcrumb-placeholder {
    max-width: 50px;
}
}
:where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .caret {
  position: absolute;
  top: 57%;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .caret {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .breadcrumb-menu .caret {
  left: 0;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list {
  background-color: #FFFFFF;
  position: absolute;
  height: auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  width: 270px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scroller {
  position: absolute;
  max-height: 260px;
  height: auto;
  overflow-y: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 200px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .search-box {
  padding-bottom: 5px;
  margin-right: 10px;
  margin-left: 10px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .search-box > input {
  margin-bottom: 0;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .search-box > input {
  padding: 6px 15px 6px 4px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .search-box > input {
  padding: 6px 4px 6px 15px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu {
  margin-bottom: 0;
  background-color: #FFFFFF;
  background-clip: padding-box;
  position: relative;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu.starEnabled li {
  padding-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu.starEnabled li {
  padding-left: 20px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu div {
  width: 200px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li {
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 200px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li.list-header:first-letter {
  text-transform: uppercase;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li:hover:not(.list-header) {
  background-color: #F29303;
  color: #000000;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li.starPresent {
  padding-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li.starPresent {
  padding-left: 20px;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li.active {
  font-weight: bold;
}
:where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li > i {
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li > i {
  float: right;
  right: 0;
  padding-right: 10px;
  margin-right: 2px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level .dropdown .dropdown-list .scrollable-menu li > i {
  float: left;
  left: 0;
  padding-left: 10px;
  margin-left: 2px;
}
:where([id=maincontent]) .menu-level.menu-level0 {
  z-index: 999;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level0 .breadcrumb-menu {
  padding: 10px 50px 16px 0;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level0 .breadcrumb-menu {
  padding: 10px 0 16px 50px;
}
:where([id=maincontent]) .menu-level.menu-level1 {
  z-index: 998;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu {
  padding: 10px 65px 16px 50px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu {
  padding: 10px 50px 16px 65px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu .breadcrumb-label {
  left: 30px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu .breadcrumb-label {
  right: 30px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  left: 30px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level1 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  right: 30px;
}
:where([id=maincontent]) .menu-level.menu-level2 {
  z-index: 997;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu {
  padding: 10px 55px 16px 50px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu {
  padding: 10px 50px 16px 55px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu .breadcrumb-label {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu .breadcrumb-label {
  right: 40px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level2 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  right: 40px;
}
:where([id=maincontent]) .menu-level.menu-level3 {
  z-index: 996;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu {
  padding: 10px 55px 16px 50px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu {
  padding: 10px 50px 16px 55px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu .breadcrumb-label {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu .breadcrumb-label {
  right: 40px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level3 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  right: 40px;
}
:where([id=maincontent]) .menu-level.menu-level4 {
  z-index: 995;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu {
  padding: 10px 55px 16px 50px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu {
  padding: 10px 50px 16px 55px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu .breadcrumb-label {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu .breadcrumb-label {
  right: 40px;
}
[dir="ltr"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) .menu-level.menu-level4 .dropdown .breadcrumb-menu .breadcrumb-placeholder {
  right: 40px;
}
:where([id=maincontent]) .overview-page {
  margin-left: 30px;
  margin-right: 30px;
  background: none;
  border: none;
}
:where([id=maincontent]) .overview-page .deleted-square {
  pointer-events: none;
}
:where([id=maincontent]) .content-header activity-config-component,
:where([id=maincontent]) activity-health-component,
:where([id=maincontent]) activity-setup-component,
:where([id=maincontent]) activity-qual-research-config-component,
:where([id=maincontent]) activity-wizard-type,
:where([id=maincontent]) help-center,
:where([id=maincontent]) incentives,
:where([id=maincontent]) instant-rewards,
:where([id=maincontent]) main-pages,
:where([id=maincontent]) message-overview,
:where([id=maincontent]) periodic-rewards,
:where([id=maincontent]) square-activities-component,
:where([id=maincontent]) square-engagement,
:where([id=maincontent]) square-research-activity,
:where([id=maincontent]) tabs-footer {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
:where([id=maincontent]) activity-health-component,
:where([id=maincontent]) activity-health-component .activity-health-component,
:where([id=maincontent]) activity-setup-component,
:where([id=maincontent]) activity-qual-research-config-component,
:where([id=maincontent]) square-forum-room,
:where([id=maincontent]) square-health-component,
:where([id=maincontent]) square-health-component .health-page,
:where([id=maincontent]) square-research-activity,
:where([id=maincontent]) square-research-activity .page-content {
  min-height: 0;
}
:where([id=maincontent]) activity-qual-research-config-component .page-title,
:where([id=maincontent]) activity-config-component .page-title,
:where([id=maincontent]) activity-setup-component .page-title {
  padding-top: 0;
  height: initial;
  min-height: initial;
}
:where([id=maincontent]) activity-qual-research-config-component isc-button.go-back,
:where([id=maincontent]) activity-config-component isc-button.go-back,
:where([id=maincontent]) activity-setup-component isc-button.go-back {
  margin-top: 5px;
}
:where([id=maincontent]) activity-qual-research-config-component isc-button.go-back .md-button,
:where([id=maincontent]) activity-config-component isc-button.go-back .md-button,
:where([id=maincontent]) activity-setup-component isc-button.go-back .md-button {
  color: #347F62;
  padding: 0;
}
[dir="ltr"] :where([id=maincontent]) activity-qual-research-config-component isc-button.go-back .md-button .icon,
[dir="ltr"] :where([id=maincontent]) activity-config-component isc-button.go-back .md-button .icon,
[dir="ltr"] :where([id=maincontent]) activity-setup-component isc-button.go-back .md-button .icon {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) activity-qual-research-config-component isc-button.go-back .md-button .icon,
[dir="rtl"] :where([id=maincontent]) activity-config-component isc-button.go-back .md-button .icon,
[dir="rtl"] :where([id=maincontent]) activity-setup-component isc-button.go-back .md-button .icon {
  margin-left: 0;
}
:where([id=maincontent]) activity-qual-research-config-component isc-button.go-back .md-button .icon i,
:where([id=maincontent]) activity-config-component isc-button.go-back .md-button .icon i,
:where([id=maincontent]) activity-setup-component isc-button.go-back .md-button .icon i {
  font-weight: bold;
}
:where([id=maincontent]) activity-qual-research-config-component isc-button.go-back .md-button .label,
:where([id=maincontent]) activity-config-component isc-button.go-back .md-button .label,
:where([id=maincontent]) activity-setup-component isc-button.go-back .md-button .label {
  font-size: 1rem;
}
:where([id=maincontent]) .infoPage.tabLayout {
  padding: 0;
}
:where([id=maincontent]) .infoPage.tabLayout md-input-container {
  position: sticky;
}
:where([id=maincontent]) .infoPage.tabLayout .md-tab .deleted-page {
  opacity: 0.2;
}
:where([id=maincontent]) .infoPage.tabLayout .selectIcon {
  font-size: 0.8rem;
  padding: 20px;
  display: inline-block;
}
:where([id=maincontent]) .infoPage.tabLayout .description-error {
  color: #F32651;
}
:where([id=maincontent]) .infoPage.tabLayout div.description-error {
  font-size: 0.8rem;
  padding-top: 5px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectIcon {
  margin-top: 18px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  width: auto;
  height: auto;
  border-radius: 5px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectIcon:focus {
  border: 1px solid #F29303;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectIcon md-icon {
  line-height: 50px;
  font-size: 3rem;
  width: 50px;
  height: 50px;
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer {
  display: inline-block;
  margin: 15px 0 25px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv {
  display: inline-block;
  border: 1px solid #DDDDDD;
}
[dir="ltr"] :where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv {
  margin: 0 20px 5px 0;
}
[dir="rtl"] :where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv {
  margin: 0 0 5px 20px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv.borderError {
  border-color: #FF0000;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .md-color-picker-input-container {
  display: inline;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .md-color-picker-input-container .md-color-picker-preview {
  border-radius: 0;
  width: 120px;
  height: 120px;
  box-shadow: none;
  position: static;
  margin: 5px 5px 0;
  border: none;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .md-color-picker-input-container md-input-container {
  margin: 3px 2px 5px;
  position: relative;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .md-color-picker-input-container md-input-container .md-color-picker-input {
  width: 120px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .selectColor {
  display: inline-block;
  width: 122px;
  min-height: 122px;
  border: 1px solid #DDDDDD;
  border-radius: 0;
  margin: 5px 5px 3px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .selectColorDivContainer .selectColorDiv .selectIcon {
  width: 122px;
  min-height: 122px;
  border-radius: 0;
  background-color: #808080;
  border: 1px solid #DDDDDD;
  margin: 5px 5px 3px;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content .description-error {
  color: #F32651;
}
:where([id=maincontent]) .infoPage.tabLayout md-tab-content .page-content div.description-error {
  font-size: 0.8rem;
  padding-top: 5px;
}
:where([id=maincontent]) .designthumb {
  width: 200px;
  text-align: center;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) .designthumb {
  margin: 0 15px 15px 0;
}
[dir="rtl"] :where([id=maincontent]) .designthumb {
  margin: 0 0 15px 15px;
}
:where([id=maincontent]) .designthumb div {
  height: 130px;
  background-color: #F2F2F2;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
:where([id=maincontent]) .designthumb div.mobile {
  background-size: contain;
}
:where([id=maincontent]) .designthumb:hover .on-hover {
  display: block;
}
:where([id=maincontent]) .designthumb .on-hover {
  background: rgba(255, 255, 255, 0.95);
  display: none;
}
:where([id=maincontent]) .designthumb .on-hover span {
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 20px;
}
:where([id=maincontent]) .designthumb .label {
  padding-top: 5px;
  font-size: 0.6rem;
}
:where([id=maincontent]) .designthumb .focus-label {
  color: #F29303;
  margin: 0 10px;
}
:where([id=maincontent]) .error-message {
  font-size: small;
  color: #FF0000;
}
:where([id=maincontent]) .inline-block {
  display: inline-block;
}
:where([id=maincontent]) .designPage .title {
  color: rgba(0, 0, 0, 0.54);
  font-weight: bold;
  font-size: 0.875rem;
}
:where([id=maincontent]) .designPage .subtitle {
  color: rgba(0, 0, 0, 0.38);
  font-weight: normal;
  font-size: 0.8rem;
  margin-bottom: 10px;
}
:where([id=maincontent]) .designPage.infoPage.tabLayout md-tab-content .page-content {
  padding-bottom: 50px;
}
:where([id=maincontent]) .all-members-placeholder {
  margin: -25px 0 0;
}
:where([id=maincontent]) .warning-message {
  background-color: #EAEAEA;
  color: #838383;
  border-radius: 4px;
  padding: 8px;
}
:where([id=maincontent]) .warning-message > div > i {
  font-size: 2rem;
  line-height: 1;
}
[dir="ltr"] :where([id=maincontent]) .warning-message > div > i {
  margin-right: 8px;
}
[dir="rtl"] :where([id=maincontent]) .warning-message > div > i {
  margin-left: 8px;
}
:where([id=maincontent]) .researcherImage {
  width: 200px;
  border-radius: 20px;
  display: block;
  margin-bottom: 10px;
}
:where([id=maincontent]) .highlighted {
  color: #F29303;
}
:where([id=maincontent]) .as-sortable-item {
  background-color: transparent;
  touch-action: none;
  -webkit-touch-callout: none;
}
:where([id=maincontent]) .as-sortable-placeholder {
  background-color: #F0F0F0;
}
:where([id=maincontent]) .theme .themes-action-col {
  min-width: 200px;
  margin: 0;
  padding: 0;
}
[dir="ltr"] :where([id=maincontent]) .theme .themes-action-col {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .theme .themes-action-col {
  text-align: right;
}
:where([id=maincontent]) .theme .themes-action-col div {
  display: inline-block;
}
:where([id=maincontent]) .theme .themes-action-col .as-sortable-item-handle {
  cursor: move;
}
:where([id=maincontent]) .theme md-icon.typcn {
  line-height: 1;
  color: #C3C3C3;
}
[dir="ltr"] :where([id=maincontent]) .theme .members-col {
  text-align: right !important;
}
[dir="rtl"] :where([id=maincontent]) .theme .members-col {
  text-align: left !important;
}
:where([id=maincontent]) .dragiconcontainer {
  display: inline-block;
}
:where([id=maincontent]) md-icon.dragicon {
  min-height: 16px;
  min-width: 16px;
  height: 16px;
  width: 16px;
  vertical-align: top;
  color: #929795;
  cursor: move;
}
:where([id=maincontent]) isc-modal-dialog.select-icon table {
  border-collapse: separate;
  width: auto;
}
:where([id=maincontent]) .ng-fade {
  transition: 0.1s linear all;
  opacity: 1;
}
:where([id=maincontent]) .ng-fade.ng-enter {
  transition: 0.1s 0.1s linear all;
  opacity: 0;
}
:where([id=maincontent]) .ng-fade.ng-enter.ng-enter-active {
  opacity: 1;
}
:where([id=maincontent]) .ng-fade.ng-leave {
  transition: 0.1s linear all;
  opacity: 1;
}
:where([id=maincontent]) .ng-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
:where([id=maincontent]) .ng-fade.ng-hide {
  opacity: 0;
}
:where([id=maincontent]) .ng-slide {
  transform: translateY(0);
  transition-duration: 0.5s;
  opacity: 1;
  z-index: -1;
}
:where([id=maincontent]) .ng-slide.ng-hide {
  transform: translateY(-50px);
  transition-duration: 0.5s;
  opacity: 0;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3 {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) h1 {
  font-size: 2.25rem;
}
:where([id=maincontent]) .h2,
:where([id=maincontent]) h2 {
  font-size: 1.875rem;
}
:where([id=maincontent]) .h3,
:where([id=maincontent]) h3 {
  font-size: 1.5rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) h4 {
  font-size: 1.125rem;
}
:where([id=maincontent]) .h5,
:where([id=maincontent]) h5 {
  font-size: 1rem;
}
:where([id=maincontent]) .h6,
:where([id=maincontent]) h6 {
  font-size: 0.75rem;
}
:where([id=maincontent]) .page-title {
  display: block;
  flex: 0 0 auto;
  padding-top: 20px;
  height: 70px;
  min-height: 70px;
  z-index: 5;
}
[dir="ltr"] :where([id=maincontent]) .page-title {
  padding-left: 40px;
  padding-right: 25px;
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .page-title {
  padding-right: 40px;
  padding-left: 25px;
  left: 0;
}
@media screen and (max-width: 1169px) {
[dir="ltr"] :where([id=maincontent]) .page-title {
    left: 111px !important;
}
[dir="rtl"] :where([id=maincontent]) .page-title {
    right: 111px !important;
}
}
@media screen and (max-width: 767px) {
[dir="ltr"] :where([id=maincontent]) .page-title {
    left: 0 !important;
}
[dir="rtl"] :where([id=maincontent]) .page-title {
    right: 0 !important;
}
}
:where([id=maincontent]) .page-title h2,
:where([id=maincontent]) .page-title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #000000;
  opacity: 0.87;
  padding-bottom: 15px;
  margin-top: 10px;
  margin-bottom: 0;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) .h2,
:where([id=maincontent]) .h3,
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3 {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) .h5,
:where([id=maincontent]) .h6,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
:where([id=maincontent]) .h1,
:where([id=maincontent]) h1 {
  font-size: 2.25rem;
}
:where([id=maincontent]) .h2,
:where([id=maincontent]) h2 {
  font-size: 1.875rem;
}
:where([id=maincontent]) .h3,
:where([id=maincontent]) h3 {
  font-size: 1.5rem;
}
:where([id=maincontent]) .h4,
:where([id=maincontent]) h4 {
  font-size: 1.125rem;
}
:where([id=maincontent]) .h5,
:where([id=maincontent]) h5 {
  font-size: 1rem;
}
:where([id=maincontent]) .h6,
:where([id=maincontent]) h6 {
  font-size: 0.75rem;
}
:where([id=maincontent]) .info-box {
  display: block;
  flex: 0 0 auto;
  padding-top: 0;
  height: 70px;
  min-height: 70px;
  z-index: 5;
}
[dir="ltr"] :where([id=maincontent]) .info-box {
  padding-left: 40px;
  padding-right: 25px;
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .info-box {
  padding-right: 40px;
  padding-left: 25px;
  left: 0;
}
@media screen and (max-width: 1169px) {
[dir="ltr"] :where([id=maincontent]) .info-box {
    left: 111px !important;
}
[dir="rtl"] :where([id=maincontent]) .info-box {
    right: 111px !important;
}
}
@media screen and (max-width: 767px) {
[dir="ltr"] :where([id=maincontent]) .info-box {
    left: 0 !important;
}
[dir="rtl"] :where([id=maincontent]) .info-box {
    right: 0 !important;
}
}
:where([id=maincontent]) .info-box p {
  display: inline-block;
  color: #595959;
  opacity: 0.87;
  padding-top: 0;
  margin-top: 0;
  font-style: italic;
}
:where([id=maincontent]) .infoPage {
  width: 100%;
  padding: 30px;
  justify-content: center;
}
:where([id=maincontent]) .infoPage .inputField,
:where([id=maincontent]) .infoPage .inputField > md-input-container {
  width: 350px;
}
:where([id=maincontent]) .infoPage .inputField.noblock,
:where([id=maincontent]) .infoPage .inputField > md-input-container.noblock {
  display: inline-block;
}
:where([id=maincontent]) .infoPage.squareInfo .inputField,
:where([id=maincontent]) .infoPage.squareInfo .inputField > md-input-container {
  width: 450px;
}
:where([id=maincontent]) .infoPage md-autocomplete[md-floating-label] + md-input-container {
  margin-top: 2px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container {
  width: 700px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container {
  margin-bottom: 28px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container.url-input-container {
  margin-bottom: 52px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container .layout-row {
  width: 520px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container md-autocomplete md-input-container {
  margin: 0;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container md-autocomplete md-input-container input {
  color: inherit !important;
}
[dir="ltr"] :where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container input.squareSubDomainInput {
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container input.squareSubDomainInput {
  margin-left: 10px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container > fieldset > md-input-container .flex-33 {
  padding-top: 14px;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container.noblock {
  display: inline-block;
}
:where([id=maincontent]) .infoPage .textAreaField > md-input-container .requiredJobIdLabel:after {
  content: " *";
  font-size: 0.8rem;
  vertical-align: top;
}
:where([id=maincontent]) .infoPage md-input-container + md-autocomplete[md-floating-label] {
  padding-top: 7px;
}
:where([id=maincontent]) .infoPage .textAreaField {
  width: 700px;
}
:where([id=maincontent]) .infoPage .textAreaField label {
  color: #757575 !important;
}
:where([id=maincontent]) .infoPage .datepicker {
  margin-bottom: 0;
}
:where([id=maincontent]) .infoPage .datepicker mdp-date-picker button {
  width: auto;
}
[dir="ltr"] :where([id=maincontent]) .infoPage .datepicker mdp-date-picker button {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .infoPage .datepicker mdp-date-picker button {
  padding-right: 0;
}
:where([id=maincontent]) .infoPage .squareSubDomainSuffix {
  position: relative;
  top: 32px;
}
:where([id=maincontent]) .controls-fixed {
  bottom: 0;
  position: fixed;
  top: auto;
  z-index: 50;
}
:where([id=maincontent]) md-dialog-content .controls-fixed {
  position: absolute;
}
:where([id=maincontent]) .controls-fixed-measure-helper {
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
:where([id=maincontent]) .descriptionField {
  width: 50em;
  height: 15em;
}
:where([id=maincontent]) .fix-marginTop {
  margin-top: -24px;
}
:where([id=maincontent]) .form-div-container {
  width: 350px;
  margin: 5px 0;
}
:where([id=maincontent]) activity-qual-specify .infoPage div.md-block {
  margin-bottom: 0;
}
:where([id=maincontent]) activity-qual-specify .infoPage div.md-block .ng-scope {
  font-size: 0.875rem;
}
:where([id=maincontent]) activity-qual-specify .activity-config label span.highlight {
  color: #347F62;
  font-weight: bold;
}
:where([id=maincontent]) md-toast.toast div.md-toast-content {
  border-radius: 10px;
  padding: 0 24px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
:where([id=maincontent]) md-toast.toast div.md-toast-content .close-icon {
  position: absolute;
  top: 5px;
  color: #FFFFFF;
  font-size: 1.1rem;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) md-toast.toast div.md-toast-content .close-icon {
  right: -10px;
}
[dir="rtl"] :where([id=maincontent]) md-toast.toast div.md-toast-content .close-icon {
  left: -10px;
}
:where([id=maincontent]) md-toast.toast-error div.md-toast-content {
  background-color: #FDDFE5;
  color: #F32651;
}
:where([id=maincontent]) md-toast.toast-error div.md-toast-content > md-icon {
  line-height: 21px;
  font-size: 1.5rem;
  color: #F32651;
}
:where([id=maincontent]) md-toast.toast-success div.md-toast-content {
  background-color: #347F62;
  color: #FFFFFF;
}
:where([id=maincontent]) md-toast.toast-success div.md-toast-content > md-icon {
  color: #FFFFFF;
  font-size: 1.5rem;
}
:where([id=maincontent]) .overview-tables table.md-table {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 20px;
}
:where([id=maincontent]) .overview-tables table.md-table thead.md-head > tr.md-row {
  background-color: #F9F9F9;
}
:where([id=maincontent]) .overview-tables table.md-table tbody.md-body > tr.md-row {
  background-color: #FFFFFF;
}
:where([id=maincontent]) .overview-tables table.md-table:not(.md-row-select) th.md-column:first-child {
  width: 300px;
}
:where([id=maincontent]) .md-color-picker-dialog,
:where([id=maincontent]) .mdp-datepicker,
:where([id=maincontent]) .mdp-timepicker {
  background-color: #FFFFFF;
}
:where([id=maincontent]) .modal-edit-communication {
  font-size: 0.8rem;
  width: 900px !important;
  overflow: auto;
}
:where([id=maincontent]) .modal-edit-communication .infoPage .inputField {
  width: 410px;
}
:where([id=maincontent]) .modal-edit-communication .dateTime-label {
  width: 390px;
}
:where([id=maincontent]) .modal-edit-communication button {
  box-shadow: none !important;
}
:where([id=maincontent]) .modal-edit-communication md-dialog-content {
  padding: 15px;
  width: 100%;
}
:where([id=maincontent]) .modal-edit-communication md-dialog-content .buttons {
  margin-left: -15px;
  margin-right: -15px;
}
:where([id=maincontent]) .modal-edit-communication .page-content {
  margin: 0;
}
:where([id=maincontent]) .insites-dialog {
  overflow: visible;
}
:where([id=maincontent]) .insites-dialog .md-button.close-button {
  font-size: 1.6rem;
  color: #FFFFFF;
  position: absolute;
  margin: 0;
  min-width: 0;
  min-height: 0;
  top: -34px;
  padding: 0;
  width: auto;
}
[dir="ltr"] :where([id=maincontent]) .insites-dialog .md-button.close-button {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) .insites-dialog .md-button.close-button {
  left: 0;
}
:where([id=maincontent]) .new-square-dialog {
  max-width: 500px;
}
:where([id=maincontent]) .new-square-dialog ul {
  list-style: none;
}
[dir="ltr"] :where([id=maincontent]) .new-square-dialog ul {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .new-square-dialog ul {
  padding-right: 0;
}
:where([id=maincontent]) isc-spinner-component .spinnerContent {
  z-index: 9001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.25);
}
:where([id=maincontent]) isc-spinner-component .spinnerContent.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}
:where([id=maincontent]) isc-spinner-component .spinnerContent.ng-enter.ng-enter-active {
  opacity: 1;
}
:where([id=maincontent]) isc-spinner-component .spinnerContent.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
:where([id=maincontent]) isc-spinner-component .spinnerContent.ng-leave.ng-leave-active {
  opacity: 0;
}
:where([id=maincontent]) isc-spinner-component .spinnerContent .loadingindicator {
  color: #F29303;
  font-size: 5.6rem;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  transform: translateZ(0);
  animation: load6 1.7s infinite ease;
  position: absolute;
  top: calc(50% - 120px);
}
[dir="ltr"] :where([id=maincontent]) isc-spinner-component .spinnerContent .loadingindicator {
  left: 50%;
}
[dir="rtl"] :where([id=maincontent]) isc-spinner-component .spinnerContent .loadingindicator {
  right: 50%;
}
@keyframes load6 {
0% {
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.48em;
}
5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.48em;
}
10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.09em -0.83em 0 -0.42em, -0.17em -0.81em 0 -0.44em, -0.26em -0.79em 0 -0.46em, -0.3em -0.78em 0 -0.48em;
}
20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.34em -0.76em 0 -0.42em, -0.56em -0.62em 0 -0.44em, -0.67em -0.49em 0 -0.46em, -0.75em -0.34em 0 -0.48em;
}
38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.38em -0.74em 0 -0.42em, -0.65em -0.52em 0 -0.44em, -0.78em -0.23em 0 -0.46em, -0.82em -0.09em 0 -0.48em;
}
100% {
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.48em;
}
}
:where([id=maincontent]) .members-in-target {
  margin: 10px 0;
}
:where([id=maincontent]) .wrapper-channel {
  overflow-x: hidden;
}
:where([id=maincontent]) .wrapper-channel isc-radio-group {
  padding-top: 16px;
}
:where([id=maincontent]) p {
  font-size: 0.875rem;
}
:where([id=maincontent]) .request-a-call-modal {
  font-size: 0.875rem;
}
:where([id=maincontent]) .form-control {
  padding-bottom: 4px;
}
:where([id=maincontent]) .segmentation-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
:where([id=maincontent]) .select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
[dir="ltr"] :where([id=maincontent]) .select-header {
  padding-left: 10.67px;
}
[dir="rtl"] :where([id=maincontent]) .select-header {
  padding-right: 10.67px;
}
:where([id=maincontent]) .targeting .segment-match .global-option md-select-value {
  border-bottom-color: transparent;
  background-color: #DEDEDE;
  padding: 0 10px 4px;
  border-radius: 4px;
}
:where([id=maincontent]) .targeting .segment-header, :where([id=maincontent]) .targeting .segment-options,
:where([id=maincontent]) .targeting .segmentation-header {
  border: 1px solid #DEDEDE;
  border-radius: 2px;
  width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}
:where([id=maincontent]) .targeting .segment-options {
  width: 80px;
}
:where([id=maincontent]) .targeting .add-segment .md-icon-button {
  font-size: 0.75rem;
  width: 120px;
  padding: 0;
  text-transform: none;
  border-radius: 0;
  line-height: 22px;
  color: #F29303;
}
:where([id=maincontent]) .targeting .add-segment .md-icon-button md-icon {
  border: 1px solid #F29303;
  border-radius: 50%;
  line-height: 22px;
  color: #F29303;
}
[dir="ltr"] :where([id=maincontent]) .targeting .add-segment .md-icon-button md-icon {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) .targeting .add-segment .md-icon-button md-icon {
  float: right;
}
:where([id=maincontent]) .targeting .add-segment .md-icon-button span {
  position: absolute;
  top: 10px;
}
[dir="ltr"] :where([id=maincontent]) .targeting .add-segment .md-icon-button span {
  right: 5px;
}
[dir="rtl"] :where([id=maincontent]) .targeting .add-segment .md-icon-button span {
  left: 5px;
}
:where([id=maincontent]) .targeting md-select.md-table-select > .md-select-value > span > .md-text {
  display: inline;
}
:where([id=maincontent]) .targeting .memberids-label {
  position: relative;
}
:where([id=maincontent]) .targeting .targeting-by-ids md-input-container {
  max-width: 900px;
  width: 100%;
  margin-top: 40px;
}
:where([id=maincontent]) .targeting .targeting-by-ids md-chips-wrap {
  max-height: 600px;
  overflow-y: scroll;
}
:where([id=maincontent]) .targeting .targeting-by-ids .md-chip-input-container {
  height: 35px;
}
:where([id=maincontent]) .date-label {
  font-size: 0.75rem;
}
:where([id=maincontent]) .target-label {
  font-size: 0.75rem;
  position: absolute;
  bottom: 5px;
}
:where([id=maincontent]) .channel-select-label {
  display: block;
  margin: 50px 0 0;
  color: rgba(0, 0, 0, 0.38);
  text-align: center;
}
:where([id=maincontent]) .channel-select {
  position: relative;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.38);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 225px;
  padding: 0 30px 30px;
  margin: 30px;
  font-size: 0.75rem;
}
[dir="ltr"] :where([id=maincontent]) .channel-select {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .channel-select {
  text-align: right;
}
@media (max-width: 2060px) and (min-width: 1702px) {
:where([id=maincontent]) .channel-select {
    margin: 65px;
}
}
:where([id=maincontent]) .channel-select .channel-select-title {
  font-weight: bolder;
  font-size: 1rem;
  line-height: 22px;
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.56);
  text-align: center;
}
:where([id=maincontent]) .channel-select .checkmark {
  position: absolute;
  top: 0;
  border: solid 1px #347F62;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  background-color: #FFFFFF;
  display: none;
}
[dir="ltr"] :where([id=maincontent]) .channel-select .checkmark {
  left: 0;
  transform: translate(-50%, -50%);
}
[dir="rtl"] :where([id=maincontent]) .channel-select .checkmark {
  right: 0;
  transform: translate(50%, -50%);
}
:where([id=maincontent]) .channel-select .checkmark md-icon {
  width: 25px;
  height: 25px;
  color: #347F62;
  position: absolute;
  top: 50%;
}
[dir="ltr"] :where([id=maincontent]) .channel-select .checkmark md-icon {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] :where([id=maincontent]) .channel-select .checkmark md-icon {
  right: 50%;
  transform: translate(50%, -50%);
}
:where([id=maincontent]) .channel-select .channel-targets-list {
  padding: 0;
  list-style-type: none;
}
:where([id=maincontent]) .channel-select .channel-targets-list li {
  line-height: 28px;
}
:where([id=maincontent]) .channel-select .channel-targets-list md-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  color: rgba(0, 0, 0, 0.38);
}
:where([id=maincontent]) .channel-select.active {
  border: 1px solid #347F62;
  color: rgba(0, 0, 0, 0.56);
}
:where([id=maincontent]) .channel-select.active .img-container {
  opacity: 0.56;
}
:where([id=maincontent]) .channel-select.active .channel-select-title {
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) .channel-select.active .checkmark {
  display: block;
}
:where([id=maincontent]) .channel-select.active .channel-targets-list md-icon {
  color: #347F62;
}
:where([id=maincontent]) .channel-select .img-container {
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  padding: 23px;
  opacity: 0.38;
}
:where([id=maincontent]) .channel-select .img-container img {
  height: 54px;
}
:where([id=maincontent]) .media-preview {
  width: 178px;
  height: 100px;
  display: inline-block;
  position: relative;
  opacity: 0.7;
  border: 1px solid rgba(128, 128, 128, 0);
  border-radius: 7px;
  overflow: hidden;
}
[dir="ltr"] :where([id=maincontent]) .media-preview {
  margin: 10px 15px 10px 0;
}
[dir="rtl"] :where([id=maincontent]) .media-preview {
  margin: 10px 0 10px 15px;
}
:where([id=maincontent]) .media-preview:hover {
  opacity: 1;
}
:where([id=maincontent]) .media-preview .image-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where([id=maincontent]) .media-preview .image-preview img {
  z-index: -1;
}
:where([id=maincontent]) .media-preview .media-remove {
  position: absolute;
  top: -50px;
  text-align: center;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) .media-preview .media-remove {
  right: 5px;
}
[dir="rtl"] :where([id=maincontent]) .media-preview .media-remove {
  left: 5px;
}
:where([id=maincontent]) .media-preview .media-remove:focus-visible {
  top: 5px;
}
:where([id=maincontent]) .media-preview:hover .media-remove {
  top: 5px;
}
:where([id=maincontent]) .channelPage .content-wrapper,
:where([id=maincontent]) .infoPage .content-wrapper {
  flex-wrap: wrap;
}
:where([id=maincontent]) .channelPage .content-wrapper .column,
:where([id=maincontent]) .infoPage .content-wrapper .column {
  min-width: 400px;
}
:where([id=maincontent]) .channelPage .content-wrapper .title,
:where([id=maincontent]) .infoPage .content-wrapper .title {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 10px 0;
  display: block;
  color: #757575;
}
:where([id=maincontent]) .tooltip-container {
  color: rgba(0, 0, 0, 0.38);
}
:where([id=maincontent]) .tooltip-container .fa {
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) .tooltip-container .fa {
  margin-left: 1%;
}
[dir="rtl"] :where([id=maincontent]) .tooltip-container .fa {
  margin-right: 1%;
}
:where([id=maincontent]) .fieldWithAsterisk:after {
  content: " *";
  font-size: 0.75rem;
  vertical-align: top;
}
[dir="ltr"] :where([id=maincontent]) .drop-box.fieldWithAsterisk:after {
  float: right;
  margin-right: 10px;
}
[dir="rtl"] :where([id=maincontent]) .drop-box.fieldWithAsterisk:after {
  float: left;
  margin-left: 10px;
}
:where([id=maincontent]) .sendEmailDelayInputContainer > span {
  font-weight: bold;
  vertical-align: middle;
}
:where([id=maincontent]) .sendEmailDelayInputContainer .sendEmailDelayInput > md-input-container {
  position: relative;
  bottom: 10px;
  margin-top: 0;
}
:where([id=maincontent]) .sendEmailDelayInputContainer .sendEmailDelayInput > md-input-container > input {
  text-align: center;
  display: inline-block;
  float: none;
}
:where([id=maincontent]) .iscLabel {
  overflow: hidden;
  margin-bottom: 0;
  pointer-events: none;
}
[dir="ltr"] :where([id=maincontent]) .iscLabel {
  padding-left: 3px;
  padding-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .iscLabel {
  padding-right: 3px;
  padding-left: 0;
}
:where([id=maincontent]) .dateTime-label .tooltip-container .fa {
  margin-top: 0;
}
:where([id=maincontent]) .cta-tab-options md-radio-group {
  display: block;
  margin-top: 5px;
  min-width: 230px;
}
:where([id=maincontent]) .cta-tab-options md-radio-group md-radio-button {
  display: inline-block;
}
[dir="ltr"] :where([id=maincontent]) .cta-tab-options md-radio-group md-radio-button:last-of-type {
  margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) .cta-tab-options md-radio-group md-radio-button:last-of-type {
  margin-right: 20px;
}
:where([id=maincontent]) .publish-overview .publish {
  width: auto;
}
:where([id=maincontent]) .publish-overview .publish isc-dropdown md-input-container {
  display: table-cell;
}
:where([id=maincontent]) .publish-overview md-input-container {
  padding: 0;
  margin-bottom: 0;
}
:where([id=maincontent]) .publish-overview md-input-container .md-errors-spacer {
  display: none;
}
:where([id=maincontent]) .message-fields-container .timezone-label {
  margin-bottom: 28px;
}
:where([id=maincontent]) .default-footer {
  font-size: 0.75rem;
}
[dir="ltr"] :where([id=maincontent]) .default-footer {
  padding-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .default-footer {
  padding-right: 5px;
}
:where([id=maincontent]) .publish-comm label.section-title {
  margin: 0 0 20px;
}
:where([id=maincontent]) .publish-comm .md-block {
  width: 350px;
}
[dir="ltr"] :where([id=maincontent]) .publish-comm .md-block {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .publish-comm .md-block {
  margin-left: 20px;
}
:where([id=maincontent]) .publish-comm .md-block .publish-value {
  color: #000000;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  padding: 2px 0;
}
:where([id=maincontent]) .publish-comm timezone-dropdown isc-dropdown.medium-small-size {
  display: inline-block;
  width: 70px;
}
:where([id=maincontent]) .publish-comm timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container {
  display: block;
  width: 70px;
  margin: 0;
}
:where([id=maincontent]) .publish-comm timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value {
  background-image: none;
}
:where([id=maincontent]) .publish-comm timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value span {
  margin-top: -1px;
}
:where([id=maincontent]) .publish-comm timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value .md-select-icon {
  display: none;
}
:where([id=maincontent]) file-input .ng-active .error-message.md-input-message-animation {
  font-size: 0.75rem;
  color: rgb(202, 21, 42);
}
:where([id=maincontent]) .communication-guidance {
  margin: 15px 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
}
[dir="ltr"] :where([id=maincontent]) md-tabs.communication-tabs {
  float: right;
  margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) md-tabs.communication-tabs {
  float: left;
  margin-right: 20px;
}
:where([id=maincontent]) md-tabs.communication-tabs md-tabs-wrapper {
  border-width: 0;
}
:where([id=maincontent]) md-tabs.communication-tabs md-tabs-wrapper .md-tab {
  font-size: 1.063rem;
  text-transform: none;
}
:where([id=maincontent]) md-tabs.communication-tabs md-tabs-wrapper .md-tab.md-active {
  color: #000000;
  font-weight: 600;
}
:where([id=maincontent]) md-tabs.communication-tabs md-tabs-wrapper md-ink-bar {
  height: 5px;
}
:where([id=maincontent]) .open-link-option md-input-container {
  bottom: 22px;
}
[dir="ltr"] :where([id=maincontent]) .open-link-option md-input-container {
  left: 100%;
}
[dir="rtl"] :where([id=maincontent]) .open-link-option md-input-container {
  right: 100%;
}
:where([id=maincontent]) .open-link-option md-input-container md-radio-button:first-of-type {
  margin-top: 0.75rem;
}
:where([id=maincontent]) .drop-box {
  border: 3px dotted #DEDEDE;
  width: 388px;
  height: 78px;
  text-align: center;
  background: url("/images/dropzone.png");
  margin-bottom: 28px;
}
:where([id=maincontent]) span.stimuli-required {
  position: absolute;
}
[dir="ltr"] :where([id=maincontent]) span.stimuli-required {
  margin-left: 200px;
}
[dir="rtl"] :where([id=maincontent]) span.stimuli-required {
  margin-right: 200px;
}
:where([id=maincontent]) .drop-box[disabled] {
  opacity: 0.38;
}
:where([id=maincontent]) .drag-over-accept {
  border-color: rgb(187.5086956522, 223.0304347826, 240.7913043478);
}
:where([id=maincontent]) .drag-over-reject {
  border-color: rgb(234.7934782609, 203.7065217391, 203.7065217391);
}
:where([id=maincontent]) .media-preview {
  width: 178px;
  height: 100px;
  display: inline-block;
  position: relative;
  opacity: 0.7;
  border: 1px solid rgba(128, 128, 128, 0);
  border-radius: 7px;
  overflow: hidden;
}
[dir="ltr"] :where([id=maincontent]) .media-preview {
  margin: 10px 15px 10px 0;
}
[dir="rtl"] :where([id=maincontent]) .media-preview {
  margin: 10px 0 10px 15px;
}
:where([id=maincontent]) .media-preview:hover {
  opacity: 1;
}
:where([id=maincontent]) .media-preview .media-remove {
  position: absolute;
  top: -50px;
  text-align: center;
  cursor: pointer;
}
[dir="ltr"] :where([id=maincontent]) .media-preview .media-remove {
  right: 5px;
}
[dir="rtl"] :where([id=maincontent]) .media-preview .media-remove {
  left: 5px;
}
:where([id=maincontent]) .media-preview .media-remove:focus-visible {
  top: 5px;
}
:where([id=maincontent]) .media-preview:hover .media-remove {
  top: 5px;
}
:where([id=maincontent]) .media-preview .image-preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where([id=maincontent]) .media-preview .image-preview img {
  z-index: -1;
}
:where([id=maincontent]) forum-room-component {
  text-align: center;
  display: block;
}
:where([id=maincontent]) forum-room-component > .intro {
  padding: 22px 0 0;
}
:where([id=maincontent]) .conversation-list {
  padding: 0;
}
:where([id=maincontent]) .page-content-noconversation {
  background-color: #FAFAFA;
  margin-top: 205px;
}
:where([id=maincontent]) .page-content-noconversation span {
  color: #757575;
  font-size: 2rem;
}
:where([id=maincontent]) .page-content-noconversation .no-topics {
  font-size: 1.1rem;
}
:where([id=maincontent]) .page-content-noconversation.searching {
  margin-top: 50px;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item {
  display: block;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .md-no-style:before, :where([id=maincontent]) md-list-item.conversation-md-list-item:before,
:where([id=maincontent]) md-list-item.conversation-md-list-item .md-list-item-inner:before {
  display: none;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header {
  display: flex;
  flex-direction: row;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
[dir="ltr"] :where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  margin: 3px 12px 0 0;
}
[dir="rtl"] :where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .md-avatar {
  margin: 3px 0 0 12px;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text {
  flex: 1 1 auto;
  font-size: 0.75rem;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-title {
  color: #3272A8;
  font-size: larger;
  font-weight: bold;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-author {
  color: #3272A8;
  font-weight: 600;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons {
  display: inline-block;
  z-index: 3;
  position: relative;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons > span,
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons a {
  padding: 0 8px;
  color: #757575;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-author-details .role:after {
  content: "\a";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #757575;
  display: inline-block;
  margin: 2px 10px;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item .conversation-message {
  padding: 0 0 15px;
  flex: 1 1 auto;
  line-height: 17px;
  font-size: 0.75rem;
  letter-spacing: normal;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item + md-divider {
  margin: 0 25px;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item + md-divider:last-child {
  display: none;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover {
  background-color: #F9F9F9;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-title {
  color: #F29303;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-title a {
  text-decoration: none;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons {
  display: inline-block;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons .typcn {
  color: #757575;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons > span,
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons a {
  color: #757575;
  text-decoration: none;
}
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons > span:hover,
:where([id=maincontent]) md-list-item.conversation-md-list-item:hover .conversation-md-list-item-header .conversation-md-list-item-header-text .conversation-buttons a:hover {
  color: #F29303;
}
:where([id=maincontent]) .forum-search-matches {
  background-color: currentColor;
  border-radius: 3px;
  padding: 0 3px;
  font-size: xx-small;
}
[dir="ltr"] :where([id=maincontent]) .forum-search-matches {
  margin-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .forum-search-matches {
  margin-right: 5px;
}
:where([id=maincontent]) .forum-search-match-count {
  color: #FFFFFF;
}
:where([id=maincontent]) forum-conversation-component .forum-search md-toolbar.search-area {
  width: 290px;
}
:where([id=maincontent]) forum-conversation-component md-toolbar.search-area {
  width: 400px;
}
:where([id=maincontent]) .forum-content {
  border: 0;
  background: #FFFFFF;
  border-radius: 5px;
}
:where([id=maincontent]) .forum-room-page {
  border: 0;
  margin: 0 30px 30px;
}
:where([id=maincontent]) .admin-intf-card-container {
  margin: 0;
  background-color: #FFFFFF;
}
:where([id=maincontent]) .admin-intf-card-container.unread {
  background-color: rgba(90, 188, 150, 0.1);
  position: relative;
  transition: background-color 3s ease-in-out;
}
:where([id=maincontent]) .admin-intf-card-container.unread:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 5px;
  background-color: rgb(90, 188, 150);
  transition: background-color 3s ease-in-out;
}
:where([id=maincontent]) .admin-intf-card-container.unread .admin-intf {
  background-color: rgba(0, 0, 0, 0);
}
:where([id=maincontent]) .admin-intf-card-container.unread.reading {
  background-color: rgb(255, 255, 255);
}
:where([id=maincontent]) .admin-intf-card-container.unread.reading:before {
  background-color: rgb(255, 255, 255);
}
:where([id=maincontent]) .isNotFiltered {
  opacity: 0.3;
}
:where([id=maincontent]) .highlighted {
  color: #F29303;
}
:where([id=maincontent]) .segmentation-length {
  color: #F32651;
  font-weight: bolder;
  padding: 10px;
  width: 100%;
}
:where([id=maincontent]) .segmentations-list .segmentations-action-col {
  display: flex;
  align-items: center;
  height: inherit;
}
:where([id=maincontent]) .segmentation-dialog-content {
  font-size: 0.8rem;
  min-width: 1000px;
}
:where([id=maincontent]) .segmentation-dialog-content .tree-actions {
  margin-bottom: 20px;
  margin-top: 20px;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-dialog-search {
  min-width: 800px;
}
:where([id=maincontent]) .segmentation-dialog-content .md-select-value {
  border-bottom-width: 0;
  border-bottom-style: none;
}
:where([id=maincontent]) .segmentation-dialog-content .dialog-content-container {
  padding: 15px;
  width: 100%;
  overflow: auto;
  max-height: 850px;
}
:where([id=maincontent]) .segmentation-dialog-content .cleanup-button {
  border: 1px solid #F29303;
  border-radius: 5px;
  height: 32px;
}
:where([id=maincontent]) .segmentation-dialog-content isc-button-icon i {
  font-size: 1.3rem;
  padding-left: 3px;
  padding-right: 3px;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-treeview {
  overflow: auto;
  color: #757575;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  background: #FFFFFF;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-treeview .ivh-treeview-node-label {
  font-weight: bold;
  cursor: pointer;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-treeview .ivh-treeview-node-leaf .ivh-treeview-node-label {
  font-weight: normal;
  cursor: default;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-treeview .ivh-treeview .ivh-treeview div.ng-scope > span[ivh-treeview-checkbox] {
  display: inline;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-source-container {
  display: flex;
}
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select {
  margin-right: 0;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select md-input-container {
  margin-top: 0;
  padding: 0;
}
:where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select md-select {
  border: 1px solid #DDDDDD;
  background: #DDDDDD;
  width: auto;
  height: 47px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #757575;
  margin: 0;
}
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select md-select {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content .segment-source-container .segment-source-select md-select {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 5px;
}
:where([id=maincontent]) .segmentation-dialog-content li,
:where([id=maincontent]) .segmentation-dialog-content ul {
  list-style-type: none;
}
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content li,
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content ul {
  padding-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content li,
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content ul {
  padding-right: -10px;
}
:where([id=maincontent]) .segmentation-dialog-content .ivh-treeview .ivh-treeview-toggle:not(.ivh-treeview-node-label) {
  cursor: pointer;
  font-weight: bolder;
  font-size: 1rem;
  top: -1px;
  position: relative;
}
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content .ivh-treeview .ivh-treeview-toggle:not(.ivh-treeview-node-label) {
  right: 1px;
}
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content .ivh-treeview .ivh-treeview-toggle:not(.ivh-treeview-node-label) {
  left: 1px;
}
:where([id=maincontent]) .segmentation-dialog-content .ivh-treeview-node-content {
  cursor: pointer;
  position: relative;
}
:where([id=maincontent]) .segmentation-dialog-content .searching .ivh-treeview-node.ng-hide .ivh-treeview-node-label {
  color: #000000;
}
:where([id=maincontent]) .segmentation-dialog-content .searching .ivh-treeview-node-leaf {
  color: #FFA500;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-container {
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  margin-top: 20px;
  padding: 10px;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-container .segmentation-label {
  padding: 10px 0;
  margin: 10px 0;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 40px;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-container .segmentation-label > div {
  width: 100%;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-container isc-input {
  width: 100%;
}
:where([id=maincontent]) .segmentation-dialog-content .segmentation-container isc-input md-input-container {
  width: 100%;
  margin: 0;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.segmentations-action-col {
  min-width: 60px;
  width: 60px;
  padding: 0;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.lastupdate {
  min-width: 300px;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.members-col {
  min-width: 130px;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.segment-label {
  width: 100%;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.segment-label span {
  display: block;
}
:where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell.segment-label span i {
  font-size: 0.8rem;
}
[dir="ltr"] :where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell isc-button {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) .segmentation-dialog-content isc-table-container table.md-table tbody.md-body tr.md-row td.md-cell isc-button {
  float: right;
}
:where([id=maincontent]) .segmentation-dialog-content textarea {
  min-height: 100px;
  width: 100%;
  max-width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.12);
  margin: 0;
}
:where([id=maincontent]) search-bar:not(.noblock) {
  display: block;
}
:where([id=maincontent]) md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
  background-color: transparent;
  color: #757575;
  border-radius: 2px;
}
:where([id=maincontent]) md-toolbar.search-area {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 45px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  width: 200px;
  padding: 0;
}
[dir="ltr"] :where([id=maincontent]) md-toolbar.search-area {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) md-toolbar.search-area {
  margin-left: 20px;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools {
  padding: 0;
  height: 45px;
}
[dir="ltr"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools md-icon {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools md-icon {
  margin-right: 10px;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools input {
  width: calc(100% - 50px);
  border: none;
  font-size: 0.875rem;
  color: #000000;
  opacity: 0.56;
  background-color: transparent;
}
[dir="ltr"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools input {
  padding: 5px 0 5px 15px;
  border-radius: 5px 0 0 5px;
}
[dir="rtl"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools input {
  padding: 5px 15px 5px 0;
  border-radius: 0 5px 5px 0;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools input::placeholder {
  color: #000000;
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden !important;
  display: inline-block;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button {
  width: 45px;
  text-align: center;
  background-color: #838383;
  height: 100%;
  min-width: 0;
  margin: 6px 0;
}
[dir="ltr"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] :where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button i {
  margin: auto;
  color: #FFFFFF;
  font-size: 1.3rem;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button.clear {
  display: none;
  background-color: transparent;
}
:where([id=maincontent]) md-toolbar.search-area div.md-toolbar-tools .md-button.clear i {
  color: #757575;
}
:where([id=maincontent]) md-toolbar.search-area.not-empty div.md-toolbar-tools input {
  width: calc(100% - 55px);
}
:where([id=maincontent]) md-toolbar.search-area.not-empty div.md-toolbar-tools .md-button.clear {
  display: block;
}
:where([id=maincontent]) input[type=search]::-ms-clear {
  display: none;
}
:where([id=maincontent]) .forum-search {
  position: relative;
  margin: 30px 30px 0;
}
:where([id=maincontent]) .forum-search md-toolbar.search-area {
  width: 480px;
}
:where([id=maincontent]) .highlight-text-match {
  background-color: #F29303;
  color: #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) .activity-config .remove-margin {
  margin-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) .activity-config .remove-margin {
  margin-right: -10px;
}
:where([id=maincontent]) .activity-config .inputField,
:where([id=maincontent]) .activity-config .inputField > md-input-container {
  width: 454px;
}
:where([id=maincontent]) .activity-config .timespan-message {
  padding-bottom: 40px;
}
:where([id=maincontent]) .activity-config .timespan-message .error-message {
  color: #F32651;
}
:where([id=maincontent]) .activity-config .fixed-width {
  width: 454px;
}
:where([id=maincontent]) .activity-config mdp-time-picker md-icon {
  border: none;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) .activity-config mdp-date-picker md-icon {
  border: none;
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) .activity-config mdp-date-picker div md-input-container input {
  width: 200px;
}
:where([id=maincontent]) .activity-config .margin-top {
  margin-top: 25px;
}
:where([id=maincontent]) .activity-config .small-label {
  font-size: 0.8rem;
}
:where([id=maincontent]) .activity-config .complete-criteria {
  width: 100%;
}
:where([id=maincontent]) .activity-config .complete-criteria.valid-input {
  color: #4caf50;
}
:where([id=maincontent]) .activity-config .complete-criteria.valid-input input {
  color: #4caf50;
}
[dir="ltr"] :where([id=maincontent]) .activity-config .complete-criteria isc-checkbox {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) .activity-config .complete-criteria isc-checkbox {
  float: right;
}
:where([id=maincontent]) .activity-config .complete-criteria isc-checkbox md-input-container {
  width: 10px;
  height: 10px;
  margin: 6px 0 0;
}
:where([id=maincontent]) .activity-config .complete-criteria md-input-container {
  margin: 0;
  height: 40px;
}
:where([id=maincontent]) .activity-config .complete-criteria span {
  padding: 5px;
  display: inline-block;
  line-height: 26px;
}
:where([id=maincontent]) isc-reward .rewards {
  padding: 10px 0;
}
:where([id=maincontent]) isc-reward .rewards label {
  font-size: 0.8rem;
}
:where([id=maincontent]) isc-reward .rewards label.extra-label {
  font-size: 0.5rem;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) isc-reward .rewards span {
  margin-top: 26px;
}
:where([id=maincontent]) isc-reward .rewards span.md-select-icon {
  margin-top: 26px;
}
:where([id=maincontent]) isc-reward .rewards md-input-container {
  width: 70px;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
:where([id=maincontent]) isc-reward .rewards md-input-container .md-errors-spacer {
  display: none;
}
[dir="ltr"] :where([id=maincontent]) isc-reward .rewards md-input-container:first-child {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) isc-reward .rewards md-input-container:first-child {
  margin-right: 0;
}
:where([id=maincontent]) isc-reward .rewards .rewards-layout {
  width: 180px;
  margin: 0;
}
:where([id=maincontent]) isc-reward .rewards md-select {
  margin-top: -15px;
  margin-bottom: 0;
}
:where([id=maincontent]) activity-publish .url-container,
:where([id=maincontent]) activity-qual-publish .url-container {
  position: relative;
  width: 700px;
  border: solid 1px #C9C9C9;
  padding: 0 10px;
  height: 46px;
  line-height: 46px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}
:where([id=maincontent]) activity-publish .url-container i,
:where([id=maincontent]) activity-qual-publish .url-container i {
  color: #757575;
  position: absolute;
  top: 9px;
  bottom: 9px;
  font-size: 1.8rem;
  background-color: #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) activity-publish .url-container i,
[dir="ltr"] :where([id=maincontent]) activity-qual-publish .url-container i {
  right: 0;
  padding-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) activity-publish .url-container i,
[dir="rtl"] :where([id=maincontent]) activity-qual-publish .url-container i {
  left: 0;
  padding-left: 5px;
}
:where([id=maincontent]) activity-publish .url-container i:before,
:where([id=maincontent]) activity-qual-publish .url-container i:before {
  vertical-align: top;
}
:where([id=maincontent]) activity-publish .url-container a,
:where([id=maincontent]) activity-qual-publish .url-container a {
  color: #000000;
}
:where([id=maincontent]) activity-publish .publish-qual .md-block,
:where([id=maincontent]) activity-publish .publish-quant .md-block,
:where([id=maincontent]) activity-qual-publish .publish-qual .md-block,
:where([id=maincontent]) activity-qual-publish .publish-quant .md-block {
  width: 350px;
}
[dir="ltr"] :where([id=maincontent]) activity-publish .publish-qual .md-block,
[dir="ltr"] :where([id=maincontent]) activity-publish .publish-quant .md-block,
[dir="ltr"] :where([id=maincontent]) activity-qual-publish .publish-qual .md-block,
[dir="ltr"] :where([id=maincontent]) activity-qual-publish .publish-quant .md-block {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) activity-publish .publish-qual .md-block,
[dir="rtl"] :where([id=maincontent]) activity-publish .publish-quant .md-block,
[dir="rtl"] :where([id=maincontent]) activity-qual-publish .publish-qual .md-block,
[dir="rtl"] :where([id=maincontent]) activity-qual-publish .publish-quant .md-block {
  margin-left: 20px;
}
:where([id=maincontent]) activity-publish .publish-qual .md-block .publish-value,
:where([id=maincontent]) activity-publish .publish-quant .md-block .publish-value,
:where([id=maincontent]) activity-qual-publish .publish-qual .md-block .publish-value,
:where([id=maincontent]) activity-qual-publish .publish-quant .md-block .publish-value {
  color: #000000;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  padding: 2px 0;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown md-input-container,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown md-input-container,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown md-input-container,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown md-input-container {
  display: block;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size {
  display: inline-block;
  width: 70px;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container {
  width: 70px;
  margin: 0;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value {
  background-image: none;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value span,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value span,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value span,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value span {
  margin-top: -1px;
}
:where([id=maincontent]) activity-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-qual-publish .publish-qual timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-qual-publish .publish-quant timezone-dropdown isc-dropdown.medium-small-size md-input-container.dropdown-container md-select[disabled] .md-select-value .md-select-icon {
  display: none;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward label,
:where([id=maincontent]) activity-publish .publish-quant isc-reward label,
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward label,
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward label {
  font-size: 0.8rem;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward .rewards md-select,
:where([id=maincontent]) activity-publish .publish-quant isc-reward .rewards md-select,
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward .rewards md-select,
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward .rewards md-select {
  margin-top: -30px;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward .rewards md-input-container,
:where([id=maincontent]) activity-publish .publish-quant isc-reward .rewards md-input-container,
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward .rewards md-input-container,
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward .rewards md-input-container {
  font-size: 0.875rem;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward .rewards md-input-container .md-input[disabled],
:where([id=maincontent]) activity-publish .publish-quant isc-reward .rewards md-input-container .md-input[disabled],
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward .rewards md-input-container .md-input[disabled],
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward .rewards md-input-container .md-input[disabled] {
  color: #000000;
  background-image: none;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward .rewards md-input-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-publish .publish-quant isc-reward .rewards md-input-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward .rewards md-input-container md-select[disabled] .md-select-value,
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward .rewards md-input-container md-select[disabled] .md-select-value {
  color: #000000;
  background-image: none;
}
:where([id=maincontent]) activity-publish .publish-qual isc-reward .rewards md-input-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-publish .publish-quant isc-reward .rewards md-input-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-qual-publish .publish-qual isc-reward .rewards md-input-container md-select[disabled] .md-select-value .md-select-icon,
:where([id=maincontent]) activity-qual-publish .publish-quant isc-reward .rewards md-input-container md-select[disabled] .md-select-value .md-select-icon {
  display: none;
}
:where([id=maincontent]) activity-publish .progress-message,
:where([id=maincontent]) activity-qual-publish .progress-message {
  padding-bottom: 20px;
}
:where([id=maincontent]) activity-publish md-icon,
:where([id=maincontent]) activity-qual-publish md-icon {
  height: 12px;
  width: 12px;
  min-width: 12px;
  min-height: 12px;
  box-sizing: content-box;
}
:where([id=maincontent]) activity-publish md-icon.activity-error, :where([id=maincontent]) activity-publish md-icon.activity-success,
:where([id=maincontent]) activity-qual-publish md-icon.activity-error,
:where([id=maincontent]) activity-qual-publish md-icon.activity-success {
  padding-top: 16px;
}
[dir="ltr"] :where([id=maincontent]) activity-publish md-icon.activity-error, [dir="ltr"] :where([id=maincontent]) activity-publish md-icon.activity-success, [dir="ltr"] :where([id=maincontent]) activity-qual-publish md-icon.activity-error, [dir="ltr"] :where([id=maincontent]) activity-qual-publish md-icon.activity-success {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) activity-publish md-icon.activity-error, [dir="rtl"] :where([id=maincontent]) activity-publish md-icon.activity-success, [dir="rtl"] :where([id=maincontent]) activity-qual-publish md-icon.activity-error, [dir="rtl"] :where([id=maincontent]) activity-qual-publish md-icon.activity-success {
  margin-left: 5px;
}
:where([id=maincontent]) activity-publish .progress-text,
:where([id=maincontent]) activity-qual-publish .progress-text {
  padding-top: 15px;
  font-size: 0.8rem;
  max-width: none;
  font-weight: normal;
  line-height: 18px;
}
[dir="ltr"] :where([id=maincontent]) activity-publish .progress-text,
[dir="ltr"] :where([id=maincontent]) activity-qual-publish .progress-text {
  padding-right: 25px;
}
[dir="rtl"] :where([id=maincontent]) activity-publish .progress-text,
[dir="rtl"] :where([id=maincontent]) activity-qual-publish .progress-text {
  padding-left: 25px;
}
:where([id=maincontent]) activity-publish .progress-icon,
:where([id=maincontent]) activity-qual-publish .progress-icon {
  padding-top: 15px;
}
:where([id=maincontent]) activity-publish .activity-error,
:where([id=maincontent]) activity-qual-publish .activity-error {
  padding-top: 14px;
  margin: 0;
  color: #F32651;
}
:where([id=maincontent]) activity-publish .activity-success,
:where([id=maincontent]) activity-qual-publish .activity-success {
  padding: 10px;
  color: #347F62;
}
[dir="ltr"] :where([id=maincontent]) activity-publish .activity-success,
[dir="ltr"] :where([id=maincontent]) activity-qual-publish .activity-success {
  margin-right: -15px;
  margin-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) activity-publish .activity-success,
[dir="rtl"] :where([id=maincontent]) activity-qual-publish .activity-success {
  margin-left: -15px;
  margin-right: -10px;
}
[dir="ltr"] :where([id=maincontent]) .activities-filter-bar {
  margin-right: 50px;
}
[dir="rtl"] :where([id=maincontent]) .activities-filter-bar {
  margin-left: 50px;
}
:where([id=maincontent]) .activity-filter-matches {
  height: 80px;
  transition: all linear 0.2s;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 15px 30px 0;
}
:where([id=maincontent]) isc-wizard-step label.section-title {
  color: #6C6C6C;
  padding: 5px 0;
  font-weight: bold;
}
:where([id=maincontent]) isc-wizard-step label.section-sub-title {
  color: #6C6C6C;
  padding: 5px 0;
  margin-bottom: 5px;
}
:where([id=maincontent]) export-data-component div {
  display: inline-block;
}
:where([id=maincontent]) isc-wizard-step div.section-title-container {
  margin: 0 0 20px;
  padding: 20px 0 0;
}
:where([id=maincontent]) isc-wizard-step h2 {
  font-weight: bold;
}
:where([id=maincontent]) isc-wizard-step label.section-title {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.56);
  font-weight: bold;
  margin: 0 0 20px;
  padding: 20px 0 0;
  display: block;
}
:where([id=maincontent]) isc-wizard-step .publish-value,
:where([id=maincontent]) isc-wizard-step publish-label {
  font-size: 0.875rem;
}
:where([id=maincontent]) label.small-label {
  font-size: 0.875rem;
}
:where([id=maincontent]) label.input-title {
  margin-top: 0;
  margin-bottom: 0.8rem;
  font-size: 0.75rem;
  color: #757575;
  display: block;
}
[dir="ltr"] :where([id=maincontent]) label.input-title {
  left: 2px;
}
[dir="rtl"] :where([id=maincontent]) label.input-title {
  right: 2px;
}
:where([id=maincontent]) label.input-title.withhelper {
  display: inline-block;
}
:where([id=maincontent]) label.input-title.tooltip {
  width: max-content;
  margin-bottom: 0;
}
:where([id=maincontent]) label.input-title.tooltip i.fa {
  font-size: 0.8rem;
}
:where([id=maincontent]) publish-url,
:where([id=maincontent]) publish-date,
:where([id=maincontent]) publish-credits {
  margin-bottom: 30px;
  display: block;
}
:where([id=maincontent]) label.input-rich-title {
  font-size: 0.8rem;
  color: #757575;
}
[dir="ltr"] :where([id=maincontent]) label.input-rich-title {
  padding-left: 2px;
}
[dir="rtl"] :where([id=maincontent]) label.input-rich-title {
  padding-right: 2px;
}
:where([id=maincontent]) .tooltip-rich {
  top: -12px;
  position: relative;
}
:where([id=maincontent]) .tooltip-input {
  top: -28px;
  position: relative;
}
:where([id=maincontent]) timezone-dropdown isc-dropdown md-input-container.md-block {
  display: table-cell;
}
:where([id=maincontent]) .zIndex {
  position: relative;
  z-index: 2;
}
[dir="ltr"] :where([id=maincontent]) md-tabs.activities-tabs {
  float: right;
  margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) md-tabs.activities-tabs {
  float: left;
  margin-right: 20px;
}
:where([id=maincontent]) md-tabs.activities-tabs md-tabs-wrapper {
  border-width: 0;
}
:where([id=maincontent]) md-tabs.activities-tabs md-tabs-wrapper .md-tab {
  font-size: 1rem;
  text-transform: none;
}
:where([id=maincontent]) md-tabs.activities-tabs md-tabs-wrapper .md-tab.md-active {
  color: #000000;
  font-weight: 600;
}
:where([id=maincontent]) md-tabs.activities-tabs md-tabs-wrapper md-ink-bar {
  height: 5px;
}
:where([id=maincontent]) .nw-button.emoji-picker-button:before {
  content: "\f118";
}
:where([id=maincontent]) .emoji {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-bottom: -6px;
}
:where([id=maincontent]) md-menu-item.emoji-picker {
  color: #000000;
  padding: 0 5px;
}
:where([id=maincontent]) md-menu-item.emoji-picker > .md-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
:where([id=maincontent]) .rewards-picker-noEdit {
  width: 350px;
}
:where([id=maincontent]) .rewards-picker-noEdit label {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}
:where([id=maincontent]) .rewards-picker-noEdit label.extra-label {
  font-size: 0.6rem;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) .rewards-picker-noEdit button,
:where([id=maincontent]) .rewards-picker-noEdit md-input-container {
  width: 96px;
  margin: 18px 15px 0;
}
:where([id=maincontent]) .rewards-picker-noEdit .rewards-layout {
  width: 74px;
}
[dir="ltr"] :where([id=maincontent]) .rewards-picker-noEdit .first {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) .rewards-picker-noEdit .first {
  margin-right: 10px;
}
:where([id=maincontent]) .rewards-picker-noEdit md-select {
  margin-top: -12px;
  margin-bottom: 25px;
}
:where([id=maincontent]) .rewards-picker-noEdit button {
  margin-top: 25px;
  border: 1px solid #F29303;
  color: #F29303;
}
:where([id=maincontent]) .rewards-picker-noEdit button:disabled {
  color: #DEDEDE;
  border: 1px solid #DEDEDE;
}
:where([id=maincontent]) .rewards-noEdit {
  width: 350px;
}
:where([id=maincontent]) .rewards-noEdit md-input-container {
  height: 40px;
  margin-bottom: 0;
  margin-top: 10px;
}
:where([id=maincontent]) .rewards-noEdit md-input-container label {
  margin-bottom: 0;
}
:where([id=maincontent]) .rewards-noEdit md-input-container label:not(.md-no-float):not(.md-container-ignore),
:where([id=maincontent]) .rewards-noEdit md-input-container md-input-container .md-placeholder {
  font-size: 0.8rem;
}
:where([id=maincontent]) .rewards-noEdit md-input-container input {
  font-size: 0.8rem;
}
:where([id=maincontent]) .rewards-picker .rewards {
  border: 1px dashed #FAFAFA;
  padding: 10px 0;
  width: 454px;
}
:where([id=maincontent]) .rewards-picker .rewards label {
  text-align: center;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}
:where([id=maincontent]) .rewards-picker .rewards label.extra-label {
  font-size: 0.6rem;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) .rewards-picker .rewards span {
  margin-top: 26px;
}
:where([id=maincontent]) .rewards-picker .rewards button,
:where([id=maincontent]) .rewards-picker .rewards md-input-container {
  width: 96px;
  margin: 18px 15px 0;
}
:where([id=maincontent]) .rewards-picker .rewards .rewards-layout {
  width: 96px;
  margin: 0 15px;
}
:where([id=maincontent]) .rewards-picker .rewards md-select {
  margin-top: -12px;
  margin-bottom: 25px;
}
:where([id=maincontent]) .rewards-picker .rewards button {
  margin-top: 25px;
  border: 1px solid #F29303;
  color: #F29303;
}
:where([id=maincontent]) .rewards-picker .rewards button:disabled {
  color: #DEDEDE;
  border: 1px solid #DEDEDE;
}
:where([id=maincontent]) .topLabel {
  margin-bottom: 16px;
}
:where([id=maincontent]) md-table-pagination.md-table-pagination {
  height: 45px;
  color: #000000;
  opacity: 0.56;
  border-top: none;
}
:where([id=maincontent]) md-table-pagination.md-table-pagination .label {
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  opacity: 0.56;
  color: #000000;
}
:where([id=maincontent]) md-table-pagination.md-table-pagination .buttons {
  padding: 0 10px;
  background-color: transparent;
  box-shadow: none;
}
:where([id=maincontent]) .expander header {
  border-bottom: 1px solid #C9C9C9;
}
:where([id=maincontent]) .expander header .fa {
  font-size: 0.875rem;
  vertical-align: text-top;
}
:where([id=maincontent]) .expander header h3,
:where([id=maincontent]) .expander header .h3 {
  margin-top: 0;
  margin-bottom: 5px;
  display: inline-block;
}
:where([id=maincontent]) .expander section {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.7s ease-in-out;
  margin-top: 10px;
}
:where([id=maincontent]) .expander section.notCollapsed {
  transition: max-height 0.9s ease-in-out;
  max-height: 100%;
}
:where([id=maincontent]) .expander section.notCollapsed .expand-collapse-content {
  margin-top: 20px;
}
:where([id=maincontent]) .select-segments-offset {
  margin-top: 5px;
}
[dir="ltr"] :where([id=maincontent]) .select-segments-offset {
  margin-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) .select-segments-offset {
  margin-right: 5px;
}
:where([id=maincontent]) square-health-component {
  display: flex;
  flex-direction: column;
}
:where([id=maincontent]) square-health-component md-card md-card-title .md-headline,
:where([id=maincontent]) square-health-component md-card md-card-title .md-subhead {
  float: none;
  display: block;
}
[dir="ltr"] :where([id=maincontent]) square-health-component md-card md-card-title .md-headline,
[dir="ltr"] :where([id=maincontent]) square-health-component md-card md-card-title .md-subhead {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) square-health-component md-card md-card-title .md-headline,
[dir="rtl"] :where([id=maincontent]) square-health-component md-card md-card-title .md-subhead {
  text-align: right;
}
:where([id=maincontent]) square-health-component isc-data-table {
  margin: 0;
}
:where([id=maincontent]) square-health-component md-chips .md-chips,
:where([id=maincontent]) square-health-component md-chips.md-default-theme .md-chips {
  box-shadow: none;
}
:where([id=maincontent]) square-health-component .segment-chips {
  max-width: 300px;
  display: block;
}
:where([id=maincontent]) square-health-component .flex-none {
  min-height: 60px;
}
:where([id=maincontent]) square-health-component .typcn-star-full-outline {
  color: #F29303;
}
:where([id=maincontent]) square-health-component .inbetween-text {
  font-style: italic;
  top: 30px;
  position: relative;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .inbetween-text {
  padding-right: 35px;
  padding-left: 15px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .inbetween-text {
  padding-left: 35px;
  padding-right: 15px;
}
:where([id=maincontent]) square-health-component .filter {
  box-shadow: 0 4px 20px 1px rgba(50, 50, 50, 0.3);
  background-color: #FFFFFF;
  padding: 10px 30px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .filter {
  right: 0;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter {
  left: 0;
}
:where([id=maincontent]) square-health-component .filter .filter-title {
  font-weight: bolder;
  color: #F29303;
}
:where([id=maincontent]) square-health-component .filter .filter-title i {
  font-size: 1.1rem;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .filter-title i {
  margin-right: 5px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .filter-title i {
  margin-left: 5px;
}
:where([id=maincontent]) square-health-component .filter .filter-description {
  font-style: italic;
  font-size: 0.8rem;
}
:where([id=maincontent]) square-health-component .filter .filter-description .filter-number {
  font-style: normal;
  font-size: 0.875rem;
}
:where([id=maincontent]) square-health-component .filter .expander header {
  border-bottom: none;
  position: absolute;
  top: -5px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander header {
  right: 30px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander header {
  left: 30px;
}
:where([id=maincontent]) square-health-component .filter .expander header i {
  font-size: 1.3rem;
}
:where([id=maincontent]) square-health-component .filter .expander section table {
  background-color: #FFFFFF;
  margin-bottom: 0;
}
:where([id=maincontent]) square-health-component .filter .expander section table.md-table td.md-cell > *,
:where([id=maincontent]) square-health-component .filter .expander section table.md-table th.md-column > * {
  vertical-align: initial;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) td.md-cell:first-child,
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 0 0 30px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) td.md-cell:first-child,
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 30px 0 0;
}
:where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
:where([id=maincontent]) square-health-component .filter .expander section table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0;
}
:where([id=maincontent]) square-health-component .filter .expander section .member-header,
:where([id=maincontent]) square-health-component .filter .expander section .segment-header,
:where([id=maincontent]) square-health-component .filter .expander section .targeting .segment-options,
:where([id=maincontent]) .targeting square-health-component .filter .expander section .segment-options,
:where([id=maincontent]) square-health-component .filter .expander section .segmentation-header {
  width: 250px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section .member-header,
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section .segment-header,
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section .targeting .segment-options,
[dir="ltr"] :where([id=maincontent]) .targeting square-health-component .filter .expander section .segment-options,
[dir="ltr"] :where([id=maincontent]) square-health-component .filter .expander section .segmentation-header {
  padding-right: 20px;
  margin: 0 20px 0 0;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section .member-header,
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section .segment-header,
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section .targeting .segment-options,
[dir="rtl"] :where([id=maincontent]) .targeting square-health-component .filter .expander section .segment-options,
[dir="rtl"] :where([id=maincontent]) square-health-component .filter .expander section .segmentation-header {
  padding-left: 20px;
  margin: 0 0 0 20px;
}
:where([id=maincontent]) square-health-component .filter .expander section mdp-date-picker button {
  margin-top: -2px;
}
@media screen and (max-width: 1169px) {
[dir="ltr"] :where([id=maincontent]) square-health-component .filter {
    left: 111px !important;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter {
    right: 111px !important;
}
}
@media screen and (max-width: 767px) {
[dir="ltr"] :where([id=maincontent]) square-health-component .filter {
    left: 0 !important;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .filter {
    right: 0 !important;
}
}
[dir="ltr"] :where([id=maincontent]) square-health-component md-chips.margin-card md-chip {
  margin: 0 8px 0 0;
}
[dir="rtl"] :where([id=maincontent]) square-health-component md-chips.margin-card md-chip {
  margin: 0 0 0 8px;
}
:where([id=maincontent]) square-health-component .health-page .page-content {
  background: none;
  border: 0;
}
:where([id=maincontent]) square-health-component .health-page .keySegmentContainer {
  flex-flow: row wrap;
  display: flex;
}
:where([id=maincontent]) square-health-component .health-page .keySegmentTable {
  background: #F9F9F9;
  margin-bottom: 30px;
  padding: 10px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page .keySegmentTable {
  margin-right: 30px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page .keySegmentTable {
  margin-left: 30px;
}
:where([id=maincontent]) square-health-component .health-page table.md-table thead.md-head > tr.md-row {
  height: 40px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:first-of-type,
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:first-of-type {
  padding-left: 5px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page isc-table-container md-table-container table.md-table:not(.md-row-select) td.md-cell:first-of-type,
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page isc-table-container md-table-container table.md-table:not(.md-row-select) th.md-column:first-of-type {
  padding-right: 5px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page .remove-margin {
  margin-left: -10px;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page .remove-margin {
  margin-right: -10px;
}
:where([id=maincontent]) square-health-component .health-page .filter-choice isc-dropdown {
  position: relative;
  top: 15px;
}
:where([id=maincontent]) square-health-component .health-page .filter-choice.large {
  width: 650px;
}
:where([id=maincontent]) square-health-component .health-page .filter-choice .input-container,
:where([id=maincontent]) square-health-component .health-page .filter-choice md-input-container {
  margin: 0;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page .filter-choice .input-container,
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page .filter-choice md-input-container {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page .filter-choice .input-container,
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page .filter-choice md-input-container {
  padding-right: 0;
}
:where([id=maincontent]) square-health-component .health-page .filter-choice .input-container md-select-value,
:where([id=maincontent]) square-health-component .health-page .filter-choice md-input-container md-select-value {
  color: rgba(0, 0, 0, 0.38);
}
:where([id=maincontent]) square-health-component .health-page .filtered-data-area .expander .arrow {
  position: relative;
  top: 30px;
}
[dir="ltr"] :where([id=maincontent]) square-health-component .health-page .filtered-data-area .expander .arrow {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) square-health-component .health-page .filtered-data-area .expander .arrow {
  float: left;
}
:where([id=maincontent]) isc-info-chart .isc-info-chart-container {
  width: 400px;
}
[dir="ltr"] :where([id=maincontent]) isc-info-chart .isc-info-chart-container {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-info-chart .isc-info-chart-container {
  margin-left: 20px;
}
:where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  min-height: 48px;
  background-color: #FFFFFF;
}
:where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-header .info-chart-header-title {
  top: 20px;
  font-weight: bold;
  text-transform: capitalize;
  color: #595959;
  position: relative;
}
[dir="ltr"] :where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-header .info-chart-header-title {
  left: 40px;
}
[dir="rtl"] :where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-header .info-chart-header-title {
  right: 40px;
}
:where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-content {
  width: 400px;
}
:where([id=maincontent]) isc-info-chart .isc-info-chart-container .info-chart-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 48px;
  background-color: #FFFFFF;
}
:where([id=maincontent]) isc-data-table {
  margin-bottom: 20px;
}
[dir="ltr"] :where([id=maincontent]) isc-data-table {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) isc-data-table {
  margin-left: 20px;
}
:where([id=maincontent]) .starIcon {
  color: #F29303;
}
:where([id=maincontent]) background-variable-editor {
  display: block;
  margin-bottom: 10px 0 20px;
}
:where([id=maincontent]) .background-variables-table-container {
  width: 800px;
}
:where([id=maincontent]) .background-variables-table-container input::-ms-clear {
  display: none;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table > div {
  display: flex;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table > div:first-child {
  border-bottom: 1px solid #E0E0E0;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table > * {
  vertical-align: top;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table md-input-container,
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table .input {
  margin-top: 0;
  margin-bottom: 0;
  width: 320px;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table md-input-container span,
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table .input span {
  padding: 4px;
  line-height: 26px;
  height: 30px;
  display: block;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table .varname {
  padding: 4px;
  line-height: 26px;
  height: 30px;
  display: inline-block;
  min-width: 90px;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table .icon {
  margin-top: 8px;
  vertical-align: top;
}
:where([id=maincontent]) .background-variables-table-container > div.background-variables-table md-icon {
  width: 20px !important;
  height: 20px !important;
  font-size: 1.3rem !important;
  line-height: 20px !important;
}
:where([id=maincontent]) .background-variables-table-container .typcn-tick:before {
  font-size: 1em;
}
[dir="ltr"] :where([id=maincontent]) .background-variables-table-container .typcn-tick:before {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) .background-variables-table-container .typcn-tick:before {
  margin-left: 0;
}
:where([id=maincontent]) .background-variables-table-container md-input-container.inline-editor {
  margin: 0;
  padding: 0;
}
:where([id=maincontent]) .background-variables-table-container md-input-container.inline-editor > .md-input {
  padding: 0;
}
:where([id=maincontent]) .background-variables-table-container md-input-container.inline-editor > .md-errors-spacer {
  margin-top: -24px;
  padding: 0;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog {
  width: 970px;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog md-autocomplete {
  margin-bottom: 35px;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog md-autocomplete input:not(.md-input) {
  padding: 0;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog .md-whiteframe-1dp,
:where([id=maincontent]) .edit-recruitment-partners-dialog .md-whiteframe-z1 {
  box-shadow: none;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
}
:where([id=maincontent]) .edit-recruitment-partners-dialog .inputField {
  min-width: 100%;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog isc-button.primary {
  margin: 10px 0 35px;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog isc-checkbox md-input-container {
  margin-top: 0;
}
[dir="ltr"] :where([id=maincontent]) .edit-recruitment-partners-dialog isc-checkbox md-input-container {
  padding-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .edit-recruitment-partners-dialog isc-checkbox md-input-container {
  padding-right: 0;
}
[dir="ltr"] :where([id=maincontent]) .edit-recruitment-partners-dialog isc-checkbox md-input-container .md-container {
  margin-left: 0;
}
[dir="rtl"] :where([id=maincontent]) .edit-recruitment-partners-dialog isc-checkbox md-input-container .md-container {
  margin-right: 0;
}
:where([id=maincontent]) .edit-recruitment-partners-dialog label.section-title {
  color: rgba(0, 0, 0, 0.54);
  font-weight: bold;
  margin: 0 0 20px;
  padding: 20px 0 0;
  display: block;
}
[dir="ltr"] :where([id=maincontent]) .left-alignment {
  text-align: left;
}
[dir="rtl"] :where([id=maincontent]) .left-alignment {
  text-align: right;
}
[dir="ltr"] :where([id=maincontent]) .right-alignment {
  text-align: right;
}
[dir="rtl"] :where([id=maincontent]) .right-alignment {
  text-align: left;
}
:where([id=maincontent]) .margin-t-0 {
  margin-top: 0;
}
:where([id=maincontent]) .margin-t-10 {
  margin-top: 10px;
}
:where([id=maincontent]) .margin-t-20 {
  margin-top: 20px;
}
:where([id=maincontent]) .margin-t-22 {
  margin-top: 22px;
}
:where([id=maincontent]) .margin-t-30 {
  margin-top: 30px;
}
:where([id=maincontent]) .margin-t-40 {
  margin-top: 40px;
}
:where([id=maincontent]) .margin-b-10 {
  margin-bottom: 10px;
}
:where([id=maincontent]) .margin-b-20 {
  margin-bottom: 20px;
}
:where([id=maincontent]) .margin-b-22 {
  margin-bottom: 22px;
}
:where([id=maincontent]) .margin-b-30 {
  margin-bottom: 30px;
}
:where([id=maincontent]) .margin-b-40 {
  margin-bottom: 40px;
}
[dir="ltr"] :where([id=maincontent]) .margin-r-15 {
  margin-right: 15px;
}
[dir="rtl"] :where([id=maincontent]) .margin-r-15 {
  margin-left: 15px;
}
[dir="ltr"] :where([id=maincontent]) .margin-r-20 {
  margin-right: 20px;
}
[dir="rtl"] :where([id=maincontent]) .margin-r-20 {
  margin-left: 20px;
}
[dir="ltr"] :where([id=maincontent]) .margin-l-10 {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) .margin-l-10 {
  margin-right: 10px;
}
[dir="ltr"] :where([id=maincontent]) .margin-l-20 {
  margin-left: 20px;
}
[dir="rtl"] :where([id=maincontent]) .margin-l-20 {
  margin-right: 20px;
}
[dir="ltr"] :where([id=maincontent]) .padding-l-10 {
  padding-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) .padding-l-10 {
  padding-right: 10px;
}
:where([id=maincontent]) .padding-b-30 {
  padding-bottom: 30px;
}
:where([id=maincontent]) .insites-progress-linear .md-container {
  border-radius: 5px;
  background-color: #FAFAFA;
}
:where([id=maincontent]) .insites-progress-linear.active .md-bar2 {
  background-color: #4EBBBE;
}
:where([id=maincontent]) .rewards-picker-noEdit {
  width: 350px;
}
:where([id=maincontent]) .rewards-picker-noEdit label {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}
:where([id=maincontent]) .rewards-picker-noEdit label.extra-label {
  font-size: 0.6rem;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) .rewards-picker-noEdit button,
:where([id=maincontent]) .rewards-picker-noEdit md-input-container {
  width: 96px;
  margin: 18px 15px 0;
}
:where([id=maincontent]) .rewards-picker-noEdit .rewards-layout {
  width: 74px;
}
[dir="ltr"] :where([id=maincontent]) .rewards-picker-noEdit .first {
  margin-left: 10px;
}
[dir="rtl"] :where([id=maincontent]) .rewards-picker-noEdit .first {
  margin-right: 10px;
}
:where([id=maincontent]) .rewards-picker-noEdit md-select {
  margin-top: -12px;
  margin-bottom: 25px;
}
:where([id=maincontent]) .rewards-picker-noEdit button {
  margin-top: 25px;
  border: 1px solid #F29303;
  color: #F29303;
}
:where([id=maincontent]) .rewards-picker-noEdit button:disabled {
  color: #DEDEDE;
  border: 1px solid #DEDEDE;
}
:where([id=maincontent]) .rewards-noEdit {
  width: 350px;
}
:where([id=maincontent]) .rewards-noEdit md-input-container {
  height: 40px;
  margin-bottom: 0;
  margin-top: 10px;
}
:where([id=maincontent]) .rewards-noEdit md-input-container label {
  margin-bottom: 0;
}
:where([id=maincontent]) .rewards-noEdit md-input-container label:not(.md-no-float):not(.md-container-ignore),
:where([id=maincontent]) .rewards-noEdit md-input-container md-input-container .md-placeholder {
  font-size: 0.8rem;
}
:where([id=maincontent]) .rewards-noEdit md-input-container input {
  font-size: 0.8rem;
}
:where([id=maincontent]) .rewards-picker .rewards {
  border: 1px dashed #FAFAFA;
  padding: 10px 0;
  width: 454px;
}
:where([id=maincontent]) .rewards-picker .rewards label {
  text-align: center;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-style: normal;
}
:where([id=maincontent]) .rewards-picker .rewards label.extra-label {
  font-size: 0.6rem;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) .rewards-picker .rewards span {
  margin-top: 26px;
}
:where([id=maincontent]) .rewards-picker .rewards button,
:where([id=maincontent]) .rewards-picker .rewards md-input-container {
  width: 96px;
  margin: 18px 15px 0;
}
:where([id=maincontent]) .rewards-picker .rewards .rewards-layout {
  width: 96px;
  margin: 0 15px;
}
:where([id=maincontent]) .rewards-picker .rewards md-select {
  margin-top: -12px;
  margin-bottom: 25px;
}
:where([id=maincontent]) .rewards-picker .rewards button {
  margin-top: 25px;
  border: 1px solid #F29303;
  color: #F29303;
}
:where([id=maincontent]) .rewards-picker .rewards button:disabled {
  color: #DEDEDE;
  border: 1px solid #DEDEDE;
}
:where([id=maincontent]) .topLabel {
  margin-bottom: 16px;
}
:where([id=maincontent]) isc-reward .select-text {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 3px;
}
:where([id=maincontent]) isc-reward .multiply-icon {
  font-size: 1.5rem;
  padding-bottom: 5px;
}
:where([id=maincontent]) isc-reward .reward-list {
  background-color: #F9F9F9;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 10px;
  height: 30px;
}
:where([id=maincontent]) isc-reward .reward-list > div {
  background-color: #F9F9F9;
  padding: 10px;
  line-height: 0;
}
:where([id=maincontent]) isc-reward .add-reward-fields {
  padding: 5px;
}
:where([id=maincontent]) isc-reward .reward-spacer {
  padding-left: 5px;
  padding-right: 5px;
  width: 130px;
}
:where([id=maincontent]) log-list div,
:where([id=maincontent]) export-log-list div {
  margin: 0 10px;
}
:where([id=maincontent]) log-list .log-content,
:where([id=maincontent]) export-log-list .log-content {
  height: 80%;
  width: 100%;
  overflow: scroll;
}
:where([id=maincontent]) log-list .list-formatting,
:where([id=maincontent]) export-log-list .list-formatting {
  word-break: break-all;
}
:where([id=maincontent]) activity-health-component .page-title {
  padding-top: 0;
  height: initial;
  min-height: initial;
}
:where([id=maincontent]) activity-health-component isc-button.go-back {
  margin-top: 5px;
}
:where([id=maincontent]) activity-health-component isc-button.go-back .md-button {
  color: #347F62;
  padding: 0;
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-button.go-back .md-button .icon {
  margin-right: 0;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-button.go-back .md-button .icon {
  margin-left: 0;
}
:where([id=maincontent]) activity-health-component isc-button.go-back .md-button .icon i {
  font-weight: bold;
}
:where([id=maincontent]) activity-health-component isc-button.go-back .md-button .label {
  font-size: 1rem;
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-button.right {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-button.right {
  float: left;
}
:where([id=maincontent]) activity-health-component isc-progress-circular.progress-circular-margin {
  margin: 32px 0 48px;
}
:where([id=maincontent]) activity-health-component isc-progress-circular isc-progress-circular-content .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
:where([id=maincontent]) activity-health-component isc-progress-circular isc-progress-circular-content .text .percentage {
  font-size: 1.875rem;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) activity-health-component isc-progress-circular isc-progress-circular-content .text .fraction {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.38);
  margin: 0;
}
:where([id=maincontent]) activity-health-component targeting-quota-table.quota-table isc-table-container md-table-container {
  width: 500px;
}
:where([id=maincontent]) activity-health-component .activity-health-content {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
}
@media only screen and (min-width: 600px) {
:where([id=maincontent]) activity-health-component .activity-health-content {
    margin-left: 20px;
    margin-right: 20px;
}
}
:where([id=maincontent]) activity-health-component .activity-health-content isc-card {
  display: flex;
}
:where([id=maincontent]) activity-health-component .activity-health-content isc-card md-card {
  flex-grow: 1;
}
:where([id=maincontent]) activity-health-component .activity-health-content isc-card md-card md-card-title {
  max-height: 70px;
}
:where([id=maincontent]) activity-health-component isc-card-content .communication-header {
  color: rgba(0, 0, 0, 0.54);
}
:where([id=maincontent]) activity-health-component isc-card-content .communication-header.activity-target-header {
  font-size: large;
  margin-bottom: 50px;
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-card-content .communication-header .communication-target {
  float: right;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-card-content .communication-header .communication-target {
  float: left;
}
:where([id=maincontent]) activity-health-component isc-card-content .segments-communication-targeting {
  margin-top: 25px;
  margin-bottom: 20px;
}
:where([id=maincontent]) activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  margin-right: 40px;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-card-content .segments-communication-targeting .communication-target-option {
  margin-left: 40px;
}
:where([id=maincontent]) activity-health-component isc-card-content .segments-communication-targeting .segments-target-text {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.38);
}
:where([id=maincontent]) activity-health-component isc-card-content .date-last-synced {
  color: rgba(0, 0, 0, 0.54);
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-card-content .float-left {
  float: left;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-card-content .float-left {
  float: right;
}
[dir="ltr"] :where([id=maincontent]) activity-health-component isc-card-content .clear-left {
  clear: left;
}
[dir="rtl"] :where([id=maincontent]) activity-health-component isc-card-content .clear-left {
  clear: right;
}
:where([id=maincontent]) activity-health-component isc-card-content .exclusion {
  font-size: small;
}
:where([id=maincontent]) activity-health-component isc-card-content isc-table-container md-table-container table.md-table .target-group-table-content td.md-cell {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
:where([id=maincontent]) activity-health-component isc-card-content md-divider {
  margin: 30px -20px;
}
:where([id=maincontent]) activity-health-component isc-card-content .activity-dates {
  display: flex;
  flex-direction: column;
}
:where([id=maincontent]) activity-health-component isc-card-content .activity-dates > :not(:last-child) {
  margin-bottom: 5px;
}
:where([id=maincontent]) h5.underlined-title,
:where([id=maincontent]) .h5.underlined-title {
  border-bottom: 1px solid #C9C9C9;
  margin-bottom: 15px;
  font-weight: bold;
  color: #3272A8;
  margin-top: 0;
}
:where([id=maincontent]) h5.underlined-title span,
:where([id=maincontent]) .h5.underlined-title span {
  border-bottom: 2px solid #3272A8;
  line-height: 33px;
  font-size: 1.1rem;
  padding-bottom: 4px;
}
@media only screen and (max-width: 959px) {
:where([id=maincontent]) h5.underlined-title:not(.keep-underline-on-mobile),
  :where([id=maincontent]) .h5.underlined-title:not(.keep-underline-on-mobile) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
:where([id=maincontent]) h5.underlined-title:not(.keep-underline-on-mobile) > span,
  :where([id=maincontent]) .h5.underlined-title:not(.keep-underline-on-mobile) > span {
    border-bottom: none;
}
}
:where([id=maincontent]) isc-incentive .incentives-summary {
  color: #347F62;
}
:where([id=maincontent]) isc-incentive .incentives-summary .summary-item md-icon {
  color: #347F62;
}
:where([id=maincontent]) isc-incentive .timeline-badge .md-button.md-fab:not([disabled]):active, :where([id=maincontent]) isc-incentive .timeline-badge .md-button.md-fab:not([disabled]):hover {
  background-color: #004750;
}
:where([id=maincontent]) isc-incentive .timeline-badge .md-button.md-fab.outdated {
  background-color: #FFFFFF;
  border: 1px solid #347F62;
}
:where([id=maincontent]) isc-incentive .timeline-badge .md-button.md-fab.outdated md-icon {
  color: #347F62;
}
:where([id=maincontent]) isc-incentive .timeline-panel .timeline-title {
  color: #347F62;
}
:where([id=maincontent]) isc-timeline ul:before {
  background-color: #DEDEDE;
}
:where([id=maincontent]) isc-timeline ul li.moreCards > span {
  border: 2px solid #DEDEDE;
}
:where([id=maincontent]) isc-timeline ul li.moreCards > span.done {
  border-top: 2px solid #DEDEDE;
}
:where([id=maincontent]) isc-timeline ul li.moreCards md-progress-circular svg path {
  stroke: #DEDEDE;
}
:where([id=maincontent]) isc-timeline ul li .timeline-panel {
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
}
[dir="ltr"] :where([id=maincontent]) isc-timeline ul li .timeline-panel .before {
  border-left: 15px solid #DEDEDE;
  border-right: 0 solid #DEDEDE;
}
[dir="rtl"] :where([id=maincontent]) isc-timeline ul li .timeline-panel .before {
  border-right: 15px solid #DEDEDE;
  border-left: 0 solid #DEDEDE;
}
:where([id=maincontent]) isc-timeline ul .timeline-card .timeline-panel .timeline-title .sticky {
  color: #C9C9C9;
}
:where([id=maincontent]) isc-timeline ul .timeline-card .timeline-panel .timeline-body .text {
  color: #6C6C6C;
}
:where([id=maincontent]) isc-timeline ul .timeline-card .timeline-panel md-divider {
  background-color: #C9C9C9;
}
:where([id=maincontent]) isc-timeline ul .timeline-card .timeline-panel .timeline-footer .call-to-action .md-button {
  color: #FFFFFF;
}
:where([id=maincontent]) h1,
:where([id=maincontent]) h2,
:where([id=maincontent]) h3,
:where([id=maincontent]) h4,
:where([id=maincontent]) h5,
:where([id=maincontent]) h6 {
  font-size: revert;
  font-weight: revert;
  line-height: revert;
  letter-spacing: revert;
}
:where([id=maincontent]) .row,
:where([id=maincontent]) .column,
:where([id=maincontent]) .flex {
  flex-wrap: unset;
  display: unset;
}
:where([id=maincontent]) .layout-row,
:where([id=maincontent]) .layout-column {
  display: flex;
}
:where([id=maincontent]) p {
  margin: 1em 0;
}
:where([id=maincontent]) .content p {
  margin: 20px 0;
}
:where([id=maincontent]) .disabled,
:where([id=maincontent]) [disabled] {
  opacity: unset !important;
}
:where([id=maincontent]) .disabled,
:where([id=maincontent]) .disabled *,
:where([id=maincontent]) [disabled],
:where([id=maincontent]) [disabled] * {
  cursor: auto !important;
}
:where([id=maincontent]) h3 {
  line-height: 1rem;
}
:where([id=maincontent]) h4 {
  font-size: unset;
  font-weight: bold;
}
:where([id=maincontent]) .ui-view > * {
  width: 100%;
}
:where([id=maincontent]) .show-replies-button-content button {
  text-align: center;
}
:where([id=maincontent]) md-content {
  display: block;
  position: relative;
  overflow: auto;
}
:where([id=maincontent]) {
  /* Quasar [aria-disabled] { cursor: default } breaks ng-wig editable cursor */
}
:where([id=maincontent]) md-input-container:not([disabled]) ng-wig:not([disabled]) #ng-wig-editable:not([disabled]) {
  cursor: text;
}

/* stylelint-enable selector-max-id */
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* * Normalizing -- forked from Normalize.css v8
 * */
*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

html, body, #q-app {
  width: 100%;
}

html[dir="ltr"], [dir="ltr"] body, [dir="ltr"] #q-app {
  direction: ltr;
}

html[dir="rtl"], [dir="rtl"] body, [dir="rtl"] #q-app {
  direction: rtl;
}

body.platform-ios.within-iframe, body.platform-ios.within-iframe #q-app {
  width: 100px;
  min-width: 100%;
}

html, body {
  margin: 0;
  box-sizing: border-box;
}

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

/* * line 1: Remove the bottom border in Firefox 39-.
 * * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * * Remove the border on images inside links in IE 10.
 * */
img {
  border-style: none;
}

/* * line 1: Correct the inheritance and scaling of font size in all browsers.
 * * line 2: Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* * lines 1,2: Add the correct box sizing in Firefox.
 * * line 3: Show the overflow in Edge and IE.
 * */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* * Change font properties to `inherit` in all browsers (opinionated).
 * */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  font-family: inherit;
  margin: 0;
}

/* * Restore the font weight unset by the previous rule.
 * */
optgroup {
  font-weight: bold;
}

/* * Show the overflow in IE.
 * *  input: Show the overflow in Edge.
 * *  select: Show the overflow in Edge, Firefox, and IE.
 * * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * *  select: Remove the inheritance of text transform in Firefox.
 * */
button,
input,
select {
  overflow: visible;
  text-transform: none;
}

/* * Remove the inner border and padding in Firefox.
 * */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* * Restore the focus styles unset by the previous rule.
 * */
button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * * Correct the padding in Firefox.
 * */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * * lines 1,3,4,6: Correct the text wrapping in Edge and IE.
 * * line 2: Correct the color inheritance from `fieldset` elements in IE.
 * * line 5: Remove the padding so developers are not caught out when they zero out
 * *    `fieldset` elements in all browsers.
 * */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 * */
progress {
  vertical-align: baseline;
}

/* * Remove the default vertical scrollbar in IE 10+.
 * */
textarea {
  overflow: auto;
}

/* * Remove the inner padding and cancel buttons in Chrome on OS X and
 * * Safari on OS X.
 * */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.q-icon {
  line-height: 1;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
  position: relative;
  box-sizing: content-box;
  fill: currentColor;
}

[dir="ltr"] .q-icon {
  direction: ltr;
}

[dir="rtl"] .q-icon {
  direction: rtl;
}

.q-icon:before, .q-icon:after {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.q-icon > svg,
.q-icon > img {
  width: 100%;
  height: 100%;
}

.q-icon > div {
  box-sizing: border-box;
}

.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  user-select: none;
  cursor: inherit;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* Composables */
.q-panel {
  height: 100%;
  width: 100%;
}

.q-panel > div {
  height: 100%;
  width: 100%;
}

.q-panel-parent {
  overflow: hidden;
  position: relative;
}

/* Components */
.q-loading-bar {
  position: fixed;
  z-index: 9998;
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s;
  background: #f44336;
}

.q-loading-bar--top {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  top: 0;
  width: 100%;
}

.q-loading-bar--bottom {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  width: 100%;
}

.q-loading-bar--right {
  top: 0;
  bottom: 0;
  height: 100%;
}

[dir="ltr"] .q-loading-bar--right {
  right: 0;
}

[dir="rtl"] .q-loading-bar--right {
  left: 0;
}

.q-loading-bar--left {
  top: 0;
  bottom: 0;
  height: 100%;
}

[dir="ltr"] .q-loading-bar--left {
  left: 0;
}

[dir="rtl"] .q-loading-bar--left {
  right: 0;
}

.q-avatar {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
  font-size: 48px;
  height: 1em;
  width: 1em;
}

.q-avatar__content {
  font-size: 0.5em;
  line-height: 0.5em;
}

.q-avatar__content, .q-avatar img:not(.q-icon):not(.q-img__image) {
  border-radius: inherit;
  height: inherit;
  width: inherit;
}

.q-avatar--square {
  border-radius: 0;
}

.q-badge {
  background-color: var(--q-primary);
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  min-height: 12px;
  font-weight: normal;
  vertical-align: baseline;
}

.q-badge--single-line {
  white-space: nowrap;
}

.q-badge--multi-line {
  word-break: break-all;
  word-wrap: break-word;
}

.q-badge--floating {
  position: absolute;
  top: -4px;
  cursor: inherit;
}

[dir="ltr"] .q-badge--floating {
  right: -3px;
}

[dir="rtl"] .q-badge--floating {
  left: -3px;
}

.q-badge--transparent {
  opacity: 0.8;
}

.q-badge--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}

.q-badge--rounded {
  border-radius: 1em;
}

.q-banner {
  min-height: 54px;
  padding: 8px 16px;
  background: #fff;
}

.q-banner--top-padding {
  padding-top: 14px;
}

.q-banner__avatar {
  min-width: 1px !important;
}

.q-banner__avatar > .q-avatar {
  font-size: 46px;
}

.q-banner__avatar > .q-icon {
  font-size: 40px;
}

[dir="ltr"] .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 16px;
}

[dir="rtl"] .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-right: 16px;
}

[dir="ltr"] .q-banner__actions.col-auto {
  padding-left: 16px;
}

[dir="rtl"] .q-banner__actions.col-auto {
  padding-right: 16px;
}

[dir="ltr"] .q-banner__actions.col-all .q-btn-item {
  margin: 4px 0 0 4px;
}

[dir="rtl"] .q-banner__actions.col-all .q-btn-item {
  margin: 4px 4px 0 0;
}

.q-banner--dense {
  min-height: 32px;
  padding: 8px;
}

.q-banner--dense.q-banner--top-padding {
  padding-top: 12px;
}

.q-banner--dense .q-banner__avatar > .q-avatar, .q-banner--dense .q-banner__avatar > .q-icon {
  font-size: 28px;
}

[dir="ltr"] .q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 8px;
}

[dir="rtl"] .q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-right: 8px;
}

[dir="ltr"] .q-banner--dense .q-banner__actions.col-auto {
  padding-left: 8px;
}

[dir="rtl"] .q-banner--dense .q-banner__actions.col-auto {
  padding-right: 8px;
}

.q-bar {
  background: rgba(0, 0, 0, 0.2);
}

[dir="ltr"] .q-bar > .q-icon {
  margin-left: 2px;
}

[dir="rtl"] .q-bar > .q-icon {
  margin-right: 2px;
}

[dir="ltr"] .q-bar > div, [dir="ltr"] .q-bar > div + .q-icon {
  margin-left: 8px;
}

[dir="rtl"] .q-bar > div, [dir="rtl"] .q-bar > div + .q-icon {
  margin-right: 8px;
}

[dir="ltr"] .q-bar > .q-btn {
  margin-left: 2px;
}

[dir="rtl"] .q-bar > .q-btn {
  margin-right: 2px;
}

[dir="ltr"] .q-bar > .q-icon:first-child, [dir="ltr"] .q-bar > .q-btn:first-child, [dir="ltr"] .q-bar > div:first-child {
  margin-left: 0;
}

[dir="rtl"] .q-bar > .q-icon:first-child, [dir="rtl"] .q-bar > .q-btn:first-child, [dir="rtl"] .q-bar > div:first-child {
  margin-right: 0;
}

.q-bar--standard {
  padding: 0 12px;
  height: 32px;
  font-size: 18px;
}

.q-bar--standard > div {
  font-size: 16px;
}

.q-bar--standard .q-btn {
  font-size: 11px;
}

.q-bar--dense {
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
}

.q-bar--dense .q-btn {
  font-size: 8px;
}

.q-bar--dark {
  background: rgba(255, 255, 255, 0.15);
}

.q-breadcrumbs__el {
  color: inherit;
}

.q-breadcrumbs__el-icon {
  font-size: 125%;
}

[dir="ltr"] .q-breadcrumbs__el-icon--with-label {
  margin-right: 8px;
}

[dir="rtl"] .q-breadcrumbs__el-icon--with-label {
  margin-left: 8px;
}

[dir=rtl] .q-breadcrumbs__separator .q-icon {
  transform: scaleX(-1) /* rtl:ignore */;
}

.q-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  outline: 0;
  border: 0;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.285em;
  text-decoration: none;
  color: inherit;
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  cursor: default;
  padding: 4px 16px;
  min-height: 2.572em;
}

.q-btn .q-icon, .q-btn .q-spinner {
  font-size: 1.285em;
}

.q-btn.disabled {
  opacity: 0.7 !important;
}

.q-btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.q-btn--actionable {
  cursor: pointer;
}

.q-btn--actionable.q-btn--standard:before {
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.q-btn--actionable.q-btn--standard:active:before, .q-btn--actionable.q-btn--standard.q-btn--active:before {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}

.q-btn--no-uppercase {
  text-transform: none;
}

.q-btn--rectangle {
  border-radius: 4px;
}

.q-btn--outline {
  background: transparent !important;
}

.q-btn--outline:before {
  border: 1px solid currentColor;
}

.q-btn--push {
  border-radius: 7px;
}

.q-btn--push:before {
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}

.q-btn--push.q-btn--actionable {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.q-btn--push.q-btn--actionable:before {
  transition: border-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.q-btn--push.q-btn--actionable:active, .q-btn--push.q-btn--actionable.q-btn--active {
  transform: translateY(2px);
}

.q-btn--push.q-btn--actionable:active:before, .q-btn--push.q-btn--actionable.q-btn--active:before {
  border-bottom-width: 0;
}

.q-btn--rounded {
  border-radius: 28px;
}

.q-btn--round {
  border-radius: 50%;
  padding: 0;
  min-width: 3em;
  min-height: 3em;
}

.q-btn--square {
  border-radius: 0;
}

.q-btn--flat:before, .q-btn--outline:before, .q-btn--unelevated:before {
  box-shadow: none;
}

.q-btn--dense {
  padding: 0.285em;
  min-height: 2em;
}

.q-btn--dense.q-btn--round {
  padding: 0;
  min-height: 2.4em;
  min-width: 2.4em;
}

[dir="ltr"] .q-btn--dense .on-left {
  margin-right: 6px;
}

[dir="rtl"] .q-btn--dense .on-left {
  margin-left: 6px;
}

[dir="ltr"] .q-btn--dense .on-right {
  margin-left: 6px;
}

[dir="rtl"] .q-btn--dense .on-right {
  margin-right: 6px;
}

.q-btn--fab .q-icon, .q-btn--fab-mini .q-icon {
  font-size: 24px;
}

.q-btn--fab {
  padding: 16px;
  min-height: 56px;
  min-width: 56px;
}

.q-btn--fab .q-icon {
  margin: auto;
}

.q-btn--fab-mini {
  padding: 8px;
  min-height: 40px;
  min-width: 40px;
}

.q-btn__content {
  transition: opacity 0.3s;
  z-index: 0;
}

.q-btn__content--hidden {
  opacity: 0;
  pointer-events: none;
}

.q-btn__progress {
  border-radius: inherit;
  z-index: 0;
}

.q-btn__progress-indicator {
  z-index: -1;
  background: rgba(255, 255, 255, 0.25);
}

[dir="ltr"] .q-btn__progress-indicator {
  transform: translateX(-100%);
}

[dir="rtl"] .q-btn__progress-indicator {
  transform: translateX(100%);
}

.q-btn__progress--dark .q-btn__progress-indicator {
  background: rgba(0, 0, 0, 0.2);
}

.q-btn--flat .q-btn__progress-indicator, .q-btn--outline .q-btn__progress-indicator {
  opacity: 0.2;
  background: currentColor;
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
  padding: 0 4px;
}

[dir="ltr"] .q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
  border-left: 1px solid currentColor;
}

[dir="rtl"] .q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
  border-right: 1px solid currentColor;
}

[dir="ltr"] .q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

[dir="rtl"] .q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

[dir="ltr"] .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 8px;
}

[dir="rtl"] .q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-right: 8px;
}

.q-btn-dropdown__arrow {
  transition: transform 0.28s;
}

.q-btn-dropdown--current {
  flex-grow: 1;
}

.q-btn-group {
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  vertical-align: middle;
}

.q-btn-group > .q-btn-item {
  border-radius: inherit;
  align-self: stretch;
}

.q-btn-group > .q-btn-item:before {
  box-shadow: none;
}

[dir="ltr"] .q-btn-group > .q-btn-item .q-badge--floating {
  right: 0;
}

[dir="rtl"] .q-btn-group > .q-btn-item .q-badge--floating {
  left: 0;
}

.q-btn-group > .q-btn-group {
  box-shadow: none;
}

[dir="ltr"] .q-btn-group > .q-btn-group:first-child > .q-btn:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

[dir="rtl"] .q-btn-group > .q-btn-group:first-child > .q-btn:first-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

[dir="ltr"] .q-btn-group > .q-btn-group:last-child > .q-btn:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

[dir="rtl"] .q-btn-group > .q-btn-group:last-child > .q-btn:last-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

[dir="ltr"] .q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child:before {
  border-left: 0;
}

[dir="rtl"] .q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child:before {
  border-right: 0;
}

[dir="ltr"] .q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child:before {
  border-right: 0;
}

[dir="rtl"] .q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child:before {
  border-left: 0;
}

[dir="ltr"] .q-btn-group > .q-btn-item:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .q-btn-group > .q-btn-item:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="ltr"] .q-btn-group > .q-btn-item:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .q-btn-group > .q-btn-item:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.q-btn-group > .q-btn-item.q-btn--standard:before {
  z-index: -1;
}

.q-btn-group--push {
  border-radius: 7px;
}

.q-btn-group--push > .q-btn--push.q-btn--actionable {
  transform: none;
}

.q-btn-group--push > .q-btn--push.q-btn--actionable .q-btn__content {
  transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.q-btn-group--push > .q-btn--push.q-btn--actionable:active .q-btn__content, .q-btn-group--push > .q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
  margin-top: 2px;
  margin-bottom: -2px;
}

.q-btn-group--rounded {
  border-radius: 28px;
}

.q-btn-group--square {
  border-radius: 0;
}

.q-btn-group--flat, .q-btn-group--outline, .q-btn-group--unelevated {
  box-shadow: none;
}

.q-btn-group--outline > .q-separator {
  display: none;
}

[dir="ltr"] .q-btn-group--outline > .q-btn-item + .q-btn-item:before {
  border-left: 0;
}

[dir="rtl"] .q-btn-group--outline > .q-btn-item + .q-btn-item:before {
  border-right: 0;
}

[dir="ltr"] .q-btn-group--outline > .q-btn-item:not(:last-child):before {
  border-right: 0;
}

[dir="rtl"] .q-btn-group--outline > .q-btn-item:not(:last-child):before {
  border-left: 0;
}

.q-btn-group--stretch {
  align-self: stretch;
  border-radius: 0;
}

.q-btn-group--glossy > .q-btn-item {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}

.q-btn-group--spread > .q-btn-group {
  display: flex !important;
}

.q-btn-group--spread > .q-btn-item, .q-btn-group--spread > .q-btn-group > .q-btn-item:not(.q-btn-dropdown__arrow-container) {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}

.q-btn-toggle {
  position: relative;
}

.q-card {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
}

.q-card > div:not(.q--avoid-card-border),
.q-card > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.q-card > div:nth-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.q-card > div:nth-last-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-bottom: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.q-card > div:not(.q--avoid-card-border) {
  border-left: 0;
  border-right: 0;
  box-shadow: none;
}

.q-card--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-card--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-card__section {
  position: relative;
}

.q-card__section--vert {
  padding: 16px;
}

.q-card__section--horiz > div:not(.q--avoid-card-border),
.q-card__section--horiz > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="ltr"] .q-card__section--horiz > div:nth-child(1 of :not(.q--avoid-card-border)),
[dir="ltr"] .q-card__section--horiz > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

[dir="rtl"] .q-card__section--horiz > div:nth-child(1 of :not(.q--avoid-card-border)),
[dir="rtl"] .q-card__section--horiz > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

[dir="ltr"] .q-card__section--horiz > div:nth-last-child(1 of :not(.q--avoid-card-border)),
[dir="ltr"] .q-card__section--horiz > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

[dir="rtl"] .q-card__section--horiz > div:nth-last-child(1 of :not(.q--avoid-card-border)),
[dir="rtl"] .q-card__section--horiz > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.q-card__section--horiz > div:not(.q--avoid-card-border) {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

.q-card__actions {
  padding: 8px;
  align-items: center;
}

.q-card__actions .q-btn--rectangle {
  padding: 0 8px;
}

[dir="ltr"] .q-card__actions--horiz > .q-btn-item + .q-btn-item,
[dir="ltr"] .q-card__actions--horiz > .q-btn-group + .q-btn-item,
[dir="ltr"] .q-card__actions--horiz > .q-btn-item + .q-btn-group {
  margin-left: 8px;
}

[dir="rtl"] .q-card__actions--horiz > .q-btn-item + .q-btn-item,
[dir="rtl"] .q-card__actions--horiz > .q-btn-group + .q-btn-item,
[dir="rtl"] .q-card__actions--horiz > .q-btn-item + .q-btn-group {
  margin-right: 8px;
}

.q-card__actions--vert > .q-btn-item.q-btn--round {
  align-self: center;
}

.q-card__actions--vert > .q-btn-item + .q-btn-item,
.q-card__actions--vert > .q-btn-group + .q-btn-item,
.q-card__actions--vert > .q-btn-item + .q-btn-group {
  margin-top: 4px;
}

.q-card__actions--vert > .q-btn-group > .q-btn-item {
  flex-grow: 1;
}

.q-card > img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.q-carousel {
  background-color: #fff;
  height: 400px;
}

.q-carousel__slide {
  min-height: 100%;
  background-size: cover;
  background-position: 50%;
}

.q-carousel__slide, .q-carousel .q-carousel--padding {
  padding: 16px;
}

.q-carousel__slides-container {
  height: 100%;
}

.q-carousel__control {
  color: #fff;
}

.q-carousel__arrow {
  pointer-events: none;
}

.q-carousel__arrow .q-icon {
  font-size: 28px;
}

.q-carousel__arrow .q-btn {
  pointer-events: all;
}

.q-carousel__prev-arrow--horizontal, .q-carousel__next-arrow--horizontal {
  top: 16px;
  bottom: 16px;
}

[dir="ltr"] .q-carousel__prev-arrow--horizontal {
  left: 16px;
}

[dir="rtl"] .q-carousel__prev-arrow--horizontal {
  right: 16px;
}

[dir="ltr"] .q-carousel__next-arrow--horizontal {
  right: 16px;
}

[dir="rtl"] .q-carousel__next-arrow--horizontal {
  left: 16px;
}

.q-carousel__prev-arrow--vertical, .q-carousel__next-arrow--vertical {
  left: 16px;
  right: 16px;
}

.q-carousel__prev-arrow--vertical {
  top: 16px;
}

.q-carousel__next-arrow--vertical {
  bottom: 16px;
}

.q-carousel__navigation--top, .q-carousel__navigation--bottom {
  left: 16px;
  right: 16px;
  overflow-x: auto;
  overflow-y: hidden;
}

.q-carousel__navigation--top {
  top: 16px;
}

.q-carousel__navigation--bottom {
  bottom: 16px;
}

.q-carousel__navigation--left, .q-carousel__navigation--right {
  top: 16px;
  bottom: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

.q-carousel__navigation--left > .q-carousel__navigation-inner, .q-carousel__navigation--right > .q-carousel__navigation-inner {
  flex-direction: column;
}

[dir="ltr"] .q-carousel__navigation--left {
  left: 16px;
}

[dir="rtl"] .q-carousel__navigation--left {
  right: 16px;
}

[dir="ltr"] .q-carousel__navigation--right {
  right: 16px;
}

[dir="rtl"] .q-carousel__navigation--right {
  left: 16px;
}

.q-carousel__navigation-inner {
  flex: 1 1 auto;
}

.q-carousel__navigation .q-btn {
  margin: 6px 4px;
  padding: 5px;
}

.q-carousel__navigation-icon--inactive {
  opacity: 0.7;
}

.q-carousel .q-carousel__thumbnail {
  margin: 2px;
  height: 50px;
  width: auto;
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.q-carousel .q-carousel__thumbnail:hover,
.q-carousel .q-carousel__thumbnail--active {
  opacity: 1;
}

.q-carousel .q-carousel__thumbnail--active {
  border-color: currentColor;
  cursor: default;
}

.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-top .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-top: 60px;
}

.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-bottom .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-bottom: 60px;
}

[dir="ltr"] .q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, [dir="ltr"] .q-carousel--navigation-left .q-carousel--padding, [dir="ltr"] .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, [dir="ltr"] .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-left: 60px;
}

[dir="rtl"] .q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, [dir="rtl"] .q-carousel--navigation-left .q-carousel--padding, [dir="rtl"] .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, [dir="rtl"] .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-right: 60px;
}

[dir="ltr"] .q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, [dir="ltr"] .q-carousel--navigation-right .q-carousel--padding, [dir="ltr"] .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, [dir="ltr"] .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-right: 60px;
}

[dir="rtl"] .q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, [dir="rtl"] .q-carousel--navigation-right .q-carousel--padding, [dir="rtl"] .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, [dir="rtl"] .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-left: 60px;
}

.q-carousel.fullscreen {
  height: 100%;
}

.q-message-name {
  font-size: small;
}

.q-message-label {
  margin: 24px 0;
  text-align: center;
  font-size: small;
}

.q-message-stamp {
  color: inherit;
  margin-top: 4px;
  opacity: 0.6;
  display: none;
  font-size: small;
}

.q-message-avatar {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  min-width: 48px;
}

.q-message {
  margin-bottom: 8px;
}

.q-message:first-child .q-message-label {
  margin-top: 0;
}

[dir="ltr"] .q-message-avatar--received {
  margin-right: 8px;
}

[dir="rtl"] .q-message-avatar--received {
  margin-left: 8px;
}

.q-message-text--received {
  color: #81c784;
}

[dir="ltr"] .q-message-text--received {
  border-radius: 4px 4px 4px 0;
}

[dir="rtl"] .q-message-text--received {
  border-radius: 4px 4px 0 4px;
}

.q-message-text--received:last-child:before {
  border-bottom: 8px solid currentColor;
}

[dir="ltr"] .q-message-text--received:last-child:before {
  right: 100%;
  border-right: 0 solid transparent;
  border-left: 8px solid transparent;
}

[dir="rtl"] .q-message-text--received:last-child:before {
  left: 100%;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
}

.q-message-text-content--received {
  color: #000;
}

[dir="ltr"] .q-message-name--sent {
  text-align: right;
}

[dir="rtl"] .q-message-name--sent {
  text-align: left;
}

[dir="ltr"] .q-message-avatar--sent {
  margin-left: 8px;
}

[dir="rtl"] .q-message-avatar--sent {
  margin-right: 8px;
}

.q-message-container--sent {
  flex-direction: row-reverse;
}

.q-message-text--sent {
  color: #e0e0e0;
}

[dir="ltr"] .q-message-text--sent {
  border-radius: 4px 4px 0 4px;
}

[dir="rtl"] .q-message-text--sent {
  border-radius: 4px 4px 4px 0;
}

.q-message-text--sent:last-child:before {
  border-bottom: 8px solid currentColor;
}

[dir="ltr"] .q-message-text--sent:last-child:before {
  left: 100%;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
}

[dir="rtl"] .q-message-text--sent:last-child:before {
  right: 100%;
  border-right: 0 solid transparent;
  border-left: 8px solid transparent;
}

.q-message-text-content--sent {
  color: #000;
}

.q-message-text {
  background: currentColor;
  padding: 8px;
  line-height: 1.2;
  word-break: break-word;
  position: relative;
}

.q-message-text + .q-message-text {
  margin-top: 3px;
}

.q-message-text:last-child {
  min-height: 48px;
}

.q-message-text:last-child .q-message-stamp {
  display: block;
}

.q-message-text:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}

.q-checkbox {
  vertical-align: middle;
}

.q-checkbox__native {
  width: 1px;
  height: 1px;
}

.q-checkbox__bg, .q-checkbox__icon-container {
  user-select: none;
}

.q-checkbox__bg {
  top: 25%;
  width: 50%;
  height: 50%;
  border: 2px solid currentColor;
  border-radius: 2px;
  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
  -webkit-print-color-adjust: exact;
}

[dir="ltr"] .q-checkbox__bg {
  left: 25%;
}

[dir="rtl"] .q-checkbox__bg {
  right: 25%;
}

.q-checkbox__icon {
  color: currentColor;
  font-size: 0.5em;
}

.q-checkbox__svg {
  color: #fff;
}

.q-checkbox__truthy {
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334;
}

.q-checkbox__indet {
  fill: currentColor;
  transform-origin: 50% 50%;
}

[dir="ltr"] .q-checkbox__indet {
  transform: rotate(-280deg) scale(0);
}

[dir="rtl"] .q-checkbox__indet {
  transform: rotate(280deg) scale(0);
}

.q-checkbox__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}

.q-checkbox__inner--truthy, .q-checkbox__inner--indet {
  color: var(--q-primary);
}

.q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg {
  background: currentColor;
}

.q-checkbox__inner--truthy path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}

.q-checkbox__inner--indet .q-checkbox__indet {
  transform: rotate(0) scale(1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.q-checkbox.disabled {
  opacity: 0.75 !important;
}

.q-checkbox--dark .q-checkbox__inner {
  color: rgba(255, 255, 255, 0.7);
}

.q-checkbox--dark .q-checkbox__inner:before {
  opacity: 0.32 !important;
}

.q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
  color: var(--q-primary);
}

.q-checkbox--dense .q-checkbox__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}

.q-checkbox--dense .q-checkbox__bg {
  top: 5%;
  width: 90%;
  height: 90%;
}

[dir="ltr"] .q-checkbox--dense .q-checkbox__bg {
  left: 5%;
}

[dir="rtl"] .q-checkbox--dense .q-checkbox__bg {
  right: 5%;
}

[dir="ltr"] .q-checkbox--dense .q-checkbox__label {
  padding-left: 0.5em;
}

[dir="rtl"] .q-checkbox--dense .q-checkbox__label {
  padding-right: 0.5em;
}

[dir="ltr"] .q-checkbox--dense.reverse .q-checkbox__label {
  padding-left: 0;
  padding-right: 0.5em;
}

[dir="rtl"] .q-checkbox--dense.reverse .q-checkbox__label {
  padding-right: 0;
  padding-left: 0.5em;
}

body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}

body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1, 1, 1);
}

body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1.4, 1.4, 1);
}

.q-chip {
  vertical-align: middle;
  border-radius: 16px;
  outline: 0;
  position: relative;
  height: 2em;
  max-width: 100%;
  margin: 4px;
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  padding: 0.5em 0.9em;
}

.q-chip--colored .q-chip__icon, .q-chip--dark .q-chip__icon {
  color: inherit;
}

.q-chip .q-avatar {
  font-size: 2em;
  border-radius: 16px;
}

[dir="ltr"] .q-chip .q-avatar {
  margin-left: -0.45em;
  margin-right: 0.2em;
}

[dir="rtl"] .q-chip .q-avatar {
  margin-right: -0.45em;
  margin-left: 0.2em;
}

.q-chip--outline {
  background: transparent !important;
  border: 1px solid currentColor;
}

[dir="ltr"] .q-chip--outline .q-avatar {
  margin-left: calc(-0.45em - 1px);
}

[dir="rtl"] .q-chip--outline .q-avatar {
  margin-right: calc(-0.45em - 1px);
}

.q-chip--selected .q-avatar {
  display: none;
}

.q-chip__icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.5em;
  margin: -0.2em;
}

[dir="ltr"] .q-chip__icon--left {
  margin-right: 0.2em;
}

[dir="rtl"] .q-chip__icon--left {
  margin-left: 0.2em;
}

[dir="ltr"] .q-chip__icon--right {
  margin-left: 0.2em;
}

[dir="rtl"] .q-chip__icon--right {
  margin-right: 0.2em;
}

.q-chip__icon--remove {
  opacity: 0.6;
  outline: 0;
}

[dir="ltr"] .q-chip__icon--remove {
  margin-left: 0.1em;
  margin-right: -0.5em;
}

[dir="rtl"] .q-chip__icon--remove {
  margin-right: 0.1em;
  margin-left: -0.5em;
}

.q-chip__icon--remove:hover, .q-chip__icon--remove:focus {
  opacity: 1;
}

.q-chip__content {
  white-space: nowrap;
}

.q-chip--dense {
  border-radius: 12px;
  padding: 0 0.4em;
  height: 1.5em;
}

.q-chip--dense .q-avatar {
  font-size: 1.5em;
  border-radius: 12px;
}

[dir="ltr"] .q-chip--dense .q-avatar {
  margin-left: -0.27em;
  margin-right: 0.1em;
}

[dir="rtl"] .q-chip--dense .q-avatar {
  margin-right: -0.27em;
  margin-left: 0.1em;
}

.q-chip--dense .q-chip__icon {
  font-size: 1.25em;
}

[dir="ltr"] .q-chip--dense .q-chip__icon--left {
  margin-right: 0.195em;
}

[dir="rtl"] .q-chip--dense .q-chip__icon--left {
  margin-left: 0.195em;
}

[dir="ltr"] .q-chip--dense .q-chip__icon--remove {
  margin-right: -0.25em;
}

[dir="rtl"] .q-chip--dense .q-chip__icon--remove {
  margin-left: -0.25em;
}

.q-chip--square {
  border-radius: 4px;
}

[dir="ltr"] .q-chip--square .q-avatar {
  border-radius: 3px 0 0 3px;
}

[dir="rtl"] .q-chip--square .q-avatar {
  border-radius: 0 3px 3px 0;
}

body.desktop .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

body.desktop.body--dark .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}

.q-circular-progress {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.q-circular-progress.q-focusable {
  border-radius: 50%;
}

.q-circular-progress__svg {
  width: 100%;
  height: 100%;
}

.q-circular-progress__text {
  font-size: 0.25em;
}

.q-circular-progress--indeterminate .q-circular-progress__svg {
  transform-origin: 50% 50%;
  animation: q-spin 2s linear infinite /* rtl:ignore */;
}

.q-circular-progress--indeterminate .q-circular-progress__circle {
  stroke-dasharray: 1 400;
  stroke-dashoffset: 0;
  animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
}

@keyframes q-circular-progress-circle {
  0% {
    stroke-dasharray: 1, 400;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -100;
  }

  100% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -300;
  }
}

.q-color-picker {
  overflow: hidden;
  background: #fff;
  max-width: 350px;
  vertical-align: top;
  min-width: 180px;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.q-color-picker .q-tab {
  padding: 0 !important;
}

.q-color-picker--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-color-picker__header-tabs {
  height: 32px;
}

.q-color-picker__header-banner {
  height: 36px;
}

.q-color-picker__header input {
  line-height: 24px;
  border: 0;
}

.q-color-picker__header .q-tab {
  min-height: 32px !important;
  height: 32px !important;
}

.q-color-picker__header .q-tab--inactive {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}

.q-color-picker__error-icon {
  bottom: 2px;
  font-size: 24px;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

[dir="ltr"] .q-color-picker__error-icon {
  right: 2px;
}

[dir="rtl"] .q-color-picker__error-icon {
  left: 2px;
}

.q-color-picker__header-content {
  position: relative;
  background: #fff;
}

.q-color-picker__header-content--light {
  color: #000;
}

.q-color-picker__header-content--dark {
  color: #fff;
}

.q-color-picker__header-content--dark .q-tab--inactive:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
}

.q-color-picker__header-banner {
  height: 36px;
}

.q-color-picker__header-bg {
  background: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==") !important;
}

.q-color-picker__footer {
  height: 36px;
}

.q-color-picker__footer .q-tab {
  min-height: 36px !important;
  height: 36px !important;
}

.q-color-picker__footer .q-tab--inactive {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}
.q-color-picker {
  /* Saturation Tab */
}

.q-color-picker__spectrum {
  width: 100%;
  height: 100%;
}

.q-color-picker__spectrum-tab {
  padding: 0 !important;
}

[dir="ltr"] .q-color-picker__spectrum-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

[dir="rtl"] .q-color-picker__spectrum-white {
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}

.q-color-picker__spectrum-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.q-color-picker__spectrum-circle {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

[dir="ltr"] .q-color-picker__spectrum-circle {
  transform: translate(-5px, -5px);
}

[dir="rtl"] .q-color-picker__spectrum-circle {
  transform: translate(5px, -5px);
}

.q-color-picker__hue .q-slider__track {
  opacity: 1;
}

[dir="ltr"] .q-color-picker__hue .q-slider__track {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important;
}

[dir="rtl"] .q-color-picker__hue .q-slider__track {
  background: linear-gradient(to left, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important;
}

.q-color-picker__alpha .q-slider__track-container {
  padding-top: 0;
}

.q-color-picker__alpha .q-slider__track:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}

[dir="ltr"] .q-color-picker__alpha .q-slider__track:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #757575);
}

[dir="rtl"] .q-color-picker__alpha .q-slider__track:before {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #757575);
}

.q-color-picker__sliders {
  padding: 0 16px;
}

.q-color-picker__sliders .q-slider__thumb {
  color: #424242;
}

.q-color-picker__sliders .q-slider__thumb path {
  stroke-width: 2px;
  fill: transparent;
}

.q-color-picker__sliders .q-slider--active path {
  stroke-width: 3px;
}
.q-color-picker {
  /* Tune Tab */
}

.q-color-picker__tune-tab .q-slider {
  margin-left: 18px;
  margin-right: 18px;
}

.q-color-picker__tune-tab input {
  font-size: 11px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 3.5em;
}
.q-color-picker {
  /* Palette Tab */
}

.q-color-picker__palette-tab {
  padding: 0 !important;
}

.q-color-picker__palette-rows--editable .q-color-picker__cube {
  cursor: pointer;
}

.q-color-picker__cube {
  padding-bottom: 10%;
  width: 10% !important;
}
.q-color-picker {
  /* Generic  */
}

.q-color-picker input {
  color: inherit;
  background: transparent;
  outline: 0;
  text-align: center;
}

.q-color-picker .q-tabs {
  overflow: hidden;
}

.q-color-picker .q-tab--active {
  box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
}

.q-color-picker .q-tab--active .q-focus-helper {
  display: none;
}

.q-color-picker .q-tab__indicator {
  display: none;
}

.q-color-picker .q-tab-panels {
  background: inherit;
}

.q-color-picker--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-color-picker--dark .q-color-picker__tune-tab input {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.q-color-picker--dark .q-slider__thumb {
  color: #fafafa;
}

.q-date {
  display: inline-flex;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}

.q-date--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-date__header {
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
}

[dir="ltr"] .q-date__header {
  border-top-left-radius: inherit;
}

[dir="rtl"] .q-date__header {
  border-top-right-radius: inherit;
}

.q-date__actions {
  padding: 0 16px 16px;
}

.q-date__content, .q-date__main {
  outline: 0;
}

.q-date__content .q-btn {
  font-weight: normal;
}

.q-date__header-link {
  opacity: 0.64;
  outline: 0;
  transition: opacity 0.3s ease-out;
}

.q-date__header-link--active, .q-date__header-link:hover, .q-date__header-link:focus {
  opacity: 1;
}

.q-date__header-subtitle {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}

.q-date__header-title-label {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.00735em;
}

.q-date__view {
  height: 100%;
  width: 100%;
  min-height: 290px;
  padding: 16px;
}

.q-date__navigation {
  height: 12.5%;
}

.q-date__navigation > div:first-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-end;
}

.q-date__navigation > div:last-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-start;
}

.q-date__calendar-weekdays {
  height: 12.5%;
}

.q-date__calendar-weekdays > div {
  opacity: 0.38;
  font-size: 12px;
}

.q-date__calendar-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 14.285% !important;
  height: 12.5% !important;
  position: relative;
  padding: 1px;
}

.q-date__calendar-item:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
  border-style: dashed;
  border-color: transparent;
  border-width: 1px;
}

.q-date__calendar-item > div, .q-date__calendar-item button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.q-date__calendar-item > div {
  line-height: 30px;
  text-align: center;
}

.q-date__calendar-item > button {
  line-height: 22px;
}

.q-date__calendar-item--out {
  opacity: 0.18;
}

.q-date__calendar-item--fill {
  visibility: hidden;
}

.q-date__range:before, .q-date__range-from:before, .q-date__range-to:before {
  content: "";
  background-color: currentColor;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  right: 0;
  opacity: 0.3;
}

[dir="ltr"] .q-date__range:nth-child(7n-6):before, [dir="ltr"] .q-date__range-from:nth-child(7n-6):before, [dir="ltr"] .q-date__range-to:nth-child(7n-6):before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .q-date__range:nth-child(7n-6):before, [dir="rtl"] .q-date__range-from:nth-child(7n-6):before, [dir="rtl"] .q-date__range-to:nth-child(7n-6):before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="ltr"] .q-date__range:nth-child(7n):before, [dir="ltr"] .q-date__range-from:nth-child(7n):before, [dir="ltr"] .q-date__range-to:nth-child(7n):before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .q-date__range:nth-child(7n):before, [dir="rtl"] .q-date__range-from:nth-child(7n):before, [dir="rtl"] .q-date__range-to:nth-child(7n):before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="ltr"] .q-date__range-from:before {
  left: 50%;
}

[dir="rtl"] .q-date__range-from:before {
  right: 50%;
}

[dir="ltr"] .q-date__range-to:before {
  right: 50%;
}

[dir="rtl"] .q-date__range-to:before {
  left: 50%;
}

.q-date__edit-range:after {
  border-color: currentColor transparent;
}

[dir="ltr"] .q-date__edit-range:nth-child(7n-6):after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .q-date__edit-range:nth-child(7n-6):after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="ltr"] .q-date__edit-range:nth-child(7n):after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .q-date__edit-range:nth-child(7n):after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.q-date__edit-range-from:after, .q-date__edit-range-from-to:after {
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

[dir="ltr"] .q-date__edit-range-from:after, [dir="ltr"] .q-date__edit-range-from-to:after {
  left: 4px;
  border-left-color: currentColor;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}

[dir="rtl"] .q-date__edit-range-from:after, [dir="rtl"] .q-date__edit-range-from-to:after {
  right: 4px;
  border-right-color: currentColor;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

.q-date__edit-range-to:after, .q-date__edit-range-from-to:after {
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

[dir="ltr"] .q-date__edit-range-to:after, [dir="ltr"] .q-date__edit-range-from-to:after {
  right: 4px;
  border-right-color: currentColor;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

[dir="rtl"] .q-date__edit-range-to:after, [dir="rtl"] .q-date__edit-range-from-to:after {
  left: 4px;
  border-left-color: currentColor;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}

.q-date__calendar-days-container {
  height: 75%;
  min-height: 192px;
}

.q-date__calendar-days > div {
  height: 16.66% !important;
}

.q-date__event {
  position: absolute;
  bottom: 2px;
  height: 5px;
  width: 8px;
  border-radius: 5px;
  background-color: var(--q-secondary);
}

[dir="ltr"] .q-date__event {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

[dir="rtl"] .q-date__event {
  right: 50%;
  transform: translate3d(50%, 0, 0);
}

.q-date__today {
  box-shadow: 0 0 1px 0 currentColor;
}

.q-date__years-content {
  padding: 0 8px;
}

.q-date__years-item, .q-date__months-item {
  flex: 0 0 33.3333%;
}

.q-date.disabled .q-date__header, .q-date.disabled .q-date__content, .q-date--readonly .q-date__header, .q-date--readonly .q-date__content {
  pointer-events: none;
}

.q-date--readonly .q-date__navigation {
  display: none;
}

.q-date--portrait {
  flex-direction: column;
}

.q-date--portrait-standard .q-date__content {
  height: calc(100% - 86px);
}

.q-date--portrait-standard .q-date__header {
  height: 86px;
}

[dir="ltr"] .q-date--portrait-standard .q-date__header {
  border-top-right-radius: inherit;
}

[dir="rtl"] .q-date--portrait-standard .q-date__header {
  border-top-left-radius: inherit;
}

.q-date--portrait-standard .q-date__header-title {
  align-items: center;
  height: 30px;
}

.q-date--portrait-minimal .q-date__content {
  height: 100%;
}

.q-date--landscape {
  flex-direction: row;
  align-items: stretch;
  min-width: 420px;
}

.q-date--landscape > div {
  display: flex;
  flex-direction: column;
}

.q-date--landscape .q-date__content {
  height: 100%;
}

.q-date--landscape-standard {
  min-width: 420px;
}

.q-date--landscape-standard .q-date__header {
  min-width: 110px;
  width: 110px;
}

[dir="ltr"] .q-date--landscape-standard .q-date__header {
  border-bottom-left-radius: inherit;
}

[dir="rtl"] .q-date--landscape-standard .q-date__header {
  border-bottom-right-radius: inherit;
}

.q-date--landscape-standard .q-date__header-title {
  flex-direction: column;
}

.q-date--landscape-standard .q-date__header-today {
  margin-top: 12px;
}

[dir="ltr"] .q-date--landscape-standard .q-date__header-today {
  margin-left: -8px;
}

[dir="rtl"] .q-date--landscape-standard .q-date__header-today {
  margin-right: -8px;
}

.q-date--landscape-minimal {
  width: 310px;
}

.q-date--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
}

.q-dialog__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0125em;
}

.q-dialog__progress {
  font-size: 4rem;
}

.q-dialog__inner {
  outline: 0;
}

.q-dialog__inner > div {
  pointer-events: all;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  border-radius: 4px;
}

.q-dialog__inner--square > div {
  border-radius: 0 !important;
}

.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle {
  min-width: 64px;
}

.q-dialog__inner--minimized {
  padding: 24px;
}

.q-dialog__inner--minimized > div {
  max-height: calc(100vh - 48px);
}

.q-dialog__inner--maximized > div {
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
  border-radius: 0 !important;
  top: 0 !important;
}

[dir="ltr"] .q-dialog__inner--maximized > div {
  left: 0 !important;
}

[dir="rtl"] .q-dialog__inner--maximized > div {
  right: 0 !important;
}

.q-dialog__inner--top, .q-dialog__inner--bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.q-dialog__inner--right, .q-dialog__inner--left {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

[dir="ltr"] .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, [dir="ltr"] .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-left-radius: 0;
}

[dir="rtl"] .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, [dir="rtl"] .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-right-radius: 0;
}

[dir="ltr"] .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, [dir="ltr"] .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-right-radius: 0;
}

[dir="rtl"] .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, [dir="rtl"] .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-left-radius: 0;
}

[dir="ltr"] .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, [dir="ltr"] .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-left-radius: 0;
}

[dir="rtl"] .q-dialog__inner--left:not(.q-dialog__inner--animating) > div, [dir="rtl"] .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-right-radius: 0;
}

[dir="ltr"] .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, [dir="ltr"] .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-right-radius: 0;
}

[dir="rtl"] .q-dialog__inner--right:not(.q-dialog__inner--animating) > div, [dir="rtl"] .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-left-radius: 0;
}

.q-dialog__inner--fullwidth > div {
  width: 100% !important;
  max-width: 100% !important;
}

.q-dialog__inner--fullheight > div {
  height: 100% !important;
  max-height: 100% !important;
}

.q-dialog__backdrop {
  z-index: -1;
  pointer-events: all;
  outline: 0;
  background: rgba(0, 0, 0, 0.4);
}

body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
  max-height: calc(100vh - 108px);
}

body.q-ios-padding .q-dialog__inner {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

body.q-ios-padding .q-dialog__inner > div {
  max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}

@media (max-width: 599.98px) {
  .q-dialog__inner--top, .q-dialog__inner--bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
    width: 100% !important;
  }
}

@media (min-width: 600px) {
  .q-dialog__inner--minimized > div {
    max-width: 560px;
  }
}

.q-body--dialog {
  overflow: hidden;
}

.q-editor {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #fff;
}

.q-editor.disabled {
  border-style: dashed;
}

.q-editor > div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.q-editor__content {
  outline: 0;
  padding: 10px;
  min-height: 10em;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: auto;
  max-width: 100%;
}

.q-editor__content pre {
  white-space: pre-wrap;
}

.q-editor__content hr {
  border: 0;
  outline: 0;
  margin: 1px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}

.q-editor__content:empty:not(:focus):before {
  content: attr(placeholder);
  opacity: 0.7;
}

.q-editor__toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 32px;
}

.q-editor__toolbars-container {
  max-width: 100%;
}

.q-editor .q-btn {
  margin: 4px;
}

.q-editor__toolbar-group {
  position: relative;
  margin: 0 4px;
}

.q-editor__toolbar-group + .q-editor__toolbar-group:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .q-editor__toolbar-group + .q-editor__toolbar-group:before {
  left: -4px;
}

[dir="rtl"] .q-editor__toolbar-group + .q-editor__toolbar-group:before {
  right: -4px;
}

.q-editor__link-input {
  color: inherit;
  text-decoration: none;
  text-transform: none;
  border: none;
  border-radius: 0;
  background: none;
  outline: 0;
}

.q-editor--flat, .q-editor--flat .q-editor__toolbar {
  border: 0;
}

.q-editor--dense .q-editor__toolbar-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.q-editor--dark {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-editor--dark .q-editor__content hr {
  background: rgba(255, 255, 255, 0.28);
}

.q-editor--dark .q-editor__toolbar {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-editor--dark .q-editor__toolbar-group + .q-editor__toolbar-group:before {
  background: rgba(255, 255, 255, 0.28);
}

.q-expansion-item__border {
  opacity: 0;
}

.q-expansion-item__toggle-icon {
  position: relative;
  transition: transform 0.3s;
}

[dir="ltr"] .q-expansion-item__toggle-icon--rotated {
  transform: rotate(180deg);
}

[dir="rtl"] .q-expansion-item__toggle-icon--rotated {
  transform: rotate(-180deg);
}

.q-expansion-item__toggle-focus {
  width: 1em !important;
  height: 1em !important;
  position: relative !important;
}

.q-expansion-item__toggle-focus + .q-expansion-item__toggle-icon {
  margin-top: -1em;
}

.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border {
  opacity: 1;
}

.q-expansion-item--popup {
  transition: padding 0.5s;
}

.q-expansion-item--popup > .q-expansion-item__container {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-expansion-item--popup > .q-expansion-item__container > .q-separator {
  display: none;
}

.q-expansion-item--popup.q-expansion-item--collapsed {
  padding: 0 15px;
}

.q-expansion-item--popup.q-expansion-item--expanded {
  padding: 15px 0;
}

.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--expanded {
  padding-top: 0;
}

.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child) > .q-expansion-item__container {
  border-top-width: 0;
}

.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--collapsed > .q-expansion-item__container {
  border-top-width: 1px;
}

.q-expansion-item__content > .q-card {
  box-shadow: none;
  border-radius: 0;
}

.q-expansion-item:first-child > div > .q-expansion-item__border--top {
  opacity: 0;
}

.q-expansion-item:last-child > div > .q-expansion-item__border--bottom {
  opacity: 0;
}

.q-expansion-item--expanded + .q-expansion-item--expanded > div > .q-expansion-item__border--top {
  opacity: 0;
}

.q-expansion-item--expanded .q-textarea--autogrow textarea {
  animation: q-expansion-done 0s;
}

/* needed for compilation */
@keyframes q-expansion-done {
  0% {
    --q-exp-done: 1;
  }
}

.z-fab {
  z-index: 990;
}

.q-fab {
  position: relative;
  vertical-align: middle;
}

.q-fab > .q-btn {
  width: 100%;
}

.q-fab--form-rounded {
  border-radius: 28px;
}

.q-fab--form-square {
  border-radius: 4px;
}

.q-fab__icon, .q-fab__active-icon {
  transition: opacity 0.4s, transform 0.4s;
}

.q-fab__icon {
  opacity: 1;
  transform: rotate(0deg);
}

.q-fab__active-icon {
  opacity: 0;
}

[dir="ltr"] .q-fab__active-icon {
  transform: rotate(-180deg);
}

[dir="rtl"] .q-fab__active-icon {
  transform: rotate(180deg);
}

.q-fab__label--external {
  position: absolute;
  padding: 0 8px;
  transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395);
}

.q-fab__label--external-hidden {
  opacity: 0;
  pointer-events: none;
}

.q-fab__label--external-left {
  top: 50%;
}

[dir="ltr"] .q-fab__label--external-left {
  left: -12px;
  transform: translate(-100%, -50%);
}

[dir="rtl"] .q-fab__label--external-left {
  right: -12px;
  transform: translate(100%, -50%);
}

.q-fab__label--external-right {
  top: 50%;
}

[dir="ltr"] .q-fab__label--external-right {
  right: -12px;
  transform: translate(100%, -50%);
}

[dir="rtl"] .q-fab__label--external-right {
  left: -12px;
  transform: translate(-100%, -50%);
}

.q-fab__label--external-bottom {
  bottom: -12px;
}

[dir="ltr"] .q-fab__label--external-bottom {
  left: 50%;
  transform: translate(-50%, 100%);
}

[dir="rtl"] .q-fab__label--external-bottom {
  right: 50%;
  transform: translate(50%, 100%);
}

.q-fab__label--external-top {
  top: -12px;
}

[dir="ltr"] .q-fab__label--external-top {
  left: 50%;
  transform: translate(-50%, -100%);
}

[dir="rtl"] .q-fab__label--external-top {
  right: 50%;
  transform: translate(50%, -100%);
}

.q-fab__label--internal {
  padding: 0;
  transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395);
  max-height: 30px;
}

.q-fab__label--internal-hidden {
  font-size: 0;
  opacity: 0;
}

.q-fab__label--internal-top {
  padding-bottom: 0.12em;
}

.q-fab__label--internal-bottom {
  padding-top: 0.12em;
}

.q-fab__label--internal-top.q-fab__label--internal-hidden, .q-fab__label--internal-bottom.q-fab__label--internal-hidden {
  max-height: 0;
}

[dir="ltr"] .q-fab__label--internal-left {
  padding-left: 0.285em;
  padding-right: 0.571em;
}

[dir="rtl"] .q-fab__label--internal-left {
  padding-right: 0.285em;
  padding-left: 0.571em;
}

[dir="ltr"] .q-fab__label--internal-right {
  padding-right: 0.285em;
  padding-left: 0.571em;
}

[dir="rtl"] .q-fab__label--internal-right {
  padding-left: 0.285em;
  padding-right: 0.571em;
}

.q-fab__icon-holder {
  min-width: 24px;
  min-height: 24px;
  position: relative;
}

.q-fab__icon-holder--opened .q-fab__icon {
  opacity: 0;
}

[dir="ltr"] .q-fab__icon-holder--opened .q-fab__icon {
  transform: rotate(180deg);
}

[dir="rtl"] .q-fab__icon-holder--opened .q-fab__icon {
  transform: rotate(-180deg);
}

.q-fab__icon-holder--opened .q-fab__active-icon {
  transform: rotate(0deg);
  opacity: 1;
}

.q-fab__actions {
  position: absolute;
  opacity: 0;
  transition: transform 0.18s ease-in, opacity 0.18s ease-in;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 3px;
}

.q-fab__actions .q-btn {
  margin: 5px;
}

.q-fab__actions--right {
  height: 56px;
}

[dir="ltr"] .q-fab__actions--right {
  transform-origin: 0 50%;
  transform: scale(0.4) translateX(-62px);
  left: 100%;
  margin-left: 9px;
}

[dir="rtl"] .q-fab__actions--right {
  transform-origin: 100% 50%;
  transform: scale(0.4) translateX(62px);
  right: 100%;
  margin-right: 9px;
}

.q-fab__actions--left {
  height: 56px;
  flex-direction: row-reverse;
}

[dir="ltr"] .q-fab__actions--left {
  transform-origin: 100% 50%;
  transform: scale(0.4) translateX(62px);
  right: 100%;
  margin-right: 9px;
}

[dir="rtl"] .q-fab__actions--left {
  transform-origin: 0% 50%;
  transform: scale(0.4) translateX(-62px);
  left: 100%;
  margin-left: 9px;
}

.q-fab__actions--up {
  transform-origin: 50% 100%;
  transform: scale(0.4) translateY(62px);
  width: 56px;
  bottom: 100%;
  margin-bottom: 9px;
  flex-direction: column-reverse;
}

.q-fab__actions--down {
  transform-origin: 50% 0;
  transform: scale(0.4) translateY(-62px);
  width: 56px;
  top: 100%;
  margin-top: 9px;
  flex-direction: column;
}

[dir="ltr"] .q-fab__actions--up, [dir="ltr"] .q-fab__actions--down {
  left: 50%;
  margin-left: -28px;
}

[dir="rtl"] .q-fab__actions--up, [dir="rtl"] .q-fab__actions--down {
  right: 50%;
  margin-right: -28px;
}

.q-fab__actions--opened {
  opacity: 1;
  pointer-events: all;
}

[dir="ltr"] .q-fab__actions--opened {
  transform: scale(1) translate(0.1px, 0);
}

[dir="rtl"] .q-fab__actions--opened {
  transform: scale(1) translate(-0.1px, 0);
}

.q-fab--align-left > .q-fab__actions--up, .q-fab--align-left > .q-fab__actions--down {
  align-items: flex-start;
}

[dir="ltr"] .q-fab--align-left > .q-fab__actions--up, [dir="ltr"] .q-fab--align-left > .q-fab__actions--down {
  left: 28px;
}

[dir="rtl"] .q-fab--align-left > .q-fab__actions--up, [dir="rtl"] .q-fab--align-left > .q-fab__actions--down {
  right: 28px;
}

.q-fab--align-right > .q-fab__actions--up, .q-fab--align-right > .q-fab__actions--down {
  align-items: flex-end;
}

[dir="ltr"] .q-fab--align-right > .q-fab__actions--up, [dir="ltr"] .q-fab--align-right > .q-fab__actions--down {
  left: auto;
  right: 0;
}

[dir="rtl"] .q-fab--align-right > .q-fab__actions--up, [dir="rtl"] .q-fab--align-right > .q-fab__actions--down {
  right: auto;
  left: 0;
}

.q-field {
  font-size: 14px;
}

.q-field ::-ms-clear,
.q-field ::-ms-reveal {
  display: none;
}

.q-field--with-bottom {
  padding-bottom: 20px;
}

.q-field__marginal {
  height: 56px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 24px;
}

[dir="ltr"] .q-field__marginal > * + * {
  margin-left: 2px;
}

[dir="rtl"] .q-field__marginal > * + * {
  margin-right: 2px;
}

.q-field__marginal .q-avatar {
  font-size: 32px;
}

[dir="ltr"] .q-field__before, [dir="ltr"] .q-field__prepend {
  padding-right: 12px;
}

[dir="rtl"] .q-field__before, [dir="rtl"] .q-field__prepend {
  padding-left: 12px;
}

[dir="ltr"] .q-field__after, [dir="ltr"] .q-field__append {
  padding-left: 12px;
}

[dir="rtl"] .q-field__after, [dir="rtl"] .q-field__append {
  padding-right: 12px;
}

.q-field__after:empty, .q-field__append:empty {
  display: none;
}

[dir="ltr"] .q-field__append + .q-field__append {
  padding-left: 2px;
}

[dir="rtl"] .q-field__append + .q-field__append {
  padding-right: 2px;
}

[dir="ltr"] .q-field__inner {
  text-align: left;
}

[dir="rtl"] .q-field__inner {
  text-align: right;
}

.q-field__bottom {
  font-size: 12px;
  min-height: 20px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  padding: 8px 12px 0;
  backface-visibility: hidden;
}

.q-field__bottom--animated {
  transform: translateY(100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.q-field__messages {
  line-height: 1;
}

.q-field__messages > div {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.q-field__messages > div + div {
  margin-top: 4px;
}

.q-field__counter {
  line-height: 1;
}

[dir="ltr"] .q-field__counter {
  padding-left: 8px;
}

[dir="rtl"] .q-field__counter {
  padding-right: 8px;
}

.q-field--item-aligned {
  padding: 8px 16px;
}

.q-field--item-aligned .q-field__before {
  min-width: 56px;
}

.q-field__control-container {
  height: inherit;
}

.q-field__control {
  color: var(--q-primary);
  height: 56px;
  max-width: 100%;
  outline: none;
}

.q-field__control:before, .q-field__control:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.q-field__control:before {
  border-radius: inherit;
}

.q-field__shadow {
  top: 8px;
  opacity: 0;
  overflow: hidden;
  white-space: pre-wrap;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field__shadow + .q-field__native::placeholder {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field__shadow + .q-field__native:focus::placeholder {
  opacity: 0;
}

.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input {
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
  border-radius: 0;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  outline: 0;
  padding: 6px 0;
}

.q-field__native, .q-field__input {
  width: 100%;
  min-width: 0;
  outline: 0 !important;
  user-select: auto;
}

.q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill {
  -webkit-animation-name: q-autofill;
  -webkit-animation-fill-mode: both;
}

.q-field__native:invalid, .q-field__input:invalid {
  box-shadow: none;
}

.q-field__native[type=file] {
  line-height: 1em;
}

.q-field__input {
  padding: 0;
  height: 0;
  min-height: 24px;
  line-height: 24px;
}

.q-field__prefix, .q-field__suffix {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

[dir="ltr"] .q-field__prefix {
  padding-right: 4px;
}

[dir="rtl"] .q-field__prefix {
  padding-left: 4px;
}

[dir="ltr"] .q-field__suffix {
  padding-left: 4px;
}

[dir="rtl"] .q-field__suffix {
  padding-right: 4px;
}

.q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder {
  opacity: 1 !important;
}

.q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input {
  cursor: default;
}

.q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input {
  cursor: text;
}

.q-field--disabled .q-field__inner {
  cursor: not-allowed;
}

.q-field--disabled .q-field__control {
  pointer-events: none;
}

.q-field--disabled .q-field__control > div {
  opacity: 0.6 !important;
}

.q-field--disabled .q-field__control > div,
.q-field--disabled .q-field__control > div * {
  outline: 0 !important;
}

.q-field__label {
  top: 18px;
  max-width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
}

[dir="ltr"] .q-field__label {
  left: 0;
  transform-origin: left top;
}

[dir="rtl"] .q-field__label {
  right: 0;
  transform-origin: right top;
}

.q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill,
[type=color],
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week])) {
  transform: translateY(-40%) scale(0.75);
}

.q-field--float .q-field__label {
  max-width: 133%;
  transform: translateY(-40%) scale(0.75);
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.396s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--highlighted .q-field__label {
  color: currentColor;
}

.q-field--highlighted .q-field__shadow {
  opacity: 0.5;
}

.q-field--filled .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}

.q-field--filled .q-field__control:before {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--filled .q-field__control:hover:before {
  opacity: 1;
}

.q-field--filled .q-field__control:after {
  height: 2px;
  top: auto;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--filled.q-field--rounded .q-field__control {
  border-radius: 28px 28px 0 0;
}

.q-field--filled.q-field--highlighted .q-field__control:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.12);
}

.q-field--filled.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}

.q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}

.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
  background: rgba(255, 255, 255, 0.1);
}

.q-field--filled.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border-bottom-style: dashed;
}

.q-field--outlined .q-field__control {
  border-radius: 4px;
  padding: 0 12px;
}

.q-field--outlined .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--outlined .q-field__control:hover:before {
  border-color: #000;
}

.q-field--outlined .q-field__control:after {
  height: inherit;
  border-radius: inherit;
  border: 2px solid transparent;
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--outlined .q-field__native:-webkit-autofill,
.q-field--outlined .q-field__input:-webkit-autofill {
  margin-top: 1px;
  margin-bottom: 1px;
}

.q-field--outlined.q-field--rounded .q-field__control {
  border-radius: 28px;
}

.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
  border-color: transparent;
}

.q-field--outlined.q-field--highlighted .q-field__control:after {
  border-color: currentColor;
  border-width: 2px;
  transform: scale3d(1, 1, 1);
}

.q-field--outlined.q-field--readonly .q-field__control:before {
  border-style: dashed;
}

.q-field--standard .q-field__control:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--standard .q-field__control:hover:before {
  border-color: #000;
}

.q-field--standard .q-field__control:after {
  height: 2px;
  top: auto;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--standard.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}

.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: dashed;
}

.q-field--dark .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.6);
}

.q-field--dark .q-field__control:hover:before {
  border-color: #fff;
}

.q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input {
  color: #fff;
}

.q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom {
  color: rgba(255, 255, 255, 0.7);
}

.q-field--standout .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--standout .q-field__control:before {
  background: rgba(0, 0, 0, 0.07);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-field--standout .q-field__control:hover:before {
  opacity: 1;
}

.q-field--standout.q-field--rounded .q-field__control {
  border-radius: 28px;
}

.q-field--standout.q-field--highlighted .q-field__control {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #000;
}

.q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input {
  color: #fff;
}

.q-field--standout.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.24);
}

.q-field--standout.q-field--dark .q-field__control {
  background: rgba(255, 255, 255, 0.07);
}

.q-field--standout.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
  background: #fff;
}

.q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
  color: #000;
}

.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.24);
}

.q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.q-field--labeled .q-field__shadow {
  top: 0;
}

.q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix {
  opacity: 0;
}

.q-field--labeled:not(.q-field--float) .q-field__native::placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
  color: transparent;
}

.q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix {
  padding-top: 14px;
  padding-bottom: 2px;
}

.q-field--dense .q-field--with-bottom {
  padding-bottom: 19px;
}

.q-field--dense .q-field__shadow {
  top: 0;
}

.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height: 40px;
}

.q-field--dense .q-field__bottom {
  font-size: 11px;
}

.q-field--dense .q-field__label {
  font-size: 14px;
  top: 10px;
}

[dir="ltr"] .q-field--dense .q-field__before, [dir="ltr"] .q-field--dense .q-field__prepend {
  padding-right: 6px;
}

[dir="rtl"] .q-field--dense .q-field__before, [dir="rtl"] .q-field--dense .q-field__prepend {
  padding-left: 6px;
}

[dir="ltr"] .q-field--dense .q-field__after, [dir="ltr"] .q-field--dense .q-field__append {
  padding-left: 6px;
}

[dir="rtl"] .q-field--dense .q-field__after, [dir="rtl"] .q-field--dense .q-field__append {
  padding-right: 6px;
}

[dir="ltr"] .q-field--dense .q-field__append + .q-field__append {
  padding-left: 2px;
}

[dir="rtl"] .q-field--dense .q-field__append + .q-field__append {
  padding-right: 2px;
}

.q-field--dense .q-field__marginal .q-avatar {
  font-size: 24px;
}

.q-field--dense.q-field--float .q-field__label {
  transform: translateY(-30%) scale(0.75);
}

.q-field--dense .q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill,
[type=color],
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week])) {
  transform: translateY(-30%) scale(0.75);
}

.q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control {
  padding-left: 0;
  padding-right: 0;
}

.q-field--error .q-field__label {
  animation: q-field-label 0.36s;
}

.q-field--error .q-field__bottom {
  color: var(--q-negative);
}

.q-field__focusable-action {
  opacity: 0.6;
  cursor: pointer;
  outline: 0 !important;
  border: 0;
  color: inherit;
  background: transparent;
  padding: 0;
}

.q-field__focusable-action:hover, .q-field__focusable-action:focus {
  opacity: 1;
}

.q-field--auto-height .q-field__control {
  height: auto;
}

.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {
  min-height: 56px;
}

.q-field--auto-height .q-field__native {
  align-items: center;
}

.q-field--auto-height .q-field__control-container {
  padding-top: 0;
}

.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix {
  line-height: 18px;
}

.q-field--auto-height.q-field--labeled .q-field__control-container {
  padding-top: 24px;
}

.q-field--auto-height.q-field--labeled .q-field__shadow {
  top: 24px;
}

.q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix {
  padding-top: 0;
}

.q-field--auto-height.q-field--labeled .q-field__native {
  min-height: 24px;
}

.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 40px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}

.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
}

.q-field--square .q-field__control {
  border-radius: 0 !important;
}

.q-transition--field-message-enter-active, .q-transition--field-message-leave-active {
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}

.q-transition--field-message-enter-from, .q-transition--field-message-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}

.q-transition--field-message-leave-from, .q-transition--field-message-leave-active {
  position: absolute;
}

@keyframes q-field-label {
  40% {
    margin-left: 2px;
  }

  60%, 80% {
    margin-left: -2px;
  }

  70%, 90% {
    margin-left: 2px;
  }
}

@keyframes q-autofill {
  to {
    background: transparent;
    color: inherit;
  }
}

.q-file .q-field__native {
  word-break: break-all;
  overflow: hidden;
}

.q-file .q-field__input {
  opacity: 0 !important;
}

.q-file .q-field__input::-webkit-file-upload-button {
  cursor: pointer;
}

.q-file__filler {
  visibility: hidden;
  width: 100%;
  border: none;
  padding: 0;
}

.q-file__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
}

.q-form {
  position: relative;
}

.q-img {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.q-img__loading .q-spinner {
  font-size: 50px;
}

.q-img__container {
  border-radius: inherit;
  font-size: 0;
}

.q-img__image {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.q-img__image--with-transition {
  transition: opacity 0.28s ease-in;
}

.q-img__image--loaded {
  opacity: 1;
}

.q-img__content {
  border-radius: inherit;
  pointer-events: none;
}

.q-img__content > div {
  pointer-events: all;
  position: absolute;
  padding: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.47);
}

.q-img--no-menu .q-img__image,
.q-img--no-menu .q-img__placeholder {
  pointer-events: none;
}

.q-inner-loading {
  background: rgba(255, 255, 255, 0.6);
  border-radius: inherit;
}

.q-inner-loading--dark {
  background: rgba(0, 0, 0, 0.4);
}

.q-inner-loading__label {
  margin-top: 8px;
}

.q-textarea .q-field__control {
  min-height: 56px;
  height: auto;
}

.q-textarea .q-field__control-container {
  padding-top: 2px;
  padding-bottom: 2px;
}

.q-textarea .q-field__shadow {
  top: 2px;
  bottom: 2px;
}

.q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix {
  line-height: 18px;
}

.q-textarea .q-field__native {
  resize: vertical;
  padding-top: 17px;
  min-height: 52px;
}

.q-textarea.q-field--labeled .q-field__control-container {
  padding-top: 26px;
}

.q-textarea.q-field--labeled .q-field__shadow {
  top: 26px;
}

.q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix {
  padding-top: 0;
}

.q-textarea.q-field--labeled .q-field__native {
  min-height: 26px;
  padding-top: 1px;
}

.q-textarea--autogrow .q-field__native {
  resize: none;
}

.q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native {
  min-height: 36px;
}

.q-textarea.q-field--dense .q-field__native {
  padding-top: 9px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
  padding-top: 3px;
}

.q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
  padding-top: 2px;
}

body.mobile .q-textarea .q-field__native,
.q-textarea.disabled .q-field__native {
  resize: none;
}

.q-intersection {
  position: relative;
}

.q-item {
  min-height: 48px;
  padding: 8px 16px;
  color: inherit;
  transition: color 0.3s, background-color 0.3s;
}

.q-item__section--side {
  color: #757575;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

[dir="ltr"] .q-item__section--side {
  padding-right: 16px;
}

[dir="rtl"] .q-item__section--side {
  padding-left: 16px;
}

.q-item__section--side > .q-icon {
  font-size: 24px;
}

.q-item__section--side > .q-avatar {
  font-size: 40px;
}

.q-item__section--avatar {
  color: inherit;
  min-width: 56px;
}

.q-item__section--thumbnail img {
  width: 100px;
  height: 56px;
}

.q-item__section--nowrap {
  white-space: nowrap;
}

[dir="ltr"] .q-item > .q-item__section--thumbnail:first-child,
[dir="ltr"] .q-item > .q-focus-helper + .q-item__section--thumbnail {
  margin-left: -16px;
}

[dir="rtl"] .q-item > .q-item__section--thumbnail:first-child,
[dir="rtl"] .q-item > .q-focus-helper + .q-item__section--thumbnail {
  margin-right: -16px;
}

[dir="ltr"] .q-item > .q-item__section--thumbnail:last-of-type {
  margin-right: -16px;
}

[dir="rtl"] .q-item > .q-item__section--thumbnail:last-of-type {
  margin-left: -16px;
}

.q-item__label {
  line-height: 1.2em !important;
  max-width: 100%;
}

.q-item__label--overline {
  color: rgba(0, 0, 0, 0.7);
}

.q-item__label--caption {
  color: rgba(0, 0, 0, 0.54);
}

.q-item__label--header {
  color: #757575;
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.01786em;
}

.q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header {
  padding-top: 8px;
}

.q-item__label + .q-item__label {
  margin-top: 4px;
}

.q-item__section--main {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}

[dir="ltr"] .q-item__section--main + .q-item__section--main {
  margin-left: 8px;
}

[dir="rtl"] .q-item__section--main + .q-item__section--main {
  margin-right: 8px;
}

.q-item__section--main ~ .q-item__section--side {
  align-items: flex-end;
}

[dir="ltr"] .q-item__section--main ~ .q-item__section--side {
  padding-right: 0;
  padding-left: 16px;
}

[dir="rtl"] .q-item__section--main ~ .q-item__section--side {
  padding-left: 0;
  padding-right: 16px;
}

[dir="ltr"] .q-item__section--main.q-item__section--thumbnail {
  margin-left: 0;
  margin-right: -16px;
}

[dir="rtl"] .q-item__section--main.q-item__section--thumbnail {
  margin-right: 0;
  margin-left: -16px;
}

.q-list--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-list--separator > .q-item-type + .q-item-type,
.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.q-list--padding {
  padding: 8px 0;
}

.q-list--dense > .q-item, .q-item--dense {
  min-height: 32px;
  padding: 2px 16px;
}

.q-list--dark.q-list--separator > .q-item-type + .q-item-type,
.q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top-color: rgba(255, 255, 255, 0.28);
}

.q-list--dark, .q-item--dark {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
}

.q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
  color: rgba(255, 255, 255, 0.7);
}

.q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header {
  color: rgba(255, 255, 255, 0.64);
}

.q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption {
  color: rgba(255, 255, 255, 0.8);
}

.q-item {
  position: relative;
}

.q-item.q-router-link--active, .q-item--active {
  color: var(--q-primary);
}

.q-knob {
  font-size: 48px;
}

.q-knob--editable {
  cursor: pointer;
  outline: 0;
}

.q-knob--editable:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: none;
  transition: box-shadow 0.24s ease-in-out;
}

.q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

body.body--dark .q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-layout {
  width: 100%;
  outline: 0;
}

.q-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.q-layout-container .q-layout {
  min-height: 100%;
}

.q-layout-container > div {
  transform: translate3d(0, 0, 0);
}

.q-layout-container > div > div {
  min-height: 0;
  max-height: 100%;
}

.q-layout__shadow {
  width: 100%;
}

.q-layout__shadow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
}

.q-layout__section--marginal {
  background-color: var(--q-primary);
  color: #fff;
}

.q-header--hidden {
  transform: translateY(-110%);
}

.q-header--bordered {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.q-header .q-layout__shadow {
  bottom: -10px;
}

.q-header .q-layout__shadow:after {
  bottom: 10px;
}

.q-footer--hidden {
  transform: translateY(110%);
}

.q-footer--bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.q-footer .q-layout__shadow {
  top: -10px;
}

.q-footer .q-layout__shadow:after {
  top: 10px;
}

.q-header, .q-footer {
  z-index: 2000;
}

.q-drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
}

.q-drawer--on-top {
  z-index: 3000;
}

[dir="ltr"] .q-drawer--left {
  left: 0;
  transform: translateX(-100%);
}

[dir="rtl"] .q-drawer--left {
  right: 0;
  transform: translateX(100%);
}

[dir="ltr"] .q-drawer--left.q-drawer--bordered {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

[dir="rtl"] .q-drawer--left.q-drawer--bordered {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .q-drawer--left .q-layout__shadow {
  left: 10px;
  right: -10px;
}

[dir="rtl"] .q-drawer--left .q-layout__shadow {
  right: 10px;
  left: -10px;
}

[dir="ltr"] .q-drawer--left .q-layout__shadow:after {
  right: 10px;
}

[dir="rtl"] .q-drawer--left .q-layout__shadow:after {
  left: 10px;
}

[dir="ltr"] .q-drawer--right {
  right: 0;
  transform: translateX(100%);
}

[dir="rtl"] .q-drawer--right {
  left: 0;
  transform: translateX(-100%);
}

[dir="ltr"] .q-drawer--right.q-drawer--bordered {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

[dir="rtl"] .q-drawer--right.q-drawer--bordered {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .q-drawer--right .q-layout__shadow {
  left: -10px;
}

[dir="rtl"] .q-drawer--right .q-layout__shadow {
  right: -10px;
}

[dir="ltr"] .q-drawer--right .q-layout__shadow:after {
  left: 10px;
}

[dir="rtl"] .q-drawer--right .q-layout__shadow:after {
  right: 10px;
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
  padding: 0 !important;
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
  text-align: center;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side ~ .q-item__section--side {
  display: none;
}

.q-drawer--mini .q-mini-drawer-hide, .q-drawer--mini .q-expansion-item__content {
  display: none;
}

.q-drawer--mini-animate .q-drawer__content {
  overflow-x: hidden !important;
  white-space: nowrap;
}

.q-drawer--standard .q-mini-drawer-only {
  display: none;
}

.q-drawer--mobile .q-mini-drawer-only, .q-drawer--mobile .q-mini-drawer-hide {
  display: none;
}

.q-drawer__backdrop {
  z-index: 2999 !important;
  will-change: background-color;
}

.q-drawer__opener {
  z-index: 2001;
  height: 100%;
  width: 15px;
  user-select: none;
}

.q-layout, .q-header, .q-footer, .q-page {
  position: relative;
}

.q-page-sticky--shrink {
  pointer-events: none;
}

.q-page-sticky--shrink > div {
  display: inline-block;
  pointer-events: auto;
}

body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-top: 20px;
  min-height: 70px;
  padding-top: env(safe-area-inset-top);
  min-height: calc(env(safe-area-inset-top) + 50px);
}

body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-bottom: env(safe-area-inset-bottom);
  min-height: calc(env(safe-area-inset-bottom) + 50px);
}

.q-body--layout-animate .q-drawer__backdrop {
  transition: background-color 0.12s !important;
}

.q-body--layout-animate .q-drawer {
  transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
}

[dir="ltr"] .q-body--layout-animate .q-layout__section--marginal {
  transition: transform 0.12s, left 0.12s, right 0.12s !important;
}

[dir="rtl"] .q-body--layout-animate .q-layout__section--marginal {
  transition: transform 0.12s, right 0.12s, left 0.12s !important;
}

[dir="ltr"] .q-body--layout-animate .q-page-container {
  transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
}

[dir="rtl"] .q-body--layout-animate .q-page-container {
  transition: padding-top 0.12s, padding-left 0.12s, padding-bottom 0.12s, padding-right 0.12s !important;
}

[dir="ltr"] .q-body--layout-animate .q-page-sticky {
  transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
}

[dir="rtl"] .q-body--layout-animate .q-page-sticky {
  transition: transform 0.12s, right 0.12s, left 0.12s, top 0.12s, bottom 0.12s !important;
}

body:not(.q-body--layout-animate) .q-layout--prevent-focus {
  visibility: hidden;
}

.q-body--drawer-toggle {
  overflow-x: hidden !important;
}

@media (max-width: 599.98px) {
  .q-layout-padding {
    padding: 8px;
  }
}

@media (min-width: 600px) and (max-width: 1279.98px) {
  .q-layout-padding {
    padding: 16px;
  }
}

@media (min-width: 1280px) {
  .q-layout-padding {
    padding: 24px;
  }
}

body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
  border-color: rgba(255, 255, 255, 0.28);
}

body.body--dark .q-layout__shadow:after {
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
}

body.platform-ios .q-layout--containerized {
  position: unset !important;
}

.q-linear-progress {
  --q-linear-progress-speed: .3s;
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 4px;
  height: 1em;
  color: var(--q-primary);
  transform: scale3d(1, 1, 1);
}

[dir="ltr"] .q-linear-progress__model, [dir="ltr"] .q-linear-progress__track {
  transform-origin: 0 0;
}

[dir="rtl"] .q-linear-progress__model, [dir="rtl"] .q-linear-progress__track {
  transform-origin: 100% 0;
}

.q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition {
  transition: transform var(--q-linear-progress-speed);
}

[dir="ltr"] .q-linear-progress--reverse .q-linear-progress__model, [dir="ltr"] .q-linear-progress--reverse .q-linear-progress__track {
  transform-origin: 0 100%;
}

[dir="rtl"] .q-linear-progress--reverse .q-linear-progress__model, [dir="rtl"] .q-linear-progress--reverse .q-linear-progress__track {
  transform-origin: 100% 100%;
}

.q-linear-progress__model--determinate {
  background: currentColor;
}

.q-linear-progress__model--indeterminate, .q-linear-progress__model--query {
  transition: none;
}

.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:before, .q-linear-progress__model--query:after {
  background: currentColor;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[dir="ltr"] .q-linear-progress__model--indeterminate:before, [dir="ltr"] .q-linear-progress__model--indeterminate:after, [dir="ltr"] .q-linear-progress__model--query:before, [dir="ltr"] .q-linear-progress__model--query:after {
  transform-origin: 0 0;
}

[dir="rtl"] .q-linear-progress__model--indeterminate:before, [dir="rtl"] .q-linear-progress__model--indeterminate:after, [dir="rtl"] .q-linear-progress__model--query:before, [dir="rtl"] .q-linear-progress__model--query:after {
  transform-origin: 100% 0;
}

.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--query:before {
  animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:after {
  animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

[dir="ltr"] .q-linear-progress__model--indeterminate:after, [dir="ltr"] .q-linear-progress__model--query:after {
  transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
}

[dir="rtl"] .q-linear-progress__model--indeterminate:after, [dir="rtl"] .q-linear-progress__model--query:after {
  transform: translate3d(101%, 0, 0) scale3d(1, 1, 1);
}

.q-linear-progress__track {
  opacity: 0.4;
}

.q-linear-progress__track--light {
  background: rgba(0, 0, 0, 0.26);
}

.q-linear-progress__track--dark {
  background: rgba(255, 255, 255, 0.6);
}

.q-linear-progress__stripe {
  background-size: 40px 40px !important;
}

[dir="ltr"] .q-linear-progress__stripe {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important;
}

[dir="rtl"] .q-linear-progress__stripe {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important;
}

.q-linear-progress__stripe--with-transition {
  transition: width var(--q-linear-progress-speed);
}

@keyframes q-linear-progress--indeterminate {
  0% {
    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
  }

  60% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }

  100% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }
}

@keyframes q-linear-progress--indeterminate-short {
  0% {
    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
  }

  60% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }

  100% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }
}

.q-menu {
  position: fixed !important;
  display: inline-block;
  max-width: 95vw;
  max-height: 65vh;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  z-index: 6000;
}

.q-menu--square {
  border-radius: 0;
}

.q-menu--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-option-group--inline > div {
  display: inline-block;
}

.q-pagination input {
  text-align: center;
  -moz-appearance: textfield;
}

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

.q-pagination__content {
  --q-pagination-gutter-parent: -2px;
  --q-pagination-gutter-child: 2px;
  margin-top: var(--q-pagination-gutter-parent);
}

[dir="ltr"] .q-pagination__content {
  margin-left: var(--q-pagination-gutter-parent);
}

[dir="rtl"] .q-pagination__content {
  margin-right: var(--q-pagination-gutter-parent);
}

.q-pagination__content > .q-btn, .q-pagination__content > .q-input, .q-pagination__middle > .q-btn {
  margin-top: var(--q-pagination-gutter-child);
}

[dir="ltr"] .q-pagination__content > .q-btn, [dir="ltr"] .q-pagination__content > .q-input, [dir="ltr"] .q-pagination__middle > .q-btn {
  margin-left: var(--q-pagination-gutter-child);
}

[dir="rtl"] .q-pagination__content > .q-btn, [dir="rtl"] .q-pagination__content > .q-input, [dir="rtl"] .q-pagination__middle > .q-btn {
  margin-right: var(--q-pagination-gutter-child);
}

.q-parallax {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.q-parallax__media > img, .q-parallax__media > video {
  position: absolute;
  left: 50% /* rtl:ignore */;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  will-change: transform;
  display: none;
}

.q-popup-edit {
  padding: 8px 16px;
}

.q-popup-edit__buttons {
  margin-top: 8px;
}

[dir="ltr"] .q-popup-edit__buttons .q-btn + .q-btn {
  margin-left: 8px;
}

[dir="rtl"] .q-popup-edit__buttons .q-btn + .q-btn {
  margin-right: 8px;
}

.q-pull-to-refresh {
  position: relative;
}

.q-pull-to-refresh__puller {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--q-primary);
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.q-pull-to-refresh__puller--animating {
  transition: transform 0.3s, opacity 0.3s;
}

.q-radio {
  vertical-align: middle;
}

.q-radio__native {
  width: 1px;
  height: 1px;
}

.q-radio__bg, .q-radio__icon-container {
  user-select: none;
}

.q-radio__bg {
  top: 25%;
  width: 50%;
  height: 50%;
  -webkit-print-color-adjust: exact;
}

[dir="ltr"] .q-radio__bg {
  left: 25%;
}

[dir="rtl"] .q-radio__bg {
  right: 25%;
}

.q-radio__bg path {
  fill: currentColor;
}

.q-radio__icon {
  color: currentColor;
  font-size: 0.5em;
}

.q-radio__check {
  transform-origin: 50% 50%;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.q-radio__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}

.q-radio__inner--truthy {
  color: var(--q-primary);
}

.q-radio__inner--truthy .q-radio__check {
  transform: scale3d(1, 1, 1);
}

.q-radio.disabled {
  opacity: 0.75 !important;
}

.q-radio--dark .q-radio__inner {
  color: rgba(255, 255, 255, 0.7);
}

.q-radio--dark .q-radio__inner:before {
  opacity: 0.32 !important;
}

.q-radio--dark .q-radio__inner--truthy {
  color: var(--q-primary);
}

.q-radio--dense .q-radio__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}

.q-radio--dense .q-radio__bg {
  top: 0;
  width: 100%;
  height: 100%;
}

[dir="ltr"] .q-radio--dense .q-radio__bg {
  left: 0;
}

[dir="rtl"] .q-radio--dense .q-radio__bg {
  right: 0;
}

[dir="ltr"] .q-radio--dense .q-radio__label {
  padding-left: 0.5em;
}

[dir="rtl"] .q-radio--dense .q-radio__label {
  padding-right: 0.5em;
}

[dir="ltr"] .q-radio--dense.reverse .q-radio__label {
  padding-left: 0;
  padding-right: 0.5em;
}

[dir="rtl"] .q-radio--dense.reverse .q-radio__label {
  padding-right: 0;
  padding-left: 0.5em;
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}

body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1, 1, 1);
}

body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1.5, 1.5, 1);
}

.q-rating {
  color: #ffeb3b;
  vertical-align: middle;
}

.q-rating__icon-container {
  height: 1em;
  outline: 0;
}

[dir="ltr"] .q-rating__icon-container + .q-rating__icon-container {
  margin-left: 2px;
}

[dir="rtl"] .q-rating__icon-container + .q-rating__icon-container {
  margin-right: 2px;
}

.q-rating__icon {
  color: currentColor;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  opacity: 0.4;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in, color 0.2s ease-in;
}

.q-rating__icon--hovered {
  transform: scale(1.3);
}

.q-rating__icon--active {
  opacity: 1;
}

.q-rating__icon--exselected {
  opacity: 0.7;
}

.q-rating--no-dimming .q-rating__icon {
  opacity: 1;
}

.q-rating--editable .q-rating__icon-container {
  cursor: pointer;
}

.q-responsive {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}

.q-responsive__filler {
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
}

.q-responsive__content {
  border-radius: inherit;
}

.q-responsive__content > * {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
}

.q-scrollarea {
  position: relative;
  contain: strict;
}

.q-scrollarea__bar, .q-scrollarea__thumb {
  opacity: 0.2;
  transition: opacity 0.3s;
  will-change: opacity;
  cursor: grab;
}

.q-scrollarea__bar--v, .q-scrollarea__thumb--v {
  width: 10px;
}

[dir="ltr"] .q-scrollarea__bar--v, [dir="ltr"] .q-scrollarea__thumb--v {
  right: 0;
}

[dir="rtl"] .q-scrollarea__bar--v, [dir="rtl"] .q-scrollarea__thumb--v {
  left: 0;
}

.q-scrollarea__bar--h, .q-scrollarea__thumb--h {
  bottom: 0;
  height: 10px;
}

.q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible {
  opacity: 0 !important;
  pointer-events: none;
}

.q-scrollarea__thumb {
  background: #000;
  border-radius: 3px;
}

.q-scrollarea__thumb:hover {
  opacity: 0.3;
}

.q-scrollarea__thumb:active {
  opacity: 0.5;
}

.q-scrollarea__content {
  min-height: 100%;
  min-width: 100%;
}

.q-scrollarea--dark .q-scrollarea__thumb {
  background: #fff;
}

.q-select--without-input .q-field__control {
  cursor: pointer;
}

.q-select--with-input .q-field__control {
  cursor: text;
}

.q-select .q-field__input {
  min-width: 50px !important;
  cursor: text;
}

[dir="ltr"] .q-select .q-field__input--padding {
  padding-left: 4px;
}

[dir="rtl"] .q-select .q-field__input--padding {
  padding-right: 4px;
}

.q-select__focus-target, .q-select__autocomplete-input {
  position: absolute;
  outline: 0 !important;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
}

.q-select__dropdown-icon {
  cursor: pointer;
  transition: transform 0.28s;
}

.q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon {
  cursor: default;
}

.q-select__dialog {
  width: 90vw !important;
  max-width: 90vw !important;
  max-height: calc(100vh - 70px) !important;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.q-select__dialog > .scroll {
  position: relative;
  background: inherit;
}

body.mobile:not(.native-mobile) .q-select__dialog {
  max-height: calc(100vh - 108px) !important;
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 24px) !important;
}

body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 80px) !important;
}

body.platform-ios.native-mobile .q-dialog__inner--top > div {
  border-radius: 4px;
}

body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 47vh !important;
}

body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 50vh !important;
}

.q-separator {
  border: 0;
  background: rgba(0, 0, 0, 0.12);
  margin: 0;
  transition: background 0.3s, opacity 0.3s;
  flex-shrink: 0;
}

.q-separator--dark {
  background: rgba(255, 255, 255, 0.28);
}

.q-separator--horizontal {
  display: block;
  height: 1px;
}

.q-separator--horizontal-inset {
  margin-left: 16px;
  margin-right: 16px;
}

[dir="ltr"] .q-separator--horizontal-item-inset {
  margin-left: 72px;
  margin-right: 0;
}

[dir="rtl"] .q-separator--horizontal-item-inset {
  margin-right: 72px;
  margin-left: 0;
}

[dir="ltr"] .q-separator--horizontal-item-thumbnail-inset {
  margin-left: 116px;
  margin-right: 0;
}

[dir="rtl"] .q-separator--horizontal-item-thumbnail-inset {
  margin-right: 116px;
  margin-left: 0;
}

.q-separator--vertical {
  width: 1px;
  height: auto;
  align-self: stretch;
}

.q-separator--vertical-inset {
  margin-top: 8px;
  margin-bottom: 8px;
}

.q-skeleton {
  --q-skeleton-speed: 1500ms;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  /* maintain size even with border
  * for types that have height specified
  * */
  box-sizing: border-box;
}

.q-skeleton--anim {
  cursor: wait;
}

.q-skeleton:before {
  content: " ";
}

.q-skeleton--type-text {
  transform: scale(1, 0.5);
}

.q-skeleton--type-circle, .q-skeleton--type-QAvatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}

.q-skeleton--type-QBtn {
  width: 90px;
  height: 36px;
}

.q-skeleton--type-QBadge {
  width: 70px;
  height: 16px;
}

.q-skeleton--type-QChip {
  width: 90px;
  height: 28px;
  border-radius: 16px;
}

.q-skeleton--type-QToolbar {
  height: 50px;
}

.q-skeleton--type-QCheckbox, .q-skeleton--type-QRadio {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.q-skeleton--type-QToggle {
  width: 56px;
  height: 40px;
  border-radius: 7px;
}

.q-skeleton--type-QSlider, .q-skeleton--type-QRange {
  height: 40px;
}

.q-skeleton--type-QInput {
  height: 56px;
}

.q-skeleton--bordered {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.q-skeleton--square {
  border-radius: 0;
}

.q-skeleton--anim-fade {
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}

.q-skeleton--anim-pulse {
  animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}

.q-skeleton--anim-pulse-x {
  animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}

.q-skeleton--anim-pulse-y {
  animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}

.q-skeleton--anim-wave, .q-skeleton--anim-blink, .q-skeleton--anim-pop {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.q-skeleton--anim-wave:after, .q-skeleton--anim-blink:after, .q-skeleton--anim-pop:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.7);
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}

.q-skeleton--anim-wave:after {
  animation: q-skeleton--wave var(--q-skeleton-speed) linear 0.5s infinite;
}

[dir="ltr"] .q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

[dir="rtl"] .q-skeleton--anim-wave:after {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.q-skeleton--dark {
  background: rgba(255, 255, 255, 0.05);
}

.q-skeleton--dark.q-skeleton--bordered {
  border: 1px solid rgba(255, 255, 255, 0.25);
}

[dir="ltr"] .q-skeleton--dark.q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

[dir="rtl"] .q-skeleton--dark.q-skeleton--anim-wave:after {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}

.q-skeleton--dark.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.2);
}

@keyframes q-skeleton--fade {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes q-skeleton--pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.85);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes q-skeleton--pulse-x {
  0% {
    transform: scaleX(1);
  }

  50% {
    transform: scaleX(0.75);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes q-skeleton--pulse-y {
  0% {
    transform: scaleY(1);
  }

  50% {
    transform: scaleY(0.75);
  }

  100% {
    transform: scaleY(1);
  }
}

@keyframes q-skeleton--wave {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.q-slide-item {
  position: relative;
  background: white;
}

.q-slide-item__left, .q-slide-item__right, .q-slide-item__top, .q-slide-item__bottom {
  visibility: hidden;
  font-size: 14px;
  color: #fff;
}

.q-slide-item__left .q-icon, .q-slide-item__right .q-icon, .q-slide-item__top .q-icon, .q-slide-item__bottom .q-icon {
  font-size: 1.714em;
}

.q-slide-item__left {
  background: #4caf50;
  padding: 8px 16px;
}

[dir="ltr"] .q-slide-item__left > div {
  transform-origin: left center;
}

[dir="rtl"] .q-slide-item__left > div {
  transform-origin: right center;
}

.q-slide-item__right {
  background: #ff9800;
  padding: 8px 16px;
}

[dir="ltr"] .q-slide-item__right > div {
  transform-origin: right center;
}

[dir="rtl"] .q-slide-item__right > div {
  transform-origin: left center;
}

.q-slide-item__top {
  background: #2196f3;
  padding: 16px 8px;
}

.q-slide-item__top > div {
  transform-origin: top center;
}

.q-slide-item__bottom {
  background: #9c27b0;
  padding: 16px 8px;
}

.q-slide-item__bottom > div {
  transform-origin: bottom center;
}

.q-slide-item__content {
  background: inherit;
  transition: transform 0.2s ease-in;
  user-select: none;
  cursor: pointer;
}

.q-slider {
  position: relative;
}

.q-slider--h {
  width: 100%;
}

.q-slider--v {
  height: 200px;
}

.q-slider--editable .q-slider__track-container {
  cursor: grab;
}

.q-slider__track-container {
  outline: 0;
}

.q-slider__track-container--h {
  width: 100%;
  padding: 12px 0;
}

.q-slider__track-container--h .q-slider__selection {
  will-change: width, left;
}

.q-slider__track-container--v {
  height: 100%;
  padding: 0 12px;
}

.q-slider__track-container--v .q-slider__selection {
  will-change: height, top;
}

.q-slider__track {
  color: var(--q-primary);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: inherit;
  height: inherit;
}

.q-slider__inner {
  background: rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.q-slider__selection {
  background: currentColor;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.q-slider__markers {
  color: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.q-slider__markers:after {
  content: "";
  position: absolute;
  background: currentColor;
}

[dir="ltr"] .q-slider__markers--h {
  background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}

[dir="rtl"] .q-slider__markers--h {
  background-image: repeating-linear-gradient(to left, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}

.q-slider__markers--h:after {
  height: 100%;
  width: 2px;
  top: 0;
}

[dir="ltr"] .q-slider__markers--h:after {
  right: 0;
}

[dir="rtl"] .q-slider__markers--h:after {
  left: 0;
}

.q-slider__markers--v {
  background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}

.q-slider__markers--v:after {
  width: 100%;
  height: 2px;
  bottom: 0;
}

[dir="ltr"] .q-slider__markers--v:after {
  left: 0;
}

[dir="rtl"] .q-slider__markers--v:after {
  right: 0;
}

.q-slider__marker-labels-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 24px;
  min-width: 24px;
}

.q-slider__marker-labels {
  position: absolute;
}

.q-slider__marker-labels--h-standard {
  top: 0;
}

.q-slider__marker-labels--h-switched {
  bottom: 0;
}

.q-slider__marker-labels--h-ltr {
  transform: translateX(-50%) /* rtl:ignore */;
}

.q-slider__marker-labels--h-rtl {
  transform: translateX(50%) /* rtl:ignore */;
}

[dir="ltr"] .q-slider__marker-labels--v-standard {
  left: 4px;
}

[dir="rtl"] .q-slider__marker-labels--v-standard {
  right: 4px;
}

[dir="ltr"] .q-slider__marker-labels--v-switched {
  right: 4px;
}

[dir="rtl"] .q-slider__marker-labels--v-switched {
  left: 4px;
}

.q-slider__marker-labels--v-ltr {
  transform: translateY(-50%) /* rtl:ignore */;
}

.q-slider__marker-labels--v-rtl {
  transform: translateY(50%) /* rtl:ignore */;
}

.q-slider__thumb {
  z-index: 1;
  outline: 0;
  color: var(--q-primary);
  transition: transform 0.18s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out;
}

.q-slider__thumb.q-slider--focus {
  opacity: 1 !important;
}

.q-slider__thumb--h {
  top: 50%;
  will-change: left;
}

.q-slider__thumb--h-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}

.q-slider__thumb--h-rtl {
  transform: scale(1) translate(50%, -50%) /* rtl:ignore */;
}

.q-slider__thumb--v {
  left: 50% /* rtl:ignore */;
  will-change: top;
}

.q-slider__thumb--v-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}

.q-slider__thumb--v-rtl {
  transform: scale(1) translate(-50%, 50%) /* rtl:ignore */;
}

.q-slider__thumb-shape {
  top: 0;
  stroke-width: 3.5;
  stroke: currentColor;
  transition: transform 0.28s;
}

[dir="ltr"] .q-slider__thumb-shape {
  left: 0;
}

[dir="rtl"] .q-slider__thumb-shape {
  right: 0;
}

.q-slider__thumb-shape path {
  stroke: currentColor;
  fill: currentColor;
}

.q-slider__focus-ring {
  border-radius: 50%;
  opacity: 0;
  transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  transition-delay: 0.14s;
}

.q-slider__pin {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.28s ease-out;
  transition-delay: 0.14s;
}

.q-slider__pin:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

.q-slider__pin--h:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

[dir="ltr"] .q-slider__pin--h:before {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .q-slider__pin--h:before {
  right: 50%;
  transform: translateX(50%);
}

.q-slider__pin--h-standard {
  bottom: 100%;
}

.q-slider__pin--h-standard:before {
  bottom: 2px;
  border-top: 6px solid currentColor;
}

.q-slider__pin--h-switched {
  top: 100%;
}

.q-slider__pin--h-switched:before {
  top: 2px;
  border-bottom: 6px solid currentColor;
}

.q-slider__pin--v {
  top: 0;
}

.q-slider__pin--v:before {
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

[dir="ltr"] .q-slider__pin--v-standard {
  left: 100%;
}

[dir="rtl"] .q-slider__pin--v-standard {
  right: 100%;
}

[dir="ltr"] .q-slider__pin--v-standard:before {
  left: 2px;
  border-right: 6px solid currentColor;
}

[dir="rtl"] .q-slider__pin--v-standard:before {
  right: 2px;
  border-left: 6px solid currentColor;
}

[dir="ltr"] .q-slider__pin--v-switched {
  right: 100%;
}

[dir="rtl"] .q-slider__pin--v-switched {
  left: 100%;
}

[dir="ltr"] .q-slider__pin--v-switched:before {
  right: 2px;
  border-left: 6px solid currentColor;
}

[dir="rtl"] .q-slider__pin--v-switched:before {
  left: 2px;
  border-right: 6px solid currentColor;
}

.q-slider__label {
  z-index: 1;
  white-space: nowrap;
  position: absolute;
}

[dir="ltr"] .q-slider__label--h {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .q-slider__label--h {
  right: 50%;
  transform: translateX(50%);
}

.q-slider__label--h-standard {
  bottom: 7px;
}

.q-slider__label--h-switched {
  top: 7px;
}

.q-slider__label--v {
  top: 50%;
  transform: translateY(-50%);
}

[dir="ltr"] .q-slider__label--v-standard {
  left: 7px;
}

[dir="rtl"] .q-slider__label--v-standard {
  right: 7px;
}

[dir="ltr"] .q-slider__label--v-switched {
  right: 7px;
}

[dir="rtl"] .q-slider__label--v-switched {
  left: 7px;
}

.q-slider__text-container {
  min-height: 25px;
  padding: 2px 8px;
  border-radius: 4px;
  background: currentColor;
  position: relative;
  text-align: center;
}

.q-slider__text {
  color: #fff;
  font-size: 12px;
}

.q-slider--no-value .q-slider__thumb,
.q-slider--no-value .q-slider__inner,
.q-slider--no-value .q-slider__selection {
  opacity: 0;
}

.q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
  background: currentColor;
  transform: scale3d(1.55, 1.55, 1);
  opacity: 0.25;
}

.q-slider--focus .q-slider__thumb,
.q-slider--focus .q-slider__inner,
.q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
  opacity: 1;
}

[dir="ltr"] .q-slider--inactive .q-slider__thumb--h {
  transition: left 0.28s, right 0.28s;
}

[dir="rtl"] .q-slider--inactive .q-slider__thumb--h {
  transition: right 0.28s, left 0.28s;
}

.q-slider--inactive .q-slider__thumb--v {
  transition: top 0.28s, bottom 0.28s;
}

[dir="ltr"] .q-slider--inactive .q-slider__selection {
  transition: width 0.28s, left 0.28s, right 0.28s, height 0.28s, top 0.28s, bottom 0.28s;
}

[dir="rtl"] .q-slider--inactive .q-slider__selection {
  transition: width 0.28s, right 0.28s, left 0.28s, height 0.28s, top 0.28s, bottom 0.28s;
}

.q-slider--inactive .q-slider__text-container {
  transition: transform 0.28s;
}

.q-slider--active {
  cursor: grabbing;
}

.q-slider--active .q-slider__thumb-shape {
  transform: scale(1.5);
}

.q-slider--active .q-slider__focus-ring, .q-slider--active.q-slider--label .q-slider__thumb-shape {
  transform: scale(0) !important;
}

body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin {
  opacity: 1;
}

.q-slider--label.q-slider--active .q-slider__pin,
.q-slider--label .q-slider--focus .q-slider__pin, .q-slider--label.q-slider--label-always .q-slider__pin {
  opacity: 1;
}

.q-slider--dark .q-slider__track {
  background: rgba(255, 255, 255, 0.1);
}

.q-slider--dark .q-slider__inner {
  background: rgba(255, 255, 255, 0.1);
}

.q-slider--dark .q-slider__markers {
  color: rgba(255, 255, 255, 0.3);
}

.q-slider--dense .q-slider__track-container--h {
  padding: 6px 0;
}

.q-slider--dense .q-slider__track-container--v {
  padding: 0 6px;
}

.q-space {
  flex-grow: 1 !important;
}

.q-spinner {
  vertical-align: middle;
}

.q-spinner-mat {
  animation: q-spin 2s linear infinite;
  transform-origin: center center;
}

.q-spinner-mat .path {
  stroke-dasharray: 1, 200 /* rtl:ignore */;
  stroke-dashoffset: 0 /* rtl:ignore */;
  animation: q-mat-dash 1.5s ease-in-out infinite;
}

@keyframes q-spin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
  }

  25% {
    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
  }

  50% {
    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
  }

  75% {
    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
  }

  100% {
    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
  }
}

@keyframes q-mat-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.q-splitter__panel {
  position: relative;
  z-index: 0;
}

.q-splitter__panel > .q-splitter {
  width: 100%;
  height: 100%;
}

.q-splitter__separator {
  background-color: rgba(0, 0, 0, 0.12);
  user-select: none;
  position: relative;
  z-index: 1;
}

.q-splitter__separator-area > * {
  position: absolute;
  top: 50%;
}

[dir="ltr"] .q-splitter__separator-area > * {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .q-splitter__separator-area > * {
  right: 50%;
  transform: translate(50%, -50%);
}

.q-splitter--dark .q-splitter__separator {
  background-color: rgba(255, 255, 255, 0.28);
}

.q-splitter--vertical > .q-splitter__panel {
  height: 100%;
}

.q-splitter--vertical.q-splitter--active {
  cursor: col-resize;
}

.q-splitter--vertical > .q-splitter__separator {
  width: 1px;
}

.q-splitter--vertical > .q-splitter__separator > div {
  left: -6px;
  right: -6px;
}

.q-splitter--vertical.q-splitter--workable > .q-splitter__separator {
  cursor: col-resize;
}

.q-splitter--horizontal > .q-splitter__panel {
  width: 100%;
}

.q-splitter--horizontal.q-splitter--active {
  cursor: row-resize;
}

.q-splitter--horizontal > .q-splitter__separator {
  height: 1px;
}

.q-splitter--horizontal > .q-splitter__separator > div {
  top: -6px;
  bottom: -6px;
}

.q-splitter--horizontal.q-splitter--workable > .q-splitter__separator {
  cursor: row-resize;
}

.q-splitter__before, .q-splitter__after {
  overflow: auto;
}

.q-stepper {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
}

.q-stepper__title {
  font-size: 14px;
  line-height: 1.285714;
  letter-spacing: 0.1px;
}

.q-stepper__caption {
  font-size: 12px;
  line-height: 1.16667;
}

.q-stepper__dot {
  contain: layout;
  font-size: 14px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background: currentColor;
}

[dir="ltr"] .q-stepper__dot {
  margin-right: 8px;
}

[dir="rtl"] .q-stepper__dot {
  margin-left: 8px;
}

.q-stepper__dot span {
  color: #fff;
}

.q-stepper__tab {
  padding: 8px 24px;
  font-size: 14px;
  color: #9e9e9e;
  flex-direction: row;
}

.q-stepper--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-stepper--dark .q-stepper__dot span {
  color: #000;
}

.q-stepper__tab--navigation {
  user-select: none;
  cursor: pointer;
}

.q-stepper__tab--active, .q-stepper__tab--done {
  color: var(--q-primary);
}

.q-stepper__tab--active .q-stepper__dot, .q-stepper__tab--active .q-stepper__label, .q-stepper__tab--done .q-stepper__dot, .q-stepper__tab--done .q-stepper__label {
  text-shadow: 0 0 0 currentColor;
}

.q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(0, 0, 0, 0.22);
}

.q-stepper__tab--disabled .q-stepper__label {
  color: rgba(0, 0, 0, 0.32);
}

.q-stepper__tab--error {
  color: var(--q-negative);
}

.q-stepper__tab--error-with-icon .q-stepper__dot {
  background: transparent !important;
}

.q-stepper__tab--error-with-icon .q-stepper__dot span {
  color: currentColor;
  font-size: 24px;
}

.q-stepper__header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.q-stepper__header--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.q-stepper__header--standard-labels .q-stepper__tab {
  min-height: 72px;
  justify-content: center;
}

.q-stepper__header--standard-labels .q-stepper__tab:first-child {
  justify-content: flex-start;
}

.q-stepper__header--standard-labels .q-stepper__tab:last-child {
  justify-content: flex-end;
}

.q-stepper__header--standard-labels .q-stepper__tab:only-child {
  justify-content: center;
}

.q-stepper__header--standard-labels .q-stepper__dot:after {
  display: none;
}

.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 104px;
  padding: 24px 32px;
  flex-direction: column;
  justify-content: flex-start;
}

[dir="ltr"] .q-stepper__header--alternative-labels .q-stepper__dot {
  margin-right: 0;
}

[dir="rtl"] .q-stepper__header--alternative-labels .q-stepper__dot {
  margin-left: 0;
}

.q-stepper__header--alternative-labels .q-stepper__label {
  margin-top: 8px;
  text-align: center;
}

.q-stepper__header--alternative-labels .q-stepper__label:before, .q-stepper__header--alternative-labels .q-stepper__label:after {
  display: none;
}

.q-stepper__header--contracted {
  min-height: 72px;
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 72px;
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
  align-items: flex-start;
}

.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
  align-items: flex-end;
}

.q-stepper__header--contracted .q-stepper__tab {
  padding: 24px 0;
}

[dir="ltr"] .q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
  transform: translateX(24px);
}

[dir="rtl"] .q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
  transform: translateX(-24px);
}

[dir="ltr"] .q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
  transform: translateX(-24px);
}

[dir="rtl"] .q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
  transform: translateX(24px);
}

.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
  display: block !important;
}

.q-stepper__header--contracted .q-stepper__dot {
  margin: 0;
}

.q-stepper__header--contracted .q-stepper__label {
  display: none;
}

.q-stepper__nav {
  padding-top: 24px;
}

.q-stepper--flat {
  box-shadow: none;
}

.q-stepper--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-stepper--horizontal .q-stepper__step-inner {
  padding: 24px;
}

[dir="ltr"] .q-stepper--horizontal .q-stepper__tab:first-child {
  border-top-left-radius: inherit;
}

[dir="rtl"] .q-stepper--horizontal .q-stepper__tab:first-child {
  border-top-right-radius: inherit;
}

[dir="ltr"] .q-stepper--horizontal .q-stepper__tab:last-child {
  border-top-right-radius: inherit;
}

[dir="rtl"] .q-stepper--horizontal .q-stepper__tab:last-child {
  border-top-left-radius: inherit;
}

.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
  display: none;
}

.q-stepper--horizontal .q-stepper__tab {
  overflow: hidden;
}

.q-stepper--horizontal .q-stepper__line {
  contain: layout;
}

.q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100vw;
  background: rgba(0, 0, 0, 0.12);
}

.q-stepper--horizontal .q-stepper__label:after, .q-stepper--horizontal .q-stepper__dot:after {
  content: "";
}

[dir="ltr"] .q-stepper--horizontal .q-stepper__label:after, [dir="ltr"] .q-stepper--horizontal .q-stepper__dot:after {
  left: 100%;
  margin-left: 8px;
}

[dir="rtl"] .q-stepper--horizontal .q-stepper__label:after, [dir="rtl"] .q-stepper--horizontal .q-stepper__dot:after {
  right: 100%;
  margin-right: 8px;
}

.q-stepper--horizontal .q-stepper__dot:before {
  content: "";
}

[dir="ltr"] .q-stepper--horizontal .q-stepper__dot:before {
  right: 100%;
  margin-right: 8px;
}

[dir="rtl"] .q-stepper--horizontal .q-stepper__dot:before {
  left: 100%;
  margin-left: 8px;
}

.q-stepper--horizontal > .q-stepper__nav {
  padding: 0 24px 24px;
}

.q-stepper--vertical {
  padding: 16px 0;
}

.q-stepper--vertical .q-stepper__tab {
  padding: 12px 24px;
}

.q-stepper--vertical .q-stepper__title {
  line-height: 18px;
}

[dir="ltr"] .q-stepper--vertical .q-stepper__step-inner {
  padding: 0 24px 32px 60px;
}

[dir="rtl"] .q-stepper--vertical .q-stepper__step-inner {
  padding: 0 60px 32px 24px;
}

.q-stepper--vertical > .q-stepper__nav {
  padding: 24px 24px 0;
}

.q-stepper--vertical .q-stepper__step {
  overflow: hidden;
}

[dir="ltr"] .q-stepper--vertical .q-stepper__dot {
  margin-right: 12px;
}

[dir="rtl"] .q-stepper--vertical .q-stepper__dot {
  margin-left: 12px;
}

.q-stepper--vertical .q-stepper__dot:before, .q-stepper--vertical .q-stepper__dot:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 99999px;
  background: rgba(0, 0, 0, 0.12);
}

[dir="ltr"] .q-stepper--vertical .q-stepper__dot:before, [dir="ltr"] .q-stepper--vertical .q-stepper__dot:after {
  left: 50%;
}

[dir="rtl"] .q-stepper--vertical .q-stepper__dot:before, [dir="rtl"] .q-stepper--vertical .q-stepper__dot:after {
  right: 50%;
}

.q-stepper--vertical .q-stepper__dot:before {
  bottom: 100%;
  margin-bottom: 8px;
}

.q-stepper--vertical .q-stepper__dot:after {
  top: 100%;
  margin-top: 8px;
}

.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
  display: none;
}

.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
  padding-bottom: 8px;
}

.q-stepper--dark.q-stepper--bordered,
.q-stepper--dark .q-stepper__header--border {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before, .q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
  background: rgba(255, 255, 255, 0.28);
}

.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before, .q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
  background: rgba(255, 255, 255, 0.28);
}

.q-stepper--dark .q-stepper__tab--disabled {
  color: rgba(255, 255, 255, 0.28);
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(255, 255, 255, 0.28);
}

.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
  color: rgba(255, 255, 255, 0.54);
}

.q-tab-panels {
  background: #fff;
}

.q-tab-panel {
  padding: 16px;
}

.q-markup-table {
  overflow: auto;
  background: #fff;
}

.q-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.q-table thead tr, .q-table tbody td {
  height: 48px;
}

.q-table th {
  font-weight: 500;
  font-size: 12px;
  user-select: none;
}

.q-table th.sortable {
  cursor: pointer;
}

.q-table th.sortable:hover .q-table__sort-icon {
  opacity: 0.64;
}

.q-table th.sorted .q-table__sort-icon {
  opacity: 0.86 !important;
}

[dir="ltr"] .q-table th.sort-desc .q-table__sort-icon {
  transform: rotate(180deg);
}

[dir="rtl"] .q-table th.sort-desc .q-table__sort-icon {
  transform: rotate(-180deg);
}

.q-table th, .q-table td {
  padding: 7px 16px;
  background-color: inherit;
}

.q-table thead, .q-table td, .q-table th {
  border-style: solid;
  border-width: 0;
}

.q-table tbody td {
  font-size: 13px;
}

.q-table__card {
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.q-table__card .q-table__middle {
  flex: 1 1 auto;
}

.q-table__card .q-table__top,
.q-table__card .q-table__bottom {
  flex: 0 0 auto;
}

.q-table__container {
  position: relative;
}

.q-table__container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.q-table__container > div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.q-table__container > .q-inner-loading {
  border-radius: inherit !important;
}

.q-table__top {
  padding: 12px 16px;
}

.q-table__top .q-table__control {
  flex-wrap: wrap;
}

.q-table__title {
  font-size: 20px;
  letter-spacing: 0.005em;
  font-weight: 400;
}

.q-table__separator {
  min-width: 8px !important;
}

.q-table__progress {
  height: 0 !important;
}

.q-table__progress th {
  padding: 0 !important;
  border: 0 !important;
}

.q-table__progress .q-linear-progress {
  position: absolute;
  bottom: 0;
}

.q-table__middle {
  max-width: 100%;
}

.q-table__bottom {
  min-height: 50px;
  font-size: 12px;
}

[dir="ltr"] .q-table__bottom {
  padding: 4px 14px 4px 16px;
}

[dir="rtl"] .q-table__bottom {
  padding: 4px 16px 4px 14px;
}

.q-table__bottom .q-table__control {
  min-height: 24px;
}

.q-table__bottom-nodata-icon {
  font-size: 200%;
}

[dir="ltr"] .q-table__bottom-nodata-icon {
  margin-right: 8px;
}

[dir="rtl"] .q-table__bottom-nodata-icon {
  margin-left: 8px;
}

[dir="ltr"] .q-table__bottom-item {
  margin-right: 16px;
}

[dir="rtl"] .q-table__bottom-item {
  margin-left: 16px;
}

.q-table__control {
  display: flex;
  align-items: center;
}

.q-table__sort-icon {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  opacity: 0;
  font-size: 120%;
}

[dir="ltr"] .q-table__sort-icon--left, [dir="ltr"] .q-table__sort-icon--center {
  margin-left: 4px;
}

[dir="rtl"] .q-table__sort-icon--left, [dir="rtl"] .q-table__sort-icon--center {
  margin-right: 4px;
}

[dir="ltr"] .q-table__sort-icon--right {
  margin-right: 4px;
}

[dir="rtl"] .q-table__sort-icon--right {
  margin-left: 4px;
}

.q-table--col-auto-width {
  width: 1px;
}

.q-table__card--dark,
.q-table--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-table--flat {
  box-shadow: none;
}

.q-table--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-table--square {
  border-radius: 0;
}

.q-table__linear-progress {
  height: 2px;
}

.q-table--no-wrap th, .q-table--no-wrap td {
  white-space: nowrap;
}

.q-table--grid {
  box-shadow: none;
  border-radius: 4px;
}

.q-table--grid .q-table__top {
  padding-bottom: 4px;
}

.q-table--grid .q-table__middle {
  min-height: 2px;
  margin-bottom: 4px;
}

.q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th {
  border: 0 !important;
}

.q-table--grid .q-table__linear-progress {
  bottom: 0;
}

.q-table--grid .q-table__bottom {
  border-top: 0;
}

.q-table--grid .q-table__grid-content {
  flex: 1 1 auto;
}

.q-table--grid.fullscreen {
  background: inherit;
}

.q-table__grid-item-card {
  vertical-align: top;
  padding: 12px;
}

.q-table__grid-item-card .q-separator {
  margin: 12px 0;
}

.q-table__grid-item-row + .q-table__grid-item-row {
  margin-top: 8px;
}

.q-table__grid-item-title {
  opacity: 0.54;
  font-weight: 500;
  font-size: 12px;
}

.q-table__grid-item-value {
  font-size: 13px;
}

.q-table__grid-item {
  padding: 4px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.q-table__grid-item--selected {
  transform: scale(0.95);
}

/* * Separators
 * */
.q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td {
  border-bottom-width: 1px;
}

[dir="ltr"] .q-table--vertical-separator td, [dir="ltr"] .q-table--vertical-separator th, [dir="ltr"] .q-table--cell-separator td, [dir="ltr"] .q-table--cell-separator th {
  border-left-width: 1px;
}

[dir="rtl"] .q-table--vertical-separator td, [dir="rtl"] .q-table--vertical-separator th, [dir="rtl"] .q-table--cell-separator td, [dir="rtl"] .q-table--cell-separator th {
  border-right-width: 1px;
}

.q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
  border-bottom-width: 1px;
}

[dir="ltr"] .q-table--vertical-separator td:first-child, [dir="ltr"] .q-table--vertical-separator th:first-child, [dir="ltr"] .q-table--cell-separator td:first-child, [dir="ltr"] .q-table--cell-separator th:first-child {
  border-left: 0;
}

[dir="rtl"] .q-table--vertical-separator td:first-child, [dir="rtl"] .q-table--vertical-separator th:first-child, [dir="rtl"] .q-table--cell-separator td:first-child, [dir="rtl"] .q-table--cell-separator th:first-child {
  border-right: 0;
}

.q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* * dense size
 * */
.q-table--dense .q-table__top {
  padding: 6px 16px;
}

.q-table--dense .q-table__bottom {
  min-height: 33px;
}

.q-table--dense .q-table__sort-icon {
  font-size: 110%;
}

.q-table--dense .q-table th, .q-table--dense .q-table td {
  padding: 4px 8px;
}

.q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td {
  height: 28px;
}

[dir="ltr"] .q-table--dense .q-table th:first-child, [dir="ltr"] .q-table--dense .q-table td:first-child {
  padding-left: 16px;
}

[dir="rtl"] .q-table--dense .q-table th:first-child, [dir="rtl"] .q-table--dense .q-table td:first-child {
  padding-right: 16px;
}

[dir="ltr"] .q-table--dense .q-table th:last-child, [dir="ltr"] .q-table--dense .q-table td:last-child {
  padding-right: 16px;
}

[dir="rtl"] .q-table--dense .q-table th:last-child, [dir="rtl"] .q-table--dense .q-table td:last-child {
  padding-left: 16px;
}

[dir="ltr"] .q-table--dense .q-table__bottom-item {
  margin-right: 8px;
}

[dir="rtl"] .q-table--dense .q-table__bottom-item {
  margin-left: 8px;
}

.q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native {
  min-height: 24px;
  padding: 0;
}

.q-table--dense .q-table__select .q-field__marginal {
  height: 24px;
}

/* * On light background
 * */
.q-table__bottom:not(.q-table__bottom--nodata) {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.q-table thead, .q-table tr, .q-table th, .q-table td {
  border-color: rgba(0, 0, 0, 0.12);
}

.q-table tbody td {
  position: relative;
}

.q-table tbody td:before, .q-table tbody td:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.q-table tbody td:before {
  background: rgba(0, 0, 0, 0.03);
}

.q-table tbody td:after {
  background: rgba(0, 0, 0, 0.06);
}

.q-table tbody tr.selected td:after {
  content: "";
}

body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
  content: "";
}

/* * On dark background
 * */
.q-table__card--dark,
.q-table--dark {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-table--dark tbody td:before {
  background: rgba(255, 255, 255, 0.07);
}

.q-table--dark tbody td:after {
  background: rgba(255, 255, 255, 0.1);
}

.q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-tab {
  padding: 0 16px;
  min-height: 48px;
  transition: color 0.3s, background-color 0.3s;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}

.q-tab--full {
  min-height: 72px;
}

.q-tab--no-caps {
  text-transform: none;
}

.q-tab__content {
  height: inherit;
  padding: 4px 0;
  min-width: 40px;
}

[dir="ltr"] .q-tab__content--inline .q-tab__icon + .q-tab__label {
  padding-left: 8px;
}

[dir="rtl"] .q-tab__content--inline .q-tab__icon + .q-tab__label {
  padding-right: 8px;
}

.q-tab__content .q-chip--floating {
  top: 0;
}

[dir="ltr"] .q-tab__content .q-chip--floating {
  right: -16px;
}

[dir="rtl"] .q-tab__content .q-chip--floating {
  left: -16px;
}

.q-tab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.q-tab__label {
  font-size: 14px;
  line-height: 1.285em;
  font-weight: 500;
}

.q-tab .q-badge {
  top: 3px;
}

[dir="ltr"] .q-tab .q-badge {
  right: -12px;
}

[dir="rtl"] .q-tab .q-badge {
  left: -12px;
}

.q-tab__alert, .q-tab__alert-icon {
  position: absolute;
}

.q-tab__alert {
  top: 7px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: currentColor;
}

[dir="ltr"] .q-tab__alert {
  right: -9px;
}

[dir="rtl"] .q-tab__alert {
  left: -9px;
}

.q-tab__alert-icon {
  top: 2px;
  font-size: 18px;
}

[dir="ltr"] .q-tab__alert-icon {
  right: -12px;
}

[dir="rtl"] .q-tab__alert-icon {
  left: -12px;
}

.q-tab__indicator {
  opacity: 0;
  height: 2px;
  background: currentColor;
}

.q-tab--active .q-tab__indicator {
  opacity: 1;
  transform-origin: left /* rtl:ignore */;
}

.q-tab--inactive {
  opacity: 0.85;
}

.q-tabs {
  position: relative;
  transition: color 0.3s, background-color 0.3s;
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
  padding-left: 36px;
  padding-right: 36px;
}

.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
  padding-top: 36px;
  padding-bottom: 36px;
}

.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
  opacity: 0.3;
  pointer-events: none;
}

.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
  display: none;
}

.q-tabs--not-scrollable.q-tabs__arrows--outside, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
  padding-left: 0;
  padding-right: 0;
}

.q-tabs--not-scrollable .q-tabs__arrow, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
  display: none;
}

.q-tabs--not-scrollable .q-tabs__content, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
  border-radius: inherit;
}

.q-tabs__arrow {
  cursor: pointer;
  font-size: 32px;
  min-width: 36px;
  text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
  transition: opacity 0.3s;
}

.q-tabs__content {
  overflow: hidden;
  flex: 1 1 auto;
}

.q-tabs__content--align-center {
  justify-content: center;
}

.q-tabs__content--align-right {
  justify-content: flex-end;
}

.q-tabs__content--align-justify .q-tab {
  flex: 1 1 auto;
}

.q-tabs__offset {
  display: none;
}

.q-tabs--horizontal .q-tabs__arrow {
  height: 100%;
}

.q-tabs--horizontal .q-tabs__arrow--left {
  top: 0;
  left: 0 /* rtl:ignore */;
  bottom: 0;
}

.q-tabs--horizontal .q-tabs__arrow--right {
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
}

.q-tabs--vertical {
  display: block !important;
  height: 100%;
}

.q-tabs--vertical .q-tabs__content {
  display: block !important;
  height: 100%;
}

.q-tabs--vertical .q-tabs__arrow {
  width: 100%;
  height: 36px;
  text-align: center;
}

.q-tabs--vertical .q-tabs__arrow--left {
  top: 0;
  left: 0;
  right: 0;
}

.q-tabs--vertical .q-tabs__arrow--right {
  left: 0;
  right: 0;
  bottom: 0;
}

.q-tabs--vertical .q-tab {
  padding: 0 8px;
}

.q-tabs--vertical .q-tab__indicator {
  height: unset;
  width: 2px;
}

.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
  height: 100%;
}

.q-tabs--vertical.q-tabs--dense .q-tab__content {
  min-width: 24px;
}

.q-tabs--dense .q-tab {
  min-height: 36px;
}

.q-tabs--dense .q-tab--full {
  min-height: 52px;
}

.q-time {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  outline: 0;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}

.q-time--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-time__header {
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
  font-weight: 300;
}

[dir="ltr"] .q-time__header {
  border-top-left-radius: inherit;
}

[dir="rtl"] .q-time__header {
  border-top-right-radius: inherit;
}

.q-time__actions {
  padding: 0 16px 16px;
}

.q-time__header-label {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.00833em;
}

[dir="ltr"] .q-time__header-label > div + div {
  margin-left: 4px;
}

[dir="rtl"] .q-time__header-label > div + div {
  margin-right: 4px;
}

.q-time__link {
  opacity: 0.56;
  outline: 0;
  transition: opacity 0.3s ease-out;
}

.q-time__link--active, .q-time__link:hover, .q-time__link:focus {
  opacity: 1;
}

.q-time__header-ampm {
  font-size: 16px;
  letter-spacing: 0.1em;
}

.q-time__content {
  padding: 16px;
}

.q-time__content:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.q-time__container-parent {
  padding: 16px;
}

.q-time__container-child {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
}

.q-time__clock {
  padding: 24px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  font-size: 14px;
}

.q-time__clock-circle {
  position: relative;
}

.q-time__clock-center {
  height: 6px;
  width: 6px;
  margin: auto;
  border-radius: 50%;
  min-height: 0;
  background: currentColor;
}

.q-time__clock-pointer {
  width: 2px;
  height: 50%;
  transform-origin: 0 0;
  min-height: 0;
  position: absolute;
  bottom: 0;
  color: var(--q-primary);
  background: currentColor;
}

[dir="ltr"] .q-time__clock-pointer {
  left: 50%;
  right: 0;
  transform: translateX(-50%);
}

[dir="rtl"] .q-time__clock-pointer {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}

.q-time__clock-pointer:before, .q-time__clock-pointer:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: currentColor;
}

[dir="ltr"] .q-time__clock-pointer:before, [dir="ltr"] .q-time__clock-pointer:after {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .q-time__clock-pointer:before, [dir="rtl"] .q-time__clock-pointer:after {
  right: 50%;
  transform: translateX(50%);
}

.q-time__clock-pointer:before {
  bottom: -4px;
  width: 8px;
  height: 8px;
}

.q-time__clock-pointer:after {
  top: -3px;
  height: 6px;
  width: 6px;
}

.q-time__clock-position {
  position: absolute;
  min-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%) /* rtl:ignore */;
  border-radius: 50%;
}

.q-time__clock-position--disable {
  opacity: 0.4;
}

.q-time__clock-position--active {
  background-color: var(--q-primary);
  color: #fff;
}

.q-time__clock-pos-0 {
  top: 0%;
  left: 50% /* rtl:ignore */;
}

.q-time__clock-pos-1 {
  top: 6.7%;
  left: 75% /* rtl:ignore */;
}

.q-time__clock-pos-2 {
  top: 25%;
  left: 93.3% /* rtl:ignore */;
}

.q-time__clock-pos-3 {
  top: 50%;
  left: 100% /* rtl:ignore */;
}

.q-time__clock-pos-4 {
  top: 75%;
  left: 93.3% /* rtl:ignore */;
}

.q-time__clock-pos-5 {
  top: 93.3%;
  left: 75% /* rtl:ignore */;
}

.q-time__clock-pos-6 {
  top: 100%;
  left: 50% /* rtl:ignore */;
}

.q-time__clock-pos-7 {
  top: 93.3%;
  left: 25% /* rtl:ignore */;
}

.q-time__clock-pos-8 {
  top: 75%;
  left: 6.7% /* rtl:ignore */;
}

.q-time__clock-pos-9 {
  top: 50%;
  left: 0% /* rtl:ignore */;
}

.q-time__clock-pos-10 {
  top: 25%;
  left: 6.7% /* rtl:ignore */;
}

.q-time__clock-pos-11 {
  top: 6.7%;
  left: 25% /* rtl:ignore */;
}

.q-time__clock-pos-12 {
  top: 15%;
  left: 50% /* rtl:ignore */;
}

.q-time__clock-pos-13 {
  top: 19.69%;
  left: 67.5% /* rtl:ignore */;
}

.q-time__clock-pos-14 {
  top: 32.5%;
  left: 80.31% /* rtl:ignore */;
}

.q-time__clock-pos-15 {
  top: 50%;
  left: 85% /* rtl:ignore */;
}

.q-time__clock-pos-16 {
  top: 67.5%;
  left: 80.31% /* rtl:ignore */;
}

.q-time__clock-pos-17 {
  top: 80.31%;
  left: 67.5% /* rtl:ignore */;
}

.q-time__clock-pos-18 {
  top: 85%;
  left: 50% /* rtl:ignore */;
}

.q-time__clock-pos-19 {
  top: 80.31%;
  left: 32.5% /* rtl:ignore */;
}

.q-time__clock-pos-20 {
  top: 67.5%;
  left: 19.69% /* rtl:ignore */;
}

.q-time__clock-pos-21 {
  top: 50%;
  left: 15% /* rtl:ignore */;
}

.q-time__clock-pos-22 {
  top: 32.5%;
  left: 19.69% /* rtl:ignore */;
}

.q-time__clock-pos-23 {
  top: 19.69%;
  left: 32.5% /* rtl:ignore */;
}

.q-time__now-button {
  background-color: var(--q-primary);
  color: #fff;
  top: 12px;
}

[dir="ltr"] .q-time__now-button {
  right: 12px;
}

[dir="rtl"] .q-time__now-button {
  left: 12px;
}

.q-time.disabled .q-time__header-ampm, .q-time.disabled .q-time__content, .q-time--readonly .q-time__header-ampm, .q-time--readonly .q-time__content {
  pointer-events: none;
}

.q-time--portrait {
  display: inline-flex;
  flex-direction: column;
}

.q-time--portrait .q-time__header {
  min-height: 86px;
}

[dir="ltr"] .q-time--portrait .q-time__header {
  border-top-right-radius: inherit;
}

[dir="rtl"] .q-time--portrait .q-time__header {
  border-top-left-radius: inherit;
}

[dir="ltr"] .q-time--portrait .q-time__header-ampm {
  margin-left: 12px;
}

[dir="rtl"] .q-time--portrait .q-time__header-ampm {
  margin-right: 12px;
}

.q-time--portrait.q-time--bordered .q-time__content {
  margin: 1px 0;
}

.q-time--landscape {
  display: inline-flex;
  align-items: stretch;
  min-width: 420px;
}

.q-time--landscape > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.q-time--landscape .q-time__header {
  min-width: 156px;
}

[dir="ltr"] .q-time--landscape .q-time__header {
  border-bottom-left-radius: inherit;
}

[dir="rtl"] .q-time--landscape .q-time__header {
  border-bottom-right-radius: inherit;
}

.q-time--landscape .q-time__header-ampm {
  margin-top: 12px;
}

.q-time--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-timeline {
  padding: 0;
  width: 100%;
  list-style: none;
}

.q-timeline h6 {
  line-height: inherit;
}

.q-timeline--dark {
  color: #fff;
}

.q-timeline--dark .q-timeline__subtitle {
  opacity: 0.7;
}

.q-timeline__content {
  padding-bottom: 24px;
}

.q-timeline__title {
  margin-top: 0;
  margin-bottom: 16px;
}

.q-timeline__subtitle {
  font-size: 12px;
  margin-bottom: 8px;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.q-timeline__dot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15px;
}

.q-timeline__dot:before, .q-timeline__dot:after {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
}

.q-timeline__dot:before {
  border: 3px solid transparent;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 4px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}

[dir="ltr"] .q-timeline__dot:before {
  left: 0;
}

[dir="rtl"] .q-timeline__dot:before {
  right: 0;
}

.q-timeline__dot:after {
  width: 3px;
  opacity: 0.4;
  top: 24px;
  bottom: 0;
}

[dir="ltr"] .q-timeline__dot:after {
  left: 6px;
}

[dir="rtl"] .q-timeline__dot:after {
  right: 6px;
}

.q-timeline__dot .q-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  width: 100%;
  color: #fff;
}

.q-timeline__dot .q-icon > svg,
.q-timeline__dot .q-icon > img {
  width: 1em;
  height: 1em;
}

.q-timeline__dot-img {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: 31px;
  width: 31px;
  background: currentColor;
  border-radius: 50%;
}

.q-timeline__heading {
  position: relative;
}

.q-timeline__heading:first-child .q-timeline__heading-title {
  padding-top: 0;
}

.q-timeline__heading:last-child .q-timeline__heading-title {
  padding-bottom: 0;
}

.q-timeline__heading-title {
  padding: 32px 0;
  margin: 0;
}

.q-timeline__entry {
  position: relative;
  line-height: 22px;
}

.q-timeline__entry:last-child {
  padding-bottom: 0 !important;
}

.q-timeline__entry:last-child .q-timeline__dot:after {
  content: none;
}

.q-timeline__entry--icon .q-timeline__dot {
  width: 31px;
}

.q-timeline__entry--icon .q-timeline__dot:before {
  height: 31px;
  width: 31px;
}

.q-timeline__entry--icon .q-timeline__dot:after {
  top: 41px;
}

[dir="ltr"] .q-timeline__entry--icon .q-timeline__dot:after {
  left: 14px;
}

[dir="rtl"] .q-timeline__entry--icon .q-timeline__dot:after {
  right: 14px;
}

.q-timeline__entry--icon .q-timeline__subtitle {
  padding-top: 8px;
}

[dir="ltr"] .q-timeline--dense--right .q-timeline__entry {
  padding-left: 40px;
}

[dir="rtl"] .q-timeline--dense--right .q-timeline__entry {
  padding-right: 40px;
}

[dir="ltr"] .q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}

[dir="rtl"] .q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
  right: -8px;
}

[dir="ltr"] .q-timeline--dense--right .q-timeline__dot {
  left: 0;
}

[dir="rtl"] .q-timeline--dense--right .q-timeline__dot {
  right: 0;
}

[dir="ltr"] .q-timeline--dense--left .q-timeline__heading {
  text-align: right;
}

[dir="rtl"] .q-timeline--dense--left .q-timeline__heading {
  text-align: left;
}

[dir="ltr"] .q-timeline--dense--left .q-timeline__entry {
  padding-right: 40px;
}

[dir="rtl"] .q-timeline--dense--left .q-timeline__entry {
  padding-left: 40px;
}

[dir="ltr"] .q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
  right: -8px;
}

[dir="rtl"] .q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}

[dir="ltr"] .q-timeline--dense--left .q-timeline__content, [dir="ltr"] .q-timeline--dense--left .q-timeline__title, [dir="ltr"] .q-timeline--dense--left .q-timeline__subtitle {
  text-align: right;
}

[dir="rtl"] .q-timeline--dense--left .q-timeline__content, [dir="rtl"] .q-timeline--dense--left .q-timeline__title, [dir="rtl"] .q-timeline--dense--left .q-timeline__subtitle {
  text-align: left;
}

[dir="ltr"] .q-timeline--dense--left .q-timeline__dot {
  right: 0;
}

[dir="rtl"] .q-timeline--dense--left .q-timeline__dot {
  left: 0;
}

.q-timeline--comfortable {
  display: table;
}

.q-timeline--comfortable .q-timeline__heading {
  display: table-row;
  font-size: 200%;
}

.q-timeline--comfortable .q-timeline__heading > div {
  display: table-cell;
}

.q-timeline--comfortable .q-timeline__entry {
  display: table-row;
  padding: 0;
}

.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}

.q-timeline--comfortable .q-timeline__subtitle, .q-timeline--comfortable .q-timeline__dot, .q-timeline--comfortable .q-timeline__content {
  display: table-cell;
  vertical-align: top;
}

.q-timeline--comfortable .q-timeline__subtitle {
  width: 35%;
}

.q-timeline--comfortable .q-timeline__dot {
  position: relative;
  min-width: 31px;
}

[dir="ltr"] .q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
  margin-left: -50px;
}

[dir="rtl"] .q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
  margin-right: -50px;
}

[dir="ltr"] .q-timeline--comfortable--right .q-timeline__subtitle {
  text-align: right;
  padding-right: 30px;
}

[dir="rtl"] .q-timeline--comfortable--right .q-timeline__subtitle {
  text-align: left;
  padding-left: 30px;
}

[dir="ltr"] .q-timeline--comfortable--right .q-timeline__content {
  padding-left: 30px;
}

[dir="rtl"] .q-timeline--comfortable--right .q-timeline__content {
  padding-right: 30px;
}

[dir="ltr"] .q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}

[dir="rtl"] .q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
  right: -8px;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__heading {
  text-align: right;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__heading {
  text-align: left;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
  margin-right: -50px;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
  margin-left: -50px;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__subtitle {
  padding-left: 30px;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__subtitle {
  padding-right: 30px;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__content {
  padding-right: 30px;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__content {
  padding-left: 30px;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__content, [dir="ltr"] .q-timeline--comfortable--left .q-timeline__title {
  text-align: right;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__content, [dir="rtl"] .q-timeline--comfortable--left .q-timeline__title {
  text-align: left;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
  right: 0;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
  left: 0;
}

[dir="ltr"] .q-timeline--comfortable--left .q-timeline__dot {
  right: -8px;
}

[dir="rtl"] .q-timeline--comfortable--left .q-timeline__dot {
  left: -8px;
}

.q-timeline--loose .q-timeline__heading-title {
  text-align: center;
}

[dir="ltr"] .q-timeline--loose .q-timeline__heading-title {
  margin-left: 0;
}

[dir="rtl"] .q-timeline--loose .q-timeline__heading-title {
  margin-right: 0;
}

.q-timeline--loose .q-timeline__entry, .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__dot, .q-timeline--loose .q-timeline__content {
  display: block;
  margin: 0;
  padding: 0;
}

.q-timeline--loose .q-timeline__dot {
  position: absolute;
}

[dir="ltr"] .q-timeline--loose .q-timeline__dot {
  left: 50%;
  margin-left: -7.15px;
}

[dir="rtl"] .q-timeline--loose .q-timeline__dot {
  right: 50%;
  margin-right: -7.15px;
}

.q-timeline--loose .q-timeline__entry {
  padding-bottom: 24px;
  overflow: hidden;
}

[dir="ltr"] .q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
  margin-left: -15px;
}

[dir="rtl"] .q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
  margin-right: -15px;
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
  line-height: 38px;
}

.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}

[dir="ltr"] .q-timeline--loose .q-timeline__entry--left .q-timeline__content, [dir="ltr"] .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
  float: left;
  padding-right: 30px;
  text-align: right;
}

[dir="rtl"] .q-timeline--loose .q-timeline__entry--left .q-timeline__content, [dir="rtl"] .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
  float: right;
  padding-left: 30px;
  text-align: left;
}

[dir="ltr"] .q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, [dir="ltr"] .q-timeline--loose .q-timeline__entry--right .q-timeline__content {
  float: right;
  text-align: left;
  padding-left: 30px;
}

[dir="rtl"] .q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, [dir="rtl"] .q-timeline--loose .q-timeline__entry--right .q-timeline__content {
  float: left;
  text-align: right;
  padding-right: 30px;
}

.q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__content {
  width: 50%;
}

.q-toggle {
  vertical-align: middle;
}

.q-toggle__native {
  width: 1px;
  height: 1px;
}

.q-toggle__track {
  height: 0.35em;
  border-radius: 0.175em;
  opacity: 0.38;
  background: currentColor;
}

.q-toggle__thumb {
  top: 0.25em;
  width: 0.5em;
  height: 0.5em;
  user-select: none;
  z-index: 0;
}

[dir="ltr"] .q-toggle__thumb {
  left: 0.25em;
  transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

[dir="rtl"] .q-toggle__thumb {
  right: 0.25em;
  transition: right 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-toggle__thumb:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.q-toggle__thumb .q-icon {
  font-size: 0.3em;
  min-width: 1em;
  color: #000;
  opacity: 0.54;
  z-index: 1;
}

.q-toggle__inner {
  font-size: 40px;
  width: 1.4em;
  min-width: 1.4em;
  height: 1em;
  padding: 0.325em 0.3em;
  -webkit-print-color-adjust: exact;
}

[dir="ltr"] .q-toggle__inner--indet .q-toggle__thumb {
  left: 0.45em;
}

[dir="rtl"] .q-toggle__inner--indet .q-toggle__thumb {
  right: 0.45em;
}

.q-toggle__inner--truthy {
  color: var(--q-primary);
}

.q-toggle__inner--truthy .q-toggle__track {
  opacity: 0.54;
}

[dir="ltr"] .q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.65em;
}

[dir="rtl"] .q-toggle__inner--truthy .q-toggle__thumb {
  right: 0.65em;
}

.q-toggle__inner--truthy .q-toggle__thumb:after {
  background-color: currentColor;
}

.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
  color: #fff;
  opacity: 1;
}

.q-toggle.disabled {
  opacity: 0.75 !important;
}

.q-toggle--dark .q-toggle__inner {
  color: #fff;
}

.q-toggle--dark .q-toggle__inner--truthy {
  color: var(--q-primary);
}

.q-toggle--dark .q-toggle__thumb:after {
  box-shadow: none;
}

.q-toggle--dark .q-toggle__thumb:before {
  opacity: 0.32 !important;
}

.q-toggle--dense .q-toggle__inner {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.5em;
  padding: 0.07625em 0;
}

.q-toggle--dense .q-toggle__thumb {
  top: 0;
}

[dir="ltr"] .q-toggle--dense .q-toggle__thumb {
  left: 0;
}

[dir="rtl"] .q-toggle--dense .q-toggle__thumb {
  right: 0;
}

[dir="ltr"] .q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
  left: 0.15em;
}

[dir="rtl"] .q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
  right: 0.15em;
}

[dir="ltr"] .q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.3em;
}

[dir="rtl"] .q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
  right: 0.3em;
}

[dir="ltr"] .q-toggle--dense .q-toggle__label {
  padding-left: 0.5em;
}

[dir="rtl"] .q-toggle--dense .q-toggle__label {
  padding-right: 0.5em;
}

[dir="ltr"] .q-toggle--dense.reverse .q-toggle__label {
  padding-left: 0;
  padding-right: 0.5em;
}

[dir="rtl"] .q-toggle--dense.reverse .q-toggle__label {
  padding-right: 0;
  padding-left: 0.5em;
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}

body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(2, 2, 1);
}

body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(1.5, 1.5, 1);
}

.q-toolbar {
  position: relative;
  padding: 0 12px;
  min-height: 50px;
  width: 100%;
}

[dir="ltr"] .q-toolbar--inset {
  padding-left: 58px;
}

[dir="rtl"] .q-toolbar--inset {
  padding-right: 58px;
}

.q-toolbar .q-avatar {
  font-size: 38px;
}

.q-toolbar__title {
  flex: 1 1 0%;
  min-width: 1px;
  max-width: 100%;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0.01em;
  padding: 0 12px;
}

[dir="ltr"] .q-toolbar__title:first-child {
  padding-left: 0;
}

[dir="rtl"] .q-toolbar__title:first-child {
  padding-right: 0;
}

[dir="ltr"] .q-toolbar__title:last-child {
  padding-right: 0;
}

[dir="rtl"] .q-toolbar__title:last-child {
  padding-left: 0;
}

.q-tooltip--style {
  font-size: 10px;
  color: #fafafa;
  background: #757575;
  border-radius: 4px;
  text-transform: none;
  font-weight: normal;
}

.q-tooltip {
  z-index: 9000;
  position: fixed !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 10px;
  max-width: 95vw;
  max-height: 65vh;
}

@media (max-width: 599.98px) {
  .q-tooltip {
    font-size: 14px;
    padding: 8px 16px;
  }
}

.q-tree {
  position: relative;
  color: #9e9e9e;
}

[dir="ltr"] .q-tree__node {
  padding: 0 0 3px 22px;
}

[dir="rtl"] .q-tree__node {
  padding: 0 22px 3px 0;
}

.q-tree__node:after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 0;
  width: 2px;
}

[dir="ltr"] .q-tree__node:after {
  right: auto;
  left: -13px;
  border-left: 1px solid currentColor;
}

[dir="rtl"] .q-tree__node:after {
  left: auto;
  right: -13px;
  border-right: 1px solid currentColor;
}

.q-tree__node:last-child:after {
  display: none;
}

.q-tree__node--disabled {
  pointer-events: none;
}

.q-tree__node--disabled .disabled {
  opacity: 1 !important;
}

.q-tree__node--disabled > div,
.q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled {
  opacity: 0.6 !important;
}

.q-tree__node--disabled > div .q-tree__node--disabled > div,
.q-tree__node--disabled > div .q-tree__node--disabled > i,
.q-tree__node--disabled > div .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > i .q-tree__node--disabled > div,
.q-tree__node--disabled > i .q-tree__node--disabled > i,
.q-tree__node--disabled > i .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > div,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled {
  opacity: 1 !important;
}

.q-tree__node-header:before {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 50%;
  width: 31px;
  border-bottom: 1px solid currentColor;
}

[dir="ltr"] .q-tree__node-header:before {
  left: -35px;
  border-left: 1px solid currentColor;
}

[dir="rtl"] .q-tree__node-header:before {
  right: -35px;
  border-right: 1px solid currentColor;
}

[dir="ltr"] .q-tree__children {
  padding-left: 25px;
}

[dir="rtl"] .q-tree__children {
  padding-right: 25px;
}

[dir="ltr"] .q-tree__node-body {
  padding: 5px 0 8px 5px;
}

[dir="rtl"] .q-tree__node-body {
  padding: 5px 5px 8px 0;
}

[dir="ltr"] .q-tree__node--parent {
  padding-left: 2px;
}

[dir="rtl"] .q-tree__node--parent {
  padding-right: 2px;
}

.q-tree__node--parent > .q-tree__node-header:before {
  width: 15px;
}

[dir="ltr"] .q-tree__node--parent > .q-tree__node-header:before {
  left: -15px;
}

[dir="rtl"] .q-tree__node--parent > .q-tree__node-header:before {
  right: -15px;
}

[dir="ltr"] .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 5px 0 8px 27px;
}

[dir="rtl"] .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 5px 27px 8px 0;
}

.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  bottom: 50px;
}

[dir="ltr"] .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  right: auto;
  left: 12px;
  border-left: 1px solid currentColor;
}

[dir="rtl"] .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  left: auto;
  right: 12px;
  border-right: 1px solid currentColor;
}

.q-tree__node--link {
  cursor: pointer;
}

.q-tree__node-header {
  padding: 4px;
  margin-top: 3px;
  border-radius: 4px;
  outline: 0;
}

.q-tree__node-header-content {
  color: #000;
  transition: color 0.3s;
}

.q-tree__node--selected .q-tree__node-header-content {
  color: #9e9e9e;
}

.q-tree__icon, .q-tree__node-header-content .q-icon {
  font-size: 21px;
}

.q-tree__img {
  height: 42px;
  border-radius: 2px;
}

.q-tree__avatar, .q-tree__node-header-content .q-avatar {
  font-size: 28px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

.q-tree__arrow, .q-tree__spinner {
  font-size: 16px;
}

[dir="ltr"] .q-tree__arrow, [dir="ltr"] .q-tree__spinner {
  margin-right: 4px;
}

[dir="rtl"] .q-tree__arrow, [dir="rtl"] .q-tree__spinner {
  margin-left: 4px;
}

.q-tree__arrow {
  transition: transform 0.3s;
}

[dir="ltr"] .q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg);
}

[dir="rtl"] .q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, -90deg);
}

[dir="ltr"] .q-tree__tickbox {
  margin-right: 4px;
}

[dir="rtl"] .q-tree__tickbox {
  margin-left: 4px;
}

.q-tree > .q-tree__node {
  padding: 0;
}

.q-tree > .q-tree__node:after, .q-tree > .q-tree__node > .q-tree__node-header:before {
  display: none;
}

[dir="ltr"] .q-tree > .q-tree__node--child > .q-tree__node-header {
  padding-left: 24px;
}

[dir="rtl"] .q-tree > .q-tree__node--child > .q-tree__node-header {
  padding-right: 24px;
}

.q-tree--dark .q-tree__node-header-content {
  color: #fff;
}

.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
  display: none !important;
}

[dir="ltr"] .q-tree--dense > .q-tree__node--child > .q-tree__node-header {
  padding-left: 1px;
}

[dir="rtl"] .q-tree--dense > .q-tree__node--child > .q-tree__node-header {
  padding-right: 1px;
}

[dir="ltr"] .q-tree--dense .q-tree__arrow, [dir="ltr"] .q-tree--dense .q-tree__spinner {
  margin-right: 1px;
}

[dir="rtl"] .q-tree--dense .q-tree__arrow, [dir="rtl"] .q-tree--dense .q-tree__spinner {
  margin-left: 1px;
}

.q-tree--dense .q-tree__img {
  height: 32px;
}

[dir="ltr"] .q-tree--dense .q-tree__tickbox {
  margin-right: 3px;
}

[dir="rtl"] .q-tree--dense .q-tree__tickbox {
  margin-left: 3px;
}

.q-tree--dense .q-tree__node {
  padding: 0;
}

.q-tree--dense .q-tree__node:after {
  top: 0;
}

[dir="ltr"] .q-tree--dense .q-tree__node:after {
  left: -8px;
}

[dir="rtl"] .q-tree--dense .q-tree__node:after {
  right: -8px;
}

.q-tree--dense .q-tree__node-header {
  margin-top: 0;
  padding: 1px;
}

.q-tree--dense .q-tree__node-header:before {
  top: 0;
  width: 8px;
}

[dir="ltr"] .q-tree--dense .q-tree__node-header:before {
  left: -8px;
}

[dir="rtl"] .q-tree--dense .q-tree__node-header:before {
  right: -8px;
}

[dir="ltr"] .q-tree--dense .q-tree__node--child {
  padding-left: 17px;
}

[dir="rtl"] .q-tree--dense .q-tree__node--child {
  padding-right: 17px;
}

.q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
  width: 21px;
}

[dir="ltr"] .q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
  left: -25px;
}

[dir="rtl"] .q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
  right: -25px;
}

.q-tree--dense .q-tree__node-body {
  padding: 0 0 2px;
}

[dir="ltr"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 0 0 2px 20px;
}

[dir="rtl"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 0 20px 2px 0;
}

[dir="ltr"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  left: 8px;
}

[dir="rtl"] .q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  right: 8px;
}

[dir="ltr"] .q-tree--dense .q-tree__children {
  padding-left: 16px;
}

[dir="rtl"] .q-tree--dense .q-tree__children {
  padding-right: 16px;
}

[dir=rtl] .q-tree__arrow {
  transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
}

[dir=rtl] .q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
}

.q-uploader {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
  width: 320px;
  max-height: 320px;
}

.q-uploader--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-uploader__input {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
  z-index: 1;
}

.q-uploader__input::-webkit-file-upload-button {
  cursor: pointer;
}

.q-uploader__file:before {
  content: "";
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: currentColor;
  opacity: 0.04;
}

.q-uploader__header {
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: var(--q-primary);
  color: #fff;
  width: 100%;
}

.q-uploader__spinner {
  font-size: 24px;
}

[dir="ltr"] .q-uploader__spinner {
  margin-right: 4px;
}

[dir="rtl"] .q-uploader__spinner {
  margin-left: 4px;
}

.q-uploader__header-content {
  padding: 8px;
}

.q-uploader__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
  background: rgba(255, 255, 255, 0.6);
}

.q-uploader__overlay {
  font-size: 36px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
}

.q-uploader__list {
  position: relative;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 8px;
  min-height: 60px;
  flex: 1 1 auto;
}

.q-uploader__file {
  border-radius: 4px 4px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.q-uploader__file .q-circular-progress {
  font-size: 24px;
}

.q-uploader__file--img {
  color: #fff;
  height: 200px;
  min-width: 200px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.q-uploader__file--img:before {
  content: none;
}

.q-uploader__file--img .q-circular-progress {
  color: #fff;
}

.q-uploader__file--img .q-uploader__file-header {
  padding-bottom: 24px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(255, 255, 255, 0));
}

.q-uploader__file + .q-uploader__file {
  margin-top: 8px;
}

.q-uploader__file-header {
  position: relative;
  padding: 4px 8px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

[dir="ltr"] .q-uploader__file-header-content {
  padding-right: 8px;
}

[dir="rtl"] .q-uploader__file-header-content {
  padding-left: 8px;
}

.q-uploader__file-status {
  font-size: 24px;
}

[dir="ltr"] .q-uploader__file-status {
  margin-right: 4px;
}

[dir="rtl"] .q-uploader__file-status {
  margin-left: 4px;
}

.q-uploader__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.285714;
  word-break: break-word;
}

.q-uploader__subtitle {
  font-size: 12px;
  line-height: 1.5;
}

.q-uploader--disable .q-uploader__header, .q-uploader--disable .q-uploader__list {
  pointer-events: none;
}

.q-uploader--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-uploader--dark .q-uploader__file {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-uploader--dark .q-uploader__dnd, .q-uploader--dark .q-uploader__overlay {
  background: rgba(255, 255, 255, 0.3);
}

.q-uploader--dark .q-uploader__overlay {
  color: #fff;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

.q-video {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}

.q-video iframe,
.q-video object,
.q-video embed {
  width: 100%;
  height: 100%;
}

.q-video--responsive {
  height: 0;
}

.q-video--responsive iframe,
.q-video--responsive object,
.q-video--responsive embed {
  position: absolute;
  top: 0;
}

[dir="ltr"] .q-video--responsive iframe,
[dir="ltr"] .q-video--responsive object,
[dir="ltr"] .q-video--responsive embed {
  left: 0;
}

[dir="rtl"] .q-video--responsive iframe,
[dir="rtl"] .q-video--responsive object,
[dir="rtl"] .q-video--responsive embed {
  right: 0;
}

.q-virtual-scroll:focus {
  outline: 0;
}

.q-virtual-scroll__content {
  outline: none;
  contain: content;
}

.q-virtual-scroll__content > * {
  overflow-anchor: none;
}

.q-virtual-scroll__content > [data-q-vs-anchor] {
  overflow-anchor: auto;
}

.q-virtual-scroll__padding {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) /* rtl:ignore */;
}

.q-table .q-virtual-scroll__padding tr {
  height: 0 !important;
}

.q-table .q-virtual-scroll__padding td {
  padding: 0 !important;
}

.q-virtual-scroll--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}

.q-virtual-scroll--horizontal .q-virtual-scroll__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding, .q-virtual-scroll--horizontal .q-virtual-scroll__content, .q-virtual-scroll--horizontal .q-virtual-scroll__content > * {
  flex: 0 0 auto;
}

.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%) /* rtl:ignore */;
}

/* Directives */
.q-ripple {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

.q-ripple__inner {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  opacity: 0;
  color: inherit;
  border-radius: 50%;
  background: currentColor;
  pointer-events: none;
  will-change: transform, opacity;
}

.q-ripple__inner--enter {
  transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-ripple__inner--leave {
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-morph--invisible,
.q-morph--internal {
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  bottom: 200vh !important;
}

[dir="ltr"] .q-morph--invisible,
[dir="ltr"] .q-morph--internal {
  right: 200vw !important;
}

[dir="rtl"] .q-morph--invisible,
[dir="rtl"] .q-morph--internal {
  left: 200vw !important;
}

/* Plugins */
.q-bottom-sheet {
  padding-bottom: 8px;
}

.q-bottom-sheet__avatar {
  border-radius: 50%;
}

.q-bottom-sheet--list {
  width: 400px;
}

.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.q-bottom-sheet--grid {
  width: 700px;
}

.q-bottom-sheet--grid .q-bottom-sheet__item {
  padding: 8px;
  text-align: center;
  min-width: 100px;
}

.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}

.q-bottom-sheet--grid .q-separator {
  margin: 12px 0;
}

.q-bottom-sheet__item {
  flex: 0 0 33.3333%;
}

@media (min-width: 600px) {
  .q-bottom-sheet__item {
    flex: 0 0 25%;
  }
}

.q-dialog-plugin {
  width: 400px;
}

.q-dialog-plugin__form {
  max-height: 50vh;
}

.q-dialog-plugin .q-card__section + .q-card__section {
  padding-top: 0;
}

.q-dialog-plugin--progress {
  text-align: center;
}

.q-loading {
  color: #000;
  position: fixed !important;
}

.q-loading__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
  background-color: #000;
  transition: background-color 0.28s;
}

.q-loading__box {
  border-radius: 4px;
  padding: 18px;
  color: #fff;
  max-width: 450px;
}

.q-loading__message {
  margin: 40px 20px 0;
  text-align: center;
}

.q-notifications__list {
  z-index: 9500;
  pointer-events: none;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  position: relative;
}

.q-notifications__list--center {
  top: 0;
  bottom: 0;
}

.q-notifications__list--top {
  top: 0;
}

.q-notifications__list--bottom {
  bottom: 0;
}

body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--top {
  top: 20px;
  top: env(safe-area-inset-top);
}

body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--bottom {
  bottom: env(safe-area-inset-bottom);
}

.q-notification {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  pointer-events: all;
  display: inline-flex;
  margin: 10px 10px 0;
  transition: transform 1s, opacity 1s;
  z-index: 9500;
  flex-shrink: 0;
  max-width: 95vw;
  background: #323232;
  color: #fff;
  font-size: 14px;
}

.q-notification__icon {
  font-size: 24px;
  flex: 0 0 1em;
}

[dir="ltr"] .q-notification__icon--additional {
  margin-right: 16px;
}

[dir="rtl"] .q-notification__icon--additional {
  margin-left: 16px;
}

.q-notification__avatar {
  font-size: 32px;
}

[dir="ltr"] .q-notification__avatar--additional {
  margin-right: 8px;
}

[dir="rtl"] .q-notification__avatar--additional {
  margin-left: 8px;
}

.q-notification__spinner {
  font-size: 32px;
}

[dir="ltr"] .q-notification__spinner--additional {
  margin-right: 8px;
}

[dir="rtl"] .q-notification__spinner--additional {
  margin-left: 8px;
}

.q-notification__message {
  padding: 8px 0;
}

.q-notification__caption {
  font-size: 0.9em;
  opacity: 0.7;
}

.q-notification__actions {
  color: var(--q-primary);
}

.q-notification__badge {
  animation: q-notif-badge 0.42s;
  padding: 4px 8px;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: var(--q-negative);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
}

.q-notification__badge--top-left, .q-notification__badge--top-right {
  top: -6px;
}

.q-notification__badge--bottom-left, .q-notification__badge--bottom-right {
  bottom: -6px;
}

[dir="ltr"] .q-notification__badge--top-left, [dir="ltr"] .q-notification__badge--bottom-left {
  left: -22px;
}

[dir="rtl"] .q-notification__badge--top-left, [dir="rtl"] .q-notification__badge--bottom-left {
  right: -22px;
}

[dir="ltr"] .q-notification__badge--top-right, [dir="ltr"] .q-notification__badge--bottom-right {
  right: -22px;
}

[dir="rtl"] .q-notification__badge--top-right, [dir="rtl"] .q-notification__badge--bottom-right {
  left: -22px;
}

.q-notification__progress {
  z-index: -1;
  position: absolute;
  height: 3px;
  bottom: 0;
  left: -10px;
  right: -10px;
  animation: q-notif-progress linear;
  background: currentColor;
  opacity: 0.3;
  border-radius: 4px 4px 0 0;
  transform: scaleX(0);
}

[dir="ltr"] .q-notification__progress {
  transform-origin: 0 50%;
}

[dir="rtl"] .q-notification__progress {
  transform-origin: 100% 50%;
}

.q-notification--standard {
  padding: 0 16px;
  min-height: 48px;
}

[dir="ltr"] .q-notification--standard .q-notification__actions {
  padding: 6px 0 6px 8px;
  margin-right: -8px;
}

[dir="rtl"] .q-notification--standard .q-notification__actions {
  padding: 6px 8px 6px 0;
  margin-left: -8px;
}

.q-notification--multi-line {
  min-height: 68px;
  padding: 8px 16px;
}

.q-notification--multi-line .q-notification__badge--top-left, .q-notification--multi-line .q-notification__badge--top-right {
  top: -15px;
}

.q-notification--multi-line .q-notification__badge--bottom-left, .q-notification--multi-line .q-notification__badge--bottom-right {
  bottom: -15px;
}

.q-notification--multi-line .q-notification__progress {
  bottom: -8px;
}

.q-notification--multi-line .q-notification__actions {
  padding: 0;
}

[dir="ltr"] .q-notification--multi-line .q-notification__actions--with-media {
  padding-left: 25px;
}

[dir="rtl"] .q-notification--multi-line .q-notification__actions--with-media {
  padding-right: 25px;
}

.q-notification--top-left-enter-from, .q-notification--top-left-leave-to, .q-notification--top-enter-from, .q-notification--top-leave-to, .q-notification--top-right-enter-from, .q-notification--top-right-leave-to {
  opacity: 0;
  transform: translateY(-50px);
  z-index: 9499;
}

.q-notification--left-enter-from, .q-notification--left-leave-to, .q-notification--center-enter-from, .q-notification--center-leave-to, .q-notification--right-enter-from, .q-notification--right-leave-to {
  opacity: 0;
  transform: rotateX(90deg);
  z-index: 9499;
}

.q-notification--bottom-left-enter-from, .q-notification--bottom-left-leave-to, .q-notification--bottom-enter-from, .q-notification--bottom-leave-to, .q-notification--bottom-right-enter-from, .q-notification--bottom-right-leave-to {
  opacity: 0;
  transform: translateY(50px);
  z-index: 9499;
}

.q-notification--top-left-leave-active, .q-notification--top-leave-active, .q-notification--top-right-leave-active, .q-notification--left-leave-active, .q-notification--center-leave-active, .q-notification--right-leave-active, .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  position: absolute;
  z-index: 9499;
  margin-left: 0;
  margin-right: 0;
}

.q-notification--top-leave-active, .q-notification--center-leave-active {
  top: 0;
}

.q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  bottom: 0;
}

@media (min-width: 600px) {
  .q-notification {
    max-width: 65vw;
  }
}

@keyframes q-notif-badge {
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}

@keyframes q-notif-progress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}
/* Core */
/* * Animate.css additions
 * * Adapted from: https://github.com/animate-css/animate.css/blob/6828621a01e145119db6194dc9b4d37325b48aa5/source/_base.css
 * */
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 1;
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-1s {
  animation-delay: var(--animate-delay);
}

.animated.delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}

.animated.delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}

.animated.delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}

.animated.delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}

.animated.faster {
  animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.slow {
  animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animated[class*=Out] {
    opacity: 0;
  }
}
/* * Quasar animations
 * */
.q-animate--scale {
  animation: q-scale 0.15s;
  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

@keyframes q-scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }

  100% {
    transform: scale(1);
  }
}

.q-animate--fade {
  animation: q-fade 0.2s /* rtl:ignore */;
}

@keyframes q-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

:root {
  --q-primary: #004750;
  --q-secondary: #5a1ab2;
  --q-accent: #004750;
  --q-positive: #1e7e34;
  --q-negative: #b91c2c;
  --q-info: #4a8fbd;
  --q-warning: #d97706;
  --q-dark: #212529;
  --q-dark-page: #121212;
}

.text-dark {
  color: var(--q-dark) !important;
}

.bg-dark {
  background: var(--q-dark) !important;
}

.text-primary {
  color: var(--q-primary) !important;
}

.bg-primary {
  background: var(--q-primary) !important;
}

.text-secondary {
  color: var(--q-secondary) !important;
}

.bg-secondary {
  background: var(--q-secondary) !important;
}

.text-accent {
  color: var(--q-accent) !important;
}

.bg-accent {
  background: var(--q-accent) !important;
}

.text-positive {
  color: var(--q-positive) !important;
}

.bg-positive {
  background: var(--q-positive) !important;
}

.text-negative {
  color: var(--q-negative) !important;
}

.bg-negative {
  background: var(--q-negative) !important;
}

.text-info {
  color: var(--q-info) !important;
}

.bg-info {
  background: var(--q-info) !important;
}

.text-warning {
  color: var(--q-warning) !important;
}

.bg-warning {
  background: var(--q-warning) !important;
}

.text-white {
  color: #fff !important;
}

.bg-white {
  background: #fff !important;
}

.text-black {
  color: #000 !important;
}

.bg-black {
  background: #000 !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-transparent {
  background: transparent !important;
}

.text-separator {
  color: rgba(0, 0, 0, 0.12) !important;
}

.bg-separator {
  background: rgba(0, 0, 0, 0.12) !important;
}

.text-dark-separator {
  color: rgba(255, 255, 255, 0.28) !important;
}

.bg-dark-separator {
  background: rgba(255, 255, 255, 0.28) !important;
}

.text-red {
  color: #f44336 !important;
}

.text-red-1 {
  color: #ffebee !important;
}

.text-red-2 {
  color: #ffcdd2 !important;
}

.text-red-3 {
  color: #ef9a9a !important;
}

.text-red-4 {
  color: #e57373 !important;
}

.text-red-5 {
  color: #ef5350 !important;
}

.text-red-6 {
  color: #f44336 !important;
}

.text-red-7 {
  color: #e53935 !important;
}

.text-red-8 {
  color: #d32f2f !important;
}

.text-red-9 {
  color: #c62828 !important;
}

.text-red-10 {
  color: #b71c1c !important;
}

.text-red-11 {
  color: #ff8a80 !important;
}

.text-red-12 {
  color: #ff5252 !important;
}

.text-red-13 {
  color: #ff1744 !important;
}

.text-red-14 {
  color: #d50000 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-pink-1 {
  color: #fce4ec !important;
}

.text-pink-2 {
  color: #f8bbd0 !important;
}

.text-pink-3 {
  color: #f48fb1 !important;
}

.text-pink-4 {
  color: #f06292 !important;
}

.text-pink-5 {
  color: #ec407a !important;
}

.text-pink-6 {
  color: #e91e63 !important;
}

.text-pink-7 {
  color: #d81b60 !important;
}

.text-pink-8 {
  color: #c2185b !important;
}

.text-pink-9 {
  color: #ad1457 !important;
}

.text-pink-10 {
  color: #880e4f !important;
}

.text-pink-11 {
  color: #ff80ab !important;
}

.text-pink-12 {
  color: #ff4081 !important;
}

.text-pink-13 {
  color: #f50057 !important;
}

.text-pink-14 {
  color: #c51162 !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-purple-1 {
  color: #f3e5f5 !important;
}

.text-purple-2 {
  color: #e1bee7 !important;
}

.text-purple-3 {
  color: #ce93d8 !important;
}

.text-purple-4 {
  color: #ba68c8 !important;
}

.text-purple-5 {
  color: #ab47bc !important;
}

.text-purple-6 {
  color: #9c27b0 !important;
}

.text-purple-7 {
  color: #8e24aa !important;
}

.text-purple-8 {
  color: #7b1fa2 !important;
}

.text-purple-9 {
  color: #6a1b9a !important;
}

.text-purple-10 {
  color: #4a148c !important;
}

.text-purple-11 {
  color: #ea80fc !important;
}

.text-purple-12 {
  color: #e040fb !important;
}

.text-purple-13 {
  color: #d500f9 !important;
}

.text-purple-14 {
  color: #aa00ff !important;
}

.text-deep-purple {
  color: #673ab7 !important;
}

.text-deep-purple-1 {
  color: #ede7f6 !important;
}

.text-deep-purple-2 {
  color: #d1c4e9 !important;
}

.text-deep-purple-3 {
  color: #b39ddb !important;
}

.text-deep-purple-4 {
  color: #9575cd !important;
}

.text-deep-purple-5 {
  color: #7e57c2 !important;
}

.text-deep-purple-6 {
  color: #673ab7 !important;
}

.text-deep-purple-7 {
  color: #5e35b1 !important;
}

.text-deep-purple-8 {
  color: #512da8 !important;
}

.text-deep-purple-9 {
  color: #4527a0 !important;
}

.text-deep-purple-10 {
  color: #311b92 !important;
}

.text-deep-purple-11 {
  color: #b388ff !important;
}

.text-deep-purple-12 {
  color: #7c4dff !important;
}

.text-deep-purple-13 {
  color: #651fff !important;
}

.text-deep-purple-14 {
  color: #6200ea !important;
}

.text-indigo {
  color: #3f51b5 !important;
}

.text-indigo-1 {
  color: #e8eaf6 !important;
}

.text-indigo-2 {
  color: #c5cae9 !important;
}

.text-indigo-3 {
  color: #9fa8da !important;
}

.text-indigo-4 {
  color: #7986cb !important;
}

.text-indigo-5 {
  color: #5c6bc0 !important;
}

.text-indigo-6 {
  color: #3f51b5 !important;
}

.text-indigo-7 {
  color: #3949ab !important;
}

.text-indigo-8 {
  color: #303f9f !important;
}

.text-indigo-9 {
  color: #283593 !important;
}

.text-indigo-10 {
  color: #1a237e !important;
}

.text-indigo-11 {
  color: #8c9eff !important;
}

.text-indigo-12 {
  color: #536dfe !important;
}

.text-indigo-13 {
  color: #3d5afe !important;
}

.text-indigo-14 {
  color: #304ffe !important;
}

.text-blue {
  color: #2196f3 !important;
}

.text-blue-1 {
  color: #e3f2fd !important;
}

.text-blue-2 {
  color: #bbdefb !important;
}

.text-blue-3 {
  color: #90caf9 !important;
}

.text-blue-4 {
  color: #64b5f6 !important;
}

.text-blue-5 {
  color: #42a5f5 !important;
}

.text-blue-6 {
  color: #2196f3 !important;
}

.text-blue-7 {
  color: #1e88e5 !important;
}

.text-blue-8 {
  color: #1976d2 !important;
}

.text-blue-9 {
  color: #1565c0 !important;
}

.text-blue-10 {
  color: #0d47a1 !important;
}

.text-blue-11 {
  color: #82b1ff !important;
}

.text-blue-12 {
  color: #448aff !important;
}

.text-blue-13 {
  color: #2979ff !important;
}

.text-blue-14 {
  color: #2962ff !important;
}

.text-light-blue {
  color: #03a9f4 !important;
}

.text-light-blue-1 {
  color: #e1f5fe !important;
}

.text-light-blue-2 {
  color: #b3e5fc !important;
}

.text-light-blue-3 {
  color: #81d4fa !important;
}

.text-light-blue-4 {
  color: #4fc3f7 !important;
}

.text-light-blue-5 {
  color: #29b6f6 !important;
}

.text-light-blue-6 {
  color: #03a9f4 !important;
}

.text-light-blue-7 {
  color: #039be5 !important;
}

.text-light-blue-8 {
  color: #0288d1 !important;
}

.text-light-blue-9 {
  color: #0277bd !important;
}

.text-light-blue-10 {
  color: #01579b !important;
}

.text-light-blue-11 {
  color: #80d8ff !important;
}

.text-light-blue-12 {
  color: #40c4ff !important;
}

.text-light-blue-13 {
  color: #00b0ff !important;
}

.text-light-blue-14 {
  color: #0091ea !important;
}

.text-cyan {
  color: #00bcd4 !important;
}

.text-cyan-1 {
  color: #e0f7fa !important;
}

.text-cyan-2 {
  color: #b2ebf2 !important;
}

.text-cyan-3 {
  color: #80deea !important;
}

.text-cyan-4 {
  color: #4dd0e1 !important;
}

.text-cyan-5 {
  color: #26c6da !important;
}

.text-cyan-6 {
  color: #00bcd4 !important;
}

.text-cyan-7 {
  color: #00acc1 !important;
}

.text-cyan-8 {
  color: #0097a7 !important;
}

.text-cyan-9 {
  color: #00838f !important;
}

.text-cyan-10 {
  color: #006064 !important;
}

.text-cyan-11 {
  color: #84ffff !important;
}

.text-cyan-12 {
  color: #18ffff !important;
}

.text-cyan-13 {
  color: #00e5ff !important;
}

.text-cyan-14 {
  color: #00b8d4 !important;
}

.text-teal {
  color: #009688 !important;
}

.text-teal-1 {
  color: #e0f2f1 !important;
}

.text-teal-2 {
  color: #b2dfdb !important;
}

.text-teal-3 {
  color: #80cbc4 !important;
}

.text-teal-4 {
  color: #4db6ac !important;
}

.text-teal-5 {
  color: #26a69a !important;
}

.text-teal-6 {
  color: #009688 !important;
}

.text-teal-7 {
  color: #00897b !important;
}

.text-teal-8 {
  color: #00796b !important;
}

.text-teal-9 {
  color: #00695c !important;
}

.text-teal-10 {
  color: #004d40 !important;
}

.text-teal-11 {
  color: #a7ffeb !important;
}

.text-teal-12 {
  color: #64ffda !important;
}

.text-teal-13 {
  color: #1de9b6 !important;
}

.text-teal-14 {
  color: #00bfa5 !important;
}

.text-green {
  color: #4caf50 !important;
}

.text-green-1 {
  color: #e8f5e9 !important;
}

.text-green-2 {
  color: #c8e6c9 !important;
}

.text-green-3 {
  color: #a5d6a7 !important;
}

.text-green-4 {
  color: #81c784 !important;
}

.text-green-5 {
  color: #66bb6a !important;
}

.text-green-6 {
  color: #4caf50 !important;
}

.text-green-7 {
  color: #43a047 !important;
}

.text-green-8 {
  color: #388e3c !important;
}

.text-green-9 {
  color: #2e7d32 !important;
}

.text-green-10 {
  color: #1b5e20 !important;
}

.text-green-11 {
  color: #b9f6ca !important;
}

.text-green-12 {
  color: #69f0ae !important;
}

.text-green-13 {
  color: #00e676 !important;
}

.text-green-14 {
  color: #00c853 !important;
}

.text-light-green {
  color: #8bc34a !important;
}

.text-light-green-1 {
  color: #f1f8e9 !important;
}

.text-light-green-2 {
  color: #dcedc8 !important;
}

.text-light-green-3 {
  color: #c5e1a5 !important;
}

.text-light-green-4 {
  color: #aed581 !important;
}

.text-light-green-5 {
  color: #9ccc65 !important;
}

.text-light-green-6 {
  color: #8bc34a !important;
}

.text-light-green-7 {
  color: #7cb342 !important;
}

.text-light-green-8 {
  color: #689f38 !important;
}

.text-light-green-9 {
  color: #558b2f !important;
}

.text-light-green-10 {
  color: #33691e !important;
}

.text-light-green-11 {
  color: #ccff90 !important;
}

.text-light-green-12 {
  color: #b2ff59 !important;
}

.text-light-green-13 {
  color: #76ff03 !important;
}

.text-light-green-14 {
  color: #64dd17 !important;
}

.text-lime {
  color: #cddc39 !important;
}

.text-lime-1 {
  color: #f9fbe7 !important;
}

.text-lime-2 {
  color: #f0f4c3 !important;
}

.text-lime-3 {
  color: #e6ee9c !important;
}

.text-lime-4 {
  color: #dce775 !important;
}

.text-lime-5 {
  color: #d4e157 !important;
}

.text-lime-6 {
  color: #cddc39 !important;
}

.text-lime-7 {
  color: #c0ca33 !important;
}

.text-lime-8 {
  color: #afb42b !important;
}

.text-lime-9 {
  color: #9e9d24 !important;
}

.text-lime-10 {
  color: #827717 !important;
}

.text-lime-11 {
  color: #f4ff81 !important;
}

.text-lime-12 {
  color: #eeff41 !important;
}

.text-lime-13 {
  color: #c6ff00 !important;
}

.text-lime-14 {
  color: #aeea00 !important;
}

.text-yellow {
  color: #ffeb3b !important;
}

.text-yellow-1 {
  color: #fffde7 !important;
}

.text-yellow-2 {
  color: #fff9c4 !important;
}

.text-yellow-3 {
  color: #fff59d !important;
}

.text-yellow-4 {
  color: #fff176 !important;
}

.text-yellow-5 {
  color: #ffee58 !important;
}

.text-yellow-6 {
  color: #ffeb3b !important;
}

.text-yellow-7 {
  color: #fdd835 !important;
}

.text-yellow-8 {
  color: #fbc02d !important;
}

.text-yellow-9 {
  color: #f9a825 !important;
}

.text-yellow-10 {
  color: #f57f17 !important;
}

.text-yellow-11 {
  color: #ffff8d !important;
}

.text-yellow-12 {
  color: #ffff00 !important;
}

.text-yellow-13 {
  color: #ffea00 !important;
}

.text-yellow-14 {
  color: #ffd600 !important;
}

.text-amber {
  color: #ffc107 !important;
}

.text-amber-1 {
  color: #fff8e1 !important;
}

.text-amber-2 {
  color: #ffecb3 !important;
}

.text-amber-3 {
  color: #ffe082 !important;
}

.text-amber-4 {
  color: #ffd54f !important;
}

.text-amber-5 {
  color: #ffca28 !important;
}

.text-amber-6 {
  color: #ffc107 !important;
}

.text-amber-7 {
  color: #ffb300 !important;
}

.text-amber-8 {
  color: #ffa000 !important;
}

.text-amber-9 {
  color: #ff8f00 !important;
}

.text-amber-10 {
  color: #ff6f00 !important;
}

.text-amber-11 {
  color: #ffe57f !important;
}

.text-amber-12 {
  color: #ffd740 !important;
}

.text-amber-13 {
  color: #ffc400 !important;
}

.text-amber-14 {
  color: #ffab00 !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-orange-1 {
  color: #fff3e0 !important;
}

.text-orange-2 {
  color: #ffe0b2 !important;
}

.text-orange-3 {
  color: #ffcc80 !important;
}

.text-orange-4 {
  color: #ffb74d !important;
}

.text-orange-5 {
  color: #ffa726 !important;
}

.text-orange-6 {
  color: #ff9800 !important;
}

.text-orange-7 {
  color: #fb8c00 !important;
}

.text-orange-8 {
  color: #f57c00 !important;
}

.text-orange-9 {
  color: #ef6c00 !important;
}

.text-orange-10 {
  color: #e65100 !important;
}

.text-orange-11 {
  color: #ffd180 !important;
}

.text-orange-12 {
  color: #ffab40 !important;
}

.text-orange-13 {
  color: #ff9100 !important;
}

.text-orange-14 {
  color: #ff6d00 !important;
}

.text-deep-orange {
  color: #ff5722 !important;
}

.text-deep-orange-1 {
  color: #fbe9e7 !important;
}

.text-deep-orange-2 {
  color: #ffccbc !important;
}

.text-deep-orange-3 {
  color: #ffab91 !important;
}

.text-deep-orange-4 {
  color: #ff8a65 !important;
}

.text-deep-orange-5 {
  color: #ff7043 !important;
}

.text-deep-orange-6 {
  color: #ff5722 !important;
}

.text-deep-orange-7 {
  color: #f4511e !important;
}

.text-deep-orange-8 {
  color: #e64a19 !important;
}

.text-deep-orange-9 {
  color: #d84315 !important;
}

.text-deep-orange-10 {
  color: #bf360c !important;
}

.text-deep-orange-11 {
  color: #ff9e80 !important;
}

.text-deep-orange-12 {
  color: #ff6e40 !important;
}

.text-deep-orange-13 {
  color: #ff3d00 !important;
}

.text-deep-orange-14 {
  color: #dd2c00 !important;
}

.text-brown {
  color: #795548 !important;
}

.text-brown-1 {
  color: #efebe9 !important;
}

.text-brown-2 {
  color: #d7ccc8 !important;
}

.text-brown-3 {
  color: #bcaaa4 !important;
}

.text-brown-4 {
  color: #a1887f !important;
}

.text-brown-5 {
  color: #8d6e63 !important;
}

.text-brown-6 {
  color: #795548 !important;
}

.text-brown-7 {
  color: #6d4c41 !important;
}

.text-brown-8 {
  color: #5d4037 !important;
}

.text-brown-9 {
  color: #4e342e !important;
}

.text-brown-10 {
  color: #3e2723 !important;
}

.text-brown-11 {
  color: #d7ccc8 !important;
}

.text-brown-12 {
  color: #bcaaa4 !important;
}

.text-brown-13 {
  color: #8d6e63 !important;
}

.text-brown-14 {
  color: #5d4037 !important;
}

.text-grey {
  color: #9e9e9e !important;
}

.text-grey-1 {
  color: #fafafa !important;
}

.text-grey-2 {
  color: #f5f5f5 !important;
}

.text-grey-3 {
  color: #eeeeee !important;
}

.text-grey-4 {
  color: #e0e0e0 !important;
}

.text-grey-5 {
  color: #bdbdbd !important;
}

.text-grey-6 {
  color: #9e9e9e !important;
}

.text-grey-7 {
  color: #757575 !important;
}

.text-grey-8 {
  color: #616161 !important;
}

.text-grey-9 {
  color: #424242 !important;
}

.text-grey-10 {
  color: #212121 !important;
}

.text-grey-11 {
  color: #f5f5f5 !important;
}

.text-grey-12 {
  color: #eeeeee !important;
}

.text-grey-13 {
  color: #bdbdbd !important;
}

.text-grey-14 {
  color: #616161 !important;
}

.text-blue-grey {
  color: #607d8b !important;
}

.text-blue-grey-1 {
  color: #eceff1 !important;
}

.text-blue-grey-2 {
  color: #cfd8dc !important;
}

.text-blue-grey-3 {
  color: #b0bec5 !important;
}

.text-blue-grey-4 {
  color: #90a4ae !important;
}

.text-blue-grey-5 {
  color: #78909c !important;
}

.text-blue-grey-6 {
  color: #607d8b !important;
}

.text-blue-grey-7 {
  color: #546e7a !important;
}

.text-blue-grey-8 {
  color: #455a64 !important;
}

.text-blue-grey-9 {
  color: #37474f !important;
}

.text-blue-grey-10 {
  color: #263238 !important;
}

.text-blue-grey-11 {
  color: #cfd8dc !important;
}

.text-blue-grey-12 {
  color: #b0bec5 !important;
}

.text-blue-grey-13 {
  color: #78909c !important;
}

.text-blue-grey-14 {
  color: #455a64 !important;
}

.bg-red {
  background: #f44336 !important;
}

.bg-red-1 {
  background: #ffebee !important;
}

.bg-red-2 {
  background: #ffcdd2 !important;
}

.bg-red-3 {
  background: #ef9a9a !important;
}

.bg-red-4 {
  background: #e57373 !important;
}

.bg-red-5 {
  background: #ef5350 !important;
}

.bg-red-6 {
  background: #f44336 !important;
}

.bg-red-7 {
  background: #e53935 !important;
}

.bg-red-8 {
  background: #d32f2f !important;
}

.bg-red-9 {
  background: #c62828 !important;
}

.bg-red-10 {
  background: #b71c1c !important;
}

.bg-red-11 {
  background: #ff8a80 !important;
}

.bg-red-12 {
  background: #ff5252 !important;
}

.bg-red-13 {
  background: #ff1744 !important;
}

.bg-red-14 {
  background: #d50000 !important;
}

.bg-pink {
  background: #e91e63 !important;
}

.bg-pink-1 {
  background: #fce4ec !important;
}

.bg-pink-2 {
  background: #f8bbd0 !important;
}

.bg-pink-3 {
  background: #f48fb1 !important;
}

.bg-pink-4 {
  background: #f06292 !important;
}

.bg-pink-5 {
  background: #ec407a !important;
}

.bg-pink-6 {
  background: #e91e63 !important;
}

.bg-pink-7 {
  background: #d81b60 !important;
}

.bg-pink-8 {
  background: #c2185b !important;
}

.bg-pink-9 {
  background: #ad1457 !important;
}

.bg-pink-10 {
  background: #880e4f !important;
}

.bg-pink-11 {
  background: #ff80ab !important;
}

.bg-pink-12 {
  background: #ff4081 !important;
}

.bg-pink-13 {
  background: #f50057 !important;
}

.bg-pink-14 {
  background: #c51162 !important;
}

.bg-purple {
  background: #9c27b0 !important;
}

.bg-purple-1 {
  background: #f3e5f5 !important;
}

.bg-purple-2 {
  background: #e1bee7 !important;
}

.bg-purple-3 {
  background: #ce93d8 !important;
}

.bg-purple-4 {
  background: #ba68c8 !important;
}

.bg-purple-5 {
  background: #ab47bc !important;
}

.bg-purple-6 {
  background: #9c27b0 !important;
}

.bg-purple-7 {
  background: #8e24aa !important;
}

.bg-purple-8 {
  background: #7b1fa2 !important;
}

.bg-purple-9 {
  background: #6a1b9a !important;
}

.bg-purple-10 {
  background: #4a148c !important;
}

.bg-purple-11 {
  background: #ea80fc !important;
}

.bg-purple-12 {
  background: #e040fb !important;
}

.bg-purple-13 {
  background: #d500f9 !important;
}

.bg-purple-14 {
  background: #aa00ff !important;
}

.bg-deep-purple {
  background: #673ab7 !important;
}

.bg-deep-purple-1 {
  background: #ede7f6 !important;
}

.bg-deep-purple-2 {
  background: #d1c4e9 !important;
}

.bg-deep-purple-3 {
  background: #b39ddb !important;
}

.bg-deep-purple-4 {
  background: #9575cd !important;
}

.bg-deep-purple-5 {
  background: #7e57c2 !important;
}

.bg-deep-purple-6 {
  background: #673ab7 !important;
}

.bg-deep-purple-7 {
  background: #5e35b1 !important;
}

.bg-deep-purple-8 {
  background: #512da8 !important;
}

.bg-deep-purple-9 {
  background: #4527a0 !important;
}

.bg-deep-purple-10 {
  background: #311b92 !important;
}

.bg-deep-purple-11 {
  background: #b388ff !important;
}

.bg-deep-purple-12 {
  background: #7c4dff !important;
}

.bg-deep-purple-13 {
  background: #651fff !important;
}

.bg-deep-purple-14 {
  background: #6200ea !important;
}

.bg-indigo {
  background: #3f51b5 !important;
}

.bg-indigo-1 {
  background: #e8eaf6 !important;
}

.bg-indigo-2 {
  background: #c5cae9 !important;
}

.bg-indigo-3 {
  background: #9fa8da !important;
}

.bg-indigo-4 {
  background: #7986cb !important;
}

.bg-indigo-5 {
  background: #5c6bc0 !important;
}

.bg-indigo-6 {
  background: #3f51b5 !important;
}

.bg-indigo-7 {
  background: #3949ab !important;
}

.bg-indigo-8 {
  background: #303f9f !important;
}

.bg-indigo-9 {
  background: #283593 !important;
}

.bg-indigo-10 {
  background: #1a237e !important;
}

.bg-indigo-11 {
  background: #8c9eff !important;
}

.bg-indigo-12 {
  background: #536dfe !important;
}

.bg-indigo-13 {
  background: #3d5afe !important;
}

.bg-indigo-14 {
  background: #304ffe !important;
}

.bg-blue {
  background: #2196f3 !important;
}

.bg-blue-1 {
  background: #e3f2fd !important;
}

.bg-blue-2 {
  background: #bbdefb !important;
}

.bg-blue-3 {
  background: #90caf9 !important;
}

.bg-blue-4 {
  background: #64b5f6 !important;
}

.bg-blue-5 {
  background: #42a5f5 !important;
}

.bg-blue-6 {
  background: #2196f3 !important;
}

.bg-blue-7 {
  background: #1e88e5 !important;
}

.bg-blue-8 {
  background: #1976d2 !important;
}

.bg-blue-9 {
  background: #1565c0 !important;
}

.bg-blue-10 {
  background: #0d47a1 !important;
}

.bg-blue-11 {
  background: #82b1ff !important;
}

.bg-blue-12 {
  background: #448aff !important;
}

.bg-blue-13 {
  background: #2979ff !important;
}

.bg-blue-14 {
  background: #2962ff !important;
}

.bg-light-blue {
  background: #03a9f4 !important;
}

.bg-light-blue-1 {
  background: #e1f5fe !important;
}

.bg-light-blue-2 {
  background: #b3e5fc !important;
}

.bg-light-blue-3 {
  background: #81d4fa !important;
}

.bg-light-blue-4 {
  background: #4fc3f7 !important;
}

.bg-light-blue-5 {
  background: #29b6f6 !important;
}

.bg-light-blue-6 {
  background: #03a9f4 !important;
}

.bg-light-blue-7 {
  background: #039be5 !important;
}

.bg-light-blue-8 {
  background: #0288d1 !important;
}

.bg-light-blue-9 {
  background: #0277bd !important;
}

.bg-light-blue-10 {
  background: #01579b !important;
}

.bg-light-blue-11 {
  background: #80d8ff !important;
}

.bg-light-blue-12 {
  background: #40c4ff !important;
}

.bg-light-blue-13 {
  background: #00b0ff !important;
}

.bg-light-blue-14 {
  background: #0091ea !important;
}

.bg-cyan {
  background: #00bcd4 !important;
}

.bg-cyan-1 {
  background: #e0f7fa !important;
}

.bg-cyan-2 {
  background: #b2ebf2 !important;
}

.bg-cyan-3 {
  background: #80deea !important;
}

.bg-cyan-4 {
  background: #4dd0e1 !important;
}

.bg-cyan-5 {
  background: #26c6da !important;
}

.bg-cyan-6 {
  background: #00bcd4 !important;
}

.bg-cyan-7 {
  background: #00acc1 !important;
}

.bg-cyan-8 {
  background: #0097a7 !important;
}

.bg-cyan-9 {
  background: #00838f !important;
}

.bg-cyan-10 {
  background: #006064 !important;
}

.bg-cyan-11 {
  background: #84ffff !important;
}

.bg-cyan-12 {
  background: #18ffff !important;
}

.bg-cyan-13 {
  background: #00e5ff !important;
}

.bg-cyan-14 {
  background: #00b8d4 !important;
}

.bg-teal {
  background: #009688 !important;
}

.bg-teal-1 {
  background: #e0f2f1 !important;
}

.bg-teal-2 {
  background: #b2dfdb !important;
}

.bg-teal-3 {
  background: #80cbc4 !important;
}

.bg-teal-4 {
  background: #4db6ac !important;
}

.bg-teal-5 {
  background: #26a69a !important;
}

.bg-teal-6 {
  background: #009688 !important;
}

.bg-teal-7 {
  background: #00897b !important;
}

.bg-teal-8 {
  background: #00796b !important;
}

.bg-teal-9 {
  background: #00695c !important;
}

.bg-teal-10 {
  background: #004d40 !important;
}

.bg-teal-11 {
  background: #a7ffeb !important;
}

.bg-teal-12 {
  background: #64ffda !important;
}

.bg-teal-13 {
  background: #1de9b6 !important;
}

.bg-teal-14 {
  background: #00bfa5 !important;
}

.bg-green {
  background: #4caf50 !important;
}

.bg-green-1 {
  background: #e8f5e9 !important;
}

.bg-green-2 {
  background: #c8e6c9 !important;
}

.bg-green-3 {
  background: #a5d6a7 !important;
}

.bg-green-4 {
  background: #81c784 !important;
}

.bg-green-5 {
  background: #66bb6a !important;
}

.bg-green-6 {
  background: #4caf50 !important;
}

.bg-green-7 {
  background: #43a047 !important;
}

.bg-green-8 {
  background: #388e3c !important;
}

.bg-green-9 {
  background: #2e7d32 !important;
}

.bg-green-10 {
  background: #1b5e20 !important;
}

.bg-green-11 {
  background: #b9f6ca !important;
}

.bg-green-12 {
  background: #69f0ae !important;
}

.bg-green-13 {
  background: #00e676 !important;
}

.bg-green-14 {
  background: #00c853 !important;
}

.bg-light-green {
  background: #8bc34a !important;
}

.bg-light-green-1 {
  background: #f1f8e9 !important;
}

.bg-light-green-2 {
  background: #dcedc8 !important;
}

.bg-light-green-3 {
  background: #c5e1a5 !important;
}

.bg-light-green-4 {
  background: #aed581 !important;
}

.bg-light-green-5 {
  background: #9ccc65 !important;
}

.bg-light-green-6 {
  background: #8bc34a !important;
}

.bg-light-green-7 {
  background: #7cb342 !important;
}

.bg-light-green-8 {
  background: #689f38 !important;
}

.bg-light-green-9 {
  background: #558b2f !important;
}

.bg-light-green-10 {
  background: #33691e !important;
}

.bg-light-green-11 {
  background: #ccff90 !important;
}

.bg-light-green-12 {
  background: #b2ff59 !important;
}

.bg-light-green-13 {
  background: #76ff03 !important;
}

.bg-light-green-14 {
  background: #64dd17 !important;
}

.bg-lime {
  background: #cddc39 !important;
}

.bg-lime-1 {
  background: #f9fbe7 !important;
}

.bg-lime-2 {
  background: #f0f4c3 !important;
}

.bg-lime-3 {
  background: #e6ee9c !important;
}

.bg-lime-4 {
  background: #dce775 !important;
}

.bg-lime-5 {
  background: #d4e157 !important;
}

.bg-lime-6 {
  background: #cddc39 !important;
}

.bg-lime-7 {
  background: #c0ca33 !important;
}

.bg-lime-8 {
  background: #afb42b !important;
}

.bg-lime-9 {
  background: #9e9d24 !important;
}

.bg-lime-10 {
  background: #827717 !important;
}

.bg-lime-11 {
  background: #f4ff81 !important;
}

.bg-lime-12 {
  background: #eeff41 !important;
}

.bg-lime-13 {
  background: #c6ff00 !important;
}

.bg-lime-14 {
  background: #aeea00 !important;
}

.bg-yellow {
  background: #ffeb3b !important;
}

.bg-yellow-1 {
  background: #fffde7 !important;
}

.bg-yellow-2 {
  background: #fff9c4 !important;
}

.bg-yellow-3 {
  background: #fff59d !important;
}

.bg-yellow-4 {
  background: #fff176 !important;
}

.bg-yellow-5 {
  background: #ffee58 !important;
}

.bg-yellow-6 {
  background: #ffeb3b !important;
}

.bg-yellow-7 {
  background: #fdd835 !important;
}

.bg-yellow-8 {
  background: #fbc02d !important;
}

.bg-yellow-9 {
  background: #f9a825 !important;
}

.bg-yellow-10 {
  background: #f57f17 !important;
}

.bg-yellow-11 {
  background: #ffff8d !important;
}

.bg-yellow-12 {
  background: #ffff00 !important;
}

.bg-yellow-13 {
  background: #ffea00 !important;
}

.bg-yellow-14 {
  background: #ffd600 !important;
}

.bg-amber {
  background: #ffc107 !important;
}

.bg-amber-1 {
  background: #fff8e1 !important;
}

.bg-amber-2 {
  background: #ffecb3 !important;
}

.bg-amber-3 {
  background: #ffe082 !important;
}

.bg-amber-4 {
  background: #ffd54f !important;
}

.bg-amber-5 {
  background: #ffca28 !important;
}

.bg-amber-6 {
  background: #ffc107 !important;
}

.bg-amber-7 {
  background: #ffb300 !important;
}

.bg-amber-8 {
  background: #ffa000 !important;
}

.bg-amber-9 {
  background: #ff8f00 !important;
}

.bg-amber-10 {
  background: #ff6f00 !important;
}

.bg-amber-11 {
  background: #ffe57f !important;
}

.bg-amber-12 {
  background: #ffd740 !important;
}

.bg-amber-13 {
  background: #ffc400 !important;
}

.bg-amber-14 {
  background: #ffab00 !important;
}

.bg-orange {
  background: #ff9800 !important;
}

.bg-orange-1 {
  background: #fff3e0 !important;
}

.bg-orange-2 {
  background: #ffe0b2 !important;
}

.bg-orange-3 {
  background: #ffcc80 !important;
}

.bg-orange-4 {
  background: #ffb74d !important;
}

.bg-orange-5 {
  background: #ffa726 !important;
}

.bg-orange-6 {
  background: #ff9800 !important;
}

.bg-orange-7 {
  background: #fb8c00 !important;
}

.bg-orange-8 {
  background: #f57c00 !important;
}

.bg-orange-9 {
  background: #ef6c00 !important;
}

.bg-orange-10 {
  background: #e65100 !important;
}

.bg-orange-11 {
  background: #ffd180 !important;
}

.bg-orange-12 {
  background: #ffab40 !important;
}

.bg-orange-13 {
  background: #ff9100 !important;
}

.bg-orange-14 {
  background: #ff6d00 !important;
}

.bg-deep-orange {
  background: #ff5722 !important;
}

.bg-deep-orange-1 {
  background: #fbe9e7 !important;
}

.bg-deep-orange-2 {
  background: #ffccbc !important;
}

.bg-deep-orange-3 {
  background: #ffab91 !important;
}

.bg-deep-orange-4 {
  background: #ff8a65 !important;
}

.bg-deep-orange-5 {
  background: #ff7043 !important;
}

.bg-deep-orange-6 {
  background: #ff5722 !important;
}

.bg-deep-orange-7 {
  background: #f4511e !important;
}

.bg-deep-orange-8 {
  background: #e64a19 !important;
}

.bg-deep-orange-9 {
  background: #d84315 !important;
}

.bg-deep-orange-10 {
  background: #bf360c !important;
}

.bg-deep-orange-11 {
  background: #ff9e80 !important;
}

.bg-deep-orange-12 {
  background: #ff6e40 !important;
}

.bg-deep-orange-13 {
  background: #ff3d00 !important;
}

.bg-deep-orange-14 {
  background: #dd2c00 !important;
}

.bg-brown {
  background: #795548 !important;
}

.bg-brown-1 {
  background: #efebe9 !important;
}

.bg-brown-2 {
  background: #d7ccc8 !important;
}

.bg-brown-3 {
  background: #bcaaa4 !important;
}

.bg-brown-4 {
  background: #a1887f !important;
}

.bg-brown-5 {
  background: #8d6e63 !important;
}

.bg-brown-6 {
  background: #795548 !important;
}

.bg-brown-7 {
  background: #6d4c41 !important;
}

.bg-brown-8 {
  background: #5d4037 !important;
}

.bg-brown-9 {
  background: #4e342e !important;
}

.bg-brown-10 {
  background: #3e2723 !important;
}

.bg-brown-11 {
  background: #d7ccc8 !important;
}

.bg-brown-12 {
  background: #bcaaa4 !important;
}

.bg-brown-13 {
  background: #8d6e63 !important;
}

.bg-brown-14 {
  background: #5d4037 !important;
}

.bg-grey {
  background: #9e9e9e !important;
}

.bg-grey-1 {
  background: #fafafa !important;
}

.bg-grey-2 {
  background: #f5f5f5 !important;
}

.bg-grey-3 {
  background: #eeeeee !important;
}

.bg-grey-4 {
  background: #e0e0e0 !important;
}

.bg-grey-5 {
  background: #bdbdbd !important;
}

.bg-grey-6 {
  background: #9e9e9e !important;
}

.bg-grey-7 {
  background: #757575 !important;
}

.bg-grey-8 {
  background: #616161 !important;
}

.bg-grey-9 {
  background: #424242 !important;
}

.bg-grey-10 {
  background: #212121 !important;
}

.bg-grey-11 {
  background: #f5f5f5 !important;
}

.bg-grey-12 {
  background: #eeeeee !important;
}

.bg-grey-13 {
  background: #bdbdbd !important;
}

.bg-grey-14 {
  background: #616161 !important;
}

.bg-blue-grey {
  background: #607d8b !important;
}

.bg-blue-grey-1 {
  background: #eceff1 !important;
}

.bg-blue-grey-2 {
  background: #cfd8dc !important;
}

.bg-blue-grey-3 {
  background: #b0bec5 !important;
}

.bg-blue-grey-4 {
  background: #90a4ae !important;
}

.bg-blue-grey-5 {
  background: #78909c !important;
}

.bg-blue-grey-6 {
  background: #607d8b !important;
}

.bg-blue-grey-7 {
  background: #546e7a !important;
}

.bg-blue-grey-8 {
  background: #455a64 !important;
}

.bg-blue-grey-9 {
  background: #37474f !important;
}

.bg-blue-grey-10 {
  background: #263238 !important;
}

.bg-blue-grey-11 {
  background: #cfd8dc !important;
}

.bg-blue-grey-12 {
  background: #b0bec5 !important;
}

.bg-blue-grey-13 {
  background: #78909c !important;
}

.bg-blue-grey-14 {
  background: #455a64 !important;
}

.shadow-transition {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12);
}

.shadow-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.12);
}

.shadow-3 {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12);
}

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
}

.shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12);
}

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}

.shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -5px 8px rgba(0, 0, 0, 0.14), 0 -1px 14px rgba(0, 0, 0, 0.12);
}

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
}

.shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12);
}

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12);
}

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
}

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12);
}

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12);
}

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12);
}

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12);
}

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12);
}

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12);
}

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12);
}

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12);
}

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12);
}

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12);
}

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12);
}

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12);
}

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12);
}

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12);
}

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12);
}

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12);
}

.inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}

.inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}

body.body--dark .shadow-1 {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(255, 255, 255, 0.2), 0 -1px 1px rgba(255, 255, 255, 0.14), 0 -2px 1px -1px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-2 {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(255, 255, 255, 0.2), 0 -2px 2px rgba(255, 255, 255, 0.14), 0 -3px 1px -2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-3 {
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2), 0 3px 4px rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(255, 255, 255, 0.2), 0 -3px 4px rgba(255, 255, 255, 0.14), 0 -3px 3px -2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px rgba(255, 255, 255, 0.14), 0 1px 10px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(255, 255, 255, 0.2), 0 -4px 5px rgba(255, 255, 255, 0.14), 0 -1px 10px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 5px 8px rgba(255, 255, 255, 0.14), 0 1px 14px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -5px 8px rgba(255, 255, 255, 0.14), 0 -1px 14px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 6px 10px rgba(255, 255, 255, 0.14), 0 1px 18px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -6px 10px rgba(255, 255, 255, 0.14), 0 -1px 18px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(255, 255, 255, 0.2), 0 7px 10px 1px rgba(255, 255, 255, 0.14), 0 2px 16px 1px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(255, 255, 255, 0.2), 0 -7px 10px 1px rgba(255, 255, 255, 0.14), 0 -2px 16px 1px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(255, 255, 255, 0.2), 0 8px 10px 1px rgba(255, 255, 255, 0.14), 0 3px 14px 2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(255, 255, 255, 0.2), 0 -8px 10px 1px rgba(255, 255, 255, 0.14), 0 -3px 14px 2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(255, 255, 255, 0.2), 0 9px 12px 1px rgba(255, 255, 255, 0.14), 0 3px 16px 2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(255, 255, 255, 0.2), 0 -9px 12px 1px rgba(255, 255, 255, 0.14), 0 -3px 16px 2px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(255, 255, 255, 0.2), 0 10px 14px 1px rgba(255, 255, 255, 0.14), 0 4px 18px 3px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(255, 255, 255, 0.2), 0 -10px 14px 1px rgba(255, 255, 255, 0.14), 0 -4px 18px 3px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(255, 255, 255, 0.2), 0 11px 15px 1px rgba(255, 255, 255, 0.14), 0 4px 20px 3px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(255, 255, 255, 0.2), 0 -11px 15px 1px rgba(255, 255, 255, 0.14), 0 -4px 20px 3px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 12px 17px 2px rgba(255, 255, 255, 0.14), 0 5px 22px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -12px 17px 2px rgba(255, 255, 255, 0.14), 0 -5px 22px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 13px 19px 2px rgba(255, 255, 255, 0.14), 0 5px 24px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -13px 19px 2px rgba(255, 255, 255, 0.14), 0 -5px 24px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(255, 255, 255, 0.2), 0 14px 21px 2px rgba(255, 255, 255, 0.14), 0 5px 26px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(255, 255, 255, 0.2), 0 -14px 21px 2px rgba(255, 255, 255, 0.14), 0 -5px 26px 4px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(255, 255, 255, 0.2), 0 15px 22px 2px rgba(255, 255, 255, 0.14), 0 6px 28px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(255, 255, 255, 0.2), 0 -15px 22px 2px rgba(255, 255, 255, 0.14), 0 -6px 28px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(255, 255, 255, 0.2), 0 16px 24px 2px rgba(255, 255, 255, 0.14), 0 6px 30px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(255, 255, 255, 0.2), 0 -16px 24px 2px rgba(255, 255, 255, 0.14), 0 -6px 30px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(255, 255, 255, 0.2), 0 17px 26px 2px rgba(255, 255, 255, 0.14), 0 6px 32px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(255, 255, 255, 0.2), 0 -17px 26px 2px rgba(255, 255, 255, 0.14), 0 -6px 32px 5px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(255, 255, 255, 0.2), 0 18px 28px 2px rgba(255, 255, 255, 0.14), 0 7px 34px 6px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(255, 255, 255, 0.2), 0 -18px 28px 2px rgba(255, 255, 255, 0.14), 0 -7px 34px 6px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(255, 255, 255, 0.2), 0 19px 29px 2px rgba(255, 255, 255, 0.14), 0 7px 36px 6px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(255, 255, 255, 0.2), 0 -19px 29px 2px rgba(255, 255, 255, 0.14), 0 -7px 36px 6px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 20px 31px 3px rgba(255, 255, 255, 0.14), 0 8px 38px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -20px 31px 3px rgba(255, 255, 255, 0.14), 0 -8px 38px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 21px 33px 3px rgba(255, 255, 255, 0.14), 0 8px 40px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -21px 33px 3px rgba(255, 255, 255, 0.14), 0 -8px 40px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(255, 255, 255, 0.2), 0 22px 35px 3px rgba(255, 255, 255, 0.14), 0 8px 42px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(255, 255, 255, 0.2), 0 -22px 35px 3px rgba(255, 255, 255, 0.14), 0 -8px 42px 7px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(255, 255, 255, 0.2), 0 23px 36px 3px rgba(255, 255, 255, 0.14), 0 9px 44px 8px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(255, 255, 255, 0.2), 0 -23px 36px 3px rgba(255, 255, 255, 0.14), 0 -9px 44px 8px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(255, 255, 255, 0.2), 0 24px 38px 3px rgba(255, 255, 255, 0.14), 0 9px 46px 8px rgba(255, 255, 255, 0.12);
}

body.body--dark .shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(255, 255, 255, 0.2), 0 -24px 38px 3px rgba(255, 255, 255, 0.14), 0 -9px 46px 8px rgba(255, 255, 255, 0.12);
}

body.body--dark .inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}

body.body--dark .inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}

.no-shadow, .shadow-0 {
  box-shadow: none !important;
}

.z-marginals {
  z-index: 2000;
}

.z-notify {
  z-index: 9500;
}

.z-fullscreen {
  z-index: 6000;
}

.z-inherit {
  z-index: inherit !important;
}

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

.row.inline, .column.inline, .flex.inline {
  display: inline-flex;
}

.row.reverse {
  flex-direction: row-reverse;
}

.column {
  flex-direction: column;
}

.column.reverse {
  flex-direction: column-reverse;
}

.wrap {
  flex-wrap: wrap;
}

.no-wrap {
  flex-wrap: nowrap;
}

.reverse-wrap {
  flex-wrap: wrap-reverse;
}

.order-first {
  order: -10000;
}

.order-last {
  order: 10000;
}

.order-none {
  order: 0;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center, .flex-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center, .flex-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-stretch {
  align-content: stretch;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

[dir="ltr"] .q-gutter-x-none, [dir="ltr"] .q-gutter-none {
  margin-left: 0;
}

[dir="rtl"] .q-gutter-x-none, [dir="rtl"] .q-gutter-none {
  margin-right: 0;
}

[dir="ltr"] .q-gutter-x-none > *, [dir="ltr"] .q-gutter-none > * {
  margin-left: 0;
}

[dir="rtl"] .q-gutter-x-none > *, [dir="rtl"] .q-gutter-none > * {
  margin-right: 0;
}

.q-gutter-y-none, .q-gutter-none {
  margin-top: 0;
}

.q-gutter-y-none > *, .q-gutter-none > * {
  margin-top: 0;
}

[dir="ltr"] .q-col-gutter-x-none, [dir="ltr"] .q-col-gutter-none {
  margin-left: 0;
}

[dir="rtl"] .q-col-gutter-x-none, [dir="rtl"] .q-col-gutter-none {
  margin-right: 0;
}

[dir="ltr"] .q-col-gutter-x-none > *, [dir="ltr"] .q-col-gutter-none > * {
  padding-left: 0;
}

[dir="rtl"] .q-col-gutter-x-none > *, [dir="rtl"] .q-col-gutter-none > * {
  padding-right: 0;
}

.q-col-gutter-y-none, .q-col-gutter-none {
  margin-top: 0;
}

.q-col-gutter-y-none > *, .q-col-gutter-none > * {
  padding-top: 0;
}

[dir="ltr"] .q-gutter-x-xs, [dir="ltr"] .q-gutter-xs {
  margin-left: -4px;
}

[dir="rtl"] .q-gutter-x-xs, [dir="rtl"] .q-gutter-xs {
  margin-right: -4px;
}

[dir="ltr"] .q-gutter-x-xs > *, [dir="ltr"] .q-gutter-xs > * {
  margin-left: 4px;
}

[dir="rtl"] .q-gutter-x-xs > *, [dir="rtl"] .q-gutter-xs > * {
  margin-right: 4px;
}

.q-gutter-y-xs, .q-gutter-xs {
  margin-top: -4px;
}

.q-gutter-y-xs > *, .q-gutter-xs > * {
  margin-top: 4px;
}

[dir="ltr"] .q-col-gutter-x-xs, [dir="ltr"] .q-col-gutter-xs {
  margin-left: -4px;
}

[dir="rtl"] .q-col-gutter-x-xs, [dir="rtl"] .q-col-gutter-xs {
  margin-right: -4px;
}

[dir="ltr"] .q-col-gutter-x-xs > *, [dir="ltr"] .q-col-gutter-xs > * {
  padding-left: 4px;
}

[dir="rtl"] .q-col-gutter-x-xs > *, [dir="rtl"] .q-col-gutter-xs > * {
  padding-right: 4px;
}

.q-col-gutter-y-xs, .q-col-gutter-xs {
  margin-top: -4px;
}

.q-col-gutter-y-xs > *, .q-col-gutter-xs > * {
  padding-top: 4px;
}

[dir="ltr"] .q-gutter-x-sm, [dir="ltr"] .q-gutter-sm {
  margin-left: -8px;
}

[dir="rtl"] .q-gutter-x-sm, [dir="rtl"] .q-gutter-sm {
  margin-right: -8px;
}

[dir="ltr"] .q-gutter-x-sm > *, [dir="ltr"] .q-gutter-sm > * {
  margin-left: 8px;
}

[dir="rtl"] .q-gutter-x-sm > *, [dir="rtl"] .q-gutter-sm > * {
  margin-right: 8px;
}

.q-gutter-y-sm, .q-gutter-sm {
  margin-top: -8px;
}

.q-gutter-y-sm > *, .q-gutter-sm > * {
  margin-top: 8px;
}

[dir="ltr"] .q-col-gutter-x-sm, [dir="ltr"] .q-col-gutter-sm {
  margin-left: -8px;
}

[dir="rtl"] .q-col-gutter-x-sm, [dir="rtl"] .q-col-gutter-sm {
  margin-right: -8px;
}

[dir="ltr"] .q-col-gutter-x-sm > *, [dir="ltr"] .q-col-gutter-sm > * {
  padding-left: 8px;
}

[dir="rtl"] .q-col-gutter-x-sm > *, [dir="rtl"] .q-col-gutter-sm > * {
  padding-right: 8px;
}

.q-col-gutter-y-sm, .q-col-gutter-sm {
  margin-top: -8px;
}

.q-col-gutter-y-sm > *, .q-col-gutter-sm > * {
  padding-top: 8px;
}

[dir="ltr"] .q-gutter-x-md, [dir="ltr"] .q-gutter-md {
  margin-left: -16px;
}

[dir="rtl"] .q-gutter-x-md, [dir="rtl"] .q-gutter-md {
  margin-right: -16px;
}

[dir="ltr"] .q-gutter-x-md > *, [dir="ltr"] .q-gutter-md > * {
  margin-left: 16px;
}

[dir="rtl"] .q-gutter-x-md > *, [dir="rtl"] .q-gutter-md > * {
  margin-right: 16px;
}

.q-gutter-y-md, .q-gutter-md {
  margin-top: -16px;
}

.q-gutter-y-md > *, .q-gutter-md > * {
  margin-top: 16px;
}

[dir="ltr"] .q-col-gutter-x-md, [dir="ltr"] .q-col-gutter-md {
  margin-left: -16px;
}

[dir="rtl"] .q-col-gutter-x-md, [dir="rtl"] .q-col-gutter-md {
  margin-right: -16px;
}

[dir="ltr"] .q-col-gutter-x-md > *, [dir="ltr"] .q-col-gutter-md > * {
  padding-left: 16px;
}

[dir="rtl"] .q-col-gutter-x-md > *, [dir="rtl"] .q-col-gutter-md > * {
  padding-right: 16px;
}

.q-col-gutter-y-md, .q-col-gutter-md {
  margin-top: -16px;
}

.q-col-gutter-y-md > *, .q-col-gutter-md > * {
  padding-top: 16px;
}

[dir="ltr"] .q-gutter-x-lg, [dir="ltr"] .q-gutter-lg {
  margin-left: -24px;
}

[dir="rtl"] .q-gutter-x-lg, [dir="rtl"] .q-gutter-lg {
  margin-right: -24px;
}

[dir="ltr"] .q-gutter-x-lg > *, [dir="ltr"] .q-gutter-lg > * {
  margin-left: 24px;
}

[dir="rtl"] .q-gutter-x-lg > *, [dir="rtl"] .q-gutter-lg > * {
  margin-right: 24px;
}

.q-gutter-y-lg, .q-gutter-lg {
  margin-top: -24px;
}

.q-gutter-y-lg > *, .q-gutter-lg > * {
  margin-top: 24px;
}

[dir="ltr"] .q-col-gutter-x-lg, [dir="ltr"] .q-col-gutter-lg {
  margin-left: -24px;
}

[dir="rtl"] .q-col-gutter-x-lg, [dir="rtl"] .q-col-gutter-lg {
  margin-right: -24px;
}

[dir="ltr"] .q-col-gutter-x-lg > *, [dir="ltr"] .q-col-gutter-lg > * {
  padding-left: 24px;
}

[dir="rtl"] .q-col-gutter-x-lg > *, [dir="rtl"] .q-col-gutter-lg > * {
  padding-right: 24px;
}

.q-col-gutter-y-lg, .q-col-gutter-lg {
  margin-top: -24px;
}

.q-col-gutter-y-lg > *, .q-col-gutter-lg > * {
  padding-top: 24px;
}

[dir="ltr"] .q-gutter-x-xl, [dir="ltr"] .q-gutter-xl {
  margin-left: -48px;
}

[dir="rtl"] .q-gutter-x-xl, [dir="rtl"] .q-gutter-xl {
  margin-right: -48px;
}

[dir="ltr"] .q-gutter-x-xl > *, [dir="ltr"] .q-gutter-xl > * {
  margin-left: 48px;
}

[dir="rtl"] .q-gutter-x-xl > *, [dir="rtl"] .q-gutter-xl > * {
  margin-right: 48px;
}

.q-gutter-y-xl, .q-gutter-xl {
  margin-top: -48px;
}

.q-gutter-y-xl > *, .q-gutter-xl > * {
  margin-top: 48px;
}

[dir="ltr"] .q-col-gutter-x-xl, [dir="ltr"] .q-col-gutter-xl {
  margin-left: -48px;
}

[dir="rtl"] .q-col-gutter-x-xl, [dir="rtl"] .q-col-gutter-xl {
  margin-right: -48px;
}

[dir="ltr"] .q-col-gutter-x-xl > *, [dir="ltr"] .q-col-gutter-xl > * {
  padding-left: 48px;
}

[dir="rtl"] .q-col-gutter-x-xl > *, [dir="rtl"] .q-col-gutter-xl > * {
  padding-right: 48px;
}

.q-col-gutter-y-xl, .q-col-gutter-xl {
  margin-top: -48px;
}

.q-col-gutter-y-xl > *, .q-col-gutter-xl > * {
  padding-top: 48px;
}

@media (min-width: 0) {
  .row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-12, .row > .col-xs-12, .row > .col-11, .row > .col-xs-11, .row > .col-10, .row > .col-xs-10, .row > .col-9, .row > .col-xs-9, .row > .col-8, .row > .col-xs-8, .row > .col-7, .row > .col-xs-7, .row > .col-6, .row > .col-xs-6, .row > .col-5, .row > .col-xs-5, .row > .col-4, .row > .col-xs-4, .row > .col-3, .row > .col-xs-3, .row > .col-2, .row > .col-xs-2, .row > .col-1, .row > .col-xs-1, .row > .col-0, .row > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-12, .column > .col-xs-12, .column > .col-11, .column > .col-xs-11, .column > .col-10, .column > .col-xs-10, .column > .col-9, .column > .col-xs-9, .column > .col-8, .column > .col-xs-8, .column > .col-7, .column > .col-xs-7, .column > .col-6, .column > .col-xs-6, .column > .col-5, .column > .col-xs-5, .column > .col-4, .column > .col-xs-4, .column > .col-3, .column > .col-xs-3, .column > .col-2, .column > .col-xs-2, .column > .col-1, .column > .col-xs-1, .column > .col-0, .column > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col, .col-xs {
    flex: 10000 1 0%;
  }

  .col-auto, .col-xs-auto, .col-12, .col-xs-12, .col-11, .col-xs-11, .col-10, .col-xs-10, .col-9, .col-xs-9, .col-8, .col-xs-8, .col-7, .col-xs-7, .col-6, .col-xs-6, .col-5, .col-xs-5, .col-4, .col-xs-4, .col-3, .col-xs-3, .col-2, .col-xs-2, .col-1, .col-xs-1, .col-0, .col-xs-0 {
    flex: 0 0 auto;
  }

  .col-grow, .col-xs-grow {
    flex: 1 0 auto;
  }

  .col-shrink, .col-xs-shrink {
    flex: 0 1 auto;
  }

  .row > .col-0, .row > .col-xs-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row > .offset-0, [dir="ltr"] .row > .offset-xs-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row > .offset-0, [dir="rtl"] .row > .offset-xs-0 {
    margin-right: 0%;
  }

  .column > .col-0, .column > .col-xs-0 {
    height: 0%;
    width: auto;
  }

  .row > .col-1, .row > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row > .offset-1, [dir="ltr"] .row > .offset-xs-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row > .offset-1, [dir="rtl"] .row > .offset-xs-1 {
    margin-right: 8.3333%;
  }

  .column > .col-1, .column > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }

  .row > .col-2, .row > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row > .offset-2, [dir="ltr"] .row > .offset-xs-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row > .offset-2, [dir="rtl"] .row > .offset-xs-2 {
    margin-right: 16.6667%;
  }

  .column > .col-2, .column > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }

  .row > .col-3, .row > .col-xs-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row > .offset-3, [dir="ltr"] .row > .offset-xs-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row > .offset-3, [dir="rtl"] .row > .offset-xs-3 {
    margin-right: 25%;
  }

  .column > .col-3, .column > .col-xs-3 {
    height: 25%;
    width: auto;
  }

  .row > .col-4, .row > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row > .offset-4, [dir="ltr"] .row > .offset-xs-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row > .offset-4, [dir="rtl"] .row > .offset-xs-4 {
    margin-right: 33.3333%;
  }

  .column > .col-4, .column > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }

  .row > .col-5, .row > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row > .offset-5, [dir="ltr"] .row > .offset-xs-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row > .offset-5, [dir="rtl"] .row > .offset-xs-5 {
    margin-right: 41.6667%;
  }

  .column > .col-5, .column > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }

  .row > .col-6, .row > .col-xs-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row > .offset-6, [dir="ltr"] .row > .offset-xs-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row > .offset-6, [dir="rtl"] .row > .offset-xs-6 {
    margin-right: 50%;
  }

  .column > .col-6, .column > .col-xs-6 {
    height: 50%;
    width: auto;
  }

  .row > .col-7, .row > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row > .offset-7, [dir="ltr"] .row > .offset-xs-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row > .offset-7, [dir="rtl"] .row > .offset-xs-7 {
    margin-right: 58.3333%;
  }

  .column > .col-7, .column > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }

  .row > .col-8, .row > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row > .offset-8, [dir="ltr"] .row > .offset-xs-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row > .offset-8, [dir="rtl"] .row > .offset-xs-8 {
    margin-right: 66.6667%;
  }

  .column > .col-8, .column > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }

  .row > .col-9, .row > .col-xs-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row > .offset-9, [dir="ltr"] .row > .offset-xs-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row > .offset-9, [dir="rtl"] .row > .offset-xs-9 {
    margin-right: 75%;
  }

  .column > .col-9, .column > .col-xs-9 {
    height: 75%;
    width: auto;
  }

  .row > .col-10, .row > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row > .offset-10, [dir="ltr"] .row > .offset-xs-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row > .offset-10, [dir="rtl"] .row > .offset-xs-10 {
    margin-right: 83.3333%;
  }

  .column > .col-10, .column > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }

  .row > .col-11, .row > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row > .offset-11, [dir="ltr"] .row > .offset-xs-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row > .offset-11, [dir="rtl"] .row > .offset-xs-11 {
    margin-right: 91.6667%;
  }

  .column > .col-11, .column > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }

  .row > .col-12, .row > .col-xs-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row > .offset-12, [dir="ltr"] .row > .offset-xs-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row > .offset-12, [dir="rtl"] .row > .offset-xs-12 {
    margin-right: 100%;
  }

  .column > .col-12, .column > .col-xs-12 {
    height: 100%;
    width: auto;
  }

  .row > .col-all {
    height: auto;
    flex: 0 0 100%;
  }
}

@media (min-width: 600px) {
  .row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-12, .row > .col-sm-11, .row > .col-sm-10, .row > .col-sm-9, .row > .col-sm-8, .row > .col-sm-7, .row > .col-sm-6, .row > .col-sm-5, .row > .col-sm-4, .row > .col-sm-3, .row > .col-sm-2, .row > .col-sm-1, .row > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-12, .column > .col-sm-11, .column > .col-sm-10, .column > .col-sm-9, .column > .col-sm-8, .column > .col-sm-7, .column > .col-sm-6, .column > .col-sm-5, .column > .col-sm-4, .column > .col-sm-3, .column > .col-sm-2, .column > .col-sm-1, .column > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-sm {
    flex: 10000 1 0%;
  }

  .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-0 {
    flex: 0 0 auto;
  }

  .col-sm-grow {
    flex: 1 0 auto;
  }

  .col-sm-shrink {
    flex: 0 1 auto;
  }

  .row > .col-sm-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row > .offset-sm-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row > .offset-sm-0 {
    margin-right: 0%;
  }

  .column > .col-sm-0 {
    height: 0%;
    width: auto;
  }

  .row > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row > .offset-sm-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row > .offset-sm-1 {
    margin-right: 8.3333%;
  }

  .column > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }

  .row > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row > .offset-sm-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row > .offset-sm-2 {
    margin-right: 16.6667%;
  }

  .column > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }

  .row > .col-sm-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row > .offset-sm-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row > .offset-sm-3 {
    margin-right: 25%;
  }

  .column > .col-sm-3 {
    height: 25%;
    width: auto;
  }

  .row > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row > .offset-sm-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row > .offset-sm-4 {
    margin-right: 33.3333%;
  }

  .column > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }

  .row > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row > .offset-sm-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row > .offset-sm-5 {
    margin-right: 41.6667%;
  }

  .column > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }

  .row > .col-sm-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row > .offset-sm-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row > .offset-sm-6 {
    margin-right: 50%;
  }

  .column > .col-sm-6 {
    height: 50%;
    width: auto;
  }

  .row > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row > .offset-sm-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row > .offset-sm-7 {
    margin-right: 58.3333%;
  }

  .column > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }

  .row > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row > .offset-sm-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row > .offset-sm-8 {
    margin-right: 66.6667%;
  }

  .column > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }

  .row > .col-sm-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row > .offset-sm-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row > .offset-sm-9 {
    margin-right: 75%;
  }

  .column > .col-sm-9 {
    height: 75%;
    width: auto;
  }

  .row > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row > .offset-sm-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row > .offset-sm-10 {
    margin-right: 83.3333%;
  }

  .column > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }

  .row > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row > .offset-sm-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row > .offset-sm-11 {
    margin-right: 91.6667%;
  }

  .column > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }

  .row > .col-sm-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row > .offset-sm-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row > .offset-sm-12 {
    margin-right: 100%;
  }

  .column > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}

@media (min-width: 960px) {
  .row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-12, .row > .col-md-11, .row > .col-md-10, .row > .col-md-9, .row > .col-md-8, .row > .col-md-7, .row > .col-md-6, .row > .col-md-5, .row > .col-md-4, .row > .col-md-3, .row > .col-md-2, .row > .col-md-1, .row > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-12, .column > .col-md-11, .column > .col-md-10, .column > .col-md-9, .column > .col-md-8, .column > .col-md-7, .column > .col-md-6, .column > .col-md-5, .column > .col-md-4, .column > .col-md-3, .column > .col-md-2, .column > .col-md-1, .column > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-md {
    flex: 10000 1 0%;
  }

  .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-0 {
    flex: 0 0 auto;
  }

  .col-md-grow {
    flex: 1 0 auto;
  }

  .col-md-shrink {
    flex: 0 1 auto;
  }

  .row > .col-md-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row > .offset-md-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row > .offset-md-0 {
    margin-right: 0%;
  }

  .column > .col-md-0 {
    height: 0%;
    width: auto;
  }

  .row > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row > .offset-md-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row > .offset-md-1 {
    margin-right: 8.3333%;
  }

  .column > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }

  .row > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row > .offset-md-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row > .offset-md-2 {
    margin-right: 16.6667%;
  }

  .column > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }

  .row > .col-md-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row > .offset-md-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row > .offset-md-3 {
    margin-right: 25%;
  }

  .column > .col-md-3 {
    height: 25%;
    width: auto;
  }

  .row > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row > .offset-md-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row > .offset-md-4 {
    margin-right: 33.3333%;
  }

  .column > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }

  .row > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row > .offset-md-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row > .offset-md-5 {
    margin-right: 41.6667%;
  }

  .column > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }

  .row > .col-md-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row > .offset-md-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row > .offset-md-6 {
    margin-right: 50%;
  }

  .column > .col-md-6 {
    height: 50%;
    width: auto;
  }

  .row > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row > .offset-md-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row > .offset-md-7 {
    margin-right: 58.3333%;
  }

  .column > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }

  .row > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row > .offset-md-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row > .offset-md-8 {
    margin-right: 66.6667%;
  }

  .column > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }

  .row > .col-md-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row > .offset-md-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row > .offset-md-9 {
    margin-right: 75%;
  }

  .column > .col-md-9 {
    height: 75%;
    width: auto;
  }

  .row > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row > .offset-md-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row > .offset-md-10 {
    margin-right: 83.3333%;
  }

  .column > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }

  .row > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row > .offset-md-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row > .offset-md-11 {
    margin-right: 91.6667%;
  }

  .column > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }

  .row > .col-md-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row > .offset-md-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row > .offset-md-12 {
    margin-right: 100%;
  }

  .column > .col-md-12 {
    height: 100%;
    width: auto;
  }
}

@media (min-width: 1280px) {
  .row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-12, .row > .col-lg-11, .row > .col-lg-10, .row > .col-lg-9, .row > .col-lg-8, .row > .col-lg-7, .row > .col-lg-6, .row > .col-lg-5, .row > .col-lg-4, .row > .col-lg-3, .row > .col-lg-2, .row > .col-lg-1, .row > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-12, .column > .col-lg-11, .column > .col-lg-10, .column > .col-lg-9, .column > .col-lg-8, .column > .col-lg-7, .column > .col-lg-6, .column > .col-lg-5, .column > .col-lg-4, .column > .col-lg-3, .column > .col-lg-2, .column > .col-lg-1, .column > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-lg {
    flex: 10000 1 0%;
  }

  .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-0 {
    flex: 0 0 auto;
  }

  .col-lg-grow {
    flex: 1 0 auto;
  }

  .col-lg-shrink {
    flex: 0 1 auto;
  }

  .row > .col-lg-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row > .offset-lg-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row > .offset-lg-0 {
    margin-right: 0%;
  }

  .column > .col-lg-0 {
    height: 0%;
    width: auto;
  }

  .row > .col-lg-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row > .offset-lg-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row > .offset-lg-1 {
    margin-right: 8.3333%;
  }

  .column > .col-lg-1 {
    height: 8.3333%;
    width: auto;
  }

  .row > .col-lg-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row > .offset-lg-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row > .offset-lg-2 {
    margin-right: 16.6667%;
  }

  .column > .col-lg-2 {
    height: 16.6667%;
    width: auto;
  }

  .row > .col-lg-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row > .offset-lg-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row > .offset-lg-3 {
    margin-right: 25%;
  }

  .column > .col-lg-3 {
    height: 25%;
    width: auto;
  }

  .row > .col-lg-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row > .offset-lg-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row > .offset-lg-4 {
    margin-right: 33.3333%;
  }

  .column > .col-lg-4 {
    height: 33.3333%;
    width: auto;
  }

  .row > .col-lg-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row > .offset-lg-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row > .offset-lg-5 {
    margin-right: 41.6667%;
  }

  .column > .col-lg-5 {
    height: 41.6667%;
    width: auto;
  }

  .row > .col-lg-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row > .offset-lg-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row > .offset-lg-6 {
    margin-right: 50%;
  }

  .column > .col-lg-6 {
    height: 50%;
    width: auto;
  }

  .row > .col-lg-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row > .offset-lg-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row > .offset-lg-7 {
    margin-right: 58.3333%;
  }

  .column > .col-lg-7 {
    height: 58.3333%;
    width: auto;
  }

  .row > .col-lg-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row > .offset-lg-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row > .offset-lg-8 {
    margin-right: 66.6667%;
  }

  .column > .col-lg-8 {
    height: 66.6667%;
    width: auto;
  }

  .row > .col-lg-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row > .offset-lg-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row > .offset-lg-9 {
    margin-right: 75%;
  }

  .column > .col-lg-9 {
    height: 75%;
    width: auto;
  }

  .row > .col-lg-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row > .offset-lg-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row > .offset-lg-10 {
    margin-right: 83.3333%;
  }

  .column > .col-lg-10 {
    height: 83.3333%;
    width: auto;
  }

  .row > .col-lg-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row > .offset-lg-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row > .offset-lg-11 {
    margin-right: 91.6667%;
  }

  .column > .col-lg-11 {
    height: 91.6667%;
    width: auto;
  }

  .row > .col-lg-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row > .offset-lg-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row > .offset-lg-12 {
    margin-right: 100%;
  }

  .column > .col-lg-12 {
    height: 100%;
    width: auto;
  }
}

@media (min-width: 1980px) {
  .row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-12, .row > .col-xl-11, .row > .col-xl-10, .row > .col-xl-9, .row > .col-xl-8, .row > .col-xl-7, .row > .col-xl-6, .row > .col-xl-5, .row > .col-xl-4, .row > .col-xl-3, .row > .col-xl-2, .row > .col-xl-1, .row > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }

  .column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-12, .column > .col-xl-11, .column > .col-xl-10, .column > .col-xl-9, .column > .col-xl-8, .column > .col-xl-7, .column > .col-xl-6, .column > .col-xl-5, .column > .col-xl-4, .column > .col-xl-3, .column > .col-xl-2, .column > .col-xl-1, .column > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  .col-xl {
    flex: 10000 1 0%;
  }

  .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-0 {
    flex: 0 0 auto;
  }

  .col-xl-grow {
    flex: 1 0 auto;
  }

  .col-xl-shrink {
    flex: 0 1 auto;
  }

  .row > .col-xl-0 {
    height: auto;
    width: 0%;
  }

  [dir="ltr"] .row > .offset-xl-0 {
    margin-left: 0%;
  }

  [dir="rtl"] .row > .offset-xl-0 {
    margin-right: 0%;
  }

  .column > .col-xl-0 {
    height: 0%;
    width: auto;
  }

  .row > .col-xl-1 {
    height: auto;
    width: 8.3333%;
  }

  [dir="ltr"] .row > .offset-xl-1 {
    margin-left: 8.3333%;
  }

  [dir="rtl"] .row > .offset-xl-1 {
    margin-right: 8.3333%;
  }

  .column > .col-xl-1 {
    height: 8.3333%;
    width: auto;
  }

  .row > .col-xl-2 {
    height: auto;
    width: 16.6667%;
  }

  [dir="ltr"] .row > .offset-xl-2 {
    margin-left: 16.6667%;
  }

  [dir="rtl"] .row > .offset-xl-2 {
    margin-right: 16.6667%;
  }

  .column > .col-xl-2 {
    height: 16.6667%;
    width: auto;
  }

  .row > .col-xl-3 {
    height: auto;
    width: 25%;
  }

  [dir="ltr"] .row > .offset-xl-3 {
    margin-left: 25%;
  }

  [dir="rtl"] .row > .offset-xl-3 {
    margin-right: 25%;
  }

  .column > .col-xl-3 {
    height: 25%;
    width: auto;
  }

  .row > .col-xl-4 {
    height: auto;
    width: 33.3333%;
  }

  [dir="ltr"] .row > .offset-xl-4 {
    margin-left: 33.3333%;
  }

  [dir="rtl"] .row > .offset-xl-4 {
    margin-right: 33.3333%;
  }

  .column > .col-xl-4 {
    height: 33.3333%;
    width: auto;
  }

  .row > .col-xl-5 {
    height: auto;
    width: 41.6667%;
  }

  [dir="ltr"] .row > .offset-xl-5 {
    margin-left: 41.6667%;
  }

  [dir="rtl"] .row > .offset-xl-5 {
    margin-right: 41.6667%;
  }

  .column > .col-xl-5 {
    height: 41.6667%;
    width: auto;
  }

  .row > .col-xl-6 {
    height: auto;
    width: 50%;
  }

  [dir="ltr"] .row > .offset-xl-6 {
    margin-left: 50%;
  }

  [dir="rtl"] .row > .offset-xl-6 {
    margin-right: 50%;
  }

  .column > .col-xl-6 {
    height: 50%;
    width: auto;
  }

  .row > .col-xl-7 {
    height: auto;
    width: 58.3333%;
  }

  [dir="ltr"] .row > .offset-xl-7 {
    margin-left: 58.3333%;
  }

  [dir="rtl"] .row > .offset-xl-7 {
    margin-right: 58.3333%;
  }

  .column > .col-xl-7 {
    height: 58.3333%;
    width: auto;
  }

  .row > .col-xl-8 {
    height: auto;
    width: 66.6667%;
  }

  [dir="ltr"] .row > .offset-xl-8 {
    margin-left: 66.6667%;
  }

  [dir="rtl"] .row > .offset-xl-8 {
    margin-right: 66.6667%;
  }

  .column > .col-xl-8 {
    height: 66.6667%;
    width: auto;
  }

  .row > .col-xl-9 {
    height: auto;
    width: 75%;
  }

  [dir="ltr"] .row > .offset-xl-9 {
    margin-left: 75%;
  }

  [dir="rtl"] .row > .offset-xl-9 {
    margin-right: 75%;
  }

  .column > .col-xl-9 {
    height: 75%;
    width: auto;
  }

  .row > .col-xl-10 {
    height: auto;
    width: 83.3333%;
  }

  [dir="ltr"] .row > .offset-xl-10 {
    margin-left: 83.3333%;
  }

  [dir="rtl"] .row > .offset-xl-10 {
    margin-right: 83.3333%;
  }

  .column > .col-xl-10 {
    height: 83.3333%;
    width: auto;
  }

  .row > .col-xl-11 {
    height: auto;
    width: 91.6667%;
  }

  [dir="ltr"] .row > .offset-xl-11 {
    margin-left: 91.6667%;
  }

  [dir="rtl"] .row > .offset-xl-11 {
    margin-right: 91.6667%;
  }

  .column > .col-xl-11 {
    height: 91.6667%;
    width: auto;
  }

  .row > .col-xl-12 {
    height: auto;
    width: 100%;
  }

  [dir="ltr"] .row > .offset-xl-12 {
    margin-left: 100%;
  }

  [dir="rtl"] .row > .offset-xl-12 {
    margin-right: 100%;
  }

  .column > .col-xl-12 {
    height: 100%;
    width: auto;
  }
}

.rounded-borders {
  border-radius: 4px;
}

.border-radius-inherit {
  border-radius: inherit;
}

.no-transition {
  transition: none !important;
}

.transition-0 {
  transition: 0s !important;
}

.glossy {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}

.q-placeholder::placeholder {
  color: inherit;
  opacity: 0.7;
}

/* body */
.q-body--fullscreen-mixin, .q-body--prevent-scroll {
  position: fixed !important;
}

.q-body--force-scrollbar-x {
  overflow-x: scroll;
}

.q-body--force-scrollbar-y {
  overflow-y: scroll;
}

.q-no-input-spinner {
  -moz-appearance: textfield !important;
}

.q-no-input-spinner::-webkit-outer-spin-button, .q-no-input-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.q-link {
  outline: 0;
  text-decoration: none;
}

.q-link--focusable:focus-visible {
  text-decoration: underline dashed currentColor 1px;
}

body.electron .q-electron-drag {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception {
  -webkit-app-region: no-drag;
}

img.responsive {
  max-width: 100%;
  height: auto;
}

.non-selectable {
  user-select: none !important;
}

.scroll,
body.mobile .scroll--mobile {
  overflow: auto;
}

.scroll, .scroll-x, .scroll-y {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.scroll-x {
  overflow-x: auto;
}

.scroll-y {
  overflow-y: auto;
}

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

.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
  pointer-events: none !important;
}

.all-pointer-events {
  pointer-events: all !important;
}

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

.cursor-not-allowed {
  cursor: not-allowed !important;
}

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

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

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

.rotate-45 {
  transform: rotate(45deg) /* rtl:ignore */;
}

.rotate-90 {
  transform: rotate(90deg) /* rtl:ignore */;
}

.rotate-135 {
  transform: rotate(135deg) /* rtl:ignore */;
}

.rotate-180 {
  transform: rotate(180deg) /* rtl:ignore */;
}

.rotate-225 {
  transform: rotate(225deg) /* rtl:ignore */;
}

.rotate-270 {
  transform: rotate(270deg) /* rtl:ignore */;
}

.rotate-315 {
  transform: rotate(315deg) /* rtl:ignore */;
}

.flip-horizontal {
  transform: scaleX(-1);
}

.flip-vertical {
  transform: scaleY(-1);
}

[dir="ltr"] .float-left {
  float: left;
}

[dir="rtl"] .float-left {
  float: right;
}

[dir="ltr"] .float-right {
  float: right;
}

[dir="rtl"] .float-right {
  float: left;
}

.relative-position {
  position: relative;
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
  position: fixed;
}

.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
  position: absolute;
}

.fixed-top, .absolute-top {
  top: 0;
  left: 0;
  right: 0;
}

.fixed-right, .absolute-right {
  top: 0;
  bottom: 0;
}

[dir="ltr"] .fixed-right, [dir="ltr"] .absolute-right {
  right: 0;
}

[dir="rtl"] .fixed-right, [dir="rtl"] .absolute-right {
  left: 0;
}

.fixed-bottom, .absolute-bottom {
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed-left, .absolute-left {
  top: 0;
  bottom: 0;
}

[dir="ltr"] .fixed-left, [dir="ltr"] .absolute-left {
  left: 0;
}

[dir="rtl"] .fixed-left, [dir="rtl"] .absolute-left {
  right: 0;
}

.fixed-top-left, .absolute-top-left {
  top: 0;
}

[dir="ltr"] .fixed-top-left, [dir="ltr"] .absolute-top-left {
  left: 0;
}

[dir="rtl"] .fixed-top-left, [dir="rtl"] .absolute-top-left {
  right: 0;
}

.fixed-top-right, .absolute-top-right {
  top: 0;
}

[dir="ltr"] .fixed-top-right, [dir="ltr"] .absolute-top-right {
  right: 0;
}

[dir="rtl"] .fixed-top-right, [dir="rtl"] .absolute-top-right {
  left: 0;
}

.fixed-bottom-left, .absolute-bottom-left {
  bottom: 0;
}

[dir="ltr"] .fixed-bottom-left, [dir="ltr"] .absolute-bottom-left {
  left: 0;
}

[dir="rtl"] .fixed-bottom-left, [dir="rtl"] .absolute-bottom-left {
  right: 0;
}

.fixed-bottom-right, .absolute-bottom-right {
  bottom: 0;
}

[dir="ltr"] .fixed-bottom-right, [dir="ltr"] .absolute-bottom-right {
  right: 0;
}

[dir="rtl"] .fixed-bottom-right, [dir="rtl"] .absolute-bottom-right {
  left: 0;
}

.fullscreen {
  z-index: 6000;
  border-radius: 0 !important;
  max-width: 100vw;
  max-height: 100vh;
}

body.q-ios-padding .fullscreen {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.absolute-full, .fullscreen, .fixed-full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed-center, .absolute-center {
  top: 50%;
}

[dir="ltr"] .fixed-center, [dir="ltr"] .absolute-center {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .fixed-center, [dir="rtl"] .absolute-center {
  right: 50%;
  transform: translate(50%, -50%);
}

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

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

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

[dir="ltr"] .on-left {
  margin-right: 12px;
}

[dir="rtl"] .on-left {
  margin-left: 12px;
}

[dir="ltr"] .on-right {
  margin-left: 12px;
}

[dir="rtl"] .on-right {
  margin-right: 12px;
}

/* internal: */
.q-position-engine {
  margin-top: var(--q-pe-top, 0) !important;
  will-change: auto;
  visibility: collapse;
}

[dir="ltr"] .q-position-engine {
  margin-left: var(--q-pe-left, 0) !important;
}

[dir="rtl"] .q-position-engine {
  margin-right: var(--q-pe-left, 0) !important;
}

:root {
  --q-size-xs: 0;
  --q-size-sm: 600px;
  --q-size-md: 960px;
  --q-size-lg: 1280px;
  --q-size-xl: 1980px;
}

.fit {
  width: 100% !important;
  height: 100% !important;
}

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

.full-width {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.window-height {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 100vh !important;
}

.window-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100vw !important;
}

.block {
  display: block !important;
}

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

.q-pa-none {
  padding: 0 0;
}

[dir="ltr"] .q-pl-none {
  padding-left: 0;
}

[dir="rtl"] .q-pl-none {
  padding-right: 0;
}

[dir="ltr"] .q-pr-none {
  padding-right: 0;
}

[dir="rtl"] .q-pr-none {
  padding-left: 0;
}

.q-pt-none {
  padding-top: 0;
}

.q-pb-none {
  padding-bottom: 0;
}

.q-px-none {
  padding-left: 0;
  padding-right: 0;
}

.q-py-none {
  padding-top: 0;
  padding-bottom: 0;
}

.q-ma-none {
  margin: 0 0;
}

[dir="ltr"] .q-ml-none {
  margin-left: 0;
}

[dir="rtl"] .q-ml-none {
  margin-right: 0;
}

[dir="ltr"] .q-mr-none {
  margin-right: 0;
}

[dir="rtl"] .q-mr-none {
  margin-left: 0;
}

.q-mt-none {
  margin-top: 0;
}

.q-mb-none {
  margin-bottom: 0;
}

.q-mx-none {
  margin-left: 0;
  margin-right: 0;
}

.q-my-none {
  margin-top: 0;
  margin-bottom: 0;
}

.q-pa-xs {
  padding: 4px 4px;
}

[dir="ltr"] .q-pl-xs {
  padding-left: 4px;
}

[dir="rtl"] .q-pl-xs {
  padding-right: 4px;
}

[dir="ltr"] .q-pr-xs {
  padding-right: 4px;
}

[dir="rtl"] .q-pr-xs {
  padding-left: 4px;
}

.q-pt-xs {
  padding-top: 4px;
}

.q-pb-xs {
  padding-bottom: 4px;
}

.q-px-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.q-py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.q-ma-xs {
  margin: 4px 4px;
}

[dir="ltr"] .q-ml-xs {
  margin-left: 4px;
}

[dir="rtl"] .q-ml-xs {
  margin-right: 4px;
}

[dir="ltr"] .q-mr-xs {
  margin-right: 4px;
}

[dir="rtl"] .q-mr-xs {
  margin-left: 4px;
}

.q-mt-xs {
  margin-top: 4px;
}

.q-mb-xs {
  margin-bottom: 4px;
}

.q-mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.q-my-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.q-pa-sm {
  padding: 8px 8px;
}

[dir="ltr"] .q-pl-sm {
  padding-left: 8px;
}

[dir="rtl"] .q-pl-sm {
  padding-right: 8px;
}

[dir="ltr"] .q-pr-sm {
  padding-right: 8px;
}

[dir="rtl"] .q-pr-sm {
  padding-left: 8px;
}

.q-pt-sm {
  padding-top: 8px;
}

.q-pb-sm {
  padding-bottom: 8px;
}

.q-px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.q-py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.q-ma-sm {
  margin: 8px 8px;
}

[dir="ltr"] .q-ml-sm {
  margin-left: 8px;
}

[dir="rtl"] .q-ml-sm {
  margin-right: 8px;
}

[dir="ltr"] .q-mr-sm {
  margin-right: 8px;
}

[dir="rtl"] .q-mr-sm {
  margin-left: 8px;
}

.q-mt-sm {
  margin-top: 8px;
}

.q-mb-sm {
  margin-bottom: 8px;
}

.q-mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.q-my-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.q-pa-md {
  padding: 16px 16px;
}

[dir="ltr"] .q-pl-md {
  padding-left: 16px;
}

[dir="rtl"] .q-pl-md {
  padding-right: 16px;
}

[dir="ltr"] .q-pr-md {
  padding-right: 16px;
}

[dir="rtl"] .q-pr-md {
  padding-left: 16px;
}

.q-pt-md {
  padding-top: 16px;
}

.q-pb-md {
  padding-bottom: 16px;
}

.q-px-md {
  padding-left: 16px;
  padding-right: 16px;
}

.q-py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}

.q-ma-md {
  margin: 16px 16px;
}

[dir="ltr"] .q-ml-md {
  margin-left: 16px;
}

[dir="rtl"] .q-ml-md {
  margin-right: 16px;
}

[dir="ltr"] .q-mr-md {
  margin-right: 16px;
}

[dir="rtl"] .q-mr-md {
  margin-left: 16px;
}

.q-mt-md {
  margin-top: 16px;
}

.q-mb-md {
  margin-bottom: 16px;
}

.q-mx-md {
  margin-left: 16px;
  margin-right: 16px;
}

.q-my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}

.q-pa-lg {
  padding: 24px 24px;
}

[dir="ltr"] .q-pl-lg {
  padding-left: 24px;
}

[dir="rtl"] .q-pl-lg {
  padding-right: 24px;
}

[dir="ltr"] .q-pr-lg {
  padding-right: 24px;
}

[dir="rtl"] .q-pr-lg {
  padding-left: 24px;
}

.q-pt-lg {
  padding-top: 24px;
}

.q-pb-lg {
  padding-bottom: 24px;
}

.q-px-lg {
  padding-left: 24px;
  padding-right: 24px;
}

.q-py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}

.q-ma-lg {
  margin: 24px 24px;
}

[dir="ltr"] .q-ml-lg {
  margin-left: 24px;
}

[dir="rtl"] .q-ml-lg {
  margin-right: 24px;
}

[dir="ltr"] .q-mr-lg {
  margin-right: 24px;
}

[dir="rtl"] .q-mr-lg {
  margin-left: 24px;
}

.q-mt-lg {
  margin-top: 24px;
}

.q-mb-lg {
  margin-bottom: 24px;
}

.q-mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}

.q-my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}

.q-pa-xl {
  padding: 48px 48px;
}

[dir="ltr"] .q-pl-xl {
  padding-left: 48px;
}

[dir="rtl"] .q-pl-xl {
  padding-right: 48px;
}

[dir="ltr"] .q-pr-xl {
  padding-right: 48px;
}

[dir="rtl"] .q-pr-xl {
  padding-left: 48px;
}

.q-pt-xl {
  padding-top: 48px;
}

.q-pb-xl {
  padding-bottom: 48px;
}

.q-px-xl {
  padding-left: 48px;
  padding-right: 48px;
}

.q-py-xl {
  padding-top: 48px;
  padding-bottom: 48px;
}

.q-ma-xl {
  margin: 48px 48px;
}

[dir="ltr"] .q-ml-xl {
  margin-left: 48px;
}

[dir="rtl"] .q-ml-xl {
  margin-right: 48px;
}

[dir="ltr"] .q-mr-xl {
  margin-right: 48px;
}

[dir="rtl"] .q-mr-xl {
  margin-left: 48px;
}

.q-mt-xl {
  margin-top: 48px;
}

.q-mb-xl {
  margin-bottom: 48px;
}

.q-mx-xl {
  margin-left: 48px;
  margin-right: 48px;
}

.q-my-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.q-mt-auto, .q-my-auto {
  margin-top: auto;
}

[dir="ltr"] .q-ml-auto {
  margin-left: auto;
}

[dir="rtl"] .q-ml-auto {
  margin-right: auto;
}

.q-mb-auto, .q-my-auto {
  margin-bottom: auto;
}

[dir="ltr"] .q-mr-auto {
  margin-right: auto;
}

[dir="rtl"] .q-mr-auto {
  margin-left: auto;
}

.q-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.q-touch {
  user-select: none;
  user-drag: none;
  -khtml-user-drag: none;
  -webkit-user-drag: none;
}

.q-touch-x {
  touch-action: pan-x;
}

.q-touch-y {
  touch-action: pan-y;
}

:root {
  --q-transition-duration: .3s;
}

.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active {
  --q-transition-duration: .3s;
  --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1);
}

.q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active {
  position: absolute;
}

.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active {
  transition: transform var(--q-transition-duration) var(--q-transition-easing);
}

[dir="ltr"] .q-transition--slide-right-enter-from {
  transform: translate3d(-100%, 0, 0);
}

[dir="rtl"] .q-transition--slide-right-enter-from {
  transform: translate3d(100%, 0, 0);
}

[dir="ltr"] .q-transition--slide-right-leave-to {
  transform: translate3d(100%, 0, 0);
}

[dir="rtl"] .q-transition--slide-right-leave-to {
  transform: translate3d(-100%, 0, 0);
}

[dir="ltr"] .q-transition--slide-left-enter-from {
  transform: translate3d(100%, 0, 0);
}

[dir="rtl"] .q-transition--slide-left-enter-from {
  transform: translate3d(-100%, 0, 0);
}

[dir="ltr"] .q-transition--slide-left-leave-to {
  transform: translate3d(-100%, 0, 0);
}

[dir="rtl"] .q-transition--slide-left-leave-to {
  transform: translate3d(100%, 0, 0);
}

.q-transition--slide-up-enter-from {
  transform: translate3d(0, 100%, 0);
}

.q-transition--slide-up-leave-to {
  transform: translate3d(0, -100%, 0);
}

.q-transition--slide-down-enter-from {
  transform: translate3d(0, -100%, 0);
}

.q-transition--slide-down-leave-to {
  transform: translate3d(0, 100%, 0);
}

.q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration);
}

.q-transition--jump-right-enter-from, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter-from, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from, .q-transition--jump-down-leave-to {
  opacity: 0;
}

[dir="ltr"] .q-transition--jump-right-enter-from {
  transform: translate3d(-15px, 0, 0);
}

[dir="rtl"] .q-transition--jump-right-enter-from {
  transform: translate3d(15px, 0, 0);
}

[dir="ltr"] .q-transition--jump-right-leave-to {
  transform: translate3d(15px, 0, 0);
}

[dir="rtl"] .q-transition--jump-right-leave-to {
  transform: translate3d(-15px, 0, 0);
}

[dir="ltr"] .q-transition--jump-left-enter-from {
  transform: translate3d(15px, 0, 0);
}

[dir="rtl"] .q-transition--jump-left-enter-from {
  transform: translate3d(-15px, 0, 0);
}

[dir="ltr"] .q-transition--jump-left-leave-to {
  transform: translateX(-15px);
}

[dir="rtl"] .q-transition--jump-left-leave-to {
  transform: translateX(15px);
}

.q-transition--jump-up-enter-from {
  transform: translate3d(0, 15px, 0);
}

.q-transition--jump-up-leave-to {
  transform: translate3d(0, -15px, 0);
}

.q-transition--jump-down-enter-from {
  transform: translate3d(0, -15px, 0);
}

.q-transition--jump-down-leave-to {
  transform: translate3d(0, 15px, 0);
}

.q-transition--fade-enter-active, .q-transition--fade-leave-active {
  transition: opacity var(--q-transition-duration) ease-out;
}

.q-transition--fade-enter-from, .q-transition--fade-leave-to {
  opacity: 0;
}

.q-transition--scale-enter-active, .q-transition--scale-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
}

.q-transition--scale-enter-from, .q-transition--scale-leave-to {
  opacity: 0;
  transform: scale3d(0, 0, 1);
}

.q-transition--rotate-enter-active, .q-transition--rotate-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
  transform-style: preserve-3d;
}

.q-transition--rotate-enter-from, .q-transition--rotate-leave-to {
  opacity: 0;
}

[dir="ltr"] .q-transition--rotate-enter-from, [dir="ltr"] .q-transition--rotate-leave-to {
  transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg);
}

[dir="rtl"] .q-transition--rotate-enter-from, [dir="rtl"] .q-transition--rotate-leave-to {
  transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, -90deg);
}

.q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active {
  transition: transform var(--q-transition-duration);
  backface-visibility: hidden;
}

[dir="ltr"] .q-transition--flip-right-enter-to, [dir="ltr"] .q-transition--flip-right-leave-from, [dir="ltr"] .q-transition--flip-left-enter-to, [dir="ltr"] .q-transition--flip-left-leave-from, [dir="ltr"] .q-transition--flip-up-enter-to, [dir="ltr"] .q-transition--flip-up-leave-from, [dir="ltr"] .q-transition--flip-down-enter-to, [dir="ltr"] .q-transition--flip-down-leave-from {
  transform: perspective(400px) rotate3d(1, 1, 0, 0deg);
}

[dir="rtl"] .q-transition--flip-right-enter-to, [dir="rtl"] .q-transition--flip-right-leave-from, [dir="rtl"] .q-transition--flip-left-enter-to, [dir="rtl"] .q-transition--flip-left-leave-from, [dir="rtl"] .q-transition--flip-up-enter-to, [dir="rtl"] .q-transition--flip-up-leave-from, [dir="rtl"] .q-transition--flip-down-enter-to, [dir="rtl"] .q-transition--flip-down-leave-from {
  transform: perspective(400px) rotate3d(-1, 1, 0, 0deg);
}

[dir="ltr"] .q-transition--flip-right-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

[dir="rtl"] .q-transition--flip-right-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

[dir="ltr"] .q-transition--flip-right-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

[dir="rtl"] .q-transition--flip-right-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

[dir="ltr"] .q-transition--flip-left-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

[dir="rtl"] .q-transition--flip-left-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

[dir="ltr"] .q-transition--flip-left-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}

[dir="rtl"] .q-transition--flip-left-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}

[dir="ltr"] .q-transition--flip-up-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}

[dir="rtl"] .q-transition--flip-up-enter-from {
  transform: perspective(400px) rotate3d(-1, 0, 0, 180deg);
}

[dir="ltr"] .q-transition--flip-up-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}

[dir="rtl"] .q-transition--flip-up-leave-to {
  transform: perspective(400px) rotate3d(-1, 0, 0, -180deg);
}

[dir="ltr"] .q-transition--flip-down-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}

[dir="rtl"] .q-transition--flip-down-enter-from {
  transform: perspective(400px) rotate3d(-1, 0, 0, -180deg);
}

[dir="ltr"] .q-transition--flip-down-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}

[dir="rtl"] .q-transition--flip-down-leave-to {
  transform: perspective(400px) rotate3d(-1, 0, 0, 180deg);
}

body {
  min-width: 100px;
  min-height: 100%;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 14px;
}

h1 {
  font-size: 56px;
  font-weight: 400;
  line-height: 68px;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -0.4px;
}

h3 {
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.3px;
}

h4 {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.2px;
}

h5 {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.2px;
}

h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

p {
  margin: 0 0 16px;
}

.text-h1 {
  font-size: 56px;
  font-weight: 400;
  line-height: 68px;
  letter-spacing: -0.5px;
}

.text-h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -0.4px;
}

.text-h3 {
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.3px;
}

.text-h4 {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.2px;
}

.text-h5 {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.2px;
}

.text-h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.text-subtitle1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.text-subtitle2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.text-body1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
}

.text-body2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

.text-overline {
  font-size: 9px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0;
}

.text-caption {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0;
}

.text-uppercase {
  text-transform: uppercase;
}

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

.text-capitalize {
  text-transform: capitalize;
}

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

[dir="ltr"] .text-left {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir="ltr"] .text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

.text-justify {
  text-align: justify;
  hyphens: auto;
}

.text-italic {
  font-style: italic;
}

.text-bold {
  font-weight: bold;
}

.text-no-wrap {
  white-space: nowrap;
}

.text-strike {
  text-decoration: line-through;
}

.text-weight-thin {
  font-weight: 100;
}

.text-weight-light {
  font-weight: 300;
}

.text-weight-regular {
  font-weight: 400;
}

.text-weight-medium {
  font-weight: 600;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-bolder {
  font-weight: 900;
}

small {
  font-size: 80%;
}

big {
  font-size: 170%;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

.no-border-radius {
  border-radius: 0 !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.no-outline {
  outline: 0 !important;
}

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

.ellipsis-2-lines, .ellipsis-3-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ellipsis-2-lines {
  -webkit-line-clamp: 2;
}

.ellipsis-3-lines {
  -webkit-line-clamp: 3;
}

.readonly {
  cursor: default !important;
}

.disabled,
.disabled *, [disabled],
[disabled] * {
  outline: 0 !important;
  cursor: not-allowed !important;
}

.disabled, [disabled] {
  opacity: 0.6 !important;
}

.hidden {
  display: none !important;
}

.invisible, .invisible * {
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}

.transparent {
  background: transparent !important;
}

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

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

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

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.dimmed:after, .light-dimmed:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  left: 0 /* rtl:ignore */;
}

.dimmed:after {
  background: rgba(0, 0, 0, 0.4) !important;
}

.light-dimmed:after {
  background: rgba(255, 255, 255, 0.6) !important;
}

.z-top {
  z-index: 7000 !important;
}

.z-max {
  z-index: 9998 !important;
}

body:not(.desktop) .desktop-only,
body.desktop .desktop-hide {
  display: none !important;
}

body:not(.mobile) .mobile-only,
body.mobile .mobile-hide {
  display: none !important;
}

body:not(.native-mobile) .native-mobile-only,
body.native-mobile .native-mobile-hide {
  display: none !important;
}

body:not(.cordova) .cordova-only,
body.cordova .cordova-hide {
  display: none !important;
}

body:not(.capacitor) .capacitor-only,
body.capacitor .capacitor-hide {
  display: none !important;
}

body:not(.electron) .electron-only,
body.electron .electron-hide {
  display: none !important;
}

body:not(.touch) .touch-only,
body.touch .touch-hide {
  display: none !important;
}

body:not(.within-iframe) .within-iframe-only,
body.within-iframe .within-iframe-hide {
  display: none !important;
}

body:not(.platform-ios) .platform-ios-only,
body.platform-ios .platform-ios-hide {
  display: none !important;
}

body:not(.platform-android) .platform-android-only,
body.platform-android .platform-android-hide {
  display: none !important;
}

@media all and (orientation: portrait) {
  .orientation-landscape {
    display: none !important;
  }
}

@media all and (orientation: landscape) {
  .orientation-portrait {
    display: none !important;
  }
}

@media screen {
  .print-only {
    display: none !important;
  }
}

@media print {
  .print-hide {
    display: none !important;
  }
}

@media (max-width: 599.98px) {
  .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 959.98px) {
  .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1279.98px) {
  .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1979.98px) {
  .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
    display: none !important;
  }
}

@media (min-width: 1980px) {
  .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl {
    display: none !important;
  }
}

.q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable {
  outline: 0;
}

body.desktop .q-focus-helper {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}

body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: inherit;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
}

body.desktop .q-focus-helper:before {
  background: #000;
}

body.desktop .q-focus-helper:after {
  background: #fff;
}

body.desktop .q-focus-helper--rounded {
  border-radius: 4px;
}

body.desktop .q-focus-helper--round {
  border-radius: 50%;
}

body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
  background: currentColor;
  opacity: 0.15;
}

body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before {
  opacity: 0.1;
}

body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after {
  opacity: 0.4;
}

body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper {
  opacity: 0.22;
}

body.body--dark {
  color: #fff;
  background: var(--q-dark-page);
}

.q-dark {
  color: #fff;
  background: var(--q-dark);
}.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900); }

.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas::before,
.fass::before,
.far::before,
.fasr::before,
.fal::before,
.fasl::before,
.fat::before,
.fast::before,
.fad::before,
.fadr::before,
.fadl::before,
.fadt::before,
.fasds::before,
.fasdr::before,
.fasdl::before,
.fasdt::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-light::before,
.fa-thin::before,
.fa-brands::before,
.fa-classic::before,
.fa-duotone::before,
.fa-sharp::before,
.fa-sharp-duotone::before,
.fa::before {
  content: var(--fa); }

.fad::after,
.fa-duotone.fa-solid::after,
.fa-duotone::after,
.fadr::after,
.fa-duotone.fa-regular::after,
.fadl::after,
.fa-duotone.fa-light::after,
.fadt::after,
.fa-duotone.fa-thin::after,
.fasds::after,
.fa-sharp-duotone.fa-solid::after,
.fa-sharp-duotone::after,
.fasdr::after,
.fa-sharp-duotone.fa-regular::after,
.fasdl::after,
.fa-sharp-duotone.fa-light::after,
.fasdt::after,
.fa-sharp-duotone.fa-thin::after {
  content: var(--fa--fa); }

.fa-classic.fa-duotone {
  font-family: 'Font Awesome 6 Duotone'; }

.fass,
.fa-sharp {
  font-weight: 900; }

.fad,
.fa-duotone {
  font-weight: 900; }

.fasds,
.fa-sharp-duotone {
  font-weight: 900; }

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin {
  font-family: 'Font Awesome 6 Pro'; }

.fa-duotone,
.fad,
.fadr,
.fadl,
.fadt {
  font-family: 'Font Awesome 6 Duotone'; }

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands'; }

.fa-sharp,
.fass,
.fasr,
.fasl,
.fast {
  font-family: 'Font Awesome 6 Sharp'; }

.fa-sharp-duotone,
.fasds,
.fasdr,
.fasdl,
.fasdt {
  font-family: 'Font Awesome 6 Sharp Duotone'; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none; }

[dir="ltr"] .fa-ul {
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }

[dir="rtl"] .fa-ul {
  margin-right: var(--fa-li-margin, 2.5em);
  padding-right: 0; }

  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

[dir="ltr"] .fa-li {
  left: calc(-1 * var(--fa-li-width, 2em)); }

[dir="rtl"] .fa-li {
  right: calc(-1 * var(--fa-li-width, 2em)); }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

[dir="ltr"] .fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

[dir="rtl"] .fa-pull-left {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

[dir="ltr"] .fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

[dir="rtl"] .fa-pull-right {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }

  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }

  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }

  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }

  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }

  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }

  64% {
    transform: scale(1, 1) translateY(0); }

  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }

  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }

  4% {
    transform: rotate(15deg); }

  8%, 24% {
    transform: rotate(-18deg); }

  12%, 28% {
    transform: rotate(18deg); }

  16% {
    transform: rotate(-22deg); }

  20% {
    transform: rotate(22deg); }

  32% {
    transform: rotate(-12deg); }

  36% {
    transform: rotate(12deg); }

  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

[dir="ltr"] .fa-rotate-90 {
  transform: rotate(90deg); }

[dir="rtl"] .fa-rotate-90 {
  transform: rotate(-90deg); }

[dir="ltr"] .fa-rotate-180 {
  transform: rotate(180deg); }

[dir="rtl"] .fa-rotate-180 {
  transform: rotate(-180deg); }

[dir="ltr"] .fa-rotate-270 {
  transform: rotate(270deg); }

[dir="rtl"] .fa-rotate-270 {
  transform: rotate(-270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

[dir="ltr"] .fa-stack-1x,
[dir="ltr"] .fa-stack-2x {
  left: 0; }

[dir="rtl"] .fa-stack-1x,
[dir="rtl"] .fa-stack-2x {
  right: 0; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-add { --fa: "\2b"; --fa--fa: "\2b\2b"; }

.fa-align-center { --fa: "\f037"; --fa--fa: "\f037\f037"; }

.fa-align-justify { --fa: "\f039"; --fa--fa: "\f039\f039"; }

.fa-align-left { --fa: "\f036"; --fa--fa: "\f036\f036"; }

.fa-align-right { --fa: "\f038"; --fa--fa: "\f038\f038"; }

.fa-analytics { --fa: "\f643"; --fa--fa: "\f643\f643"; }

.fa-angle-down { --fa: "\f107"; --fa--fa: "\f107\f107"; }

.fa-angle-left { --fa: "\f104"; --fa--fa: "\f104\f104"; }

.fa-angle-right { --fa: "\f105"; --fa--fa: "\f105\f105"; }

.fa-angle-up { --fa: "\f106"; --fa--fa: "\f106\f106"; }

.fa-archive { --fa: "\f187"; --fa--fa: "\f187\f187"; }

.fa-arrow-alt-to-top { --fa: "\f34d"; --fa--fa: "\f34d\f34d"; }

.fa-arrow-down { --fa: "\f063"; --fa--fa: "\f063\f063"; }

.fa-arrow-left { --fa: "\f060"; --fa--fa: "\f060\f060"; }

.fa-arrow-left-long { --fa: "\f177"; --fa--fa: "\f177\f177"; }

.fa-arrow-right { --fa: "\f061"; --fa--fa: "\f061\f061"; }

.fa-arrow-right-long { --fa: "\f178"; --fa--fa: "\f178\f178"; }

.fa-arrow-up { --fa: "\f062"; --fa--fa: "\f062\f062"; }

.fa-arrow-up-long { --fa: "\f176"; --fa--fa: "\f176\f176"; }

.fa-arrows-alt { --fa: "\f0b2"; --fa--fa: "\f0b2\f0b2"; }

.fa-backward-step { --fa: "\f048"; --fa--fa: "\f048\f048"; }

.fa-ban { --fa: "\f05e"; --fa--fa: "\f05e\f05e"; }

.fa-bar-chart { --fa: "\f080"; --fa--fa: "\f080\f080"; }

.fa-bars-staggered { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-bell { --fa: "\f0f3"; --fa--fa: "\f0f3\f0f3"; }

.fa-bold { --fa: "\f032"; --fa--fa: "\f032\f032"; }

.fa-box-archive { --fa: "\f187"; --fa--fa: "\f187\f187"; }

.fa-bullhorn { --fa: "\f0a1"; --fa--fa: "\f0a1\f0a1"; }

.fa-calendar { --fa: "\f133"; --fa--fa: "\f133\f133"; }

.fa-calendar-alt { --fa: "\f073"; --fa--fa: "\f073\f073"; }

.fa-calendar-check { --fa: "\f274"; --fa--fa: "\f274\f274"; }

.fa-calendar-circle-user { --fa: "\e471"; --fa--fa: "\e471\e471"; }

.fa-calendar-day { --fa: "\f783"; --fa--fa: "\f783\f783"; }

.fa-calendar-days { --fa: "\f073"; --fa--fa: "\f073\f073"; }

.fa-camera { --fa: "\f030"; --fa--fa: "\f030\f030"; }

.fa-camera-alt { --fa: "\f030"; --fa--fa: "\f030\f030"; }

.fa-cancel { --fa: "\f05e"; --fa--fa: "\f05e\f05e"; }

.fa-caret-down { --fa: "\f0d7"; --fa--fa: "\f0d7\f0d7"; }

.fa-caret-up { --fa: "\f0d8"; --fa--fa: "\f0d8\f0d8"; }

.fa-chain { --fa: "\f0c1"; --fa--fa: "\f0c1\f0c1"; }

.fa-chain-broken { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-chain-slash { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-chart-bar { --fa: "\f080"; --fa--fa: "\f080\f080"; }

.fa-chart-mixed { --fa: "\f643"; --fa--fa: "\f643\f643"; }

.fa-chart-pie { --fa: "\f200"; --fa--fa: "\f200\f200"; }

.fa-check { --fa: "\f00c"; --fa--fa: "\f00c\f00c"; }

.fa-check-circle { --fa: "\f058"; --fa--fa: "\f058\f058"; }

.fa-check-square { --fa: "\f14a"; --fa--fa: "\f14a\f14a"; }

.fa-chevron-circle-left { --fa: "\f137"; --fa--fa: "\f137\f137"; }

.fa-chevron-circle-right { --fa: "\f138"; --fa--fa: "\f138\f138"; }

.fa-chevron-down { --fa: "\f078"; --fa--fa: "\f078\f078"; }

.fa-chevron-left { --fa: "\f053"; --fa--fa: "\f053\f053"; }

.fa-chevron-right { --fa: "\f054"; --fa--fa: "\f054\f054"; }

.fa-chevron-up { --fa: "\f077"; --fa--fa: "\f077\f077"; }

.fa-child { --fa: "\f1ae"; --fa--fa: "\f1ae\f1ae"; }

.fa-circle { --fa: "\f111"; --fa--fa: "\f111\f111"; }

.fa-circle-check { --fa: "\f058"; --fa--fa: "\f058\f058"; }

.fa-circle-chevron-left { --fa: "\f137"; --fa--fa: "\f137\f137"; }

.fa-circle-chevron-right { --fa: "\f138"; --fa--fa: "\f138\f138"; }

.fa-circle-exclamation { --fa: "\f06a"; --fa--fa: "\f06a\f06a"; }

.fa-circle-info { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }

.fa-circle-minus { --fa: "\f056"; --fa--fa: "\f056\f056"; }

.fa-circle-play { --fa: "\f144"; --fa--fa: "\f144\f144"; }

.fa-circle-plus { --fa: "\f055"; --fa--fa: "\f055\f055"; }

.fa-circle-user { --fa: "\f2bd"; --fa--fa: "\f2bd\f2bd"; }

.fa-circle-xmark { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.fa-clipboard { --fa: "\f328"; --fa--fa: "\f328\f328"; }

.fa-clipboard-check { --fa: "\f46c"; --fa--fa: "\f46c\f46c"; }

.fa-clock { --fa: "\f017"; --fa--fa: "\f017\f017"; }

.fa-clock-four { --fa: "\f017"; --fa--fa: "\f017\f017"; }

.fa-close { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-cloud-arrow-up { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-cloud-upload { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-cloud-upload-alt { --fa: "\f0ee"; --fa--fa: "\f0ee\f0ee"; }

.fa-code { --fa: "\f121"; --fa--fa: "\f121\f121"; }

.fa-cogs { --fa: "\f085"; --fa--fa: "\f085\f085"; }

.fa-coins { --fa: "\f51e"; --fa--fa: "\f51e\f51e"; }

.fa-comments { --fa: "\f086"; --fa--fa: "\f086\f086"; }

.fa-copy { --fa: "\f0c5"; --fa--fa: "\f0c5\f0c5"; }

.fa-cube { --fa: "\f1b2"; --fa--fa: "\f1b2\f1b2"; }

.fa-cubes { --fa: "\f1b3"; --fa--fa: "\f1b3\f1b3"; }

.fa-dashboard { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-database { --fa: "\f1c0"; --fa--fa: "\f1c0\f1c0"; }

.fa-dedent { --fa: "\f03b"; --fa--fa: "\f03b\f03b"; }

.fa-download { --fa: "\f019"; --fa--fa: "\f019\f019"; }

.fa-earth { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-earth-america { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-earth-americas { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-ellipsis { --fa: "\f141"; --fa--fa: "\f141\f141"; }

.fa-ellipsis-h { --fa: "\f141"; --fa--fa: "\f141\f141"; }

.fa-ellipsis-v { --fa: "\f142"; --fa--fa: "\f142\f142"; }

.fa-ellipsis-vertical { --fa: "\f142"; --fa--fa: "\f142\f142"; }

.fa-envelope { --fa: "\f0e0"; --fa--fa: "\f0e0\f0e0"; }

.fa-eraser { --fa: "\f12d"; --fa--fa: "\f12d\f12d"; }

.fa-exchange-alt { --fa: "\f362"; --fa--fa: "\f362\f362"; }

.fa-exclamation { --fa: "\21"; --fa--fa: "\21\21"; }

.fa-exclamation-circle { --fa: "\f06a"; --fa--fa: "\f06a\f06a"; }

.fa-exclamation-triangle { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-expand-alt { --fa: "\f424"; --fa--fa: "\f424\f424"; }

.fa-expand-arrows-alt { --fa: "\f31e"; --fa--fa: "\f31e\f31e"; }

.fa-external-link-square-alt { --fa: "\f360"; --fa--fa: "\f360\f360"; }

.fa-eye { --fa: "\f06e"; --fa--fa: "\f06e\f06e"; }

.fa-eye-dropper { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-eye-dropper-empty { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-eye-slash { --fa: "\f070"; --fa--fa: "\f070\f070"; }

.fa-eyedropper { --fa: "\f1fb"; --fa--fa: "\f1fb\f1fb"; }

.fa-face-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }

.fa-flag { --fa: "\f024"; --fa--fa: "\f024\f024"; }

.fa-font { --fa: "\f031"; --fa--fa: "\f031\f031"; }

.fa-forward-step { --fa: "\f051"; --fa--fa: "\f051\f051"; }

.fa-gauge { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-gauge-med { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-gears { --fa: "\f085"; --fa--fa: "\f085\f085"; }

.fa-gift { --fa: "\f06b"; --fa--fa: "\f06b\f06b"; }

.fa-globe { --fa: "\f0ac"; --fa--fa: "\f0ac\f0ac"; }

.fa-globe-americas { --fa: "\f57d"; --fa--fa: "\f57d\f57d"; }

.fa-header { --fa: "\f1dc"; --fa--fa: "\f1dc\f1dc"; }

.fa-heading { --fa: "\f1dc"; --fa--fa: "\f1dc\f1dc"; }

.fa-heart { --fa: "\f004"; --fa--fa: "\f004\f004"; }

.fa-heart-pulse { --fa: "\f21e"; --fa--fa: "\f21e\f21e"; }

.fa-heartbeat { --fa: "\f21e"; --fa--fa: "\f21e\f21e"; }

.fa-highlighter { --fa: "\f591"; --fa--fa: "\f591\f591"; }

.fa-home { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-home-alt { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-home-lg-alt { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-hourglass-3 { --fa: "\f253"; --fa--fa: "\f253\f253"; }

.fa-hourglass-end { --fa: "\f253"; --fa--fa: "\f253\f253"; }

.fa-house { --fa: "\f015"; --fa--fa: "\f015\f015"; }

.fa-image { --fa: "\f03e"; --fa--fa: "\f03e\f03e"; }

.fa-indent { --fa: "\f03c"; --fa--fa: "\f03c\f03c"; }

.fa-info-circle { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }

.fa-italic { --fa: "\f033"; --fa--fa: "\f033\f033"; }

.fa-layer-group { --fa: "\f5fd"; --fa--fa: "\f5fd\f5fd"; }

.fa-link { --fa: "\f0c1"; --fa--fa: "\f0c1\f0c1"; }

.fa-link-slash { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-list-1-2 { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-dots { --fa: "\f0ca"; --fa--fa: "\f0ca\f0ca"; }

.fa-list-dropdown { --fa: "\e1cf"; --fa--fa: "\e1cf\e1cf"; }

.fa-list-numeric { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-ol { --fa: "\f0cb"; --fa--fa: "\f0cb\f0cb"; }

.fa-list-tree { --fa: "\e1d2"; --fa--fa: "\e1d2\e1d2"; }

.fa-list-ul { --fa: "\f0ca"; --fa--fa: "\f0ca\f0ca"; }

.fa-lock { --fa: "\f023"; --fa--fa: "\f023\f023"; }

.fa-long-arrow-left { --fa: "\f177"; --fa--fa: "\f177\f177"; }

.fa-long-arrow-right { --fa: "\f178"; --fa--fa: "\f178\f178"; }

.fa-long-arrow-up { --fa: "\f176"; --fa--fa: "\f176\f176"; }

.fa-magnifying-glass { --fa: "\f002"; --fa--fa: "\f002\f002"; }

.fa-mail-forward { --fa: "\f064"; --fa--fa: "\f064\f064"; }

.fa-mail-reply { --fa: "\f3e5"; --fa--fa: "\f3e5\f3e5"; }

.fa-maximize { --fa: "\f31e"; --fa--fa: "\f31e\f31e"; }

.fa-minus { --fa: "\f068"; --fa--fa: "\f068\f068"; }

.fa-minus-circle { --fa: "\f056"; --fa--fa: "\f056\f056"; }

.fa-minus-square { --fa: "\f146"; --fa--fa: "\f146\f146"; }

.fa-multiply { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-note { --fa: "\e1ff"; --fa--fa: "\e1ff\e1ff"; }

.fa-note-sticky { --fa: "\f249"; --fa--fa: "\f249\f249"; }

.fa-outdent { --fa: "\f03b"; --fa--fa: "\f03b\f03b"; }

.fa-paper-plane { --fa: "\f1d8"; --fa--fa: "\f1d8\f1d8"; }

.fa-paperclip { --fa: "\f0c6"; --fa--fa: "\f0c6\f0c6"; }

.fa-pause { --fa: "\f04c"; --fa--fa: "\f04c\f04c"; }

.fa-pen { --fa: "\f304"; --fa--fa: "\f304\f304"; }

.fa-pencil { --fa: "\f303"; --fa--fa: "\f303\f303"; }

.fa-pencil-alt { --fa: "\f303"; --fa--fa: "\f303\f303"; }

.fa-pie-chart { --fa: "\f200"; --fa--fa: "\f200\f200"; }

.fa-play { --fa: "\f04b"; --fa--fa: "\f04b\f04b"; }

.fa-play-circle { --fa: "\f144"; --fa--fa: "\f144\f144"; }

.fa-plus { --fa: "\2b"; --fa--fa: "\2b\2b"; }

.fa-plus-circle { --fa: "\f055"; --fa--fa: "\f055\f055"; }

.fa-plus-square { --fa: "\f0fe"; --fa--fa: "\f0fe\f0fe"; }

.fa-poll-people { --fa: "\f759"; --fa--fa: "\f759\f759"; }

.fa-print { --fa: "\f02f"; --fa--fa: "\f02f\f02f"; }

.fa-quote-right { --fa: "\f10e"; --fa--fa: "\f10e\f10e"; }

.fa-quote-right-alt { --fa: "\f10e"; --fa--fa: "\f10e\f10e"; }

.fa-redo-alt { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-remove { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-reorder { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-reply { --fa: "\f3e5"; --fa--fa: "\f3e5\f3e5"; }

.fa-right-left { --fa: "\f362"; --fa--fa: "\f362\f362"; }

.fa-rotate { --fa: "\f2f1"; --fa--fa: "\f2f1\f2f1"; }

.fa-rotate-back { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-backward { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-forward { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-rotate-left { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-rotate-right { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }

.fa-search { --fa: "\f002"; --fa--fa: "\f002\f002"; }

.fa-share { --fa: "\f064"; --fa--fa: "\f064\f064"; }

.fa-sliders { --fa: "\f1de"; --fa--fa: "\f1de\f1de"; }

.fa-sliders-h { --fa: "\f1de"; --fa--fa: "\f1de\f1de"; }

.fa-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }

.fa-square-check { --fa: "\f14a"; --fa--fa: "\f14a\f14a"; }

.fa-square-minus { --fa: "\f146"; --fa--fa: "\f146\f146"; }

.fa-square-plus { --fa: "\f0fe"; --fa--fa: "\f0fe\f0fe"; }

.fa-square-up-right { --fa: "\f360"; --fa--fa: "\f360\f360"; }

.fa-star { --fa: "\f005"; --fa--fa: "\f005\f005"; }

.fa-star-sharp { --fa: "\e28b"; --fa--fa: "\e28b\e28b"; }

.fa-step-backward { --fa: "\f048"; --fa--fa: "\f048\f048"; }

.fa-step-forward { --fa: "\f051"; --fa--fa: "\f051\f051"; }

.fa-sticky-note { --fa: "\f249"; --fa--fa: "\f249\f249"; }

.fa-stop { --fa: "\f04d"; --fa--fa: "\f04d\f04d"; }

.fa-stream { --fa: "\f550"; --fa--fa: "\f550\f550"; }

.fa-strikethrough { --fa: "\f0cc"; --fa--fa: "\f0cc\f0cc"; }

.fa-subscript { --fa: "\f12c"; --fa--fa: "\f12c\f12c"; }

.fa-subtract { --fa: "\f068"; --fa--fa: "\f068\f068"; }

.fa-superscript { --fa: "\f12b"; --fa--fa: "\f12b\f12b"; }

.fa-swatchbook { --fa: "\f5c3"; --fa--fa: "\f5c3\f5c3"; }

.fa-sync-alt { --fa: "\f2f1"; --fa--fa: "\f2f1\f2f1"; }

.fa-tachometer-alt-average { --fa: "\f624"; --fa--fa: "\f624\f624"; }

.fa-tag { --fa: "\f02b"; --fa--fa: "\f02b\f02b"; }

.fa-text-height { --fa: "\f034"; --fa--fa: "\f034\f034"; }

.fa-thumb-tack { --fa: "\f08d"; --fa--fa: "\f08d\f08d"; }

.fa-thumbtack { --fa: "\f08d"; --fa--fa: "\f08d\f08d"; }

.fa-times { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-times-circle { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.fa-trash { --fa: "\f1f8"; --fa--fa: "\f1f8\f1f8"; }

.fa-trash-alt { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }

.fa-trash-can { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }

.fa-triangle-exclamation { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-underline { --fa: "\f0cd"; --fa--fa: "\f0cd\f0cd"; }

.fa-undo-alt { --fa: "\f2ea"; --fa--fa: "\f2ea\f2ea"; }

.fa-unlink { --fa: "\f127"; --fa--fa: "\f127\f127"; }

.fa-up-down-left-right { --fa: "\f0b2"; --fa--fa: "\f0b2\f0b2"; }

.fa-up-right-and-down-left-from-center { --fa: "\f424"; --fa--fa: "\f424\f424"; }

.fa-up-to-line { --fa: "\f34d"; --fa--fa: "\f34d\f34d"; }

.fa-upload { --fa: "\f093"; --fa--fa: "\f093\f093"; }

.fa-user { --fa: "\f007"; --fa--fa: "\f007\f007"; }

.fa-user-circle { --fa: "\f2bd"; --fa--fa: "\f2bd\f2bd"; }

.fa-users { --fa: "\f0c0"; --fa--fa: "\f0c0\f0c0"; }

.fa-video { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }

.fa-video-camera { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }

.fa-warning { --fa: "\f071"; --fa--fa: "\f071\f071"; }

.fa-wrench { --fa: "\f0ad"; --fa--fa: "\f0ad\f0ad"; }

.fa-x { --fa: "\58"; --fa--fa: "\58\58"; }

.fa-xmark { --fa: "\f00d"; --fa--fa: "\f00d\f00d"; }

.fa-xmark-circle { --fa: "\f057"; --fa--fa: "\f057\f057"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/assets/fa-light-300-C367-ACP.woff2") format("woff2"), url("/assets/fa-light-300-Q8hZPte1.ttf") format("truetype"); }

.fal,
.fa-light {
  font-weight: 300; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-regular-400-DkHUU_2Z.woff2") format("woff2"), url("/assets/fa-regular-400-CF8D3Pe-.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-PcMpZiJU.woff2") format("woff2"), url("/assets/fa-solid-900-Du6X6sGi.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }

/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url("data:font/woff2;base64,d09GMgABAAAAAANIAAoAAAAAB3wAAAL+AAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQgBmADCACBPsqCIMsGBYdkByCFZAMR1ZtlAL5IyHBMcJ7qXCwIffILSbCV1cXf3GiOV+Lh+/3+t/a5X0WxLCYli1WGag0yQyTdSiL+oeEVr/8FgDZnHWNEF56zawsX3y/GzDi7bKBD9x/mdUjltdHXnM994h9oxZraADoSBjcshPkLAHhCG0es2KOwkSmx79TI1qiOzzB2kUO4ioBacKV2669M4Mfjc98s5HEncpRJIIi8kBN3YJtBUCIJ+LuXFYNACAAUxR03FUtJgn1JQtDugSTLAERdAGD/mROH4o6dQqE5Srl9MJ/qlfqIO3FTH4oAfUPppdsykU2eqbhqkQOoUiYpsjOaWfj9UihgvuDV2n9ClQplSgC+D2cBJdiJVcFos82gJRht8R6EZoJfTIT4/7FGKO4DXy9Vq1WvJRoH0Crv9SltXTtGCoymHC8LLbMOEdmSTlrISp4gSopNNjp54r3Tq1cp283j6OvX76Lis5TFvuz1neXlNbGvxjNcvJs3xpv48iVqjCQiJyje3cf6mfn8OT4UbSurLnKhLxTF1VeMMdwyh85eZJLae0OpuqQ5mVFRt8qu41mWpSx7+lQTbZdtqsGcdvgDcNwTWqJGADpIR2j1FkmpDmS6rQ8XFYdic06jRJN+VJjyCJVavUedBp/er1dkWSaKyrHkD0SYSaeR1MQIMhtxc7gIotjVeIkSY7GECmdjF5Vm0gPUGUpvT+qVxcV3+wyzIXf9g/R5iSc9tiuTUWYbabafPUnfLG/ilsJTsJGbg6SkyqHPWXNhMpy3XMszHAtsSbYfj+MBi3HfV1LcDphhcwYt82wO8fhKljRt3qXMR7nmLc+HS9Nwr18ETW87lPEHdldqtz5PsxFsyOFBzYjzEg9Ux+84nSq/L7Id+9h+9iR9s7xJ7q7KFdgoU4iSpMrxbc4/7oe8Kj7k/b+Wa3mGY4Gty+iMNk+og4erLxVJ5d0eMANqGqpXa6lt8wrysFnSQ1wUk8+wiTAaUlXm85TbOpWNoWE7nBRfUoVRn6XlMK336i9+DAwDAAAA") format("woff2"), url("data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMmB2XvcAAAEoAAAAYGNtYXAvR2fzAAABkAAAAL5nbHlmop6jhAAAAlAAAAEgaGVhZC2uIGUAAACsAAAANmhoZWEDQgFDAAAA5AAAACRobXR4AwAAIAAAAYgAAAAIbG9jYQCQAFIAAANwAAAABm1heHAACQA3AAABCAAAACBuYW1l4qcngwAAA3gAAAPkcG9zdAADAAAAAAdcAAAAIAABAAAAAA8AEnkmcV8PPPUACwIAAAAAAOaH6HQAAAAA5ofodAAA/8ABgAHAAAAACAACAAAAAAAAAAEAAAHA/8AAAAGAAAAAAAGAAAEAAAAAAAAAAAAAAAAAAAACAAEAAAACADUABQAAAAAAAQAAAAEAAQAAAAAAAAAAAAAABAGAAGQABQACAgACAAAAAEACAAIAAAABAAAZAIQAAAIAAwMAAAAAAAAAAAABEAAAAAAAAAAAAAAAQVdTTQGAANf//wHA/8AAAAHAAEAAAAABAAAAAAIAAgAAAAAgAAABgAAAAYAAIAAAAAQAAAADAAAAJAAAAAQAAABmAAMAAQAAACQAAwAKAAAAZgAEAEIAAAAMAAgAAgAEANcnFScWJ0zwDf//AAAA1ycVJxYnTPAN//8AAAAAAAAAAA/0AAEADAAKAAgABgAAAAAAAQAMAAAAAABYAAAAAAAAAAYAAADXAAAA1wAAAAEAACcVAAAnFQAAAAEAACcWAAAnFgAAAAEAACdMAAAnTAAAAAEAAPANAADwDQAAAAEAAfXZAAH12QAAAAEAAAAFAAD/wAGAAcAABwAPABcAHwA0AAATIgcXNyYjIQUHFzQ1ETQ1BycUFREUFTcHFjMhMjcnBwM0NzYzITIXFhURFAcGIyEiJyY1ESADAqWlAgP+wAFQpqa6pqabAgMBQAMCpaUbCQkOAUAOCQkJCQ7+wA4JCQGwAeLiAQ7i4gEBAcABAeLiAQH+QAEB4u8BAeHhAc8OCQkJCQ7+QA4JCQkJDgHAAAEAIAAgAWABYAAoAAAlFjMyNzY1NCcnNzY1NCcmIyIHBycmIyIHBhUUFxcHBhUUFxYzMjc3FwFSAwMDAgMDkpIDAwIDAwOSkgMDAwIDA5KSAwMCAwMDkpIjAwMCAwMDkpIDAwMCAwOSkgMDAgMDA5KSAwMDAgMDkpIAAAAAAFIAkAAAAAAAFgEOAAEAAAAAAAAAGgCRAAEAAAAAAAEAFwCvAAEAAAAAAAIABwAAAAEAAAAAAAMAHQBLAAEAAAAAAAQAFwCvAAEAAAAAAAUAMAAHAAEAAAAAAAYAFAA3AAEAAAAAAAoALADGAAEAAAAAAAsAFwB6AAEAAAAAABAAEgBoAAEAAAAAABEABACrAAMAAQQJAAAANAIUAAMAAQQJAAEALgJQAAMAAQQJAAIADgDyAAMAAQQJAAMAOgGIAAMAAQQJAAQALgJQAAMAAQQJAAUAYAEAAAMAAQQJAAYAKAFgAAMAAQQJAAoAWAJ+AAMAAQQJAAsALgHmAAMAAQQJABAAJAHCAAMAAQQJABEACAJIUmVndWxhclZlcnNpb24gMC4wNTg1OTM3NSAoRm9udCBBd2Vzb21lIHZlcnNpb246IDAuMC43KUZvbnRBd2Vzb21lNlByby1UaGluRm9udCBBd2Vzb21lIDYgUHJvIFRoaW4tMC4wLjdGb250IEF3ZXNvbWUgNiBQcm9odHRwczovL2ZvbnRhd2Vzb21lLmNvbUNvcHlyaWdodCAoYykgRm9udCBBd2Vzb21lVGhpbkZvbnQgQXdlc29tZSA2IFBybyBUaGluVGhlIHdlYidzIG1vc3QgcG9wdWxhciBpY29uIHNldCBhbmQgdG9vbGtpdC4AUgBlAGcAdQBsAGEAcgBWAGUAcgBzAGkAbwBuACAAMAAuADAANQA4ADUAOQAzADcANQAgACgARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAIAB2AGUAcgBzAGkAbwBuADoAIAAwAC4AMAAuADcAKQBGAG8AbgB0AEEAdwBlAHMAbwBtAGUANgBQAHIAbwAtAFQAaABpAG4ARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAIAA2ACAAUAByAG8AIABUAGgAaQBuAC0AMAAuADAALgA3AEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAANgAgAFAAcgBvAGgAdAB0AHAAcwA6AC8ALwBmAG8AbgB0AGEAdwBlAHMAbwBtAGUALgBjAG8AbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApACAARgBvAG4AdAAgAEEAdwBlAHMAbwBtAGUAVABoAGkAbgBGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABQAHIAbwAgAFQAaABpAG4AVABoAGUAIAB3AGUAYgAnAHMAIABtAG8AcwB0ACAAcABvAHAAdQBsAGEAcgAgAGkAYwBvAG4AIABzAGUAdAAgAGEAbgBkACAAdABvAG8AbABrAGkAdAAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); }

.fat,
.fa-thin {
  font-weight: 100; }

:root, :host {
  --fa-style-family-duotone: 'Font Awesome 6 Duotone';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; }

@font-face {
  font-family: 'Font Awesome 6 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("data:font/woff2;base64,d09GMgABAAAAAARoAAsAAAAACogAAAQeAAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQgBmADHACBGMqHAMsQBYggByAcbIXkBFFUT2oAPwrclgdOtFJR0dURokiIvF0QHs1k8J//nOwOnu/35s59dUtvKaVImktQREYiJINQEXIVSFZFI2NpwjZZbf7Vmu4HaHxUYV0AwZVAPlFyP7lNwQEaWeVaXVVZWWGIKLrNbnHllsiDwKHe1X6/+vc7EMqL2KKJ0Dz229073JKIJjFPpK6eyHglFDrT1US82kmFL9kT34IAkgBevd3/EC0AfH/+Sdv9gynIACEKgEAmGDWoaWhpXm3yjlItRWKebPKjH1iqoACndlH9yx5ACV99LfKh7cXZf7Qj3GwjCHA0y3Cq0/lEoCWUm3OYK3jwAQsFmG8LYIAGPYABT/gJ6PGLgCcCRgDHEGqbv6dBwO+Gvfb5SLzRAzFOo7VUGy8bqDQqtWgzElpqG5EBI7XNiICV2mkHAEfx26cjN30C2pBNt3VruLmz7b/RXi8W/PPpnHf+3XZnODhyK30qBE69i0bj0orb8px3+z1+l8mbx5tlcipsklg9WOYg5k5lV04pwc5ga3NnZ3tjvVjI57y3XdF1O8Phe+9vfSTivb+68j4UjqjUD23Kba+srKxIOOQ5T3hw3qT2M5FWMmeblLBDUV5mGvenk8XCC3ktq1QhO+h2GFCaz+fYUbqxvsOcnK3NKWf4LUxpoG1OOX3vbL29k5nxDWP9wluXba5bipFtraMWUIftTsge7GQsfdZ2q3opV/pZbDDoqMEWuVy3u7yytbWy3O26h+mnzKnVdM78MbKphzJC2YRZw+NN6x8QNHtFycFEIxRl9XPFouKVdNJpYlafV4AXPz5ANeBHj3jqLVaDfzj+JvTQtqOVNEwhN9KNgcW7FtrYnW4OCqMHPvn6AOHjXLpt/+HkUQDsEr1wLzFBFd6BQhIgAKCi70ZRc46K9wu1jo3JJh5aq17RKfvEiBnCqKIgpsT9n58WBJrcUYDNvJUodnOPSqJfqF2mP9lItG46R2e97zDiOr8YtZwUpmT7vTEtltDjbod8Zl8+Xy2VLrUzND4PTJmrfBy1HbCO0zW7RiPJinPFvD6p8Y1Ttygp3EadPuP4i01ulRP8RjG+5LyZa/TFPvkcvtqxKH/d+tPFfLHWrLUqjRom8zd/jU8agkpNhZsmo16wI2dewG8U2N4FjjAui8pEiIdrKyjQMUtEcknDMQuaPMWVMY+xFY36qKgOTa3TKB5og0pqzCnKm/9TwwTjubZiMZgISlKkYBkTU3bKsQSN0723LIFDCwxHkIfxrLkkK8iiYJYQpyFIsqRChOWb4vT+JO+0sxXOksZQ+HVrmmpaKhpqUBL71ItcMtq95lJWKu0w3XR1aqPnWg5pDHrGj2dr8NM+mICIhizhSLSECAMABMixDAkiQIAwDBAhIkYrQGkCTShaLFDsAutQ4FK1AQMA") format("woff2"), url("data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQtlV3GcAAAocAAAAbE9TLzJT9mVqAAABOAAAAGBjbWFw8dxfEgAAAbQAAACYZ2x5ZinSD7UAAAJMAAADgGhlYWQuLiBlAAAAvAAAADZoaGVhA8IByAAAAPQAAAAkaG10eA2AAhgAAAGYAAAAHGxvY2ECegOMAAAFzAAAABBtYXhwAAsAPwAAARgAAAAgbmFtZbqQGPMAAAXcAAAEIHBvc3QAAwAAAAAJ/AAAACAAAQAAAAAPANM+QYFfDzz1AAsCAAAAAADmh+h0AAAAAOaH6HQAAP/AAgABwAAAAAgAAgAAAAAAAAABAAABwP/AAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAABwABAAAABwA9AAIAAAAAAAEAAAABAAEAAAAAAAAAAAAAAAQB7QOEAAUAAgIAAgAAAABAAgACAAAAAQAAGQCEAAACAAkDAAAAAAAAAAAAARAAAAAAAAAAAAAAAEFXU00BgPE3//8BwP/AAAABwABAAAAAAQAAAAACAAIAAAAAIAAGAYAAAAIAAKACAADIAgAAsAIAAAACAAAAAgAAAAAAAAQAAAADAAAAJAAAAAQAAABMAAMAAQAAACQAAwAKAAAATAAEACgAAAAGAAQAAQAC8TjxRP//AADxN/FE//8Oyg6/AAEAAAAAAAAADAAAAAAATAAAAAAAAAAFAADxNwAA8TgAAAABAADxRAAA8UQAAAADABDxNwAQ8TcAAAAEABDxOAAQ8TgAAAAFABDxRAAQ8UQAAAAGAAIAAP/AAYABwAAEACEAABMRIREhJzQ3Njc2MyEyFxYXFhURFAcGBwYjISInJicmNRFAAQD/AEAHBgsLDQEgDQsLBgcHBgsLDf7gDQsLBgcBgP6AAYAQDQsLBgcHBgsLDf5gDQsLBgcHBgsLDQGgAAABAKAAQAE4AUAAGAAANyY1NDc3NjMyFxYVFAcHFxYVFAcGIyInJ6cHB2gHCgoHBwdXVwcHCAkKB2ivBwoKB2gHBwcKCgdXVwcKCQgHB2gAAAEAyABAAWABQAAYAAAlFhUUBwcGIyInJjU0NzcnJjU0NzYzMhcXAVkHB2gHCgoHBwdXVwcHCAkKB2jRBwoKB2gHBwcKCgdXVwcKCQgHB2gAAQCwAFABcAEwABsAABMmIyIHBgcGFRUUFxYXFjMyNzc2NzY1NCcmJyfVBgcGBgYDAwMDBgYGBwaQBQMDAwMFkAEsBAMDBgUHsAcFBgMDBFgDBQYGBwUFBFgAAAACAAD/wAIAAcAAIAA5AAA3FBcWFxYXFjMyNzY3Njc2NTQnJicmJyYjIgcGBwYHBhUzNDc3NjMyFxYVFAcHFxYVFAcGIyInJyY1ABQUIyMuLzU1Ly4jIxQUFBQjIy4vNTUvLiMjFBSgB2gHCgoHBwdXVwcHBwoKB2gHwDUvLiMjFBQUFCMjLi81NS8uIyMUFBQUIyMuLzUKB2gHBwcKCgdXVwcKCgcHB2gHCgAAAgAA/8ACAAHAACAAOQAAJRQHBgcGBwYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYVJRQXFwcGFRQXFjMyNzc2NTQnJyYjIgcGFQIAFBQjIy4vNTUvLiMjFBQUFCMjLi81NS8uIyMUFP7IB1dXBwcHCgoHaAcHaAcKCgcHwDUvLiMjFBQUFCMjLi81NS8uIyMUFBQUIyMuLzVoCgdXVwcKCgcHB2gHCgoHaAcHBwoAAAACAAD/wAIAAcAAIAA8AAA3FBcWFxYXFjMyNzY3Njc2NTQnJicmJyYjIgcGBwYHBhU3NDc2NzYzMhcXFhcWFRQHBgcHBiMiJyYnJjU1ABQUIyMuLzU1Ly4jIxQUFBQjIy4vNTUvLiMjFBSwAwQFBgYHBpAFAwMDAwWQBgcGBgYDA8A1Ly4jIxQUFBQjIy4vNTUvLiMjFBQUFCMjLi81WAcFBgMDBFgDBQYGBgYFBFgDAwMGBQewAAAAAAA4AGAAiAC2AQwBZAHAAAAAFgEOAAEAAAAAAAAAGgBzAAEAAAAAAAEAHADqAAEAAAAAAAIABwDKAAEAAAAAAAMAIgCjAAEAAAAAAAQAHADqAAEAAAAAAAUAMAAXAAEAAAAAAAYAGQDRAAEAAAAAAAoALABHAAEAAAAAAAsAFwAAAAEAAAAAABAAFgCNAAEAAAAAABEABQDFAAMAAQQJAAAANAHsAAMAAQQJAAEAOALaAAMAAQQJAAIADgKaAAMAAQQJAAMARAJMAAMAAQQJAAQAOALaAAMAAQQJAAUAYAE0AAMAAQQJAAYAMgKoAAMAAQQJAAoAWAGUAAMAAQQJAAsALgEGAAMAAQQJABAALAIgAAMAAQQJABEACgKQaHR0cHM6Ly9mb250YXdlc29tZS5jb21WZXJzaW9uIDAuMDU4NTkzNzUgKEZvbnQgQXdlc29tZSB2ZXJzaW9uOiAwLjAuNylUaGUgd2ViJ3MgbW9zdCBwb3B1bGFyIGljb24gc2V0IGFuZCB0b29sa2l0LkNvcHlyaWdodCAoYykgRm9udCBBd2Vzb21lRm9udCBBd2Vzb21lIDYgRHVvdG9uZUZvbnQgQXdlc29tZSA2IER1b3RvbmUgU29saWQtMC4wLjdTb2xpZFJlZ3VsYXJGb250QXdlc29tZTZEdW90b25lLVNvbGlkRm9udCBBd2Vzb21lIDYgRHVvdG9uZSBTb2xpZABoAHQAdABwAHMAOgAvAC8AZgBvAG4AdABhAHcAZQBzAG8AbQBlAC4AYwBvAG0AVgBlAHIAcwBpAG8AbgAgADAALgAwADUAOAA1ADkAMwA3ADUAIAAoAEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAAdgBlAHIAcwBpAG8AbgA6ACAAMAAuADAALgA3ACkAVABoAGUAIAB3AGUAYgAnAHMAIABtAG8AcwB0ACAAcABvAHAAdQBsAGEAcgAgAGkAYwBvAG4AIABzAGUAdAAgAGEAbgBkACAAdABvAG8AbABrAGkAdAAuAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABjACkAIABGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQBGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABEAHUAbwB0AG8AbgBlAEYAbwBuAHQAIABBAHcAZQBzAG8AbQBlACAANgAgAEQAdQBvAHQAbwBuAGUAIABTAG8AbABpAGQALQAwAC4AMAAuADcAUwBvAGwAaQBkAFIAZQBnAHUAbABhAHIARgBvAG4AdABBAHcAZQBzAG8AbQBlADYARAB1AG8AdABvAG4AZQAtAFMAbwBsAGkAZABGAG8AbgB0ACAAQQB3AGUAcwBvAG0AZQAgADYAIABEAHUAbwB0AG8AbgBlACAAUwBvAGwAaQBkAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAoAHgAsAAFsYXRuAAgABAAAAAAAAAABAAAAAWxpZ2EACAAAAAEAAAABAAQABAAAAAEACAABAAwAAwAWACAAKgABAAMAAQACAAMAAQAEAAQAAgABAAEABAAFAAIAAgABAAQABgACAAM=") format("truetype"); }

.fad,
.fa-duotone {
  position: relative;
  font-weight: 900;
  letter-spacing: normal; }

.fad::before,
.fa-duotone::before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: var(--fa-primary-opacity, 1); }

.fad::after,
.fa-duotone::after {
  color: var(--fa-secondary-color, inherit);
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fad.fa-swap-opacity::before,
.fa-duotone.fa-swap-opacity::before {
  opacity: var(--fa-secondary-opacity, 0.4); }

.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fad.fa-swap-opacity::after,
.fa-duotone.fa-swap-opacity::after {
  opacity: var(--fa-primary-opacity, 1); }

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff); }

.fad.fa-stack-1x, .fad.fa-stack-2x,
.fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x {
  position: absolute; }

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

.text-title-1 {
  font-size: 72px !important;
  font-weight: 400 !important;
  line-height: 88px !important;
  letter-spacing: -0.8px !important;
}

.text-title-2 {
  font-size: 64px !important;
  font-weight: 400 !important;
  line-height: 76px !important;
  letter-spacing: -0.8px !important;
}

.text-title-3 {
  font-size: 56px !important;
  font-weight: 400 !important;
  line-height: 68px !important;
  letter-spacing: -0.6px !important;
}

.text-label-3 {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: -0.1px !important;
}

.text-body-3 {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
}

.text-body-4 {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
}

.text-body-color {
  color: #212529;
}

.text-secondary-color {
  color: #64748b;
}

.bg-page {
  background-color: #f8fafc;
}

.bg-subtle {
  background-color: #ebf0f1;
}

.bg-insites-blue {
  background-color: #275b85 !important;
}

.text-insites-blue {
  color: #275b85 !important;
}

.bg-insites-green {
  background-color: #347f62 !important;
}

.text-insites-green {
  color: #347f62 !important;
}

.text-human8-dark-teal {
  color: #004750 !important;
}

.bg-surface {
  background-color: #ffffff;
}

.text-on-surface-high {
  color: #212529;
}

.text-on-surface-medium {
  color: #64748b;
}

.bg-on-surface-medium {
  background-color: #64748b;
}

.text-on-surface-disabled {
  color: #94a3b8;
}

.text-on-primary-high {
  color: rgb(255, 255, 255);
}

.text-on-primary-medium {
  color: rgba(255, 255, 255, 0.74);
}

.text-on-primary-disabled {
  color: rgba(255, 255, 255, 0.38);
}

.section-border {
  border: #c7cdd5 1px solid;
}

.text-on-surface {
  color: #000000;
}

.bg-insites-button {
  background-color: #5a9fbc;
}

.text-insites-button {
  color: #5a9fbc;
}

.text-empty-annotation {
  color: rgba(0, 0, 0, 0.34) !important;
}

.bg-negative-medium {
  background-color: rgba(208, 2, 27, 0.8) !important;
}

.bg-insites-progress-background {
  background: #424242 !important;
}

.text-pre-wrap {
  white-space: pre-wrap;
}

.text-read-more {
  color: #0038ff;
}

.overflow-visible {
  overflow: visible;
}

.icon-x-small {
  font-size: 12px !important;
}

.icon-small {
  font-size: 16px !important;
}

.icon-medium {
  font-size: 18px !important;
}

.icon-large {
  font-size: 20px !important;
}

.icon-x-large {
  font-size: 24px !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

/* Temp style to fix a media player bug */
.q-media--big-button:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  margin-top: -14px;
}

[dir="ltr"] .q-media--big-button:after {
  left: 50%;
  border-left: 21px solid #ffffff;
  margin-left: -7px;
}

[dir="rtl"] .q-media--big-button:after {
  right: 50%;
  border-right: 21px solid #ffffff;
  margin-right: -7px;
}

/* Style to adapt quasar buttons to match our Figma design */
.q-btn {
  font-size: 0.875rem;
}

[dir="ltr"] .q-btn .q-icon.on-right {
  margin-left: 8px; /* Default margin is 12px in quasar, we want 8px */
  margin-right: -4px;
}

[dir="rtl"] .q-btn .q-icon.on-right {
  margin-right: 8px;
  margin-left: -4px;
}

[dir="ltr"] .q-btn .q-icon.on-left {
  margin-right: 8px; /* Default margin is 12px in quasar, we want 8px */
  margin-left: -4px;
}

[dir="rtl"] .q-btn .q-icon.on-left {
  margin-left: 8px;
  margin-right: -4px;
}

/* Style to remove shadow from modal overlay to match figma design.
   https://www.figma.com/file/HMQxvOon6wL4Pcu6kD1sNO/InSites-Square-Member-Portal---Design-System?node-id=1493%3A59901
   https://www.figma.com/file/HMQxvOon6wL4Pcu6kD1sNO/InSites-Square-Member-Portal---Design-System?node-id=1787%3A37872 */
.q-dialog__inner > div {
  box-shadow: none;
}

/* Highlight for search-keyword matches rendered inside post text (e.g. lounge topic search).
   Applied to v-html content, so it must be global (not scoped). Mirrors the legacy admin styling. */
.highlight-text-match {
  background-color: #f29303;
  color: #ffffff;
}

body,
html {
  height: auto !important; /* Necessary because of styles leaking from Angular Material */
  overflow-y: scroll;
}

body {
  color: #212529;
  overflow-y: auto; /* Necessary because of styles leaking from Angular Material */
}

/* Some extra styling to meet the Figma design */
[dir="ltr"] .q-notification__icon.q-notification__icon--additional {
  margin-right: 8px;
}

[dir="rtl"] .q-notification__icon.q-notification__icon--additional {
  margin-left: 8px;
}

[dir="ltr"] .q-field__append {
  padding-left: 8px;
}

[dir="rtl"] .q-field__append {
  padding-right: 8px;
}

[dir="ltr"] .q-field__prepend {
  padding-right: 8px;
}

[dir="rtl"] .q-field__prepend {
  padding-left: 8px;
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
  cursor: default !important; /* important overwrites Quasar styling which also uses important */
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.suggestion-list__list {
  overflow-y: auto;
  max-height: 288px; /* list item is 48px, we show a maximum of 6 items at a time */
}
.emoji-menu[data-v-ed73593f] {
	width: 80px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 5px;
}
.emoji-menu__header[data-v-ed73593f] {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f0f0f0;
	padding: 8px 0;
}
.emoji-menu__list[data-v-ed73593f] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 0;
}
.emoji-menu__item[data-v-ed73593f] {
	background: none;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	cursor: pointer;
	border: transparent 2.5px solid;
}
.emoji-menu__item[data-v-ed73593f]:hover,
.emoji-menu__item[data-v-ed73593f]:focus {
	background: rgba(0, 0, 0, 0.05);
}
.emoji-menu__item[data-v-ed73593f]:focus {
	border: #000000 2.5px solid;
	border-radius: 5px;
}
.emoji-menu__item-img[data-v-ed73593f] {
	width: 24px;
	height: 24px;
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-rich-text-editor__label {
  color: #64748b;
  font-size: 0.875rem;
  margin-bottom: 4px;
}
.isc-rich-text-editor__editor {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.isc-rich-text-editor--error .isc-rich-text-editor__editor {
  border-color: #b91c2c;
}
.isc-rich-text-editor__error-message {
  font-size: 0.75rem;
  margin-top: 4px;
}
.isc-rich-text-editor__toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 4px;
}
.isc-rich-text-editor__content {
  transition: min-height 0.2s ease-in-out;
  overflow-y: auto;
}
.isc-rich-text-editor__content .ProseMirror {
  border-radius: 4px;
  padding: 10px;
  /* stylelint-disable */
  min-height: inherit;
  max-height: inherit;
  /* stylelint-enable */
  overflow-wrap: break-word;
  outline: none;
}
.isc-rich-text-editor__content .ProseMirror img {
  max-width: 100%;
  height: auto;
}
.isc-rich-text-editor__content .ProseMirror p.is-editor-empty:first-child:before {
  color: #bdbdbd;
  content: attr(data-placeholder);
  height: 0;
  pointer-events: none;
}
[dir="ltr"] .isc-rich-text-editor__content .ProseMirror p.is-editor-empty:first-child:before {
  float: left;
}
[dir="rtl"] .isc-rich-text-editor__content .ProseMirror p.is-editor-empty:first-child:before {
  float: right;
}
.isc-rich-text-editor__emoji-button .q-btn-dropdown__arrow-container {
  display: none;
}
.isc-rich-text-editor__toolbar-group {
  display: inline-block;
  padding: 0 4px;
}
[dir="ltr"] .isc-rich-text-editor__toolbar-group:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
[dir="rtl"] .isc-rich-text-editor__toolbar-group:not(:last-of-type) {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
[dir="ltr"] .isc-rich-text-editor__toolbar-group:first-of-type {
  padding-left: 0;
}
[dir="rtl"] .isc-rich-text-editor__toolbar-group:first-of-type {
  padding-right: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-dialog__q-card {
  overflow: visible !important;
  position: relative;
}
.isc-dialog__close-btn {
  opacity: 56%;
  position: absolute !important;
  top: -40px;
}
[dir="ltr"] .isc-dialog__close-btn {
  right: 0;
}
[dir="rtl"] .isc-dialog__close-btn {
  left: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-discussion {
  border: 1px solid #c7cdd5;
  font-size: 14px;
}
.isc-discussion__header-area--forum-topic {
  background: #f0f3f5 !important;
}
.isc-discussion__header-label {
  font-size: 1.25rem;
  font-weight: 600;
  color: #004750;
}
.isc-discussion--centered-stream .isc-discussion__post-list-item-section {
  align-content: center;
}
.isc-discussion__sort-method-select .q-field__marginal {
  height: 36px;
}
.isc-discussion .q-field--focused .q-field__control {
  outline: none;
  outline-offset: 2px;
  border: 3px solid var(--focus-indicator-color);
}
.isc-discussion .q-field--focused .q-field__control:before, .isc-discussion .q-field--focused .q-field__control:hover:before {
  content: " ";
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-color: #ffffff;
}
.isc-discussion .q-field--auto-height .q-field__control,
.isc-discussion .q-field--auto-height .q-field__native {
  min-height: 36px;
  font-weight: 600;
  color: #ffffff;
}
.isc-discussion__post-list-item.q-item {
  padding: 0;
}/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Player
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  contain: style;
  box-sizing: border-box;
  user-select: none;
}

[data-media-player] * {
  box-sizing: border-box;
}

:where([data-media-player][data-view-type='video']) {
  aspect-ratio: 16 / 9;
}

[data-media-player]:focus,
[data-media-player]:focus-visible {
  outline: none;
}

[data-media-player][data-view-type='video'][data-started]:not([data-controls]) {
  pointer-events: auto;
  cursor: none;
}

[data-media-player] slot {
  display: contents;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Provider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-provider] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  overflow: hidden;
}

[data-media-player]:not([data-view-type='audio']) [data-media-provider],
[data-media-player][data-fullscreen] [data-media-provider] {
  height: 100%;
}

[data-media-player][data-view-type='audio'] [data-media-provider] {
  display: contents;
  background-color: unset;
}

[data-media-provider] audio {
  width: 100%;
}

:where(video:not([width]):not([height]), iframe:not([width]):not([height])) {
  width: 100%;
  aspect-ratio: 16 / 9;
}

:where([data-media-provider] video),
:where([data-media-provider] iframe) {
  aspect-ratio: inherit;
  display: inline-block;
  height: auto;
  object-fit: contain;
  touch-action: manipulation;
  border-radius: inherit;
  width: 100%;
}

[data-media-provider] iframe {
  height: 100%;
}

[data-media-player][data-view-type='audio'] video,
[data-media-player][data-view-type='audio'] iframe {
  display: none;
}

[data-media-player][data-fullscreen] video {
  height: 100%;
}

iframe.vds-youtube[data-no-controls] {
  height: 1000%;
}

.vds-blocker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  aspect-ratio: inherit;
  pointer-events: auto;
  border-radius: inherit;
  z-index: 1;
}

[data-ended] .vds-blocker {
  background-color: black;
}

.vds-icon:focus {
  outline: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Google Cast
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-google-cast {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #dedede;
  font-family: sans-serif;
  font-weight: 500;
}

.vds-google-cast svg {
  --size: max(18%, 40px);
  width: var(--size);
  height: var(--size);
  margin-bottom: 8px;
}

.vds-google-cast-info {
  font-size: calc(var(--media-height) / 100 * 6);
}

:where(.vds-buffering-indicator) {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

[dir="ltr"] :where(.vds-buffering-indicator) {
  left: 0;
}

[dir="rtl"] :where(.vds-buffering-indicator) {
  right: 0;
}

:where(.vds-buffering-indicator) :where(.vds-buffering-icon, .vds-buffering-spinner) {
  opacity: 0;
  pointer-events: none;
  transition: var(--media-buffering-transition, opacity 200ms ease);
}

:where(.vds-buffering-indicator)
  :where(.vds-buffering-icon, svg.vds-buffering-spinner, .vds-buffering-spinner svg) {
  width: var(--media-buffering-size, 96px);
  height: var(--media-buffering-size, 96px);
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track, circle[data-part='track']) {
  color: var(--media-buffering-track-color, #f5f5f5);
  opacity: var(--media-buffering-track-opacity, 0.25);
  stroke-width: var(--media-buffering-track-width, 8);
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill, circle[data-part='track-fill']) {
  color: var(--media-buffering-track-fill-color, var(--media-brand));
  opacity: var(--media-buffering-track-fill-opacity, 0.75);
  stroke-width: var(--media-buffering-track-fill-width, 9);
  stroke-dasharray: 100;
  stroke-dashoffset: var(--media-buffering-track-fill-offset, 50);
}

:where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
  opacity: 1;
  animation: var(--media-buffering-animation, vds-buffering-spin 1s linear infinite);
}

@keyframes vds-buffering-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion) {
  :where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
    animation-duration: 8s;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-button) {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
  border-radius: var(--media-button-border-radius, 8px);
  width: var(--media-button-size, 40px);
  height: var(--media-button-size, 40px);
  transition: transform 0.2s ease-out;
  contain: layout style;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  flex-shrink: 0;
}

.vds-button {
  border: var(--media-button-border);
  color: var(--media-button-color, var(--media-controls-color, #f5f5f5));
  padding: var(--media-button-padding, 0px);
}

:where([data-fullscreen] .vds-button) {
  width: var(--media-fullscreen-button-size, 42px);
  height: var(--media-fullscreen-button-size, 42px);
}

@media screen and (max-width: 599px) {
  :where([data-fullscreen] .vds-button) {
    width: var(--media-sm-fullscreen-button-size, 42px);
    height: var(--media-sm-fullscreen-button-size, 42px);
  }
}

:where(.vds-button .vds-icon) {
  width: var(--media-button-icon-size, 80%);
  height: var(--media-button-icon-size, 80%);
  border-radius: var(--media-button-border-radius, 8px);
}

:where(.vds-menu-button .vds-icon) {
  display: flex !important;
}

:where(.vds-button[aria-hidden='true']) {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .vds-button:hover {
    background-color: var(--media-button-hover-bg, rgb(255 255 255 / 0.2));
  }

  .vds-button:hover {
    transform: var(--media-button-hover-transform, scale(1.05));
    transition: var(--media-button-hover-transition, transform 0.2s ease-in);
  }

  .vds-button[aria-expanded='true'] {
    transform: unset;
  }
}

@media (pointer: coarse) {
  .vds-button:hover {
    border-radius: var(--media-button-touch-hover-border-radius, 100%);
    background-color: var(--media-button-touch-hover-bg, rgb(255 255 255 / 0.2));
  }
}

:where(.vds-button:focus) {
  outline: none;
}

:where(.vds-button[data-focus], .vds-button:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Live Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-live-button) {
  min-width: auto;
  min-height: auto;
  width: var(--media-live-button-width, 40px);
  height: var(--media-live-button-height, 40px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  appearance: none;
  background: none;
  outline: none;
  border: none;
}

:where(.vds-live-button-text) {
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-live-button-font-size, 12px);
  font-weight: var(--media-live-button-font-weight, 600);
  letter-spacing: var(--media-live-button-letter-spacing, 1.5px);
  transition: color 0.3s ease;
}

.vds-live-button-text {
  background-color: var(--media-live-button-bg, #8a8a8a);
  border-radius: var(--media-live-button-border-radius, 2px);
  color: var(--media-live-button-color, #161616);
  padding: var(--media-live-button-padding, 1px 4px);
}

:where(.vds-live-button[data-focus] .vds-live-button-text) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-live-button[data-edge]) {
  cursor: unset;
}

:where(.vds-live-button[data-edge] .vds-live-button-text) {
  background-color: var(--media-live-button-edge-bg, #dc2626);
  color: var(--media-live-button-edge-color, #f5f5f5);
}

@media (pointer: fine) {
  :where(.vds-live-button:hover) {
    background-color: unset;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * States
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* Play Button */
.vds-button:not([data-paused]) .vds-play-icon,
.vds-button[data-ended] .vds-play-icon,
.vds-button[data-paused] .vds-pause-icon,
.vds-button[data-ended] .vds-pause-icon,
.vds-button:not([data-ended]) .vds-replay-icon,
/* PIP Button */
.vds-button[data-active] .vds-pip-enter-icon,
.vds-button:not([data-active]) .vds-pip-exit-icon,
/* Fullscreen Button */
.vds-button[data-active] .vds-fs-enter-icon,
.vds-button:not([data-active]) .vds-fs-exit-icon,
/* Caption Button */
.vds-button:not([data-active]) .vds-cc-on-icon,
.vds-button[data-active] .vds-cc-off-icon,
/* Mute Button */
.vds-button:not([data-muted]) .vds-mute-icon,
.vds-button:not([data-state='low']) .vds-volume-low-icon,
.vds-button:not([data-state='high']) .vds-volume-high-icon {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions) {
  /* Recommended settings in the WebVTT spec (https://www.w3.org/TR/webvtt1). */
  --overlay-padding: var(--media-captions-padding, 1%);
  --cue-color: var(--media-user-text-color, var(--media-cue-color, white));
  --cue-bg-color: var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, 0.7)));
  --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5));
  --cue-font-size: calc(var(--cue-default-font-size) * var(--media-user-font-size, 1));
  --cue-line-height: var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2));
  --cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.6));
  --cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.4));
  --cue-padding: var(--cue-padding-y) var(--cue-padding-x);
  position: absolute;
  inset: 0;
  z-index: 1;
  contain: layout style;
  margin: var(--overlay-padding);
  font-size: var(--cue-font-size);
  font-family: var(--media-user-font-family, sans-serif);
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  word-spacing: normal;
  word-break: break-word;
}

:where([data-fullscreen][data-orientation='portrait'] .vds-captions) {
  --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5));
}

:where([data-view-type='audio'] .vds-captions) {
  position: relative;
  margin: 0;
}

:where(.vds-captions[aria-hidden='true']) {
  opacity: 0;
  visibility: hidden;
}

.vds-captions[data-example] {
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-view-type='video'] .vds-captions [data-part='cue-display'][data-example]) {
  --cue-text-align: center;
  --cue-width: 100%;
  --cue-top: 90%;
  --cue-left: 0%;
}

:where([data-view-type='audio'] .vds-captions [data-part='cue-display']) {
  --cue-width: 100%;
  position: relative !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * VTT Cues
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions [data-part='cue-display']) {
  position: absolute;
  overflow: visible;
  contain: content;
  top: var(--cue-top);
  bottom: var(--cue-bottom);
  width: var(--cue-width, auto);
  height: var(--cue-height, auto);
  box-sizing: border-box;
  transform: var(--cue-transform);
  text-align: var(--cue-text-align);
  writing-mode: var(--cue-writing-mode, unset);
  white-space: pre-line;
  unicode-bidi: plaintext;
  min-width: min-content;
  min-height: min-content;
  background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
  border-radius: var(--media-cue-display-border-radius);
}

[dir="ltr"] :where(.vds-captions [data-part='cue-display']) {
  direction: ltr;
  left: var(--cue-left);
  right: var(--cue-right);
}

[dir="rtl"] :where(.vds-captions [data-part='cue-display']) {
  direction: rtl;
  right: var(--cue-left);
  left: var(--cue-right);
}

.vds-captions [data-part='cue-display'] {
  padding: var(--media-cue-display-padding);
}

[dir="ltr"] :where(.vds-captions[data-dir='rtl'] [data-part='cue-display']) {
  direction: rtl;
}

[dir="rtl"] :where(.vds-captions[data-dir='rtl'] [data-part='cue-display']) {
  direction: ltr;
}

:where(.vds-captions [data-part='cue']) {
  display: inline-block;
  contain: content;
  font-variant: var(--media-user-font-variant);
  border: var(--media-cue-border, unset);
  border-radius: var(--media-cue-border-radius, 2px);
  backdrop-filter: var(--media-cue-backdrop, blur(8px));
  line-height: var(--cue-line-height);
  box-sizing: border-box;
  box-shadow: var(--media-cue-box-shadow, var(--cue-box-shadow));
  white-space: var(--cue-white-space, pre-wrap);
  outline: var(--cue-outline);
  text-shadow: var(--media-user-text-shadow, var(--cue-text-shadow));
}

.vds-captions [data-part='cue'] {
  background-color: var(--cue-bg-color);
  color: var(--cue-color);
  padding: var(--cue-padding);
}

:where(.vds-captions [data-part='cue-display'][data-vertical] [data-part='cue']) {
  --cue-padding: var(--cue-padding-x) var(--cue-padding-y);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * VTT Regions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions [data-part='region']) {
  --anchor-x-percent: calc(var(--region-anchor-x) / 100);
  --anchor-x: calc(var(--region-width) * var(--anchor-x-percent));
  --anchor-y-percent: calc(var(--region-anchor-y) / 100);
  --anchor-y: calc(var(--region-height) * var(--anchor-y-percent));
  --vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%);
  --vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100);
  --vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent));
  position: absolute;
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-start;
  width: var(--region-width);
  height: var(--region-height);
  min-height: 0px;
  max-height: var(--region-height);
  writing-mode: horizontal-tb;
  top: var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y)));
  bottom: var(--region-bottom);
  overflow: hidden;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

[dir="ltr"] :where(.vds-captions [data-part='region']) {
  left: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));
  right: var(--region-right);
}

[dir="rtl"] :where(.vds-captions [data-part='region']) {
  right: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));
  left: var(--region-right);
}

:where(.vds-captions [data-part='region'][data-active]) {
}

:where(.vds-captions [data-part='region'][data-scroll='up']) {
  justify-content: end;
}

:where(.vds-captions [data-part='region'][data-active][data-scroll='up']) {
  transition: top 0.433s;
}

:where(.vds-captions [data-part='region'] > [data-part='cue-display']) {
  position: relative;
  width: auto;
  height: var(--cue-height, auto);
  text-align: var(--cue-text-align);
  unicode-bidi: plaintext;
  margin-top: 2px;
}

[dir="ltr"] :where(.vds-captions [data-part='region'] > [data-part='cue-display']) {
  left: var(--cue-offset);
}

[dir="rtl"] :where(.vds-captions [data-part='region'] > [data-part='cue-display']) {
  right: var(--cue-offset);
}

:where(.vds-captions [data-part='region'] [data-part='cue']) {
  position: relative;
  border-radius: 0px;
}

:where(.vds-chapter-title) {
  --color: var(--media-chapter-title-color, rgba(255 255 255 / 0.64));
  display: inline-block;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-chapter-title-font-size, 16px);
  font-weight: var(--media-chapter-title-font-weight, 400);
  color: var(--color);
  flex: 1 1 0%;
  padding-inline: 6px;
  overflow: hidden;
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vds-chapter-title::before {
  content: var(--media-chapter-title-separator, '\2022');
  display: inline-block;
  color: var(--media-chapter-title-separator-color, var(--color));
}

[dir="ltr"] .vds-chapter-title::before {
  margin-right: var(--media-chapter-title-separator-gap, 6px);
}

[dir="rtl"] .vds-chapter-title::before {
  margin-left: var(--media-chapter-title-separator-gap, 6px);
}

.vds-chapter-title:empty::before {
  content: '';
  margin: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-controls),
:where(.vds-controls-group) {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Audio Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-view-type='audio'] .vds-controls) {
  display: inline-block;
  max-width: 100%;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Video Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-view-type='video'] .vds-controls) {
  display: flex;
  position: absolute;
  flex-direction: column;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: var(--media-controls-padding, 0px);
  transition: var(--media-controls-out-transition, opacity 0.2s ease-out);
}

:where([data-view-type='video'] .vds-controls[data-visible]) {
  opacity: 1;
  visibility: visible;
  transition: var(--media-controls-in-transition, opacity 0.2s ease-in);
}

:where(.vds-controls-spacer) {
  flex: 1 1 0%;
  pointer-events: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Gesture
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-gestures) {
  display: contents;
}

:where(.vds-gesture) {
  position: absolute;
  display: block;
  contain: content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;
}

:where(.vds-icon svg) {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Action
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-action.hidden) {
  opacity: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Text
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-text-wrapper) {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: var(--media-kb-text-top, 10%);
  z-index: 20;
  pointer-events: none;
}

:where(.vds-kb-text) {
  display: inline-block;
  font-size: var(--media-kb-text-size, 150%);
  font-family: var(--media-font-family, sans-serif);
  backdrop-filter: blur(2px);
  border-radius: var(--media-kb-border-radius, 2.5px);
  pointer-events: none;
}

.vds-kb-text {
  color: var(--media-kb-text-color, var(--default-color));
  background-color: var(--media-kb-text-bg, var(--default-bg));
  padding: var(--media-kb-text-padding, 10px 20px);
}

.light .vds-kb-text {
  --default-color: #1a1a1a;
  --default-bg: rgb(240 240 240 / 0.6);
}

.dark .vds-kb-text {
  --default-color: #f5f5f5;
  --default-bg: rgb(10 10 10 / 0.6);
}

:where(.vds-kb-text:empty) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Bezel
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-bezel) {
  --size: var(--media-kb-bezel-size, 52px);
  position: absolute;
  top: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  margin-left: calc(-1 * calc(var(--size) / 2));
  margin-right: calc(-1 * calc(var(--size) / 2));
  z-index: 20;
  backdrop-filter: blur(2px);
  background-color: var(--media-kb-bezel-bg, var(--default-bg));
  animation: var(--media-kb-bezel-animation, vds-bezel-fade 0.35s linear 1 normal forwards);
  border-radius: var(--media-kb-bezel-border-radius, calc(var(--size) / 2));
  pointer-events: none;
}

[dir="ltr"] :where(.vds-kb-bezel) {
  left: 50%;
}

[dir="rtl"] :where(.vds-kb-bezel) {
  right: 50%;
}

.light .vds-kb-bezel {
  --default-bg: rgb(255 255 255 / 0.6);
}

.dark .vds-kb-bezel {
  --default-bg: rgb(10 10 10 / 0.6);
}

@media (prefers-reduced-motion) {
  :where(.vds-kb-bezel) {
    animation: none;
  }
}

:where(.vds-kb-bezel:has(slot:empty)) {
  opacity: 0;
}

:where(.vds-kb-action[data-action='seek-forward'] .vds-kb-bezel) {
  top: 45%;
}

[dir="ltr"] :where(.vds-kb-action[data-action='seek-forward'] .vds-kb-bezel) {
  left: unset;
  right: 10%;
}

[dir="rtl"] :where(.vds-kb-action[data-action='seek-forward'] .vds-kb-bezel) {
  right: unset;
  left: 10%;
}

:where(.vds-kb-action[data-action='seek-backward'] .vds-kb-bezel) {
  top: 45%;
}

[dir="ltr"] :where(.vds-kb-action[data-action='seek-backward'] .vds-kb-bezel) {
  left: 10%;
}

[dir="rtl"] :where(.vds-kb-action[data-action='seek-backward'] .vds-kb-bezel) {
  right: 10%;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Icon
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-icon) {
  --size: var(--media-kb-icon-size, 38px);
  width: var(--size);
  height: var(--size);
}

.vds-kb-icon {
  color: var(--media-kb-icon-color, var(--default-color));
}

.light .vds-kb-icon {
  --default-color: #1a1a1a;
}

.dark .vds-kb-icon {
  --default-color: #f5f5f5;
}

@keyframes vds-bezel-fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Theme
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items) {
  --color-inverse: var(--media-menu-color-inverse, var(--default-inverse));
  --color-gray-50: var(--media-menu-color-gray-50, var(--default-gray-50));
  --color-gray-100: var(--media-menu-color-gray-100, var(--default-gray-100));
  --color-gray-200: var(--media-menu-color-gray-200, var(--default-gray-200));
  --color-gray-300: var(--media-menu-color-gray-300, var(--default-gray-300));
  --color-gray-400: var(--media-menu-color-gray-400, var(--default-gray-400));

  --text-color: var(--media-menu-text-color, var(--default-text));
  --text-secondary-color: var(--media-menu-text-secondary-color, var(--default-text-secondary));

  --root-border: var(--media-menu-border, var(--default-root-border));
}

.light .vds-menu-items {
  --default-inverse: black;
  --default-gray-50: rgb(80 80 80 / 0.15);
  --default-gray-100: rgb(80 80 80 / 0.45);
  --default-gray-200: rgb(235 235 235 / 0.6);
  --default-gray-300: rgb(238 238 238);
  --default-gray-400: rgb(250 250 250);

  --default-text: #1a1a1a;
  --default-text-secondary: #6b6b6b;

  --default-root-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-menu-items {
  --default-inverse: white;
  --default-gray-50: rgb(245 245 245 / 0.1);
  --default-gray-100: rgb(245 245 245 / 0.45);
  --default-gray-200: rgb(10 10 10 / 0.6);
  --default-gray-300: rgb(27 27 27);
  --default-gray-400: rgb(10 10 10);

  --default-text: #f5f5f5;
  --default-text-secondary: #8a8a8a;

  --default-root-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-menu-items) {
  --font-family: var(--media-font-family, sans-serif);
  --font-size: var(--media-menu-font-size, 14px);
  --font-weight: var(--media-menu-font-weight, 500);

  --root-bg: var(--media-menu-bg, var(--color-gray-400));
  --root-padding: var(--media-menu-padding, 12px);
  --root-border-radius: var(--media-menu-border-radius, 4px);

  --divider: var(--media-menu-divider, 1px solid var(--color-gray-50));

  --section-bg: var(--media-menu-section-bg, var(--color-gray-300));
  --section-border: var(--media-menu-section-border);
  --section-divider: var(--media-menu-section-divider, var(--divider));

  --top-bar-bg: var(--media-menu-top-bar-bg, var(--color-gray-200));
  --top-bar-divider: var(--media-menu-divider, transparent);

  --text-hint-color: var(--media-menu-hint-color, var(--text-secondary-color));

  --chapter-divider: var(--media-chapters-divider, var(--divider));
  --chapter-active-bg: var(--media-chapters-item-active-bg, var(--color-gray-50));
  --chapter-active-border-left: var(--media-chapters-item-active-border-left);

  --chapter-progress-bg: var(--media-chapters-progress-bg, var(--color-inverse));

  --chapter-time-font-size: var(--media-chapters-time-font-size, 12px);
  --chapter-time-font-weight: var(--media-chapters-time-font-weight, 500);
  --chapter-time-gap: var(--media-chapters-time-gap, 6px);

  --chapter-duration-bg: var(--media-chapters-duration-bg);

  --item-border: var(--media-menu-item-border, 0);
  --item-bg: var(--media-menu-item-bg, transparent);
  --item-hover-bg: var(--media-menu-item-hover-bg, var(--color-gray-50));
  --item-icon-size: var(--media-menu-item-icon-size, 18px);
  --item-padding: var(--media-menu-item-padding, 10px);
  --item-min-height: var(--media-menu-item-height, 40px);
  --item-border-radius: var(--media-menu-item-border-radius, 2px);

  --scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, transparent);
  --scrollbar-thumb-bg: var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50));
  --webkit-scrollbar-bg: var(--color-gray-400);
  --webkit-scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, var(--color-gray-50));

  --checkbox-bg: var(--media-menu-checkbox-bg, var(--color-gray-100));
  --checkbox-active-bg: var(--media-menu-checkbox-bg-active, #1ba13f);
  --checkbox-handle-bg: var(--media-menu-checkbox-handle-bg, #f5f5f5);
  --checkbox-handle-border: var(--media-menu-checkbox-handle-border);

  --radio-icon-color: var(--media-menu-radio-icon-color, var(--text-color));
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu[data-root] media-menu[data-root]) {
  display: contents;
}

:where(.vds-menu) {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
}

:where(.vds-menu[data-disabled][data-root]) {
  display: none;
}

:where(.vds-menu[data-submenu]) {
  display: inline-block;
}

:where(.vds-menu-items:focus) {
  outline: none;
}

:where(.vds-menu-item:focus, .vds-radio:focus) {
  outline: none;
}

:where(
    .vds-menu-item:focus-visible,
    .vds-menu-item[data-focus],
    .vds-radio:focus-visible,
    .vds-radio[data-focus]
  ) {
  outline: none;
  box-shadow: var(--media-focus-ring);
}

:where(.vds-menu[data-open] .vds-tooltip-content) {
  display: none !important;
}

.vds-menu-items [data-hidden] {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Scroll
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (prefers-reduced-motion: no-preference) {
  :where(.vds-menu-items) {
    scroll-behavior: smooth;
  }
}

:where(.vds-menu-items) {
  box-sizing: border-box;
  min-width: var(--media-menu-min-width, 280px);
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
  transform: translate3d(0, 0, 0);
}

:where(.vds-menu-items)::-webkit-scrollbar {
  background-color: var(--webkit-scrollbar-bg);
  border-radius: var(--root-border-radius);
  height: 6px;
  width: 5px;
}

:where(.vds-menu-items)::-webkit-scrollbar-track {
  background-color: var(--webkit-scrollbar-track-bg);
  border-radius: 4px;
}

:where(.vds-menu-items)::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg);
  border-radius: 4px;
}

:where(.vds-menu-items)::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-thumb-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-button) {
  outline: none;
  box-sizing: border-box;
}

:where(.vds-menu-button .vds-rotate-icon) {
  transition: transform 0.2s ease-out;
}

:where(.vds-menu-button[aria-expanded='true'] .vds-rotate-icon) {
  transform: rotate(var(--media-menu-icon-rotate-deg, 90deg));
  transition: transform 0.2s ease-in;
}

:where(.vds-menu-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-button .vds-rotate-icon) {
    transition: unset;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Items
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items) {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-items) {
    transition: unset;
  }
}

:where(.vds-menu-items[data-root]) {
  background-color: var(--root-bg);
  border-radius: var(--root-border-radius);
  box-shadow: var(--media-menu-box-shadow);
  backdrop-filter: blur(4px);
  height: var(--menu-height, auto);
  will-change: width, height;
  overflow-y: auto;
  overscroll-behavior: contain;
  opacity: 0;
  z-index: 9999999;
  box-sizing: border-box;
  max-height: var(--media-menu-max-height, 250px);
  filter: var(
    --media-menu-filter,
    drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))
  );
}

.vds-menu-items[data-root] {
  border: var(--root-border);
  padding: var(--root-padding);
}

:where([data-view-type='video']) :where(.vds-menu-items[data-root]) {
  max-height: var(--media-menu-video-max-height, calc(var(--player-height) * 0.7));
}

:where(.vds-menu-items[data-transition='height']) {
  --scrollbar-thumb-bg: rgba(0, 0, 0, 0);
  pointer-events: none;
  overflow: hidden;
}

.vds-menu-button[aria-disabled='true'],
.vds-menu-item[aria-disabled='true'],
.vds-menu-item[data-disabled] {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Items Animation
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items[data-root]) {
  --enter-transform: translateY(0px);
  --exit-transform: translateY(12px);
}

/* Mobile Popup */
:where(.vds-menu-items[data-root]:not([data-placement])) {
  --enter-transform: translateY(-24px);
}

:where(.vds-menu-items[data-root][aria-hidden='true']) {
  animation: var(--media-menu-exit-animation, vds-menu-exit 0.2s ease-out);
}

:where(.vds-menu-items[data-root][aria-hidden='false']) {
  animation: var(--media-menu-enter-animation, vds-menu-enter 0.3s ease-out);
  animation-fill-mode: forwards;
}

/* Bottom */
:where(.vds-menu-items[data-placement~='bottom']) {
  --enter-transform: translateY(0);
  --exit-transform: translateY(-12px);
}

@keyframes vds-menu-enter {
  from {
    opacity: 0;
    transform: var(--exit-transform);
  }

  to {
    opacity: 1;
    transform: var(--enter-transform);
  }
}

@keyframes vds-menu-exit {
  from {
    opacity: 1;
    transform: var(--enter-transform);
  }

  to {
    opacity: 0;
    transform: var(--exit-transform);
  }
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-items) {
    animation: none;
    opacity: 1;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Portal
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(media-menu-portal) {
  display: contents;
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
  position: fixed;
  left: 16px;
  right: 16px;
  top: unset;
  bottom: 0;
  max-height: var(--media-sm-menu-portrait-max-height, 40vh);
  max-height: var(--media-sm-menu-portrait-max-height, 40dvh);
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
  max-width: 480px;
  margin: 0 auto;
}

@media (orientation: landscape) and (pointer: coarse) {
  :where(.vds-menu-items[data-root]:not([data-placement])) {
    max-height: var(--media-sm-menu-landscape-max-height, min(70vh, 400px));
    max-height: var(--media-sm-menu-landscape-max-height, min(70dvh, 400px));
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Submenu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu[data-submenu] .vds-menu-button) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

:where(.vds-menu-items[data-submenu]) {
  width: 100%;
}

:where(.vds-menu[aria-hidden='true']),
:where(.vds-menu-items[data-submenu][aria-hidden='true']) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Item
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-item, .vds-radio) {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  display: flex;
  align-items: center;
  width: 100%;
  appearance: none;
  border: 0;
  border-radius: var(--item-border-radius);
  box-sizing: border-box;
  min-height: var(--item-min-height);
  font-size: var(--font-size);
  outline: none;
}

[dir="ltr"] :where(.vds-menu-item, .vds-radio) {
  justify-content: left;
}

[dir="rtl"] :where(.vds-menu-item, .vds-radio) {
  justify-content: right;
}

.vds-menu-item,
.vds-radio {
  color: var(--text-color);
  background-color: var(--item-bg);
  padding: var(--item-padding);
}

.vds-menu-item:focus-visible,
.vds-menu-item[data-focus],
.vds-radio:focus-visible,
.vds-radio[data-focus] {
  cursor: pointer;
  background-color: var(--item-hover-bg);
}

@media (hover: hover) and (pointer: fine) {
  .vds-menu-item[role]:hover,
  .vds-radio:hover {
    cursor: pointer;
    background-color: var(--item-hover-bg);
  }
}

:where(.vds-menu-items[data-submenu]) {
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

:where(.vds-menu-item[aria-expanded='true']) {
  font-weight: bold;
  border-radius: 0;
  border-top-left-radius: var(--item-border-radius);
  border-top-right-radius: var(--item-border-radius);
}

.vds-menu-item[aria-expanded='true'] {
  border-bottom: var(--top-bar-divider);
}

:where(.vds-menu-item[aria-expanded='true']) {
  position: sticky;
  top: calc(-1 * var(--root-padding));
  width: 100%;
  z-index: 10;
  backdrop-filter: blur(4px);
  margin-bottom: 4px;
}

[dir="ltr"] :where(.vds-menu-item[aria-expanded='true']) {
  left: 0;
}

[dir="rtl"] :where(.vds-menu-item[aria-expanded='true']) {
  right: 0;
}

.vds-menu-item[aria-expanded='true'] {
  background-color: var(--top-bar-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Item Parts
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-item-label) {
  flex: 1 0 0%;
  text-align: start;
}

:where(.vds-menu-item .vds-icon, .vds-radio .vds-icon) {
  --size: var(--item-icon-size);
  width: var(--size);
  height: var(--size);
}

[dir="ltr"] :where(.vds-menu-item .vds-icon, .vds-radio .vds-icon) {
  margin-right: var(--media-menu-item-icon-spacing, 6px);
}

[dir="rtl"] :where(.vds-menu-item .vds-icon, .vds-radio .vds-icon) {
  margin-left: var(--media-menu-item-icon-spacing, 6px);
}

:where(.vds-menu-open-icon, .vds-menu-close-icon) {
  --size: var(--media-menu-arrow-icon-size, 18px);
  width: var(--size);
  height: var(--size);
}

:where(.vds-menu-item-hint, .vds-menu-open-icon, .vds-radio-hint) {
  color: var(--text-hint-color);
  font-size: var(--media-menu-hint-font-size, 13px);
  font-weight: var(--media-menu-hint-font-weight, 400);
}

[dir="ltr"] :where(.vds-menu-items .vds-menu-open-icon) {
  margin-right: 0;
}

[dir="rtl"] :where(.vds-menu-items .vds-menu-open-icon) {
  margin-left: 0;
}

[dir="ltr"] :where(.vds-menu-items) :where(.vds-menu-item-hint, .vds-menu-open-icon) {
  margin-left: auto;
}

[dir="rtl"] :where(.vds-menu-items) :where(.vds-menu-item-hint, .vds-menu-open-icon) {
  margin-right: auto;
}

[dir="ltr"] :where(.vds-menu-items) :where(.vds-menu-item-hint + .vds-menu-open-icon),
[dir="ltr"] :where(.vds-menu-item-hint + media-icon .vds-menu-open-icon),
[dir="ltr"] :where(.vds-menu-item-hint + slot > .vds-menu-open-icon) {
  margin-left: 2px;
}

[dir="rtl"] :where(.vds-menu-items) :where(.vds-menu-item-hint + .vds-menu-open-icon),
[dir="rtl"] :where(.vds-menu-item-hint + media-icon .vds-menu-open-icon),
[dir="rtl"] :where(.vds-menu-item-hint + slot > .vds-menu-open-icon) {
  margin-right: 2px;
}

:where(.vds-menu-item[aria-hidden='true']),
:where(.vds-menu-item[aria-expanded='true'] .vds-menu-open-icon) {
  display: none !important;
}

:where(.vds-menu-items)
  :where(.vds-menu-item[aria-disabled='true'], .vds-menu-item[data-disabled])
  :where(.vds-menu-open-icon) {
  opacity: 0;
}

:where(.vds-menu-close-icon),
:where(.vds-menu-item[aria-expanded='true'] > .vds-icon) {
  display: none !important;
}

:where(.vds-menu-item[aria-expanded='true'] .vds-menu-close-icon) {
  display: inline !important;
}

[dir="ltr"] :where(.vds-menu-item[aria-expanded='true'] .vds-menu-close-icon) {
  margin-left: calc(-1 * var(--item-padding) / 2);
}

[dir="rtl"] :where(.vds-menu-item[aria-expanded='true'] .vds-menu-close-icon) {
  margin-right: calc(-1 * var(--item-padding) / 2);
}
/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Checkbox
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-checkbox) {
  --checkbox-width: var(--media-menu-checkbox-width, 40px);
  --checkbox-height: var(--media-menu-checkbox-height, 18px);
  --checkbox-top: calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2);
  --checkbox-diameter: var(
    --media-menu-checkbox-handle-diameter,
    calc(var(--checkbox-height) - 2px)
  );
  --checkbox-gap: var(--media-menu-checkbox-gap, 2.5px);
  position: relative;
  display: inline-block;
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  background-color: var(--checkbox-bg);
  border-radius: calc(var(--checkbox-height) / 2);
  transition: 0.3s all ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: auto;
}

:where(.vds-menu-checkbox:focus-visible) {
  outline: none;
  box-shadow: var(--media-focus-ring);
}

:where(.vds-menu-checkbox[aria-checked='true']) {
  background-color: var(--checkbox-active-bg);
}

:where(.vds-menu-checkbox)::after {
  content: '';
  display: inline-block;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  background-color: var(--checkbox-handle-bg);
  border-radius: calc(var(--checkbox-diameter) / 2);
  position: absolute;
  top: var(--checkbox-top);
  transform: translateX(var(--checkbox-gap));
  transition: 0.3s all ease-in-out;
  border: var(--checkbox-handle-border);
  box-sizing: border-box;
}

[dir="ltr"] :where(.vds-menu-checkbox[aria-checked='true'])::after {
  transform: translateX(
    calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap))
  );
}

[dir="rtl"] :where(.vds-menu-checkbox[aria-checked='true'])::after {
  transform: translateX(
    calc(-1*(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap)))
  );
}

@media (prefers-reduced-motion: no-preference) {
  :where(.vds-menu-checkbox[data-active])::after {
    width: calc(var(--checkbox-width) - calc(var(--checkbox-gap) * 2));
  }
}

:where(.vds-menu-checkbox[aria-checked='true'][data-active])::after {
  transform: translateX(var(--checkbox-gap));
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items .vds-slider) {
  --media-slider-track-bg: var(--media-menu-slider-track-bg, var(--color-gray-50));
  --media-slider-track-fill-bg: var(--media-menu-slider-track-fill-bg, var(--color-inverse));
  --media-slider-height: var(--media-menu-slider-height, 32px);
  --track-focus-height: var(--track-height) !important;
}

:where(.vds-menu-items .vds-slider-thumb) {
  opacity: 1 !important;
}

:where(.vds-menu-slider-item.group) {
  flex-direction: column;
}

:where(.vds-menu-slider-title) {
  margin-top: 4px;
}

:where(.vds-menu-slider-body) {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

:where(.vds-menu-slider-item .vds-icon) {
  margin: 0;
  color: var(--text-hint-color);
}

:where(
    .vds-menu-slider-item[data-min] .vds-icon.down,
    .vds-menu-slider-item[data-max] .vds-icon.up
  ) {
  color: var(--text-color);
  animation: 0.6s ease-in-out vds-slider-icon;
  transition: all 1.2s ease;
}

@keyframes vds-slider-icon {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.25);
  }

  100% {
    transform: scale(1);
  }
}

:where(.vds-menu-items .vds-slider-track-fill) {
  transition: opacity 0.3s ease;
}

:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill) {
  opacity: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Radio
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-radio-group) {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
}

:where(.vds-radio) {
  cursor: pointer;
  contain: content;
}

[dir="ltr"] :where(.vds-radio) {
  padding-left: calc(var(--item-icon-size) + var(--item-padding));
}

[dir="rtl"] :where(.vds-radio) {
  padding-right: calc(var(--item-icon-size) + var(--item-padding));
}

[dir="ltr"] :where(.vds-radio[aria-checked='true']) {
  padding-left: 0;
}

[dir="rtl"] :where(.vds-radio[aria-checked='true']) {
  padding-right: 0;
}

.vds-radio .vds-icon {
  display: none;
  color: var(--radio-icon-color);
}

.vds-radio[aria-checked='true'] .vds-icon {
  display: inline-block;
}

[dir="ltr"] .vds-radio[aria-checked='true'] .vds-icon {
  margin-left: 6px;
}

[dir="rtl"] .vds-radio[aria-checked='true'] .vds-icon {
  margin-right: 6px;
}

[dir="ltr"] :where(.vds-radio-hint) {
  margin-left: auto;
}

[dir="rtl"] :where(.vds-radio-hint) {
  margin-right: auto;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Color Picker
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-color-picker {
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  outline: none;
}

.vds-color-picker::-webkit-color-swatch {
  border-radius: 2px;
}

.vds-color-picker::-moz-color-swatch {
  border-radius: 2px;
}

.vds-color-picker:focus-visible::-webkit-color-swatch {
  box-shadow: var(--media-focus-ring);
}

.vds-color-picker:focus-visible::-moz-color-swatch {
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Section
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-section) {
  width: 100%;
}

:where(.vds-menu-item + .vds-menu-section) {
  margin-top: 8px;
}

:where(.vds-menu-section + .vds-menu-section) {
  margin-top: 24px;
}

:where(.vds-menu-section:first-child) {
  margin-top: 8px;
}

:where(.vds-menu-section:last-child) {
  margin-bottom: 8px;
}

:where(.vds-menu-section-title),
:where(.vds-menu-slider-title) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-secondary-color);
  font-size: var(--media-menu-section-header-font-size, 12px);
  font-weight: var(--media-menu-section-header-font-weight, 500);
  padding-inline: 2px;
}

:where(.vds-menu-section-body) {
  width: 100%;
}

:where(.vds-menu-section-title + .vds-menu-section-body) {
  margin-top: var(--media-menu-section-gap, 8px);
}

.vds-menu-section-body {
  background-color: var(--section-bg);
  border: var(--section-border);
  border-radius: var(--media-menu-section-border-radius, 2px);
}

:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)) {
  border-bottom: var(--section-divider);
}

:where(.vds-menu-section-body .vds-menu:last-child > .vds-menu-item) {
  border-bottom: unset;
}

.vds-menu-section[data-open],
.vds-menu-section[data-open] > .vds-menu-section-body {
  display: contents !important;
  background-color: transparent !important;
}

.vds-menu-section[data-open] > .vds-menu-section-title,
.vds-menu-section[data-open] > .vds-menu-section-body > :not([data-open]) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Chapters Menu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-chapters-menu-items) {
  min-width: var(--media-chapters-min-width, var(--media-menu-min-width, 220px));
}

.vds-chapters-menu-items {
  padding: var(--media-chapters-padding, 0);
}

:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])) {
  min-width: var(--media-chapters-with-thumbnails-min-width, 300px);
}

:where(.vds-chapter-radio) {
  border-radius: 0;
}

.vds-chapters-radio {
  border-bottom: var(--chapter-divider);
  padding: var(--item-padding);
}

:where(.vds-chapter-radio:last-child) {
  border-bottom: 0;
}

:where(.vds-chapter-radio[aria-checked='true']) {
  background-color: var(--chapter-active-bg);
}

[dir="ltr"] :where(.vds-chapter-radio[aria-checked='true']) {
  border-left: var(--chapter-active-border-left);
}

[dir="rtl"] :where(.vds-chapter-radio[aria-checked='true']) {
  border-right: var(--chapter-active-border-left);
}

:where(.vds-chapter-radio[aria-checked='true']):after {
  content: ' ';
  width: var(--progress);
  height: var(--media-chapters-progress-height, 4px);
  position: absolute;
  bottom: 0;
  border-radius: var(--media-chapters-progress-border-radius, 0);
  background-color: var(--chapter-progress-bg);
}

[dir="ltr"] :where(.vds-chapter-radio[aria-checked='true']):after {
  left: 0;
}

[dir="rtl"] :where(.vds-chapter-radio[aria-checked='true']):after {
  right: 0;
}

.vds-chapters-radio-group :where(.vds-thumbnail) {
  flex-shrink: 0;
  min-width: var(--media-chapters-thumbnail-min-width, 100px);
  min-height: var(--media-chapters-thumbnail-min-height, 56px);
  max-width: var(--media-chapters-thumbnail-max-width, 120px);
  max-height: var(--media-chapters-thumbnail-max-height, 68px);
}

[dir="ltr"] .vds-chapters-radio-group :where(.vds-thumbnail) {
  margin-right: var(--media-chapters-thumbnail-gap, 12px);
}

[dir="rtl"] .vds-chapters-radio-group :where(.vds-thumbnail) {
  margin-left: var(--media-chapters-thumbnail-gap, 12px);
}

.vds-chapters-radio-group .vds-thumbnail {
  border: var(--media-chapters-thumbnail-border, 0);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-label) {
  color: var(--text-secondary-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  white-space: nowrap;
}

:where(.vds-chapter-radio[aria-checked='true'] .vds-chapter-radio-label) {
  color: var(--text-color);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-start-time) {
  display: inline-block;
  letter-spacing: var(--media-chapters-start-time-letter-spacing, 0.4px);
  border-radius: var(--media-chapters-start-time-border-radius, 2px);
  font-size: var(--chapter-time-font-size);
  font-weight: var(--chapter-time-font-weight);
  margin-top: var(--chapter-time-gap);
}

.vds-chapters-radio-group .vds-chapter-radio-start-time {
  color: var(--text-secondary-color);
  background-color: var(--section-bg);
  padding: var(--media-chapters-start-time-padding, 1px 4px);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-duration) {
  color: var(--text-hint-color);
  background-color: var(--chapter-duration-bg);
  font-size: var(--chapter-time-font-size);
  font-weight: var(--chapter-time-font-weight);
  border-radius: var(--media-chapters-duration-border-radius, 2px);
  margin-top: var(--chapter-time-gap);
}

.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail, media-thumbnail) {
  display: none;
}

:where(.vds-chapter-radio-content) {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content) {
  width: 100%;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) {
  margin-top: 0;
}

[dir="ltr"] :where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) {
  margin-left: auto;
}

[dir="rtl"] :where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) {
  margin-right: auto;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration) {
  margin-top: 4px;
  flex-basis: 100%;
}

.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within {
  padding: var(--media-chapters-focus-padding, 4px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Poster
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-poster) {
  display: block;
  contain: content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 0;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease-out;
  background-color: var(--media-poster-bg, black);
}

[dir="ltr"] :where(.vds-poster) {
  left: 0;
}

[dir="rtl"] :where(.vds-poster) {
  right: 0;
}

:where(.vds-poster img) {
  object-fit: inherit;
  object-position: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.vds-poster :where(img) {
  border: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:where(.vds-poster[data-hidden]) {
  display: none;
}

:where(.vds-poster[data-visible]) {
  opacity: 1;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider) {
  --width: var(--media-slider-width, 100%);
  --height: var(--media-slider-height, 48px);

  --thumb-size: var(--media-slider-thumb-size, 15px);
  --thumb-focus-size: var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1));

  --track-width: var(--media-slider-track-width, 100%);
  --track-height: var(--media-slider-track-height, 5px);
  --track-focus-width: var(--media-slider-focused-track-width, var(--track-width));
  --track-focus-height: var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25));

  display: inline-flex;
  align-items: center;
  width: var(--width);
  height: var(--height);
  /** Prevent thumb flowing out of slider. */
  margin: 0 calc(var(--thumb-size) / 2);
  position: relative;
  contain: layout style;
  outline: none;
  pointer-events: auto;
  cursor: pointer;
  user-select: none;
  touch-action: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

:where(.vds-slider[aria-hidden='true']) {
  display: none !important;
}

:where(.vds-slider[aria-disabled='true']) {
  cursor: unset;
}

:where(.vds-slider:focus) {
  outline: none;
}

:where(.vds-slider:not([data-chapters])[data-focus], .vds-slider:not([data-chapters]):focus-visible)
  :where(.vds-slider-track) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-slider .vds-slider-track) {
  z-index: 0;
  position: absolute;
  width: var(--track-width);
  height: var(--track-height);
  top: 50%;
  border-radius: var(--media-slider-track-border-radius, 2px);
  transform: translateY(-50%) translateZ(0);
  background-color: var(--media-slider-track-bg, rgb(255 255 255 / 0.3));
  contain: strict;
}

[dir="ltr"] :where(.vds-slider .vds-slider-track) {
  left: 0;
}

[dir="rtl"] :where(.vds-slider .vds-slider-track) {
  right: 0;
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-track) {
  outline-offset: var(--thumb-size);
}

:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track) {
  width: var(--track-focus-width);
  height: var(--track-focus-height);
}

:where(.vds-slider .vds-slider-track-fill) {
  z-index: 2; /** above track and track progress. */
  background-color: var(--media-slider-track-fill-bg, var(--media-brand));
  width: var(--slider-fill, 0%);
  will-change: width;
}

:where(.vds-slider .vds-slider-thumb) {
  position: absolute;
  top: 50%;
  opacity: 0;
  contain: layout size style;
  width: var(--thumb-size);
  height: var(--thumb-size);
  border: var(--media-slider-thumb-border, 1px solid #cacaca);
  border-radius: var(--media-slider-thumb-border-radius, 9999px);
  background-color: var(--media-slider-thumb-bg, #fff);
  transition: opacity 0.15s ease-in;
  pointer-events: none;
  will-change: left;
  z-index: 2; /** above track fill. */
}

[dir="ltr"] :where(.vds-slider .vds-slider-thumb) {
  left: var(--slider-fill);
  transform: translate(-50%, -50%) translateZ(0);
}

[dir="rtl"] :where(.vds-slider .vds-slider-thumb) {
  right: var(--slider-fill);
  transform: translate(50%, -50%) translateZ(0);
}

:where(.vds-slider[data-dragging], .vds-slider[data-focus], .vds-slider:focus-visible)
  :where(.vds-slider-thumb) {
  box-shadow: var(--media-slider-focused-thumb-shadow, 0 0 0 4px hsla(0, 0%, 100%, 0.4));
}

:where(.vds-slider[data-active] .vds-slider-thumb) {
  opacity: 1;
  transition: var(--media-slider-thumb-transition, opacity 0.2s ease-in, box-shadow 0.2s ease);
}

:where(.vds-slider[data-dragging] .vds-slider-thumb) {
  width: var(--thumb-focus-size);
  height: var(--thumb-focus-size);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Value
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-value) {
  display: inline-block;
  contain: content;
  font-size: 14px;
  font-family: var(--media-font-family, sans-serif);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Thumbnail
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-thumbnail) {
  display: block;
  contain: content;
  box-sizing: border-box;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Video
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-video) {
  background-color: black;
  box-sizing: border-box;
  contain: content;
  display: inline-block;
  border: var(--media-thumbnail-border, 1px solid white);
}

:where(.vds-slider-video video) {
  display: block;
  height: auto;
  width: 156px;
}

/* Temporarily hide video while loading. */
:where(.vds-slider-video[data-loading]) {
  opacity: 0;
}

/* Hide video if it fails to load. */
:where(.vds-slider-video[data-hidden], .vds-slider-video[data-hidden] video) {
  display: none;
  width: 0px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Previews
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider .vds-slider-preview) {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  background-color: var(--media-slider-preview-bg);
  border-radius: var(--media-slider-preview-border-radius, 2px);
  pointer-events: none;
  transition: opacity 0.2s ease-out;
  will-change: left, opacity;
  contain: layout paint style;
}

:where(.vds-slider-preview[data-visible]) {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

.vds-slider-value {
  background-color: var(--media-slider-value-bg, black);
  border-radius: var(--media-slider-value-border-radius, 2px);
  border: var(--media-slider-value-border);
  color: var(--media-slider-value-color, white);
  padding: var(--media-slider-value-padding, 1px 10px);
}

:where(
    .vds-slider-video:not([data-hidden]) + .vds-slider-chapter-title,
    .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-chapter-title
  ) {
  margin-top: var(--media-slider-chapter-title-gap, 6px);
}

:where(
    .vds-slider-video:not([data-hidden]) + .vds-slider-value,
    .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-value,
    .vds-slider-chapter-title + .vds-slider-value
  ) {
  margin-top: var(--media-slider-value-gap, 2px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Vertical Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider[aria-orientation='vertical']) {
  --width: var(--media-slider-width, 48px);
  --height: var(--media-slider-height, 100%);

  --track-width: var(--media-slider-track-width, 4px);
  --track-height: var(--media-slider-track-height, 100%);
  --track-focus-width: var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25));
  --track-focus-height: var(--media-slider-focused-track-height, var(--track-height));

  /** Prevent thumb flowing out of slider. */
  margin: calc(var(--thumb-size) / 2) 0;
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-track) {
  top: unset;
  bottom: 0;
}

[dir="ltr"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-track) {
  left: 50%;
  transform: translateX(-50%) translateZ(0);
}

[dir="rtl"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-track) {
  right: 50%;
  transform: translateX(50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-track-fill) {
  width: var(--track-width);
  height: var(--slider-fill);
  will-change: height;
}

[dir="ltr"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-track-fill) {
  transform: translateX(-50%) translateZ(0);
}

[dir="rtl"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-track-fill) {
  transform: translateX(50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-progress) {
  top: unset;
  bottom: 0;
  width: var(--track-width);
  height: var(--slider-progress, 0%);
  will-change: height;
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-thumb) {
  top: unset;
  bottom: var(--slider-fill);
  will-change: bottom;
}

[dir="ltr"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-thumb) {
  left: 50%;
  transform: translate(-50%, 50%) translateZ(0);
}

[dir="rtl"] :where(.vds-slider[aria-orientation='vertical'] .vds-slider-thumb) {
  right: 50%;
  transform: translate(50%, 50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-preview) {
  will-change: bottom, opacity;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-live] .vds-time-slider .vds-slider-track-fill) {
  background-color: var(--media-slider-track-fill-live-bg, #dc2626);
}

:where(.vds-time-slider .vds-slider-progress) {
  z-index: 1;
  width: var(--slider-progress, 0%);
  will-change: width;
  background-color: var(--media-slider-track-progress-bg, rgb(255 255 255 / 0.5));
}

[dir="ltr"] :where(.vds-time-slider .vds-slider-progress) { /** above track. */
  left: 0;
}

[dir="rtl"] :where(.vds-time-slider .vds-slider-progress) {
  right: 0;
}

:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Steps
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-steps) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

[dir="ltr"] :where(.vds-slider-steps) {
  left: 0;
}

[dir="rtl"] :where(.vds-slider-steps) {
  right: 0;
}

:where(.vds-slider-step) {
  width: var(--media-slider-step-width, 2.5px);
  height: calc(var(--track-height) + 1px);
  background-color: var(--media-slider-step-color, rgb(124, 124, 124));
  opacity: 0;
  transition: opacity 0.3s ease;
}

:where(.vds-slider[data-active] .vds-slider-step) {
  opacity: 1;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Chapters
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-time-slider .vds-slider-chapters) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-chapters) {
  box-shadow: var(--media-focus-ring);
  height: var(--track-height);
}

[dir="ltr"] :where(.vds-time-slider .vds-slider-chapter) {
  margin-right: 2px;
}

[dir="rtl"] :where(.vds-time-slider .vds-slider-chapter) {
  margin-left: 2px;
}

[dir="ltr"] :where(.vds-time-slider .vds-slider-chapter:last-child) {
  margin-right: 0;
}

[dir="rtl"] :where(.vds-time-slider .vds-slider-chapter:last-child) {
  margin-left: 0;
}

:where(.vds-time-slider .vds-slider-chapter) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  will-change: height, transform;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill) {
  width: var(--chapter-fill, 0%);
  will-change: width;
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress) {
  width: var(--chapter-progress, 0%);
  will-change: width;
}

@media (hover: hover) and (pointer: fine) {
  :where(.vds-time-slider:hover .vds-slider-chapters) {
    contain: strict;
  }

  :where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)) {
    transform: var(--media-slider-chapter-hover-transform, scaleY(2));
    transition: var(
      --media-slider-chapter-hover-transition,
      transform 0.1s cubic-bezier(0.4, 0, 1, 1)
    );
  }
}

:where(.vds-time-slider .vds-slider-chapter-title) {
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-slider-chapter-title-font-size, 14px);
  color: var(--media-slider-chapter-title-color, #f5f5f5);
  background-color: var(--media-slider-chapter-title-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Thumbnail
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-thumbnail) {
  --aspect-ratio: calc(var(--media-thumbnail-aspect-ratio, 16 / 9));
  --min-width: var(--media-thumbnail-min-width, 140px);
  --max-width: var(--media-thumbnail-max-width, 180px);
  display: block;
  width: var(--thumbnail-width);
  height: var(--thumbnail-height);
  background-color: var(--media-thumbnail-bg, black);
  contain: strict;
  overflow: hidden;
  box-sizing: border-box;
  min-width: var(--min-width);
  min-height: var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio)));
  max-width: var(--max-width);
  max-height: var(--media-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio)));
}

.vds-thumbnail {
  border: var(--media-thumbnail-border, 1px solid white);
}

:where(.vds-thumbnail img) {
  min-width: unset !important;
  max-width: unset !important;
  will-change: width, height, transform;
}

:where(.vds-thumbnail[data-loading] img) {
  opacity: 0;
}

:where(.vds-thumbnail[aria-hidden='true']) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-time-group) {
  display: flex;
  align-items: center;
}

.vds-time-divider {
  margin: 0 var(--media-time-divider-gap, 2.5px);
  color: var(--media-time-divider-color, #e0e0e0);
}

:where(.vds-time) {
  display: inline-block;
  contain: content;
  font-size: var(--media-time-font-size, 15px);
  font-weight: var(--media-time-font-weight, 400);
  font-family: var(--media-font-family, sans-serif);
  border-radius: var(--media-time-border-radius, 2px);
  letter-spacing: var(--media-time-letter-spacing, 0.025em);
}

.vds-time {
  outline: 0;
  color: var(--media-time-color, var(--default-color));
  background-color: var(--media-time-bg);
  border: var(--media-time-border);
  padding: var(--media-time-padding, 2px);
}

:where(.vds-time:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

.light .vds-time {
  --default-color: rgb(10 10 10);
}

.dark .vds-time {
  --default-color: #f5f5f5;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tooltips
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-tooltip, media-tooltip) {
  display: contents;
}

:where(.vds-tooltip-content) {
  display: inline-block;
  box-sizing: border-box;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-tooltip-font-size, 13px);
  font-weight: var(--media-tooltip-font-weight, 500);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
  will-change: transform, opacity;
}

.vds-tooltip-content {
  border-radius: var(--media-tooltip-border-radius, 2px);
  background-color: var(--media-tooltip-bg-color, var(--default-bg));
  border: var(--media-tooltip-border, var(--default-border));
  color: var(--media-tooltip-color, var(--default-color));
  padding: var(--media-tooltip-padding, 2px 8px);
}

.light .vds-tooltip-content {
  --default-color: #1a1a1a;
  --default-bg: white;
  --default-border: 1px solid rgb(0 0 0 / 0.2);
}

.dark .vds-tooltip-content {
  --default-color: #f5f5f5;
  --default-bg: black;
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-menu .vds-menu-button[role='button'][data-pressed] .vds-tooltip-content) {
  opacity: 0;
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tooltip Animation
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-tooltip-content) {
  --enter-transform: translateY(0px) scale(1);
  --exit-transform: translateY(12px) scale(0.8);
}

:where(.vds-tooltip-content:not([data-visible])) {
  animation: var(--media-tooltip-exit-animation, vds-tooltip-exit 0.2s ease-out);
}

:where(.vds-tooltip-content[data-visible]) {
  animation: var(--media-tooltip-enter-animation, vds-tooltip-enter 0.2s ease-in);
  animation-fill-mode: forwards;
}

/* Bottom */
:where(.vds-tooltip-content[data-placement~='bottom']) {
  --enter-transform: translateY(0) scale(1);
  --exit-transform: translateY(-12px) scale(0.8);
}

/* Left */
:where(.vds-tooltip-content[data-placement~='left']) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(12px) scale(0.8);
}

/* Right */
:where(.vds-tooltip-content[data-placement~='right']) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(-12px) scale(0.8);
}

@keyframes vds-tooltip-enter {
  from {
    opacity: 0;
    transform: var(--exit-transform);
  }

  to {
    opacity: 1;
    transform: var(--enter-transform);
  }
}

@keyframes vds-tooltip-exit {
  from {
    opacity: 1;
    transform: var(--enter-transform);
  }

  to {
    opacity: 0;
    transform: var(--exit-transform);
  }
}

@media (prefers-reduced-motion) {
  :where(.vds-tooltip-content) {
    animation: none;
  }

  :where(.vds-tooltip-content[data-visible]) {
    opacity: 1;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * States
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* Play Button */
[data-media-player]:not([data-paused]) .vds-play-tooltip-text,
[data-media-player][data-paused] .vds-pause-tooltip-text,
/* PIP Button */
[data-media-player][data-pip] .vds-pip-enter-tooltip-text,
[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,
/* Fullscreen Button */
[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,
[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,
/* Caption Button */
[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,
[data-media-player][data-captions] .vds-cc-off-tooltip-text,
/* Mute Button */
[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,
[data-media-player][data-muted] .vds-unmute-tooltip-text {
  display: none;
}
/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Audio Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] .vds-audio-layout:not([data-match]) {
  display: none !important;
}

:where([data-media-player][data-layout='audio']) {
  border-radius: var(--audio-border-radius, 6px);
}

:where(.vds-audio-layout) {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 100%;
  height: 60px;
  color: var(--audio-controls-color, var(--default-color));
  background-color: var(--audio-bg, var(--default-bg));
  border-radius: var(--audio-border-radius, 6px);
  box-sizing: border-box;
  filter: var(
    --audio-filter,
    drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))
  );
}

.vds-audio-layout {
  border: var(--audio-border, 1px solid rgb(255 255 255 / 0.1));
}

:where([data-media-player][data-focus]:not([data-playing]) .vds-audio-layout) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-audio-layout) {
  --media-brand: var(--audio-brand, var(--default-brand));
  --media-font-family: var(--audio-font-family, sans-serif);
  --media-controls-color: var(--audio-controls-color, var(--default-controls-color));
  --media-menu-y-offset: 18px;
  --media-tooltip-y-offset: 18px;
  --media-slider-track-bg: var(--audio-slider-track-bg, var(--default-slider-track-bg));
  --media-slider-track-fill-bg: var(--audio-slider-track-bg, var(--media-brand));
  --media-slider-track-progress-bg: var(
    --audio-slider-progress-bg,
    var(--default-slider-progress-bg)
  );
  --media-slider-value-border: var(--audio-slider-value-border, 1px solid rgb(255 255 255 / 0.1));
  --media-slider-value-gap: var(--audio-slider-value-gap, 6px);
  --media-focus-ring-color: var(--audio-focus-ring-color, rgb(78 156 246));
  --media-focus-ring: var(--audio-focus-ring, 0 0 0 3px var(--media-focus-ring-color));
}

.vds-audio-layout.light,
.light .vds-audio-layout {
  --default-brand: rgb(10 10 10);
  --default-color: rgb(10 10 10);
  --default-bg: rgb(250 250 250);
  --default-controls-color: rgb(10 10 10);
  --default-border: 1px solid rgb(100 100 100 /0.2);
  --default-slider-track-bg: rgb(50 50 50 / 0.1);
  --default-slider-progress-bg: rgb(10 10 10 / 0.2);
}

.vds-audio-layout.dark,
.dark .vds-audio-layout {
  --default-brand: #f5f5f5;
  --default-color: #f5f5f5;
  --default-controls-color: #f5f5f5;
  --default-bg: black;
  --default-slider-track-bg: rgb(255 255 255 / 0.3);
  --default-slider-progress-bg: rgb(255 255 255 / 0.5);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-audio-layout .vds-controls {
  padding-inline: 6px;
  border-radius: var(--audio-border-radius, 6px);
}

:where(.vds-audio-layout .vds-controls-group) {
  display: flex;
  align-items: center;
  pointer-events: auto;
  width: 100%;
}

:where(.vds-audio-layout .vds-button) {
  width: var(--audio-button-size, 36px);
  height: var(--audio-button-size, 36px);
}

[dir="ltr"] :where(.vds-audio-layout .vds-button) {
  margin-right: 2.5px;
}

[dir="rtl"] :where(.vds-audio-layout .vds-button) {
  margin-left: 2.5px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-play-tooltip) {
  --media-tooltip-y-offset: 18px;
}

:where(.vds-audio-layout .vds-button) {
  transition: max-width 140ms ease-in;
  max-width: var(--audio-button-size, 36px);
}

:where(.vds-audio-layout .vds-play-button) {
  --media-button-hover-transform: 0;
  --media-button-border: var(--audio-play-button-border, var(--color));
  --media-button-hover-bg: var(--bg-color);
  --media-button-touch-hover-bg: var(--bg-color);
  width: var(--audio-play-button-size, 32px);
  height: var(--audio-play-button-size, 32px);
  border-radius: var(--audio-play-button-border-radius, 100%);
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-audio-layout .vds-play-button {
  color: var(--audio-play-button-color, var(--default-color));
  background-color: var(--audio-play-button-bg, var(--default-bg));
}

.light .vds-audio-layout .vds-play-button,
.vds-audio-layout.light .vds-play-button {
  --default-color: #f5f5f5;
  --default-bg: var(--media-brand);
}

.dark .vds-audio-layout .vds-play-button,
.vds-audio-layout.dark .vds-play-button {
  --default-color: rgb(10 10 10);
  --default-bg: var(--media-brand);
}

:where(.vds-audio-layout .vds-caption-button:not([data-active])) {
  opacity: var(--audio-caption-button-off-opacity, 0.64);
}

[dir="ltr"] :where(.vds-audio-layout .vds-live-button) {
  margin-right: 8px;
}

[dir="rtl"] :where(.vds-audio-layout .vds-live-button) {
  margin-left: 8px;
}

:where(.vds-audio-layout .vds-seek-button) {
  max-width: 0px;
  visibility: hidden;
}

:where([data-playing] .vds-audio-layout .vds-seek-button) {
  max-width: var(--audio-button-size, 36px);
  visibility: visible;
}

[dir="ltr"] :where(.vds-audio-layout .vds-settings-menu .vds-button) {
  margin-right: 0;
}

[dir="rtl"] :where(.vds-audio-layout .vds-settings-menu .vds-button) {
  margin-left: 0;
}

@media (pointer: coarse) {
  :where(.vds-audio-layout .vds-caption-button) {
    display: none;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Title
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-title) {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  opacity: 1;
  transition:
    max-width 150ms ease-in,
    opacity 150ms ease-in;
  overflow: hidden;
  text-wrap: nowrap;
  white-space: nowrap;
  transition-delay: 75ms;
}

[dir="ltr"] :where(.vds-audio-layout .vds-title) {
  margin-left: 6px;
  margin-right: auto;
}

[dir="rtl"] :where(.vds-audio-layout .vds-title) {
  margin-right: 6px;
  margin-left: auto;
}

:where([data-playing] .vds-audio-layout .vds-title) {
  opacity: 0;
  margin: 0;
  max-width: 0px;
  transition: none;
  transition-delay: 0;
}

:where(.vds-audio-layout .vds-title-text) {
  display: inline-flex;
  align-items: center;
}

:where(.vds-audio-layout .vds-marquee .vds-title-text) {
  animation: vds-marquee 8s linear infinite;
}

:where(.vds-audio-layout .vds-title:hover *) {
  animation-play-state: paused;
}

[dir="ltr"] :where(.vds-audio-layout .vds-title-text:nth-child(2)) {
  margin-left: 16px;
}

[dir="rtl"] :where(.vds-audio-layout .vds-title-text:nth-child(2)) {
  margin-right: 16px;
}

@keyframes vds-marquee {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(calc(-100% - 16px));
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-time) {
  margin-inline: 8px;
  transition: max-width 140ms ease-in;
  font-size: var(--audio-time-font-size, 15px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-time-slider) {
  --media-slider-preview-offset: 14px;
  opacity: 0;
  max-width: 0px;
  transform: scaleX(0);
  transition: none;
  visibility: hidden;
}

[dir="ltr"] :where(.vds-audio-layout .vds-time-slider) {
  transform-origin: center left;
}

[dir="rtl"] :where(.vds-audio-layout .vds-time-slider) {
  transform-origin: center right;
}

:where([data-media-player]:not([data-paused]) .vds-audio-layout .vds-time-slider) {
  opacity: 1;
  max-width: 100%;
  transform: scaleX(1);
  transition:
    opacity 150ms ease-in,
    transform 150ms ease-in;
  transition-delay: 75ms;
  visibility: visible;
}

:where(.vds-audio-layout .vds-slider-chapter-title) {
  color: var(--audio-slider-chapter-title-color, black);
}

:where(.dark .vds-audio-layout .vds-slider-chapter-title) {
  color: var(--audio-slider-chapter-title-color, white);
}

:where([data-buffering] .vds-audio-layout .vds-slider-progress) {
  --stripe-color: var(--audio-buffering-stripe-color, rgb(0 0 0 / 0.25));
  --stripe-size: var(--audio-buffering-stripe-size, 30px);
  width: 100% !important;
  background-size: var(--stripe-size) var(--stripe-size);
  animation: vds-audio-track-progress var(--audio-buffering-stripe-speed, 2s) linear infinite;
}

[dir="ltr"] :where([data-buffering] .vds-audio-layout .vds-slider-progress) {
  background-image: linear-gradient(
    -45deg,
    var(--stripe-color) 25%,
    transparent 25%,
    transparent 50%,
    var(--stripe-color) 50%,
    var(--stripe-color) 75%,
    transparent 75%,
    transparent
  );
}

[dir="rtl"] :where([data-buffering] .vds-audio-layout .vds-slider-progress) {
  background-image: linear-gradient(
    45deg,
    var(--stripe-color) 25%,
    transparent 25%,
    transparent 50%,
    var(--stripe-color) 50%,
    var(--stripe-color) 75%,
    transparent 75%,
    transparent
  );
}

@keyframes vds-audio-track-progress {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: var(--stripe-size) var(--stripe-size);
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-volume) {
  --media-slider-height: var(--audio-volume-height, 96px);
  --media-slider-preview-offset: 6px;
  --gap: var(--audio-volume-gap, 16px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(.vds-audio-layout .vds-volume-popup) {
  position: absolute;
  bottom: calc(100% + var(--gap));
  opacity: 0;
  transition:
    opacity 150ms ease-out,
    visibility 150ms ease-out;
  border-radius: var(--audio-volume-border-radius, 8px);
  filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)));
  visibility: hidden;
}

[dir="ltr"] :where(.vds-audio-layout .vds-volume-popup) {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] :where(.vds-audio-layout .vds-volume-popup) {
  right: 50%;
  transform: translateX(50%);
}

/* safe area. */
.vds-audio-layout .vds-volume-popup::after {
  content: '';
  position: fixed;
  bottom: calc(-1 * var(--gap));
  width: 100%;
  height: var(--gap);
  z-index: 1;
  pointer-events: auto;
}

[dir="ltr"] .vds-audio-layout .vds-volume-popup::after {
  right: 0;
}

[dir="rtl"] .vds-audio-layout .vds-volume-popup::after {
  left: 0;
}

.vds-audio-layout .vds-volume-popup {
  background-color: var(--audio-volume-bg, var(--media-menu-bg, var(--default-bg)));
  border: var(--audio-volume-border, var(--default-border));
}

.light .vds-audio-layout .vds-volume-popup,
.vds-audio-layout.light .vds-volume-popup {
  --default-bg: rgb(250 250 250);
  --default-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-audio-layout .vds-volume-popup,
.vds-audio-layout.dark .vds-volume-popup {
  --default-bg: rgb(10 10 10);
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-audio-layout .vds-volume[data-active] .vds-volume-popup),
:where(.vds-audio-layout .vds-volume:has([data-active]) .vds-volume-popup) {
  transition:
    opacity 150ms ease-in,
    visibility 150ms ease-in;
  opacity: 1;
  visibility: visible;
}

:where(.vds-audio-layout .vds-volume[data-active] .vds-tooltip-content) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menus
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-menu-items[data-root]) {
  max-height: var(--audio-menu-max-height, 320px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-captions) {
  --cue-font-size: calc(var(--audio-cue-font-size, 14px) * var(--media-user-font-size, 1));
  display: inline-block;
  position: absolute;
  width: 100%;
  top: unset;
  bottom: calc(100% + var(--audio-captions-offset, 4px));
  text-align: center;
  background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
}

:where([data-preview] .vds-audio-layout .vds-captions),
:where([data-paused] .vds-audio-layout .vds-captions) {
  opacity: 0;
}

@media (pointer: coarse) {
  .vds-audio-layout[data-scrubbing] :where(.vds-button, .vds-time) {
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: max-width 150ms ease-out;
  }
}
/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Video Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] .vds-video-layout:not([data-match]) {
  display: none !important;
}

[data-media-player][data-layout='video'] {
  background-color: var(--video-bg, black);
}

[data-media-player][data-layout='video']:not([data-fullscreen]) {
  border-radius: var(--video-border-radius, 6px);
  border: var(--video-border, 1px solid rgb(255 255 255 / 0.1));
}

:where(.vds-video-layout) {
  --media-brand: var(--video-brand, #f5f5f5);
  --media-font-family: var(--video-font-family, sans-serif);
  --media-controls-color: var(--video-controls-color, #f5f5f5);
  --media-tooltip-y-offset: 6px;
  --media-menu-y-offset: 6px;
  --media-focus-ring-color: var(--video-focus-ring-color, rgb(78 156 246));
  --media-focus-ring: var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color));
  color: var(--video-controls-color, #f5f5f5);
  display: contents;
}

:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls) {
  border-radius: var(--video-border-radius, 6px);
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-controls[data-visible]) {
  background-image: linear-gradient(
    to top,
    rgb(0 0 0 / 0.6),
    10%,
    transparent,
    95%,
    rgb(0 0 0 / 0.3)
  );
}

.vds-video-layout .vds-controls-group {
  align-items: center;
  display: flex;
  pointer-events: auto;
  z-index: 0;
  padding: 4px 6px;
}

.vds-video-layout .vds-controls-group:first-child {
  z-index: 50;
}

/* second last group */
.vds-video-layout .vds-controls-group:nth-last-child(2) {
  padding: 0 12px;
  z-index: 11;
  margin-bottom: -16px;
}

.vds-video-layout:not([data-sm]) .vds-controls-group:last-child {
  --media-menu-y-offset: 26px;
  --media-tooltip-y-offset: 26px;
  --media-slider-preview-offset: 26px;
  z-index: 10;
}

[dir="ltr"] :where(.vds-video-layout .vds-button) {
  margin-right: 2.5px;
}

[dir="rtl"] :where(.vds-video-layout .vds-button) {
  margin-left: 2.5px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Title
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-chapter-title) {
  font-size: var(--video-sm-chapter-title-font-size, 15px);
}

:where([data-fullscreen] .vds-video-layout .vds-chapter-title) {
  font-size: var(--video-fullscreen-chapter-title-font-size, 16px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[dir="ltr"] :where(.vds-video-layout:not([data-sm]) .vds-mute-button) {
  margin-left: -2.5px;
  margin-right: -5px;
}

[dir="rtl"] :where(.vds-video-layout:not([data-sm]) .vds-mute-button) {
  margin-right: -2.5px;
  margin-left: -5px;
}

:where(.vds-video-layout[data-sm]) {
  --media-button-size: var(--video-sm-button-size, 36px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-time-slider) {
  --media-slider-height: 45px;
  flex-grow: 0;
}

:where(.vds-video-layout .vds-slider-thumbnail) {
  --media-thumbnail-border: var(--video-slider-thumbnail-border, 1px solid #f5f5f5);
  border-radius: var(--video-slider-thumbnail-border-radius, 2px);
}

.vds-video-layout .vds-time-slider .vds-slider-value {
  background-color: var(--video-time-bg, unset);
}

[dir="ltr"] .vds-video-layout .vds-time-slider .vds-slider-value {
  text-shadow:
    -1px -1px 0 #333333,
    1px -1px 0 #333333,
    -1px 1px 0 #333333,
    1px 1px 0 #333333;
}

[dir="rtl"] .vds-video-layout .vds-time-slider .vds-slider-value {
  text-shadow:
    1px -1px 0 #333333,
    -1px -1px 0 #333333,
    1px 1px 0 #333333,
    -1px 1px 0 #333333;
}

:where(.vds-video-layout[data-sm] .vds-time) {
  text-shadow: unset;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Large Layout Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-lg] .vds-volume) {
  --gap: var(--video-volume-gap, 10px);
  display: contents;
}

:where(.vds-video-layout[data-lg] .vds-volume-popup) {
  display: contents;
}

:where(.vds-video-layout[data-lg] .vds-volume-slider) {
  margin: 0;
  max-width: 0;
  transition: all 0.15s ease;
}

:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),
:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) {
  opacity: 1;
  visibility: visible;
  max-width: var(--video-volume-slider-max-width, 72px);
}

[dir="ltr"] :where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),
[dir="ltr"] :where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) {
  margin-left: var(--gap);
}

[dir="rtl"] :where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),
[dir="rtl"] :where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) {
  margin-right: var(--gap);
}

/* safe area. */
.vds-video-layout[data-lg] .vds-volume-slider::after {
  content: '';
  position: fixed;
  top: 0;
  width: var(--gap);
  height: 100%;
  z-index: 1;
  pointer-events: auto;
}

[dir="ltr"] .vds-video-layout[data-lg] .vds-volume-slider::after {
  left: calc(-1 * var(--gap));
}

[dir="rtl"] .vds-video-layout[data-lg] .vds-volume-slider::after {
  right: calc(-1 * var(--gap));
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Small Layout Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-volume) {
  --media-slider-height: var(--video-volume-height, 96px);
  --media-slider-preview-offset: calc(-200% - 6px);
  --gap: var(--video-volume-gap, 10px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(.vds-video-layout[data-sm] .vds-volume-popup) {
  display: block;
  position: absolute;
  top: calc(100% + var(--gap));
  opacity: 0;
  transition:
    opacity 150ms ease-out,
    visibility 150ms ease-out;
  border-radius: var(--video-volume-border-radius, 8px);
  filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)));
  visibility: hidden;
}

[dir="ltr"] :where(.vds-video-layout[data-sm] .vds-volume-popup) {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] :where(.vds-video-layout[data-sm] .vds-volume-popup) {
  right: 50%;
  transform: translateX(50%);
}

/* safe area. */
.vds-video-layout[data-sm] .vds-mute-button::after {
  content: '';
  position: fixed;
  bottom: calc(-1 * var(--gap));
  width: 100%;
  height: var(--gap);
  z-index: 1;
  pointer-events: auto;
}

[dir="ltr"] .vds-video-layout[data-sm] .vds-mute-button::after {
  right: 0;
}

[dir="rtl"] .vds-video-layout[data-sm] .vds-mute-button::after {
  left: 0;
}

.vds-video-layout .vds-volume-popup {
  background-color: var(--video-volume-bg, var(--media-menu-bg, var(--default-bg)));
  border: var(--video-volume-border, var(--default-border));
}

.light .vds-video-layout .vds-volume-popup,
.vds-video-layout.light .vds-volume-popup {
  --default-bg: rgb(250 250 250);
  --default-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-video-layout .vds-volume-popup,
.vds-video-layout.dark .vds-volume-popup {
  --default-bg: rgb(10 10 10);
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup),
:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup) {
  transition:
    opacity 150ms ease-in,
    visibility 150ms ease-in;
  opacity: 1;
  visibility: visible;
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[dir="ltr"] :where(.vds-video-layout .vds-time[data-type='current']) {
  margin-right: 2px;
}

[dir="rtl"] :where(.vds-video-layout .vds-time[data-type='current']) {
  margin-left: 2px;
}

[dir="ltr"] :where(.vds-video-layout .vds-time[data-type='current'][remainder]) {
  margin-left: 2px;
}

[dir="rtl"] :where(.vds-video-layout .vds-time[data-type='current'][remainder]) {
  margin-right: 2px;
}

.vds-video-layout .vds-time {
  --default-color: #f5f5f5 !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-preview] .vds-video-layout .vds-captions) {
  opacity: 0;
}

:where(.vds-video-layout .vds-captions) {
  z-index: 10;
  transition: var(--video-captions-transition, bottom 0.3s ease-in-out);
}

@media (min-width: 980px) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: var(--video-lg-fullscreen-captions-offset, 54px);
  }
}

:where([data-media-player][data-controls] .vds-video-layout .vds-captions) {
  bottom: var(--video-captions-offset, 78px);
}

:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions) {
  bottom: var(--video-sm-captions-offset, 48px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Chapters
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) {
  width: 100%;
  text-align: center;
}

[dir="ltr"] :where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) {
  text-shadow:
    -1px -1px 0 #212121,
    1px -1px 0 #212121,
    -1px 1px 0 #212121,
    1px 1px 0 #212121;
}

[dir="rtl"] :where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) {
  text-shadow:
    1px -1px 0 #212121,
    -1px -1px 0 #212121,
    1px 1px 0 #212121,
    -1px 1px 0 #212121;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Gestures
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-gesture) {
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

[dir="ltr"] :where(.vds-video-layout .vds-gesture) {
  left: 0;
}

[dir="rtl"] :where(.vds-video-layout .vds-gesture) {
  right: 0;
}

:where(.vds-video-layout .vds-gesture[action='seek:-10']) {
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

:where(.vds-video-layout .vds-gesture[action='seek:10']) {
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

[dir="ltr"] :where(.vds-video-layout .vds-gesture[action='seek:10']) {
  left: unset;
  right: 0;
}

[dir="rtl"] :where(.vds-video-layout .vds-gesture[action='seek:10']) {
  right: unset;
  left: 0;
}

@media (pointer: coarse) {
  :where(.vds-video-layout .vds-gesture[action='toggle:paused']) {
    display: none;
  }
}

@media not (pointer: coarse) {
  :where([data-media-player] .vds-video-layout .vds-gesture[action='toggle:controls']) {
    display: none;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Live Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[dir="ltr"] :where(.vds-video-layout .vds-live-button) {
  margin-left: 12px;
}

[dir="rtl"] :where(.vds-video-layout .vds-live-button) {
  margin-right: 12px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Group
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[dir="ltr"] :where(.vds-video-layout:not([data-sm]) .vds-time-group) {
  margin-left: 10px;
}

[dir="rtl"] :where(.vds-video-layout:not([data-sm]) .vds-time-group) {
  margin-right: 10px;
}

:where(.vds-video-layout[data-sm] .vds-time) {
  font-size: var(--video-sm-time-font-size, 14px);
}

:where([data-fullscreen] .vds-video-layout .vds-time) {
  font-size: var(--video-fullscreen-time-font-size, 16px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Load Container
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-load-container) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 99;
}

:where(
    [data-media-player][data-load='play']:not([data-started])
      .vds-video-layout[data-match]
      .vds-load-container
  ) {
  display: flex;
}

:where(.vds-video-layout .vds-load-container .vds-play-button) {
  --size: var(--video-load-button-size, 56px);
  --color: var(--video-load-button-color, rgb(0 0 0 / 0.8));
  --bg-color: var(--video-load-button-bg, var(--media-brand));

  --media-button-hover-transform: 0;
  --media-button-border: var(--video-load-button-border, var(--color));
  --media-button-hover-bg: var(--video-load-button-bg, var(--media-brand));

  width: var(--size);
  height: var(--size);
  border-radius: var(--video-load-button-border-radius, 100%);
  color: var(--color);
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-video-layout .vds-load-container .vds-play-button {
  background-color: var(--bg-color);
}

:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button) {
  --size: var(--video-sm-load-button-size, 48px);
  --media-button-hover-transform: translateY(0%);
  width: var(--size);
  height: var(--size);
  transform: translateY(0%);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Small Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)) {
  pointer-events: none;
}

:where(.vds-video-layout[data-sm] .vds-controls-group:last-child) {
  z-index: 2;
  margin-top: -2.5px;
  margin-bottom: -6px;
}

:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child) {
  margin-bottom: 0;
}

.vds-video-layout[data-sm] .vds-controls-group {
  padding: 2px;
}

:where(.vds-video-layout[data-sm])
  :where(
    .vds-button,
    .vds-slider:not(.vds-time-slider),
    .vds-time,
    .vds-time-divider,
    .vds-chapter-title
  ) {
  transition: opacity 0.15s ease;
}

:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm])
  :where(.vds-button .vds-slider, .vds-time-group) {
  opacity: 0;
  visibility: hidden;
}

:where(.vds-video-layout[data-sm] .vds-time-slider) {
  transition: transform 0.1s linear;
}

@media (pointer: coarse) {
  :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]))
    :where(
      .vds-button,
      .vds-slider:not(.vds-time-slider),
      .vds-time,
      .vds-chapter-title,
      .vds-time-divider,
      .vds-captions,
      .vds-live-button
    ) {
    opacity: 0;
  }

  :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider) {
    --track-height: var(--video-sm-slider-focus-track-height, 12px);
    transform: translateY(-6px);
    transition: transform 0.1s linear;
  }
}

:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button) {
  --size: var(--video-sm-play-button-size, 45px);
  --media-button-hover-transform: translateY(25%);
  width: var(--size);
  height: var(--size);
  transform: translateY(25%);
  border-radius: 100%;
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-video-layout[data-sm] .vds-controls .vds-play-button {
  background-color: var(--video-sm-play-button-bg, rgba(0 0 0 / 0.6));
}

:where(
    [data-media-player]:not([data-started])
      .vds-video-layout[data-sm]
      .vds-controls-group:not(:nth-child(3))
  ) {
  opacity: 0;
  visibility: hidden;
}

/* center big play button inside buffering indicator. */
:where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
  --media-buffering-size: 64px;
}

[dir="ltr"] :where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
  transform: translate(-2px, -4px);
}

[dir="rtl"] :where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
  transform: translate(2px, -4px);
}

:where(.vds-video-layout .vds-start-duration .vds-time) {
  position: absolute;
  bottom: 8px;
  margin-bottom: 8px;
  z-index: 10;
}

[dir="ltr"] :where(.vds-video-layout .vds-start-duration .vds-time) {
  right: 8px;
  margin-right: 8px;
}

[dir="rtl"] :where(.vds-video-layout .vds-start-duration .vds-time) {
  left: 8px;
  margin-left: 8px;
}

.vds-video-layout .vds-start-duration .vds-time {
  padding: var(--video-sm-start-duration-padding, 3px 6px);
  color: var(--video-sm-start-duration-color, var(--video-controls-color));
  background-color: var(--video-sm-start-duration-bg, rgba(0 0 0 / 0.64));
}

:where([data-started] .vds-video-layout .vds-start-duration .vds-time) {
  display: none;
}

:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time) {
  opacity: 0;
}

[dir="ltr"] :where(.vds-video-layout[data-sm] .vds-time[data-type='current']) {
  margin-left: 8px;
}

[dir="rtl"] :where(.vds-video-layout[data-sm] .vds-time[data-type='current']) {
  margin-right: 8px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Fullscreen
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
  margin-bottom: -16px;
}

@media (orientation: portrait) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: 30lvh;
    bottom: 10dvh;
  }
}

@media (orientation: landscape) {
  :where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
    margin-bottom: -12px;
  }
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-thumbnail .q-img {
  width: 202px;
}
.isc-thumbnail__stimuli-container {
  height: 114px;
  max-width: 100%;
  font-size: 26px;
}
.isc-thumbnail__stimuli-container--error {
  text-transform: none;
  background-color: #e0e0e0 !important;
  color: #b00020 !important;
}
.isc-thumbnail__image-button {
  max-height: 100%;
}
.isc-thumbnail__image-button--error {
  border: 2px dotted #b91c2c;
}
.isc-thumbnail__pointer-cursor {
  cursor: default;
}
.isc-thumbnail button.q-btn {
  padding: 0;
}
.isc-thumbnail .q-img__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isc-thumbnail-dialog__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(33, 33, 33, 0.5);
  color: #ffffff;
  display: block;
  letter-spacing: 0.01em;
  line-height: 1.75rem;
  text-align: center;
}
.isc-thumbnail-dialog .q-dialog__inner {
  padding-top: 60px;
}
.isc-thumbnail-dialog__stimulus-container {
  position: relative;
  width: fit-content;
  max-width: fit-content !important;
  height: fit-content;
  max-height: fit-content !important;
  overflow: visible !important;
}
.isc-thumbnail-dialog__stimulus-container .isc-thumbnail-dialog__image {
  display: block;
  max-height: 80vh;
  max-width: 80vw;
}
.isc-thumbnail-dialog__stimulus-container vm-player {
  display: block;
  width: 80vw;
}
.isc-thumbnail-dialog__stimulus-container vm-player vm-file {
  display: block;
  height: 80vh;
  width: 80vw;
}
[dir="ltr"] .isc-thumbnail-dialog__stimulus-container .fa.fa-xmark {
  margin-right: 0;
}
[dir="rtl"] .isc-thumbnail-dialog__stimulus-container .fa.fa-xmark {
  margin-left: 0;
}

/* the dialog is put into the body directly, isc-thumbnail is no longer a parent, but these classes are used in both */
.isc-thumbnail__icons-container,
.isc-thumbnail-dialog__icons-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  padding: 4px;
  overflow: hidden;
}
[dir="ltr"] .isc-thumbnail__icons-container,
[dir="ltr"] .isc-thumbnail-dialog__icons-container {
  justify-content: right;
}
[dir="rtl"] .isc-thumbnail__icons-container,
[dir="rtl"] .isc-thumbnail-dialog__icons-container {
  justify-content: left;
}
.isc-thumbnail__icons-container .not-visible:not(:focus-visible),
.isc-thumbnail-dialog__icons-container .not-visible:not(:focus-visible) {
  display: flex;
  position: absolute;
  top: -100px;
}
.isc-thumbnail__icons-container.q-img__content,
.isc-thumbnail-dialog__icons-container.q-img__content {
  background: none;
}
.isc-thumbnail__icons-container .all-pointer-events.q-icon,
.isc-thumbnail-dialog__icons-container .all-pointer-events.q-icon {
  font-size: 16px;
  padding: 4px;
  cursor: pointer;
}
.isc-thumbnail__close-btn-container,
.isc-thumbnail-dialog__close-btn-container {
  margin-top: -56px;
}
.isc-thumbnail__close-btn-container > .isc-thumbnail-dialog__close-btn,
.isc-thumbnail-dialog__close-btn-container > .isc-thumbnail-dialog__close-btn {
  color: #000000 !important;
}
.isc-thumbnail__close-btn-container.close-button-small-layout,
.isc-thumbnail-dialog__close-btn-container.close-button-small-layout {
  margin-top: -40px;
}
.isc-thumbnail__close-btn-container.close-button-small-layout .q-icon.fa.fa-xmark,
.isc-thumbnail-dialog__close-btn-container.close-button-small-layout .q-icon.fa.fa-xmark {
  margin-top: 2px;
}
.isc-thumbnail .isc-thumbnail-player__media-player[data-media-player],
.isc-thumbnail-dialog .isc-thumbnail-player__media-player[data-media-player] {
  --isc-thumbnail-player-width: 1280px;
  width: var(--isc-thumbnail-player-width);
  aspect-ratio: 16/9;
  height: auto;
  max-width: 90vw;
}
.isc-thumbnail .isc-thumbnail-player__media-player[data-media-player] [data-media-provider],
.isc-thumbnail-dialog .isc-thumbnail-player__media-player[data-media-player] [data-media-provider] {
  width: 100%;
  height: 100%;
}
.isc-thumbnail .isc-thumbnail-player__media-player[data-media-player] [data-media-provider] video,
.isc-thumbnail .isc-thumbnail-player__media-player[data-media-player] [data-media-provider] iframe,
.isc-thumbnail-dialog .isc-thumbnail-player__media-player[data-media-player] [data-media-provider] video,
.isc-thumbnail-dialog .isc-thumbnail-player__media-player[data-media-player] [data-media-provider] iframe {
  width: 100%;
  height: 100%;
}
.isc-thumbnail media-google-cast-button,
.isc-thumbnail-dialog media-google-cast-button {
  display: none;
}
.isc-thumbnail .download-button-small-layout,
.isc-thumbnail-dialog .download-button-small-layout {
  margin-top: 35px;
}
[dir="ltr"] .isc-thumbnail .download-button-small-layout,
[dir="ltr"] .isc-thumbnail-dialog .download-button-small-layout {
  margin-right: 5px;
}
[dir="rtl"] .isc-thumbnail .download-button-small-layout,
[dir="rtl"] .isc-thumbnail-dialog .download-button-small-layout {
  margin-left: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-grouped-dropdown__item-label:before {
  content: "• ";
}
[dir="ltr"] .isc-grouped-dropdown__item-label:before {
  margin-right: 8px;
}
[dir="rtl"] .isc-grouped-dropdown__item-label:before {
  margin-left: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.badge-wrapper {
  font-size: 0.6rem;
  height: 16px;
}
.badge-wrapper__circle {
  width: 16px;
  justify-content: center;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.user-notification-base__menu {
  overflow-x: hidden;
}
.user-notification-base__list {
  width: 300px;
}
.user-notification-base__wrapper:not(:last-child) {
  border-bottom: 1px solid #c7cdd5;
}
.user-notification-base__markasread {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.user-notification-base__menu .q-item.user-notification-base__container {
  min-height: 0;
  padding-top: 4px;
  border-bottom: 1px solid #c7cdd5;
}
.user-notification-base__wrapper.q-item:focus-visible {
  outline-offset: -2px !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-pagination .q-btn {
  line-height: 1.715em;
}
.isc-pagination .q-btn:disabled {
  background-color: transparent;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.tabbed-router-mobile__dropdownlabel {
  overflow-wrap: break-word;
  white-space: normal;
}
.tabbed-router-mobile__tab {
  width: 100%;
}
.tabbed-router-mobile__tab-content {
  overflow-wrap: break-word;
  white-space: normal;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.tabbed-router-desktop,
.q-tab__content.tabbed-router-desktop {
  max-width: 100%;
}
.tabbed-router-desktop__tab-content,
.q-tab__content.tabbed-router-desktop__tab-content {
  min-width: 155px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-data-card-chip-top-left {
  background: #64748b !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-data-card-stimuli__image {
  border-radius: 4px 4px 0 0;
}
.isc-data-card-stimuli__image:focus-visible img {
  outline: auto 2px #000000;
}
.isc-data-card-stimuli__video-icon.fa-duotone {
  position: absolute;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* stylelint-disable-line value-keyword-case */
.q-card.isc-data-card {
  outline: none !important;
  background-color: #ffffff;
}
.q-card.isc-data-card:focus, .q-card.isc-data-card:focus-visible {
  animation: highlight 0.5s;
}
@keyframes highlight {
0% {
    border-color: #c7cdd5;
}
50% {
    border-color: rgba(0, 0, 0, 0.5);
}
100% {
    border-color: #c7cdd5;
}
}
.isc-data-card__titles-title, .isc-data-card__titles-theme-name, .isc-data-card__text {
  overflow-wrap: break-word;
}
.isc-data-card__titles-title, .isc-data-card__titles-theme-name, .isc-data-card__chips-bottom-spots-left-icon, .isc-data-card__chips-bottom-completion-points-icon, .isc-data-card__buttons-navigate, .isc-data-card__locked-icon {
  color: var(--v191ae4fa);
}
.isc-data-card__activity-status-line {
  inset: auto -1px -1px;
  height: 4px;
  background-color: #b91c2c;
}
.isc-data-card__fade-text {
  content: "";
  height: 30px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.isc-data-card__titles-title--max-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.isc-data-card__icon.q-avatar {
  background: var(--v191ae4fa);
  fill: #ffffff;
}
.isc-data-card__icon--absolute.q-avatar {
  position: absolute;
  bottom: -18px;
  z-index: 2;
}
[dir="ltr"] .isc-data-card__icon--absolute.q-avatar {
  right: 0;
}
[dir="rtl"] .isc-data-card__icon--absolute.q-avatar {
  left: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-data-card-skeleton__bottom-items, .isc-data-card-skeleton__square {
  flex-grow: 1;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-stimuli-player {
  max-height: inherit;
}
.isc-stimuli-player__image {
  max-height: inherit;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.isc-stimuli-player__video-wrapper {
  position: relative;
}
.isc-stimuli-player__download-btn {
  position: absolute !important;
  top: 5px;
  cursor: pointer;
}
[dir="ltr"] .isc-stimuli-player__download-btn {
  right: 0;
}
[dir="rtl"] .isc-stimuli-player__download-btn {
  left: 0;
}
.isc-stimuli-player .download-button-small-layout {
  margin-top: 35px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-card-detail-dialog .q-dialog__inner {
  padding-top: 60px;
  padding-bottom: 5px;
}
.isc-card-detail-dialog__buttons-container, .isc-card-detail-dialog__card-container {
  height: 734px;
  max-height: 80vh !important;
  width: 747px;
  max-width: 90vw !important;
}
.isc-card-detail-dialog__stimuli-container, .isc-card-detail-dialog__buttons-container {
  overflow: visible !important;
}
.isc-card-detail-dialog__stimuli-container-close, .isc-card-detail-dialog__buttons-container-close {
  top: -56px !important;
}
.isc-card-detail-dialog__card-container {
  overflow-x: hidden;
}
.isc-card-detail-dialog__card-container-card {
  max-width: 90vw !important;
  min-height: 100%;
}
.isc-card-detail-dialog__stimuli-container {
  width: fit-content;
  height: fit-content;
  max-width: 80vw !important;
  max-height: 80vh !important;
}
.isc-card-detail-dialog__stimuli-container-video {
  width: 100%;
  max-width: 60vw !important;
}
@media (max-width: 959.98px) {
.isc-card-detail-dialog__stimuli-container {
    max-width: 100% !important;
    width: 100%;
}
}
.isc-card-detail-dialog__stimuli > .q-dialog__inner--minimized > .isc-card-detail-dialog__stimuli-container {
  max-height: calc(100vh - 144px); /* Take into account some margin and the close button that's on top */
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-attachment--error {
  border: 2px dotted #b91c2c;
}
.isc-progress-bar {
	border-radius: 50%;
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-upload-thumbnail__error {
  color: #b91c2c;
}
.isc-upload-thumbnail__pointer-cursor {
  cursor: default;
}
.isc-upload-thumbnail button.q-btn {
  padding: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-reupload-thumbnail__error {
  color: #b91c2c;
}
.isc-reupload-thumbnail__pointer-cursor {
  cursor: default;
}
.isc-reupload-thumbnail button.q-btn {
  padding: 0;
}
.isc-reupload-thumbnail .q-file {
  display: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-stacked-data-card {
  z-index: 0;
}
.isc-stacked-data-card__1:after, .isc-stacked-data-card__1:before, .isc-stacked-data-card__2:after, .isc-stacked-data-card__2:before {
  content: "";
  background: var(--v9a229f16) no-repeat; /* stylelint-disable-line */
  background-size: 100%;
  background-clip: padding-box;
  position: absolute;
  border-radius: 4px 4px 0 0;
  height: 15px;
  border: solid 1px #c7cdd5;
  border-bottom: 0;
}
.isc-stacked-data-card__1:after, .isc-stacked-data-card__2:after {
  margin: 0 16px;
  width: calc(100% - 32px);
  top: -16px;
}
.isc-stacked-data-card__1 {
  margin-top: 16px;
}
.isc-stacked-data-card__2 {
  margin-top: 32px;
}
.isc-stacked-data-card__2:before {
  background-image: var(--v96b8edd8); /* stylelint-disable-line */
  margin: 0 32px;
  width: calc(100% - 64px);
  top: -31px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-read-more__line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.isc-read-more__line-clamp--applied {
  min-height: 5.2em; /* iOS issues */
}
.isc-read-more p:empty {
  display: none;
}.vue-advanced-cropper {
  text-align: center;
  position: relative;
  user-select: none;
  max-height: 100%;
  max-width: 100%;
}

[dir="ltr"] .vue-advanced-cropper {
  direction: ltr;
}

[dir="rtl"] .vue-advanced-cropper {
  direction: rtl;
}

.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}

.vue-advanced-cropper__image {
  user-select: none;
  position: absolute;
  transform-origin: center;
  max-width: none !important;
}

.vue-advanced-cropper__background, .vue-advanced-cropper__foreground {
  opacity: 1;
  background: black;
  position: absolute;
  top: 50%;
}

[dir="ltr"] .vue-advanced-cropper__background, [dir="ltr"] .vue-advanced-cropper__foreground {
  transform: translate(-50%, -50%);
  left: 50%;
}

[dir="rtl"] .vue-advanced-cropper__background, [dir="rtl"] .vue-advanced-cropper__foreground {
  transform: translate(50%, -50%);
  right: 50%;
}

.vue-advanced-cropper__foreground {
  opacity: 0.5;
}

.vue-advanced-cropper__boundaries {
  opacity: 1;
  position: absolute;
  top: 50%;
}

[dir="ltr"] .vue-advanced-cropper__boundaries {
  transform: translate(-50%, -50%);
  left: 50%;
}

[dir="rtl"] .vue-advanced-cropper__boundaries {
  transform: translate(50%, -50%);
  right: 50%;
}

.vue-advanced-cropper__cropper-wrapper {
  width: 100%;
  height: 100%;
}

.vue-advanced-cropper__image-wrapper {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

.vue-advanced-cropper__stencil-wrapper {
  position: absolute;
}

.vue-simple-handler {
  display: block;
  background: white;
  height: 10px;
  width: 10px;
}

.vue-handler-wrapper {
  position: absolute;
  width: 30px;
  height: 30px;
}

[dir="ltr"] .vue-handler-wrapper {
  transform: translate(-50%, -50%);
}

[dir="rtl"] .vue-handler-wrapper {
  transform: translate(50%, -50%);
}

.vue-handler-wrapper__draggable {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .vue-handler-wrapper--west-north {
  cursor: nw-resize;
}

[dir="rtl"] .vue-handler-wrapper--west-north {
  cursor: ne-resize;
}

.vue-handler-wrapper--north {
  cursor: n-resize;
}

[dir="ltr"] .vue-handler-wrapper--east-north {
  cursor: ne-resize;
}

[dir="rtl"] .vue-handler-wrapper--east-north {
  cursor: nw-resize;
}

.vue-handler-wrapper--east {
  cursor: e-resize;
}

[dir="ltr"] .vue-handler-wrapper--east-south {
  cursor: se-resize;
}

[dir="rtl"] .vue-handler-wrapper--east-south {
  cursor: sw-resize;
}

.vue-handler-wrapper--south {
  cursor: s-resize;
}

[dir="ltr"] .vue-handler-wrapper--west-south {
  cursor: sw-resize;
}

[dir="rtl"] .vue-handler-wrapper--west-south {
  cursor: se-resize;
}

.vue-handler-wrapper--west {
  cursor: w-resize;
}

.vue-handler-wrapper--disabled {
  cursor: auto;
}

.vue-line-wrapper {
  background: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vue-line-wrapper--north, .vue-line-wrapper--south {
  height: 12px;
  width: 100%;
  transform: translateY(-50%);
}

[dir="ltr"] .vue-line-wrapper--north, [dir="ltr"] .vue-line-wrapper--south {
  left: 0;
}

[dir="rtl"] .vue-line-wrapper--north, [dir="rtl"] .vue-line-wrapper--south {
  right: 0;
}

.vue-line-wrapper--north {
  top: 0;
  cursor: n-resize;
}

.vue-line-wrapper--south {
  top: 100%;
  cursor: s-resize;
}

.vue-line-wrapper--east, .vue-line-wrapper--west {
  width: 12px;
  height: 100%;
  top: 0;
}

[dir="ltr"] .vue-line-wrapper--east, [dir="ltr"] .vue-line-wrapper--west {
  transform: translateX(-50%);
}

[dir="rtl"] .vue-line-wrapper--east, [dir="rtl"] .vue-line-wrapper--west {
  transform: translateX(50%);
}

.vue-line-wrapper--east {
  cursor: e-resize;
}

[dir="ltr"] .vue-line-wrapper--east {
  left: 100%;
}

[dir="rtl"] .vue-line-wrapper--east {
  right: 100%;
}

.vue-line-wrapper--west {
  cursor: w-resize;
}

[dir="ltr"] .vue-line-wrapper--west {
  left: 0;
}

[dir="rtl"] .vue-line-wrapper--west {
  right: 0;
}

.vue-line-wrapper--disabled {
  cursor: auto;
}

.vue-bounding-box {
  position: relative;
  height: 100%;
  width: 100%;
}

.vue-bounding-box__handler {
  position: absolute;
}

.vue-bounding-box__handler--west-north {
  top: 0;
}

[dir="ltr"] .vue-bounding-box__handler--west-north {
  left: 0;
}

[dir="rtl"] .vue-bounding-box__handler--west-north {
  right: 0;
}

.vue-bounding-box__handler--north {
  top: 0;
}

[dir="ltr"] .vue-bounding-box__handler--north {
  left: 50%;
}

[dir="rtl"] .vue-bounding-box__handler--north {
  right: 50%;
}

.vue-bounding-box__handler--east-north {
  top: 0;
}

[dir="ltr"] .vue-bounding-box__handler--east-north {
  left: 100%;
}

[dir="rtl"] .vue-bounding-box__handler--east-north {
  right: 100%;
}

.vue-bounding-box__handler--east {
  top: 50%;
}

[dir="ltr"] .vue-bounding-box__handler--east {
  left: 100%;
}

[dir="rtl"] .vue-bounding-box__handler--east {
  right: 100%;
}

.vue-bounding-box__handler--east-south {
  top: 100%;
}

[dir="ltr"] .vue-bounding-box__handler--east-south {
  left: 100%;
}

[dir="rtl"] .vue-bounding-box__handler--east-south {
  right: 100%;
}

.vue-bounding-box__handler--south {
  top: 100%;
}

[dir="ltr"] .vue-bounding-box__handler--south {
  left: 50%;
}

[dir="rtl"] .vue-bounding-box__handler--south {
  right: 50%;
}

.vue-bounding-box__handler--west-south {
  top: 100%;
}

[dir="ltr"] .vue-bounding-box__handler--west-south {
  left: 0;
}

[dir="rtl"] .vue-bounding-box__handler--west-south {
  right: 0;
}

.vue-bounding-box__handler--west {
  top: 50%;
}

[dir="ltr"] .vue-bounding-box__handler--west {
  left: 0;
}

[dir="rtl"] .vue-bounding-box__handler--west {
  right: 0;
}

.vue-draggable-area {
  position: relative;
}

.vue-preview-result {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  width: 100%;
}

.vue-preview-result__wrapper {
  position: absolute;
}

.vue-preview-result__image {
  pointer-events: none;
  position: relative;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.vue-rectangle-stencil__preview {
  position: absolute;
  width: 100%;
  height: 100%;
}

.vue-rectangle-stencil--movable {
  cursor: move;
}

.vue-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  cursor: move;
}

.vue-circle-stencil__preview {
  border-radius: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.vue-circle-stencil--movable {
  cursor: move;
}

.vue-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.vue-preview--fill {
  width: 100%;
  height: 100%;
  position: absolute;
}

.vue-preview__wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}

.vue-preview__image {
  pointer-events: none;
  position: absolute;
  user-select: none;
  transform-origin: center;
  max-width: none !important;
}

.vue-simple-line {
  background: none;
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0;
  border-style: solid;
}

.vue-simple-line--south, .vue-simple-line--north {
  height: 0;
  width: 100%;
}

.vue-simple-line--east, .vue-simple-line--west {
  height: 100%;
  width: 0;
}

[dir="ltr"] .vue-simple-line--east {
  border-right-width: 1px;
}

[dir="rtl"] .vue-simple-line--east {
  border-left-width: 1px;
}

[dir="ltr"] .vue-simple-line--west {
  border-left-width: 1px;
}

[dir="rtl"] .vue-simple-line--west {
  border-right-width: 1px;
}

.vue-simple-line--south {
  border-bottom-width: 1px;
}

.vue-simple-line--north {
  border-top-width: 1px;
}

.vue-simple-line--hover {
  opacity: 1;
  border-color: white;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.circle-stencil {
  border-radius: 50%;
  cursor: move;
  border: solid 2px #ffffff;
  box-sizing: border-box;
}
.circle-stencil__handler {
  top: 14.2%;
  z-index: 1;
  width: 30px;
  height: 30px;
  transition: transform 0.1s;
}
[dir="ltr"] .circle-stencil__handler {
  right: 14.2%;
  cursor: ne-resize;
  transform: translate(50%, -50%);
}
[dir="rtl"] .circle-stencil__handler {
  left: 14.2%;
  cursor: nw-resize;
  transform: translate(-50%, -50%);
}
[dir="ltr"] .circle-stencil__handler:hover {
  transform: translate(50%, -50%) scale(1.2);
}
[dir="rtl"] .circle-stencil__handler:hover {
  transform: translate(-50%, -50%) scale(1.2);
}
.circle-stencil__preview-container__move-icon {
  pointer-events: none;
  transition: transform 0.1s;
}
[dir="ltr"] .circle-stencil__preview-container:hover .circle-stencil__move-icon {
  transform: translate(-50%, -50%) scale(1.2);
}
[dir="rtl"] .circle-stencil__preview-container:hover .circle-stencil__move-icon {
  transform: translate(50%, -50%) scale(1.2);
}
.circle-stencil__preview {
  border-radius: 50%;
  overflow: hidden;
}
.circle-stencil__preview .vue-preview__wrapper {
  border-radius: 50%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-data-card-carousel__container {
  position: relative;
}
.isc-data-card-carousel__container .text-h5 {
  margin: 0;
}
.isc-data-card-carousel__buttons-container {
  height: var(--v0f04c548); /* stylelint-disable-line */
  width: 100%;
  overflow: visible;
  position: relative;
}
.isc-data-card-carousel__buttons-container-next, .isc-data-card-carousel__buttons-container-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
[dir="ltr"] .isc-data-card-carousel__buttons-container-next {
  right: -60px;
}
[dir="rtl"] .isc-data-card-carousel__buttons-container-next {
  left: -60px;
}
[dir="ltr"] .isc-data-card-carousel__buttons-container-previous {
  left: -60px;
}
[dir="rtl"] .isc-data-card-carousel__buttons-container-previous {
  right: -60px;
}
.isc-data-card-carousel__sequences-mask {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 1px;
}
.isc-data-card-carousel__sequences-container {
  transition: transform 0.3s;
  list-style: none;
  margin: 0;
  padding: 0;
}
.isc-data-card-carousel__sequence-container {
  list-style: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activation {
  box-sizing: border-box;
  object-fit: cover;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}
.activation__intro-text .text-h3 {
  color: #347f62;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
}
.activation__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 40px 100px 60px;
}
.activation__submit {
  margin-top: 2px;
  text-transform: capitalize;
  width: 170px;
}
[dir="ltr"] .activation__submit {
  margin-left: 65px;
}
[dir="rtl"] .activation__submit {
  margin-right: 65px;
}
[dir="ltr"] .activation__btn-wrapper {
  margin-left: 65px;
}
[dir="rtl"] .activation__btn-wrapper {
  margin-right: 65px;
}
.activation__footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 36px;
}
.activation__footer a {
  text-decoration: none;
  color: #212529;
  margin-top: 10px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-change-password {
  display: flex;
}
.isc-change-password__password, .isc-change-password__confirm-password {
  align-self: baseline !important;
  padding-bottom: 25px !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.text-color-green {
  color: #4caf50;
}
.isc-email__label-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.isc-email__tooltip-icon {
  cursor: pointer;
  z-index: 1000;
}
[dir="ltr"] .isc-email__tooltip-icon {
  margin-left: 8px;
}
[dir="rtl"] .isc-email__tooltip-icon {
  margin-right: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-masonry {
  display: grid;
  grid-gap: var(--v3255e597); /* stylelint-disable-line */
  grid-template-columns: var(--v3116b3c4);
  grid-auto-rows: var(--f4e524bc); /* stylelint-disable-line */
  list-style: none;
  margin: 0;
  padding: 0;
}
.isc-masonry__node {
  list-style: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* stylelint-disable-line value-keyword-case */
/* stylelint-disable-line value-keyword-case */
.isc-timeline__vertical-line {
  width: 2px;
  background: #212529;
  display: block; /* stylelint-disable-line value-keyword-case */
}
[dir="ltr"] .isc-timeline__vertical-line {
  margin-left: var(--v38621ddc);
}
[dir="rtl"] .isc-timeline__vertical-line {
  margin-right: var(--v38621ddc);
}
.isc-timeline__timeline {
  width: var(--a6e4f66c);
}
[dir="ltr"] .isc-timeline--compact .isc-timeline__timeline {
  left: auto;
}
[dir="rtl"] .isc-timeline--compact .isc-timeline__timeline {
  right: auto;
}
[dir="ltr"] .isc-timeline--2columns .isc-timeline__timeline {
  left: calc(50% - var(--a6e4f66c) / 2);
}
[dir="rtl"] .isc-timeline--2columns .isc-timeline__timeline {
  right: calc(50% - var(--a6e4f66c) / 2);
}
.isc-timeline__marker .q-avatar {
  z-index: 1;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.job-progress {
  width: 700px;
  max-width: 70vw;
}
.job-progress__spinner {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 1rem;
}
.job-progress__action {
  width: 100%;
  min-height: 52px;
  background: #fafafa;
}
[dir="ltr"] .job-progress__button {
  margin-right: 1rem;
}
[dir="rtl"] .job-progress__button {
  margin-left: 1rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-limited-input[data-v-ca58f89b] {
  display: block;
  width: 100%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-wizard {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex: 1;
  margin-bottom: 32px;
}
.isc-wizard__content {
  flex: 1;
  background: #fafafa;
  border-radius: 8px;
  min-height: 80%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.isc-wizard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
  border: 1px solid #e3e2e2;
  border-radius: 0 0 5px 5px;
  padding: 10px 30px;
}
.isc-wizard__footer-end {
  display: flex;
  align-items: center;
  gap: 12px;
}
[dir="ltr"] .isc-wizard__footer-end {
  margin-left: auto;
}
[dir="rtl"] .isc-wizard__footer-end {
  margin-right: auto;
}
.isc-wizard__next-description {
  font-style: italic;
  font-size: 0.875rem;
}
.isc-wizard-step__header {
  background: #ffffff;
  border: 1px solid #e3e2e2;
  border-radius: 5px 5px 0 0;
  padding: 15px 30px;
  display: flex;
  align-items: center;
}
.isc-wizard-step__title {
  font-weight: 600;
  margin: 0;
}
.isc-wizard-step__tooltip {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
}
[dir="ltr"] .isc-wizard-step__tooltip {
  margin-left: 10px;
}
[dir="rtl"] .isc-wizard-step__tooltip {
  margin-right: 10px;
}
.isc-wizard-step__body {
  border-left: 1px solid #e3e2e2;
  border-right: 1px solid #e3e2e2;
  background: #ffffff;
  overflow: auto;
}
.isc-wizard-step--substep > .isc-wizard-step__body > :not(.isc-wizard-substep) {
  display: none;
}
.isc-wizard-progress {
  position: sticky;
  top: 0;
  min-width: 230px;
  align-self: flex-start;
}
.isc-wizard-progress:before {
  content: "";
  position: absolute;
  height: calc(100% - 50px);
  margin-top: 25px;
}
[dir="ltr"] .isc-wizard-progress:before {
  margin-left: 25px;
  border-left: 1px solid rgba(0, 0, 0, 0.34);
}
[dir="rtl"] .isc-wizard-progress:before {
  margin-right: 25px;
  border-right: 1px solid rgba(0, 0, 0, 0.34);
}
.isc-wizard-progress__item {
  margin: 10px;
  z-index: 1;
  position: relative;
}
.isc-wizard-progress__row {
  display: flex;
  align-items: center;
}
.isc-wizard-progress__step {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
[dir="ltr"] .isc-wizard-progress__step {
  text-align: left;
}
[dir="rtl"] .isc-wizard-progress__step {
  text-align: right;
}
.isc-wizard-progress__step:disabled {
  cursor: default;
}
.isc-wizard-progress__bullet {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.34);
  background: #fafafa;
  color: rgba(0, 0, 0, 0.34);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.isc-wizard-progress__bullet:disabled {
  cursor: default;
}
.isc-wizard-progress__bullet--current-incomplete,
.isc-wizard-progress__bullet--current-complete {
  color: #347f62;
  border-color: #347f62;
}
.isc-wizard-progress__bullet--complete {
  background: #347f62;
  border-color: #347f62;
  color: #ffffff;
}
.isc-wizard-progress__bullet--small {
  width: 18px;
  height: 18px;
}
.isc-wizard-progress__check {
  width: 15.6px;
  height: 13.2px;
  stroke: #ffffff;
  fill: none;
}
.isc-wizard-progress__label {
  font-weight: bold;
  font-size: 0.875rem;
  max-width: 160px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
[dir="ltr"] .isc-wizard-progress__label {
  margin-left: 10px;
  text-align: left;
}
[dir="rtl"] .isc-wizard-progress__label {
  margin-right: 10px;
  text-align: right;
}
.isc-wizard-progress__label:disabled {
  cursor: default;
}
.isc-wizard-progress__label--current-incomplete,
.isc-wizard-progress__label--current-complete {
  color: #347f62;
}
.isc-wizard-progress__label--incomplete {
  font-weight: 600;
}
.isc-wizard-progress__label--complete,
.isc-wizard-progress__label--next {
  font-weight: normal;
}
.isc-wizard-progress__label--complete:hover,
.isc-wizard-progress__label--next:hover {
  color: #347f62;
  font-weight: bold;
}
.isc-wizard-progress__substeps {
  margin-top: 20px;
}
.isc-wizard-progress__substep {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  margin-top: 14px;
  cursor: pointer;
  width: 100%;
}
.isc-wizard-progress__substep:first-child {
  margin-top: 0;
}
.isc-wizard-progress__substep:disabled {
  cursor: default;
}
.isc-wizard-progress__label--normal {
  font-size: 0.8rem;
  font-weight: normal;
}
.isc-wizard--dialog-display .isc-wizard-step__body {
  border: none;
}
.isc-wizard--dialog-display .isc-wizard__footer {
  position: absolute;
  left: 0;
  right: 0;
}
.isc-wizard--dialog-display .isc-wizard-step__header {
  border: none;
  padding-top: 0;
}
[dir="ltr"] .isc-wizard--dialog-display .isc-wizard-step__header {
  padding-left: 20px;
}
[dir="rtl"] .isc-wizard--dialog-display .isc-wizard-step__header {
  padding-right: 20px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-question--display-style-greyed-out {
  opacity: 0.2;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-answer {
  font-size: 0.875rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-header__ai-moderator-label {
  background-color: #5a1ab2 !important;
}
.isc-post-header__username a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: bold;
}
.isc-post-header__segmentations .q-item--dense {
  min-height: 24px;
}
.isc-post-header__segmentations-toggle {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.isc-post-header__segmentations-toggle .q-focus-helper {
  background: transparent !important;
}
[dir="ltr"] .isc-post-header__segmentations-toggle .q-item__section {
  padding-left: 4px;
}
[dir="rtl"] .isc-post-header__segmentations-toggle .q-item__section {
  padding-right: 4px;
}
.isc-post-header__segmentations-toggle .q-icon {
  padding: 4px;
  font-size: 12px;
}
.isc-post-header__post-details span {
  font-size: 0.8rem;
}
.isc-post-header__post-details span:not(:first-child):before {
  content: "\a";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #757575;
  display: inline-block;
  margin: 3px;
}
.isc-post-header__segmentation {
  color: #757575;
  font-size: 0.8rem;
  vertical-align: middle;
  display: table-cell;
  border-spacing: 0;
}
[dir="ltr"] .isc-post-header__segmentation {
  padding-left: 0;
  text-align: left;
}
[dir="rtl"] .isc-post-header__segmentation {
  padding-right: 0;
  text-align: right;
}
.isc-post-header__segmentations-table {
  background-color: transparent;
}
.isc-post-header__segmentations-table:hover {
  background-color: transparent;
}
.isc-post-header__segmentations-table .q-table th {
  font-weight: 600;
  padding: 0;
}
.isc-post-header__segmentations-table .q-table td {
  padding: 0;
}
.isc-post-header__update-required {
  text-transform: uppercase;
}
[dir="ltr"] .isc-post-header .q-table--dense .q-table th:first-child,
[dir="ltr"] .isc-post-header .q-table--dense .q-table td:first-child {
  padding-left: 0;
}
[dir="rtl"] .isc-post-header .q-table--dense .q-table th:first-child,
[dir="rtl"] .isc-post-header .q-table--dense .q-table td:first-child {
  padding-right: 0;
}
.isc-post-header .q-px-xs i.q-icon {
  font-size: 1rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-flag-button.show-on-hover {
  display: none;
}
.isc-flag-button .q-focus-helper {
  background: transparent !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-footer .q-btn i {
  font-size: 0.875rem;
}
.isc-post-footer__not-opening-btn .q-focus-helper {
  background: transparent !important;
}
.isc-post-footer__edit-btn .q-focus-helper {
  background: transparent !important;
}
.isc-post-rating .q-rating__icon-container {
	margin: 2px;
}

.isc-post-tag-add {
	min-width: 100px;
}
.isc-post-tag-add .q-field__bottom {
	min-height: 0;
	height: 0;
	padding: 0;
}
.isc-post-tag-add__add-tag-label {
	opacity: 70%;
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-body__submission-count {
  font-size: 0.875rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-message {
  font-size: 0.875rem;
}
.isc-post-message__stimuli-display {
  margin-top: -15px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-answer-editor__question-text-container--error {
  color: #b91c2c;
}
.isc-post-answer-editor__question-text-container--required:after {
  content: "*";
}
.isc-post-answer-editor__question-text-container--optional:after {
  content: " (Optional)";
  font-style: italic;
}
.isc-post-answer-editor__question-text {
  display: inline-block;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-question-editor {
  margin: auto 0;
}
.isc-post-question-editor__hide-icon {
  display: none;
}
.isc-post-question-editor__expansion-item-button {
  color: rgba(0, 0, 0, 0.87);
}
.isc-post-question-editor__q-item {
  margin-top: 3px;
}
.isc-post-question-editor__menu-button {
  margin-top: 5px;
}
.isc-post-question-editor__edit-icon {
  font-size: 18px !important;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-questions-area-editor__add-question-block {
  height: 58px;
  min-width: 58px;
  width: 58px;
  border: 1px solid #dedede;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 600;
}
.isc-post-questions-area-editor__question-header {
  color: rgba(0, 0, 0, 0.38);
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}
.isc-post-questions-area-editor__question-header-2 {
  color: rgba(0, 0, 0, 0.38);
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}
.isc-post-questions-area-editor__question-block-container {
  border: 1px solid #dedede;
  border-radius: 2px;
}
.isc-post-questions-area-editor__add-question {
  color: #c2273d;
}
.isc-post-questions-area-editor__add-question-text {
  color: #c2273d;
  font-weight: 600;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-publish-section__publish .q-btn {
  min-width: 150px;
}
.isc-post-publish-section__cancel .q-btn {
  min-width: 88px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-reply-section__reply .q-btn {
  min-width: 150px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-carousel div.q-carousel__navigation-inner {
  flex: content !important;
}
.isc-carousel__slide {
  background-color: #c7cdd5;
  overflow: hidden;
}
.isc-carousel__slide .isc-stimuli-player,
.isc-carousel__slide .isc-thumbnail {
  height: calc(var(--v25ffadbc) * 1px);
  max-height: 614px;
  /* stylelint-disable value-keyword-case */
  width: calc(var(--v63adc2a2) * 1px);
  /* stylelint-enable value-keyword-case */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.isc-carousel__slide .isc-stimuli-player__image-button,
.isc-carousel__slide .isc-thumbnail__image-button {
  flex-grow: 1;
}
.isc-carousel__slide .isc-stimuli-player .q-img,
.isc-carousel__slide .isc-thumbnail .q-img {
  /* stylelint-disable value-keyword-case */
  max-width: calc(var(--v63adc2a2) * 1px);
  object-fit: contain;
}
.isc-carousel__slide .isc-stimuli-player__stimuli-container,
.isc-carousel__slide .isc-thumbnail__stimuli-container {
  height: auto;
  max-height: 614px;
}
.isc-carousel__slide .isc-stimuli-player__video-wrapper,
.isc-carousel__slide .isc-thumbnail__video-wrapper {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.isc-carousel__slide .isc-stimuli-player__vime,
.isc-carousel__slide .isc-thumbnail__vime {
  flex-grow: 1;
}
.isc-carousel__slide .isc-stimuli-player__image,
.isc-carousel__slide .isc-thumbnail__image {
  max-height: 614px;
}
.isc-carousel__slide .q-img__image {
  object-fit: contain !important; /* important to override inline style */
}
.isc-carousel__slide .q-btn.q-hoverable:hover > .q-focus-helper {
  opacity: 0;
}
.isc-carousel .q-carousel {
  background-color: inherit;
}
.isc-carousel .q-carousel__navigation--bottom {
  position: relative;
  margin-top: 12px;
  bottom: 0;
}
[dir="ltr"] .isc-carousel .q-carousel__navigation--bottom {
  left: 0;
}
[dir="rtl"] .isc-carousel .q-carousel__navigation--bottom {
  right: 0;
}
.isc-carousel .q-carousel__navigation .q-btn {
  margin: 0;
  padding: 5px;
}
.isc-carousel .q-carousel__slide {
  padding: 0;
}
.isc-carousel .q-carousel__arrow {
  top: 0;
  bottom: 36px;
  z-index: 50;
}
.isc-carousel .q-carousel .isc-thumbnail .q-img {
  width: 100%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-stimuli-caption {
  word-break: normal;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .isc-stimuli-upload-buttons__buttons_container :first-child {
  padding-left: 0;
}
[dir="rtl"] .isc-stimuli-upload-buttons__buttons_container :first-child {
  padding-right: 0;
}
[dir="ltr"] .isc-stimuli-upload-buttons__buttons_container :last-child {
  padding-right: 0;
}
[dir="rtl"] .isc-stimuli-upload-buttons__buttons_container :last-child {
  padding-left: 0;
}
.isc-stimuli-upload-buttons__label {
  font-size: 0.8rem;
  font-style: italic;
}
.isc-stimuli-upload-buttons .q-btn {
  color: #212529;
  border: dashed 1px #2125291E;
}
.isc-stimuli-upload-buttons .q-btn.disabled *, .isc-stimuli-upload-buttons .q-btn[disabled] * {
  cursor: not-allowed !important;
}
.isc-stimuli-upload-buttons .q-btn:hover:not(.disabled) {
  color: #212529;
}
.isc-stimuli-upload-buttons .q-btn .q-icon {
  font-size: 18px;
}
.isc-stimuli-upload-buttons .q-file {
  display: none;
}
.isc-stimuli-upload-buttons .link-dialog {
  max-width: 80vw;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
@media (min-width: 600px) {
.isc-capture-stimuli > .q-dialog__inner > div {
    max-width: 100%;
    box-shadow: none;
}
}
.isc-capture-stimuli__capture-stimuli-card {
  max-width: none;
  overflow: auto;
}
.isc-capture-stimuli__p {
  line-height: 20px;
  font-size: 1rem;
  text-align: center;
  color: #212529;
  font-weight: normal;
}
.isc-capture-stimuli__video-toolbar {
  display: inline;
}
[dir="ltr"] .isc-capture-stimuli__media-recorder .pull-right {
  margin-right: 0;
}
[dir="rtl"] .isc-capture-stimuli__media-recorder .pull-right {
  margin-left: 0;
}
.isc-capture-stimuli__video-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.isc-capture-stimuli canvas,
.isc-capture-stimuli video, .isc-capture-stimuli__status-message {
  width: 640px;
  height: 336px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isc-capture-stimuli video {
  min-width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
.isc-capture-stimuli__overlay {
  height: 99.5%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background: #f5f5f5;
  opacity: 0.5;
  text-align: center;
  font-size: 3.1rem;
  font-weight: bold;
}
[dir="ltr"] .isc-capture-stimuli__overlay {
  left: 0;
}
[dir="rtl"] .isc-capture-stimuli__overlay {
  right: 0;
}
.isc-capture-stimuli__overlay__content {
  vertical-align: middle;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isc-capture-stimuli__content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.isc-capture-stimuli__options-button {
  font-size: 0.8rem;
  font-weight: 500;
}
.isc-capture-stimuli__video-progress-container {
  min-height: 40px;
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
}
.isc-capture-stimuli__video-progress-container i {
  font-size: 0.8rem;
  color: #d50000;
}
[dir="ltr"] .isc-capture-stimuli__video-progress-container i {
  margin-right: 10px;
}
[dir="rtl"] .isc-capture-stimuli__video-progress-container i {
  margin-left: 10px;
}
.isc-capture-stimuli__overlay-content {
  position: absolute;
  top: 50%;
  font-size: 2.2rem;
  font-weight: normal;
}
[dir="ltr"] .isc-capture-stimuli__overlay-content {
  left: 50%;
  transform: translate(-50%, -50%);
}
[dir="rtl"] .isc-capture-stimuli__overlay-content {
  right: 50%;
  transform: translate(50%, -50%);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-text-selector .highlight {
  background: #ffff00;
  cursor: pointer;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post-note__title {
  overflow: hidden;
  overflow-wrap: break-word;
  line-height: 20px;
}
.isc-post-note__text {
  overflow-wrap: break-word;
  line-height: 18px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .isc-post-note-add-editor .q-editor__content {
  padding-left: 0;
}
[dir="rtl"] .isc-post-note-add-editor .q-editor__content {
  padding-right: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.bubble {
  width: calc(100% - 20px);
  background: #ffffff;
  position: absolute;
  border-radius: 4px;
  border: 1px rgba(0, 0, 0, 0.1215686275) solid;
}
.isc-annotation-container__triangle {
  content: "";
  position: absolute;
}
[dir="ltr"] .isc-annotation-container__triangle {
  right: calc(100% - 0.4px);
}
[dir="rtl"] .isc-annotation-container__triangle {
  left: calc(100% - 0.4px);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.annotation-viewer__annotations-list {
  overflow: auto;
  margin-bottom: 20px;
}
.annotation-viewer__annotations-list--disabled {
  overflow: hidden;
}
.annotations-notes {
  flex: 1 5 auto;
  max-height: 500px;
}
.annotations-tags {
  flex: 1 1 auto;
  max-height: 200px;
}
.annotations-notes--min {
  min-height: 500px;
}
.annotations-tags--min {
  min-height: 200px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-post {
  max-width: 100%;
}
.isc-post__opening-post {
  border-bottom: 1px solid #e0e0e0;
}
.isc-post__parent-post--show-questions-btn {
  width: 148px;
}
.isc-post__ai-moderator-pending {
  color: #004750;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 6px;
}
[dir="ltr"] .isc-post__level {
  /* stylelint-disable value-keyword-case */
  margin-left: calc(var(--v0d377dc6) * var(--v36ff171e));
  margin-right: calc(var(--v0d377dc6) * var(--v04c2e22c));
}
[dir="rtl"] .isc-post__level {
  margin-right: calc(var(--v0d377dc6) * var(--v36ff171e));
  margin-left: calc(var(--v0d377dc6) * var(--v04c2e22c));
}
.isc-post--display-style-greyed-out {
  opacity: 0.2;
}
.isc-post--display-style-hidden {
  background-color: #eeeeee;
  color: #616161;
}
.isc-post--display-style-new-unread {
  background-color: #e3f2fd;
}
.isc-post__thumbnails {
  border-top: 1px solid #e0e0e0;
}
.isc-post :hover > .isc-post-footer > .isc-flag-button.show-on-hover {
  display: inherit;
}
.isc-post .mention {
  background-color: #e0e0e0;
}
.isc-post .hashtag {
  color: #275b85;
}
.isc-post__hide-replies .q-hoverable:hover > .q-focus-helper {
  background: transparent !important;
}
.isc-post__centered-stream {
  width: 646px;
}
.isc-post .isc-post-data {
  transition: background-color 3s ease-in-out;
}
.isc-post .isc-post-data:before {
  background-color: inherit;
}
.isc-post .isc-post-data.highlight {
  background-color: rgba(90, 188, 150, 0.1);
  position: relative;
  transition: background-color 3s ease-in-out;
}
.isc-post .isc-post-data.highlight:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 5px;
  background-color: rgb(90, 188, 150);
  transition: all 3s ease-in-out;
}
.isc-post .isc-post-data.normal {
  background-color: inherit;
  position: relative;
  transition: background-color 3s ease-in-out;
}
.isc-post .isc-post-data.normal:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 5px;
  background-color: inherit;
  transition: all 3s ease-in-out;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-active-filter__select {
  width: 12.5rem;
}
.isc-active-filter__text {
  width: 10.6rem;
  color: #212529;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-segments-filter-menu {
  min-width: 300px;
  max-width: 600px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-base-filter-menu {
  color: #212529;
  font-size: 0.875rem;
}
[dir="ltr"] .isc-base-filter-menu .q-radio {
  padding-right: 12px;
}
[dir="rtl"] .isc-base-filter-menu .q-radio {
  padding-left: 12px;
}
.isc-base-filter-menu .q-radio__label {
  font-size: 0.875rem;
}
[dir="ltr"] .isc-base-filter-menu .q-radio__label {
  margin-right: 0.5rem;
}
[dir="rtl"] .isc-base-filter-menu .q-radio__label {
  margin-left: 0.5rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-filter-button {
  border-radius: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-filter-select-menu {
  min-width: 256px;
  max-width: 600px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-chip-area {
  font-size: 0.875rem;
}
.isc-chip-area .q-chip {
  font-size: 0.875rem;
}
.isc-chip-area .q-chip__icon {
  font-size: 1em;
  padding: 4px;
}
.isc-chip-area__filter_chip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50ch;
}
[dir="ltr"] .isc-chip-area__clear-icon {
  margin-right: 2px;
}
[dir="rtl"] .isc-chip-area__clear-icon {
  margin-left: 2px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-filter {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.isc-filter--sticky-chips .isc-filter__chip_area {
  z-index: 6;
  width: 100%;
  margin: 0;
  padding: 8px 16px;
  background: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}
.isc-filter--sticky-chips .isc-filter__chip_area--stuck {
  position: fixed;
  z-index: 20;
}
.isc-filter--sticky-chips .isc-filter__chip_sentinel {
  width: 100%;
  height: 0;
  pointer-events: none;
}
.isc-filter .isc-filter__select .q-icon {
  font-size: 0.875rem;
}
.isc-filter .q-field {
  font-size: 0.875rem;
}
[dir="ltr"] .isc-filter .q-field__prepend {
  padding-right: 0 !important;
}
[dir="rtl"] .isc-filter .q-field__prepend {
  padding-left: 0 !important;
}
.isc-filter .q-field__control {
  min-height: 50px;
  height: 3rem;
}
[dir="ltr"] .isc-filter .q-field__control {
  padding-left: 0;
}
[dir="rtl"] .isc-filter .q-field__control {
  padding-right: 0;
}
.isc-filter .q-field__marginal {
  height: 45px;
}
[dir="ltr"] .isc-filter .q-field__append {
  padding-left: 0;
}
[dir="rtl"] .isc-filter .q-field__append {
  padding-right: 0;
}
.isc-filter .q-field__label {
  font-size: 0.8rem;
  padding-bottom: 3px;
}
.isc-filter .q-field__native {
  font-size: 0.875rem;
}
.isc-filter .isc-filter__search {
  width: 12.5rem;
  font-size: 1rem;
}
.isc-filter .isc-filter__search .q-field__control {
  margin-top: 5px;
  border-radius: 0;
  min-height: 45px;
  height: 45px;
}
[dir="ltr"] .isc-filter .isc-filter__search .q-field__control {
  padding-left: 6px;
}
[dir="rtl"] .isc-filter .isc-filter__search .q-field__control {
  padding-right: 6px;
}
.isc-filter .isc-date-filter .isc-active-filter__select {
  width: 12.5rem;
  margin: 8px 16px;
}
[dir="ltr"] .isc-filter .isc-date-filter .isc-active-filter__select .q-icon {
  padding-right: 5px;
}
[dir="rtl"] .isc-filter .isc-date-filter .isc-active-filter__select .q-icon {
  padding-left: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.unsaved-changes-dialog__card[data-v-7b20b523] {
  max-width: 500px;
  width: 100%;
}
.unsaved-changes-dialog__title[data-v-7b20b523] {
  margin: 0;
}
.unsaved-changes-dialog__message[data-v-7b20b523] {
  margin: 0;
  white-space: pre-line;
}
.unsaved-changes-dialog__actions[data-v-7b20b523] {
  background: #f0f0f0;
}
.unsaved-changes-dialog__content[data-v-7b20b523] {
  padding: 48px 48px 36px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.wizard-confirm-dialog__card {
  max-width: 560px;
  width: 100%;
}
.wizard-confirm-dialog__title {
  margin: 0;
}
.wizard-confirm-dialog__actions {
  background: #f0f0f0;
}
.wizard-confirm-dialog__text {
  white-space: pre-wrap;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.wizard-dirty-nav-dialog__errors {
  margin: 12px 0 0;
}
[dir="ltr"] .wizard-dirty-nav-dialog__errors {
  padding-left: 20px;
}
[dir="rtl"] .wizard-dirty-nav-dialog__errors {
  padding-right: 20px;
}
.wizard-dirty-nav-dialog__action {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.targeting-result__calculating {
  font-weight: 600;
  margin: 0;
}
.targeting-result--right {
  display: flex;
  justify-content: flex-end;
}
.targeting-result__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
}
.targeting-result__segment {
  text-align: center;
}
.targeting-result__value {
  font-weight: 600;
  margin: 0;
}
.targeting-result__value--highlight {
  color: #00a651;
}
.targeting-result__segment span {
  display: block;
  font-size: 10px;
  font-weight: bold;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.targeting-quota-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.targeting-quota-fields__title {
  font-weight: bold;
  margin: 0;
}
.targeting-quota-fields__select {
  max-width: 420px;
}
.targeting-quota-fields__table {
  width: 100%;
  border-collapse: collapse;
}
.targeting-quota-fields__table th,
.targeting-quota-fields__table td {
  padding: 8px;
}
[dir="ltr"] .targeting-quota-fields__table th,
[dir="ltr"] .targeting-quota-fields__table td {
  text-align: left;
}
[dir="rtl"] .targeting-quota-fields__table th,
[dir="rtl"] .targeting-quota-fields__table td {
  text-align: right;
}
.targeting-quota-fields__error {
  color: #c62828;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.target-completion-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.target-completion-fields__selector {
  display: flex;
  gap: 8px;
  align-items: center;
}
.target-completion-fields__table {
  width: 100%;
  border-collapse: collapse;
}
.target-completion-fields__table th,
.target-completion-fields__table td {
  padding: 8px;
}
[dir="ltr"] .target-completion-fields__table th,
[dir="ltr"] .target-completion-fields__table td {
  text-align: left;
}
[dir="rtl"] .target-completion-fields__table th,
[dir="rtl"] .target-completion-fields__table td {
  text-align: right;
}
.target-completion-fields__total td {
  font-weight: bold;
}
.target-completion-fields__max {
  color: #c62828;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.display-activity-targeting {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid #e0e0e0;
}
.display-activity-targeting__header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.display-activity-targeting__title {
  font-weight: bold;
  margin: 0;
}
.display-activity-targeting__and {
  font-weight: bold;
  margin: 0;
}
.display-activity-targeting__table {
  border-collapse: collapse;
  width: 100%;
}
.display-activity-targeting__table th,
.display-activity-targeting__table td {
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}
[dir="ltr"] .display-activity-targeting__table th,
[dir="ltr"] .display-activity-targeting__table td {
  text-align: left;
}
[dir="rtl"] .display-activity-targeting__table th,
[dir="rtl"] .display-activity-targeting__table td {
  text-align: right;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.wizard-targeting {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wizard-targeting__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wizard-targeting__title {
  font-weight: bold;
  margin: 0;
}
.wizard-targeting__table {
  width: 100%;
  border-collapse: collapse;
}
.wizard-targeting__table th,
.wizard-targeting__table td {
  padding: 8px;
}
[dir="ltr"] .wizard-targeting__table th,
[dir="ltr"] .wizard-targeting__table td {
  text-align: left;
}
[dir="rtl"] .wizard-targeting__table th,
[dir="rtl"] .wizard-targeting__table td {
  text-align: right;
}
.wizard-targeting__number {
  max-width: 120px;
}
.wizard-targeting__section,
.wizard-targeting__sample {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wizard-targeting__sample {
  flex-direction: row;
  align-items: center;
}
.wizard-targeting__child-note {
  font-style: italic;
}
.wizard-targeting__empty,
.wizard-targeting__hint {
  margin: 0;
  color: #5c5c5c;
}
.wizard-targeting__error,
.wizard-targeting__warning {
  margin: 0;
  color: #c62828;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.date-input.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: solid;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.time-input.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: solid;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-theme-select {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 420px;
}
.activity-theme-select__field {
  flex: 1;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-schedule-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-schedule-fields__section,
.activity-schedule-fields__label {
  font-weight: 600;
  margin: 0;
}
.activity-schedule-fields__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.activity-schedule-fields__hint {
  color: #666666;
  font-size: 12px;
  margin: 0;
}
.activity-schedule-fields__warning {
  color: #c62828;
  font-size: 12px;
  margin: 0;
}
.activity-schedule-fields__target {
  max-width: 120px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-credits-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-credits-fields__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.activity-credits-fields__input {
  max-width: 120px;
}
.activity-credits-fields__warning {
  color: #c62828;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-engagement-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-engagement-fields__label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-survey-id-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-survey-id-fields__field {
  max-width: 420px;
}
.activity-survey-id-fields__warning {
  color: #c62828;
  font-size: 12px;
  margin: 0;
}
.activity-survey-id-fields__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-pii-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-pii-fields__options {
  display: flex;
  flex-direction: column;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-complete-redirect-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 420px;
}
.activity-complete-redirect-fields__title {
  font-weight: 600;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-specify-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.activity-specify-step__section {
  font-weight: 600;
  margin: 0;
}
.activity-specify-step__rewards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-card-editor {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.activity-card-editor__section {
  font-weight: 600;
  margin: 0;
}
.activity-card-editor__label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.activity-card-editor__preview {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.activity-card-editor__preview-image {
  max-width: 240px;
  max-height: 160px;
  object-fit: cover;
  border-radius: 4px;
}
.activity-card-editor__file {
  max-width: 420px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-builder-quant-step {
  padding: 24px 30px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-segmentations-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-segmentations-step__title {
  font-weight: bold;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-background-variable-editor {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-background-variable-editor__title {
  font-weight: bold;
  margin: 0;
}
.activity-background-variable-editor__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-background-variable-editor__header,
.activity-background-variable-editor__value,
.activity-background-variable-editor__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.activity-background-variable-editor__name,
.activity-background-variable-editor__equals {
  font-weight: 600;
  min-width: 80px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-recruitment-partner-dialog__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 420px;
}
.activity-recruitment-partner-dialog__consent {
  display: flex;
  gap: 12px;
  align-items: center;
}
.activity-recruitment-partner-dialog__link {
  word-break: break-all;
  font-size: 12px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-recruitment-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-recruitment-step__table {
  width: 100%;
  border-collapse: collapse;
}
.activity-recruitment-step__table th,
.activity-recruitment-step__table td {
  padding: 8px 4px;
  border-bottom: 1px solid #e3e2e2;
}
[dir="ltr"] .activity-recruitment-step__table th,
[dir="ltr"] .activity-recruitment-step__table td {
  text-align: left;
}
[dir="rtl"] .activity-recruitment-step__table th,
[dir="rtl"] .activity-recruitment-step__table td {
  text-align: right;
}
.activity-recruitment-step__empty {
  font-style: italic;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-publish-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.activity-publish-step__title {
  font-weight: bold;
  margin: 0 0 8px;
}
.activity-publish-step__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-publish-step__error {
  white-space: pre-wrap;
}
.activity-publish-step__url a {
  word-break: break-all;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.qual-specify-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qual-specify-step__section {
  font-weight: bold;
  margin: 0;
}
.qual-specify-step__field {
  max-width: 420px;
}
.qual-specify-step__row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.qual-specify-step__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.qual-specify-step__label {
  font-weight: 600;
  margin: 0;
}
.qual-specify-step__hint {
  color: #5c5c5c;
  margin: 0;
}
.qual-specify-step__hours {
  max-width: 96px;
}
.qual-specify-step__criteria {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.qual-opening-post-editor {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.qual-opening-post-editor__label {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.qual-opening-post-editor__gallery,
.qual-opening-post-editor__uploads,
.qual-opening-post-editor__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.qual-opening-post-editor__media {
  position: relative;
  width: 240px;
  min-height: 120px;
}
.qual-opening-post-editor__attachment,
.qual-opening-post-editor__video-link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.qual-opening-post-editor__required {
  color: #c62828;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.probe-question-overview {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.probe-question-overview__item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.probe-question-overview__badge {
  font-weight: bold;
  padding-top: 8px;
}
.probe-question-overview__card {
  flex: 1;
  cursor: pointer;
}
.probe-question-overview__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: default;
}
.probe-question-overview__text {
  min-height: 24px;
}
.probe-question-overview__actions {
  display: flex;
  align-items: flex-start;
}
.probe-question-overview__empty {
  min-height: 48px;
  display: flex;
  align-items: center;
  color: #5c5c5c;
  cursor: pointer;
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
}
[dir="ltr"] .probe-question-overview__empty {
  text-align: left;
}
[dir="rtl"] .probe-question-overview__empty {
  text-align: right;
}
.probe-question-overview__empty--error {
  color: #c62828;
  cursor: default;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.ai-moderator-overview {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-moderator-overview__row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ai-moderator-overview__number {
  max-width: 88px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.qual-build-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.qual-build-step__section {
  font-weight: bold;
  margin: 0;
}
.qual-build-step__label {
  font-weight: 600;
  margin: 0;
}
.qual-build-step__hint {
  margin: 0;
  color: #5c5c5c;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.qual-present-step {
  padding: 24px 30px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.qual-publish-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.qual-publish-step__title {
  font-weight: bold;
  margin: 0 0 8px;
}
.qual-publish-step__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-config-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.activity-config-page__back {
  margin-bottom: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.export-discussion-button--exporting {
  opacity: 38%;
}
.text-brand {
  color: #347f62 !important;
}
.bg-brand {
  background: #347f62 !important;
}
.export-discussion-card {
  width: 700px;
  max-width: 70vw !important;
}
.export-discussion-card__checkbox {
  color: #347f62;
}
.export-discussion-card__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.isc-annotation-container__chip {
  word-break: break-all;
  height: auto !important;
}
.isc-annotation-container__chip > .q-chip__content {
  white-space: normal;
}
.isc-annotation-container__chip > .q-chip__icon {
  font-size: 1.12rem;
  color: #212529;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.ai-activity-continue-btn {
  text-transform: none;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .discussion-activity-page .discussion-container {
  padding-left: 40px;
}
[dir="rtl"] .discussion-activity-page .discussion-container {
  padding-right: 40px;
}
[dir="ltr"] .discussion-activity-page .annotation-container {
  padding-right: 20px;
}
[dir="rtl"] .discussion-activity-page .annotation-container {
  padding-left: 20px;
}
[dir="ltr"] .discussion-activity-page__header {
  margin-left: 40px;
}
[dir="rtl"] .discussion-activity-page__header {
  margin-right: 40px;
}
[dir="ltr"] .discussion-activity-page__header .q-btn .q-icon.on-left {
  margin-left: -20px;
}
[dir="rtl"] .discussion-activity-page__header .q-btn .q-icon.on-left {
  margin-right: -20px;
}
.discussion-activity-page__header .export-discussion-button {
  border-radius: 0;
  height: 45px;
  width: 175px;
}
.discussion-activity-page .discussion-filter {
  font-size: 14px;
}
.discussion-activity-page .discussion-filter .isc-filter__filter_area,
.discussion-activity-page .discussion-filter .isc-filter__chip_area {
  background-color: #ffffff;
}
[dir="ltr"] .discussion-activity-page .discussion-filter .isc-filter__filter_area {
  margin-left: 25px;
}
[dir="rtl"] .discussion-activity-page .discussion-filter .isc-filter__filter_area {
  margin-right: 25px;
}
.discussion-activity-page .discussion-filter .isc-filter__chip_area {
  padding-inline: 40px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.overview-table {
  position: relative;
  width: 100%;
}
.overview-table--bordered {
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.overview-table__table {
  width: 100%;
}
.overview-table .q-table__top,
.overview-table .q-table__bottom,
.overview-table thead tr th {
  border-bottom: 1px solid #e3e2e2;
  color: #757575;
  font-size: 0.875rem;
  font-weight: normal;
}
.overview-table tbody td {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.87);
}
.overview-table__pagination .q-table__select {
  min-width: 3.5rem;
}
.overview-table__arrows {
  position: absolute;
  inset: 0 0 50px;
  z-index: 2;
  pointer-events: none;
}
.overview-table--no-pager .overview-table__arrows {
  bottom: 0;
}
.overview-table__arrow {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}
[dir="ltr"] .overview-table__arrow--left {
  left: 20px;
}
[dir="rtl"] .overview-table__arrow--left {
  right: 20px;
}
[dir="ltr"] .overview-table__arrow--right {
  right: 20px;
}
[dir="rtl"] .overview-table__arrow--right {
  left: 20px;
}
.overview-table__arrow .q-icon {
  font-size: 3rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.client-info-skeleton__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.client-info-skeleton__body {
  padding: 30px;
}
.client-info-skeleton__field {
  width: 350px;
  max-width: 100%;
  margin-bottom: 8px;
}
.client-info-skeleton__table {
  width: 100%;
  margin-top: 8px;
}
.client-info-skeleton__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.related-clients-picker {
  width: 350px;
  max-width: 100%;
  margin-bottom: 8px;
}
.related-clients-picker .q-field__label {
  color: #757575;
  font-size: 0.875rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.related-clients-table tbody td {
  overflow: visible;
}
.related-clients-table__row--marked-for-deletion .q-td {
  position: relative;
  color: #757575;
}
.related-clients-table__row--marked-for-deletion .q-td:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  border-top: 1px solid #757575;
  pointer-events: none;
  background: unset;
}
[dir="ltr"] .related-clients-table__row--marked-for-deletion .q-td:before {
  left: 0;
}
[dir="rtl"] .related-clients-table__row--marked-for-deletion .q-td:before {
  right: 0;
}
.related-clients-table__row--marked-for-deletion .q-td:after {
  content: "·";
  font-size: 1px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.client-setup-page__page-title {
  display: block;
}
[dir="ltr"] .client-setup-page__page-title {
  padding: 20px 25px 0 40px;
}
[dir="rtl"] .client-setup-page__page-title {
  padding: 20px 40px 0 25px;
}
.client-setup-page__page-title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 10px 0 0;
  padding-bottom: 15px;
}
.client-setup-page__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.client-setup-page__body {
  padding: 30px;
}
.client-setup-page__content-wrapper {
  display: flex;
  flex-direction: column;
}
.client-setup-page__section-title.title {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 10px 0;
  color: #757575;
}
.client-setup-page__field {
  width: 350px;
  max-width: 100%;
  margin-bottom: 8px;
}
.client-setup-page__field .q-field__label {
  color: #757575;
  font-size: 0.875rem;
}
.client-setup-page__field .q-field__native,
.client-setup-page__field .q-field__input {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
}
.client-setup-page__field--readonly .q-field__control:before {
  border-bottom-style: dashed;
}
.client-setup-page__field--readonly .q-field__native,
.client-setup-page__field--readonly .q-field__input {
  color: #757575;
}
.client-setup-page__tooltip-container {
  display: inline-flex;
  align-items: center;
  color: #757575;
}
[dir="ltr"] .client-setup-page__tooltip-container {
  margin-left: 0.25rem;
}
[dir="rtl"] .client-setup-page__tooltip-container {
  margin-right: 0.25rem;
}
.client-setup-page__info-icon {
  font-size: 0.875rem;
}
.client-setup-page__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir="ltr"] .client-setup-page__actions .q-btn + .q-btn {
  margin-left: 4px;
}
[dir="rtl"] .client-setup-page__actions .q-btn + .q-btn {
  margin-right: 4px;
}
.client-setup-page__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.delete-program-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.new-program-button__input {
  min-width: 260px;
}
[dir="ltr"] .new-program-button__submit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] .new-program-button__submit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.client-programs-page__page-title {
  display: flex;
}
[dir="ltr"] .client-programs-page__page-title {
  padding: 20px 25px 0 40px;
}
[dir="rtl"] .client-programs-page__page-title {
  padding: 20px 40px 0 25px;
}
.client-programs-page__page-title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 10px 0 0;
  padding-bottom: 15px;
}
.client-programs-page__search {
  max-width: 400px;
}
.client-programs-page__empty {
  width: 100%;
  color: #757575;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.welcome-message-skeleton__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.welcome-message-skeleton__body {
  padding: 30px;
}
.welcome-message-skeleton__field {
  width: 350px;
  max-width: 100%;
  margin-bottom: 16px;
}
.welcome-message-skeleton__editor {
  width: 100%;
  max-width: 100%;
}
.welcome-message-skeleton__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.welcome-message-config-page__page-title {
  display: block;
}
[dir="ltr"] .welcome-message-config-page__page-title {
  padding: 20px 25px 0 40px;
}
[dir="rtl"] .welcome-message-config-page__page-title {
  padding: 20px 40px 0 25px;
}
.welcome-message-config-page__page-title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 10px 0 0;
  padding-bottom: 15px;
}
.welcome-message-config-page__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.welcome-message-config-page__body {
  padding: 30px;
}
.welcome-message-config-page__content-wrapper {
  display: flex;
  flex-direction: column;
}
.welcome-message-config-page__field {
  width: 350px;
  max-width: 100%;
  margin-bottom: 16px;
}
.welcome-message-config-page__field .q-field__label {
  color: #757575;
  font-size: 0.875rem;
}
.welcome-message-config-page__field .q-field__native,
.welcome-message-config-page__field .q-field__input {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
}
.welcome-message-config-page__editor-field {
  width: 100%;
  max-width: 100%;
}
.welcome-message-config-page__editor {
  width: 100%;
}
.welcome-message-config-page__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir="ltr"] .welcome-message-config-page__actions .q-btn + .q-btn {
  margin-left: 4px;
}
[dir="rtl"] .welcome-message-config-page__actions .q-btn + .q-btn {
  margin-right: 4px;
}
.welcome-message-config-page__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.design-colors-panel__body {
  padding: 30px;
}
.design-colors-panel__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.design-colors-panel__label {
  color: rgba(0, 0, 0, 0.54);
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 12px;
}
.design-colors-panel__control {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 134px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.design-colors-panel__swatch {
  width: 122px;
  min-height: 122px;
  margin: 5px 5px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.design-colors-panel__hex {
  width: 122px;
  margin: 0 5px 6px;
}
.design-colors-panel__hex .q-field__control {
  height: 28px;
  min-height: 28px;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.design-colors-panel__hex .q-field__native {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  padding: 4px 0 0;
}
.design-colors-panel__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir="ltr"] .design-colors-panel__actions .q-btn + .q-btn {
  margin-left: 4px;
}
[dir="rtl"] .design-colors-panel__actions .q-btn + .q-btn {
  margin-right: 4px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.design-config-skeleton__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
}
.design-config-skeleton__tabs {
  display: flex;
  justify-content: center;
  padding: 8px 30px 0;
}
.design-config-skeleton__tab-bar {
  margin: 0 auto;
}
.design-config-skeleton__body {
  padding: 30px;
}
.design-config-skeleton__label {
  margin-bottom: 16px;
}
.design-config-skeleton__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.design-logo-tile {
  display: inline-flex;
  flex-direction: column;
  width: 200px;
}
.design-logo-tile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  min-height: 32px;
}
.design-logo-tile__label {
  color: rgba(0, 0, 0, 0.38);
  font-weight: normal;
  font-size: 0.8rem;
  white-space: nowrap;
}
.design-logo-tile__file {
  width: 200px;
}
.design-logo-tile__file .q-field__control,
.design-logo-tile__file .q-field__native,
.design-logo-tile__file .q-field__control-container {
  padding: 0;
  min-height: 0;
  height: auto;
}
.design-logo-tile__file .q-field__native {
  width: 0;
}
.design-logo-tile__file .q-field__marginal {
  display: none;
}
.design-logo-tile__file:hover .design-logo-tile__hover {
  display: flex;
}
.design-logo-tile__preview {
  width: 200px;
  height: 130px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background-color: #f2f2f2;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
}
.design-logo-tile__preview--disabled {
  cursor: default;
  pointer-events: none;
}
.design-logo-tile__hover {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-size: 0.8rem;
  padding: 12px;
  gap: 8px;
}
.design-logo-tile__error {
  font-size: small;
  color: #ff0000;
  margin-top: 8px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.design-images-panel__body {
  padding: 30px;
}
.design-images-panel__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.design-images-panel__actions {
  padding: 10px 30px;
  background-color: #f0f0f0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir="ltr"] .design-images-panel__actions .q-btn + .q-btn {
  margin-left: 4px;
}
[dir="rtl"] .design-images-panel__actions .q-btn + .q-btn {
  margin-right: 4px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.design-config-page__page-title {
  display: block;
}
[dir="ltr"] .design-config-page__page-title {
  padding: 20px 25px 0 40px;
}
[dir="rtl"] .design-config-page__page-title {
  padding: 20px 40px 0 25px;
}
.design-config-page__page-title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 10px 0 0;
  padding-bottom: 15px;
}
.design-config-page__card {
  margin: 0 30px 30px;
  border: 1px solid #e3e2e2;
  border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
}
.design-config-page__tabs .q-tabs__content {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}
.design-config-page__tabs .q-tab {
  flex: 1 1 0;
  min-width: max-content;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.landing-card__gradient {
  min-width: 40%;
}
[dir="ltr"] .landing-card__gradient {
  background: linear-gradient(180deg, #004750, #00c314);
}
[dir="rtl"] .landing-card__gradient {
  background: linear-gradient(-180deg, #004750, #00c314);
}
.landing-card__card-section {
  flex-grow: 1;
}

/* CSS to let the component look like an Angular dropdown (e.g. segments dropdown in activity filter) */
.isc-grouped-dropdown-content {
  max-height: 500px !important; /* Using !important because the component is adding inline styling */
  overflow-x: hidden !important;
  min-width: 136px !important;
  min-height: 48px;
  width: 300px;
}
.isc-grouped-dropdown__search-field {
  border-bottom: 1px solid #e5e1e1;
}
.isc-grouped-dropdown__search-field .q-placeholder {
  font-size: inherit;
}
[dir="ltr"] .isc-grouped-dropdown__list {
  margin-left: 0;
}
[dir="rtl"] .isc-grouped-dropdown__list {
  margin-right: 0;
}
.isc-grouped-dropdown__list .q-item__label {
  text-transform: uppercase;
  padding: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}
.isc-grouped-dropdown__item {
  padding-top: 0;
  padding-bottom: 0;
  height: 48px;
}
.isc-grouped-dropdown__item .q-item__label {
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}
.isc-grouped-dropdown__item .q-item__label:before {
  content: "";
}
.isc-grouped-dropdown__item:hover {
  background-color: rgba(158, 158, 158, 0.1);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.landing-page {
  min-height: 100%;
  height: min-content;
  background-color: #e3e6eb;
}
.landing-page__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, max-content));
  gap: 24px;
}
.landing-page__card {
  height: 210px;
  max-width: 500px;
}
.landing-page .isc-dropdown__card {
  box-shadow: none;
}
[dir="ltr"] .user-notification-base .q-menu {
  padding-left: 10px;
}
[dir="rtl"] .user-notification-base .q-menu {
  padding-right: 10px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.client-selection-page {
  max-width: 600px;
  margin: 150px auto 0;
}
.client-selection-page__title {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.7;
  text-align: center;
}
.client-selection-page__search {
  margin-top: 100px;
}
.client-selection-page__label {
  margin: 0 0 16px;
  font-size: 1rem;
  font-weight: 600;
}
.client-selection-page__select {
  width: 100%;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activation {
  box-sizing: border-box;
  object-fit: cover;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}
.activation__intro-text h3 {
  color: #347f62;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
}
.activation__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 500px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 40px 100px 60px;
}
.activation__submit {
  margin-top: 2px;
  text-transform: capitalize;
  width: 170px;
}
[dir="ltr"] .activation__submit {
  margin-left: 65px;
}
[dir="rtl"] .activation__submit {
  margin-right: 65px;
}
[dir="ltr"] .activation__btn-wrapper {
  margin-left: 65px;
}
[dir="rtl"] .activation__btn-wrapper {
  margin-right: 65px;
}
.activation__footer {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 36px;
}
.activation__footer a {
  text-decoration: none;
  color: #212529;
  margin-top: 10px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.feature-setting .q-select {
  max-height: 400px;
  overflow-y: scroll;
}
.feature-setting .q-select .q-chip {
  border-radius: 16px;
  padding: 0.5em 0.9em;
  height: 2em;
}
.errors {
  color: #b00020;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.feature-setting-confirmation {
  width: 700px;
  max-width: 70vw !important;
}
.feature-setting-confirmation__checkbox {
  color: #347f62;
}
.feature-setting-confirmation__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-progress-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 180px;
}
.activity-progress-bar__track {
  position: relative;
  flex: 1;
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
}
.activity-progress-bar__completed {
  height: 100%;
  background: #4ebbbe;
}
.activity-progress-bar__in-progress {
  height: 100%;
  background: #9e9e9e;
}
.activity-progress-bar__target {
  height: 100%;
  background: #bdbdbd;
}
.activity-progress-bar__label {
  white-space: nowrap;
  font-size: 0.75rem;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.toggle-activity-segmentation-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-sequence-confirm-dialog__warning-intro {
  color: #c62828;
}
.activity-sequence-confirm-dialog__group {
  margin-top: 8px;
}
.activity-sequence-confirm-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.activity-status-filter {
  margin: 8px 0 16px;
}
.activity-status-filter__help {
  margin: 15px 0;
  color: #757575;
  font-style: italic;
  font-size: 0.875rem;
}
[dir="ltr"] .activity-status-filter__help {
  padding-right: 16px;
}
[dir="rtl"] .activity-status-filter__help {
  padding-left: 16px;
}
.activity-status-filter__select {
  min-width: 180px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.add-activity-dialog__warning {
  color: #c62828;
  font-size: 0.875rem;
}
.add-activity-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.delete-activity-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.new-activity-button__input {
  min-width: 260px;
}
[dir="ltr"] .new-activity-button__submit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir="rtl"] .new-activity-button__submit {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-activities-page .isc-filter--sticky-chips .isc-filter__chip_area {
  padding-inline: 40px;
}
[dir="ltr"] .square-activities-page__title {
  padding: 20px 25px 0 40px;
}
[dir="rtl"] .square-activities-page__title {
  padding: 20px 40px 0 25px;
}
.square-activities-page__title .h2 {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 600;
  margin: 10px 0 0;
}
.square-activities-page__content {
  padding: 0 40px 40px;
}
.square-activities-page__matches {
  font-size: 1.25rem;
  margin: 8px 0 16px;
}
.square-activities-page__empty {
  width: 100%;
  color: #757575;
  padding: 24px 0;
}
.square-activities-page__drag-handle {
  display: inline-flex;
  align-items: center;
  cursor: move;
}
[dir="ltr"] .square-activities-page__drag-handle {
  padding: 10px 10px 10px 0;
}
[dir="rtl"] .square-activities-page__drag-handle {
  padding: 10px 0 10px 10px;
}
.square-activities-page__drag-handle .q-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #929795;
}
.square-activities-page__drag-handle--disabled {
  opacity: 0.3;
  cursor: default;
}
.square-activities-page .status-active {
  white-space: nowrap;
  color: #4caf50;
}
.square-activities-page .status-active:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4caf50;
}
[dir="ltr"] .square-activities-page .status-active:before {
  margin-right: 10px;
}
[dir="rtl"] .square-activities-page .status-active:before {
  margin-left: 10px;
}
.square-activities-page .status-scheduled {
  white-space: nowrap;
  color: #9e9e9e;
}
.square-activities-page .status-scheduled:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9e9e9e;
}
[dir="ltr"] .square-activities-page .status-scheduled:before {
  margin-right: 10px;
}
[dir="rtl"] .square-activities-page .status-scheduled:before {
  margin-left: 10px;
}
.square-activities-page .status-closed,
.square-activities-page .status-archived {
  white-space: nowrap;
  color: #f44336;
}
.square-activities-page .status-closed:before,
.square-activities-page .status-archived:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f44336;
}
[dir="ltr"] .square-activities-page .status-closed:before,
[dir="ltr"] .square-activities-page .status-archived:before {
  margin-right: 10px;
}
[dir="rtl"] .square-activities-page .status-closed:before,
[dir="rtl"] .square-activities-page .status-archived:before {
  margin-left: 10px;
}
.square-activities-page .status-archived {
  opacity: 0.5;
}
.square-activities-page .non-filtered {
  opacity: 0.6;
}
.square-activities-page .noAccess {
  cursor: default;
}
.square-activities-page .sortable-ghost.removing {
  height: 1px;
  background: #347f62;
}
.square-activities-page .sortable-ghost.move-disabled {
  display: none;
}
.square-activities-page .sortable-ghost.position-zero {
  border: none;
}
.square-activities-page .sortable-ghost:not(.removing):not(.position-zero) {
  border: 2px dashed rgba(0, 0, 0, 0.12);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.communication-channel-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.communication-channel-step__tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.communication-channel-step__tile {
  width: 260px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 16px;
  cursor: pointer;
}
[dir="ltr"] .communication-channel-step__tile {
  text-align: left;
}
[dir="rtl"] .communication-channel-step__tile {
  text-align: right;
}
.communication-channel-step__tile--active {
  border-color: #1976d2;
  box-shadow: 0 0 0 2px #1976d2;
}
.communication-channel-step__icon {
  height: 48px;
  margin-bottom: 8px;
}
.communication-channel-step__tile-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.communication-channel-step__label {
  font-weight: bold;
  margin: 0;
}
.communication-channel-step__info {
  font-style: italic;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.communication-publish-step {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.communication-publish-step__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #e0e0e0;
}
.communication-publish-step__label {
  font-weight: 600;
  margin: 8px 0 0;
}
.communication-publish-step__info {
  font-style: italic;
}
.communication-publish-step__table {
  border-collapse: collapse;
  width: 100%;
}
.communication-publish-step__table th,
.communication-publish-step__table td {
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}
[dir="ltr"] .communication-publish-step__table th,
[dir="ltr"] .communication-publish-step__table td {
  text-align: left;
}
[dir="rtl"] .communication-publish-step__table th,
[dir="rtl"] .communication-publish-step__table td {
  text-align: right;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.channel-stimulus-field__preview {
  max-width: 240px;
  max-height: 160px;
  object-fit: cover;
  border-radius: 4px;
}
.channel-stimulus-field__crop {
  background: #ffffff;
  padding: 16px;
  min-width: 360px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.channel-email-footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.channel-email-footer__label {
  font-weight: 600;
  margin: 0;
}
.channel-email-footer__preview {
  white-space: pre-wrap;
  margin: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.channel-message-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 30px;
}
.channel-message-fields__row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
}
.channel-message-fields__label {
  font-weight: 600;
  margin: 0;
}
.channel-message-fields__hint {
  margin: 0;
  color: #5c5c5c;
}
.channel-message-fields__delay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.channel-message-fields__hours {
  max-width: 96px;
}
.channel-message-fields__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.channel-message-fields__message {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.channel-message-fields__template {
  margin: 0;
  color: #5c5c5c;
  white-space: pre-wrap;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.communication-wizard-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
/* stylelint-disable-line value-keyword-case */
.lounge-page-topic__red-dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.lounge-page-topic__days-ago-icon {
  width: 16px !important;
  color: var(--v01404316);
}
.lounge-page-topic__days-ago-username {
  color: var(--v01404316);
}
.lounge-page-topic__title {
  max-width: 95%;
  overflow-wrap: break-word;
  color: var(--v01404316);
}
.lounge-page-topic__match-badge {
  background-color: var(--v01404316);
}
.lounge-page-topic__avatar-img {
  border: 2px solid var(--v01404316);
  background-color: var(--v01404316);
}
.lounge-page-topic__like-icon, .lounge-page-topic__reply-icon {
  color: var(--v01404316);
}
.lounge-page-topic__action-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 auto;
}
.lounge-page-topic__action-btn {
  min-height: 0;
  min-width: 0;
  font-size: 0.625rem;
  line-height: 1rem;
}
.lounge-page-topic__action-btn:hover {
  color: #f29303 !important;
}
.lounge-page-topic__action-btn:hover .lounge-page-topic__action-bullet {
  background-color: #f29303 !important;
}
.lounge-page-topic__highlight {
  color: #f44336;
  font-size: xx-small;
  vertical-align: middle;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.lounge-pagination {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.lounge-pagination__arrow, .lounge-pagination__page {
  min-height: 2rem;
  min-width: 2rem;
  font-weight: 500;
}
.lounge-pagination__ellipsis {
  color: #004750;
  padding: 0 0.25rem;
  user-select: none;
  letter-spacing: 0.1em;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.lounge-room-overview {
  font-weight: 500;
}
.lounge-room-overview__empty--management {
  margin-top: 250px;
}
.lounge-room-overview__topic-link {
  text-decoration: none;
  color: inherit;
}
.lounge-room-overview__topic-link:hover {
  background-color: #f5f5f5;
}
.lounge-room-overview__item-counters {
  gap: 2.25rem;
}
.lounge-room-overview__item-action-btn {
  min-height: 0;
  min-width: 0;
  font-size: 0.625rem;
  line-height: 1rem;
}
.lounge-room-overview__item:focus-visible {
  outline: 2px solid rgba(0, 71, 80, 0.35);
  outline-offset: 2px;
  border-radius: 4px;
}
.lounge-room-overview__item-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 auto;
}
.lounge-page__title[data-v-f1c58525] {
	font-size: 1.875rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.lounge-page__search[data-v-f1c58525] {
	width: 500px;
	max-width: 100%;
}

/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.lounge-topic-page__room-title[data-v-b7aa4ad7] {
  font-weight: 500;
}
.lounge-topic-page__search[data-v-b7aa4ad7] {
  width: 500px;
  max-width: 100%;
}
.lounge-topic-page__export[data-v-b7aa4ad7] {
  border-color: #b00020;
  color: #b00020;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-closure-section .status-badge {
  text-transform: capitalize;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-job-id-delete-dialog__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-job-status-filter {
  margin-bottom: 12px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-job-ids__table th {
  font-weight: 600;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-general-tab__square-information-content {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "title ." "name ." "url url-base" "no-binding no-binding" "other-urls other-urls" "countries ." "language ." "start-date-time start-date-time" "closure-section closure-section";
}
.square-general-tab__square-information-name {
  grid-area: name;
}
.square-general-tab__square-information-url {
  grid-area: url;
}
.square-general-tab__square-information-url-base {
  grid-area: url-base;
}
.square-general-tab__square-information-no-binding {
  grid-area: no-binding;
}
.square-general-tab__square-information-other-urls {
  grid-area: other-urls;
}
.square-general-tab__square-information-countries {
  grid-area: countries;
}
[dir="ltr"] .square-general-tab__square-information-countries .q-chip__icon--remove {
  margin-left: 0.25em;
  margin-right: -0.1em;
}
[dir="rtl"] .square-general-tab__square-information-countries .q-chip__icon--remove {
  margin-right: 0.25em;
  margin-left: -0.1em;
}
.square-general-tab__square-information-language {
  grid-area: language;
}
.square-general-tab__square-information-start-date-time {
  grid-area: start-date-time;
}
.square-general-tab__square-information-closure-section {
  grid-area: closure-section;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-advanced-tab__timezone-select {
  padding-bottom: 20px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-setup-page-skeleton__section {
  padding-bottom: 8px;
}
.square-setup-page-skeleton__content {
  min-height: 0;
  overflow: auto;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .square-saving-up-rewards-table {
  text-align: left;
}
[dir="rtl"] .square-saving-up-rewards-table {
  text-align: right;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-setup-change-confirm.q-card {
  max-width: 700px;
}
.square-setup-change-confirm .text-subtitle1 {
  border-bottom: 1px solid #9e9e9e;
}
.square-setup-change-confirm__action {
  width: 100%;
  min-height: 52px;
  background: #f0f0f0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.square-setup-page {
  min-height: 100%;
}
.square-setup-page__tabs .q-tabs__content {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}
.square-setup-page__tabs .q-tab {
  flex: 1 1 0;
  min-width: max-content;
}
.square-setup-page__content {
  min-height: 0;
}
.square-setup-page__panels {
  overflow: auto;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.health-page[data-v-3cb83c67] {
  padding: 24px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.not-found-page[data-v-2a0c42ba] {
  padding: 24px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.topbar-user-menu[data-v-3747fbf0] {
  text-transform: none;
}
.topbar-user-menu__name[data-v-3747fbf0] {
  display: block;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[dir="ltr"] .topbar-user-menu__identity[data-v-3747fbf0] {
  margin-left: 8px;
  text-align: left;
}
[dir="rtl"] .topbar-user-menu__identity[data-v-3747fbf0] {
  margin-right: 8px;
  text-align: right;
}
.topbar-user-menu__identity small[data-v-3747fbf0] {
  display: block;
  font-size: 0.6rem;
  color: rgba(0, 0, 0, 0.54);
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.topbar-developer-menu[data-v-d3821264] {
  margin-top: 2px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.topbar-breadcrumb-chain {
  display: flex;
  align-items: stretch;
  flex: 1;
  height: 65px;
  min-width: 0;
}
.topbar-breadcrumb-chain__search {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  max-width: 14rem;
  min-width: 8rem;
}
[dir="ltr"] .topbar-breadcrumb-chain__search {
  padding: 0 0.75rem 0 1.75rem;
}
[dir="rtl"] .topbar-breadcrumb-chain__search {
  padding: 0 1.75rem 0 0.75rem;
}
.topbar-breadcrumb-dropdown {
  --breadcrumb-bg: #ffffff;
  --breadcrumb-fg: #004750;
  --breadcrumb-chevron-border: rgba(0, 71, 80, 0.2);
  position: relative;
  display: inline-flex;
  align-items: stretch;
  height: 65px;
  color: var(--breadcrumb-fg);
  background-color: var(--breadcrumb-bg);
  z-index: 1;
}
.topbar-breadcrumb-dropdown:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 22px;
  height: 22px;
  background-color: var(--breadcrumb-bg);
  border-top: 1px solid var(--breadcrumb-chevron-border);
  pointer-events: none;
  z-index: -1;
}
[dir="ltr"] .topbar-breadcrumb-dropdown:after {
  right: -11px;
  transform: translateY(-50%) rotate(45deg);
  border-right: 1px solid var(--breadcrumb-chevron-border);
}
[dir="rtl"] .topbar-breadcrumb-dropdown:after {
  left: -11px;
  transform: translateY(-50%) rotate(-45deg);
  border-left: 1px solid var(--breadcrumb-chevron-border);
}
.topbar-breadcrumb-dropdown--level-0 {
  z-index: 5;
}
.topbar-breadcrumb-dropdown--level-1 {
  z-index: 4;
}
[dir="ltr"] .topbar-breadcrumb-dropdown--level-1 {
  padding-left: 1.75rem;
}
[dir="rtl"] .topbar-breadcrumb-dropdown--level-1 {
  padding-right: 1.75rem;
}
.topbar-breadcrumb-dropdown--level-2 {
  z-index: 3;
}
[dir="ltr"] .topbar-breadcrumb-dropdown--level-2 {
  padding-left: 2.5rem;
}
[dir="rtl"] .topbar-breadcrumb-dropdown--level-2 {
  padding-right: 2.5rem;
}
.topbar-breadcrumb-dropdown--level-3 {
  z-index: 2;
}
[dir="ltr"] .topbar-breadcrumb-dropdown--level-3 {
  padding-left: 2.5rem;
}
[dir="rtl"] .topbar-breadcrumb-dropdown--level-3 {
  padding-right: 2.5rem;
}
.topbar-breadcrumb-dropdown--level-4 {
  z-index: 1;
}
[dir="ltr"] .topbar-breadcrumb-dropdown--level-4 {
  padding-left: 2.5rem;
}
[dir="rtl"] .topbar-breadcrumb-dropdown--level-4 {
  padding-right: 2.5rem;
}
.topbar-breadcrumb-dropdown:last-child:after {
  content: none;
}
.breadcrumb-menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  min-width: 7rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
[dir="ltr"] .breadcrumb-menu {
  padding: 0.375rem 1.75rem 0.375rem 0.5rem;
  text-align: left;
}
[dir="rtl"] .breadcrumb-menu {
  padding: 0.375rem 0.5rem 0.375rem 1.75rem;
  text-align: right;
}
.breadcrumb-menu:hover {
  opacity: 0.8;
}
.breadcrumb-menu__icon {
  flex-shrink: 0;
  width: 1.75rem;
  font-size: 1.375rem;
  line-height: 1;
  text-align: center;
}
.breadcrumb-menu__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.125rem;
}
.breadcrumb-menu__label {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.breadcrumb-menu__value {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1;
  max-width: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb-menu__caret {
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-top: 0.25rem solid currentcolor;
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  opacity: 0.85;
}
[dir="ltr"] .breadcrumb-menu__caret {
  margin-left: auto;
}
[dir="rtl"] .breadcrumb-menu__caret {
  margin-right: auto;
}
.topbar-breadcrumb-dropdown--active {
  --breadcrumb-bg: #004750;
  --breadcrumb-fg: #ffffff;
  --breadcrumb-chevron-border: #004750;
}
.topbar-breadcrumb-dropdown--active .breadcrumb-menu:hover {
  opacity: 1;
}
@media (max-width: 959px) {
.breadcrumb-menu__value {
    max-width: 3.125rem;
}
}
.topbar-breadcrumb-menu {
  min-width: 16.875rem;
  max-height: 18rem;
  overflow-y: auto;
}
.topbar-breadcrumb-menu .q-item {
  min-height: 2.25rem;
}
.topbar-breadcrumb-menu .q-item:hover {
  background-color: rgba(0, 71, 80, 0.08);
}
.topbar-breadcrumb-menu .q-item--active {
  font-weight: 600;
  color: #004750;
}
.topbar-home-link {
  flex-shrink: 0;
  align-self: center;
  width: 14rem;
  color: #004750;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: bold;
}
[dir="ltr"] .topbar-home-link {
  margin-right: 0;
  padding-left: 1.25rem;
}
[dir="rtl"] .topbar-home-link {
  margin-left: 0;
  padding-right: 1.25rem;
}
.topbar-breadcrumb-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  color: #004750;
}
.topbar-breadcrumb-search__input {
  flex: 1;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280;
  outline: none;
}
.topbar-breadcrumb-search__input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.topbar-breadcrumb-search__input::-webkit-search-cancel-button {
  display: none;
}
.topbar-breadcrumb-search__spinner {
  flex-shrink: 0;
}
@media (max-width: 959px) {
.topbar-breadcrumb-chain__search {
    max-width: 9rem;
    min-width: 5rem;
}
}
.management-topbar {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.management-topbar__toolbar {
  min-height: 65px;
  gap: 8px;
}
.management-topbar__breadcrumbs {
  flex: 1;
  min-width: 0;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.sidebar-section[data-v-6b2ade31] {
  padding: 16px 16px 8px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
[dir="ltr"] .sidebar-nav-group__child[data-v-8457dd2a] {
  padding-left: 12px;
}
[dir="rtl"] .sidebar-nav-group__child[data-v-8457dd2a] {
  padding-right: 12px;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.sidebar-footer__link {
  color: #dedede;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.sidebar-my-pins[data-v-f502bd09] {
  padding: 8px 0;
}
.sidebar-my-pins__title[data-v-f502bd09] {
  padding: 0 16px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #6b7280;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.management-sidebar {
  background: #004750;
  color: #ffffff;
  width: 260px;
}
.management-sidebar__nav {
  height: calc(100vh - 223px);
}
.sidebar-nav-item.q-item {
  color: #d1d5db;
}
.sidebar-nav-item.q-item.q-item--active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.platform-notice-banner[data-v-62c9613b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: #fff3cd;
  color: #664d03;
}
/* Quasar + Insites SCSS variables. Imported by the Quasar Vite plugin (sassVariables). */
/* Quasar variables */
/* Will be changed during runtime. Color comes from Square design. This default value is a fallback color and is the same as InSites Blue */
/* In general this doesn't get used. But it is the same as InSites Green */
/* In general this doesn't get used. But it is the same as InSites Blue */
/* Is needed for the correct icon height in buttons */
/* Insites variables */
/* Variables for the activation questions pages. This page is styled like Azure pages and not the general Square design and palette */
/* Human8 × Quasar design tokens (Figma Styles Documentation, node 2003:1758).
   Reassigns SquareUi / Quasar $primary and $h1–$overline after those files load. */
/* region Primitive palettes (50–900) */
/* endregion */
/* region Semantic tokens */
/* endregion */
/* region Quasar brand + Insites aliases */
/* endregion */
/* region Quasar typography (Figma Heading / Label / Body / Caption Regular) */
/* endregion */
/* region Extra type styles (no Quasar slot) */
/* endregion */
/* Shell tokens — brand aliases follow Human8 primary (teal). */
.management-shell {
  --isc-filter-sticky-top: 65px;
}
.management-shell__content {
  overflow: visible;
}
.management-shell__topbar--shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}/*$vite$:1*/