@charset "UTF-8";

:root {
  --floating-controls-box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.15);
  --floating-controls-gap: 0.3125rem;
  --floating-controls-viewport-gap-x: 1.875rem;
  --floating-controls-viewport-gap-y: var(--floating-controls-viewport-gap-x);
  --floating-controls-border-radius: 9999px;
}

:root {
  --tree-node-margin-top: 0.625rem;
  --tree-node-interactive-border-color: #d2d2d2;
  --tree-connector-color: var(--tree-node-interactive-border-color);
  --tree-connector-width: 1px;
  --tree-connector-radius: 0.3125rem;
  --tree-node-interactive-li-padding-top: 0.3125rem;
  --tree-node-interactive-li-padding-bottom: var(--tree-node-interactive-li-padding-top);
  --tree-node-interactive-ul-margin-top: 0.3125rem;
  --tree-node-interactive-ul-margin-bottom: var(--tree-node-interactive-ul-margin-top);
  --tree-hierarchy-spacing-y: 2.8125rem;
}

:root {
  --checkbox-radio-height: 1.25rem;
  --line-height-base: 1.5;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565656;
  text-align: left;
  background-color: #f4f5f9;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 800;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #5086b7;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #20384e;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.9375rem 0.703125rem;
  padding-bottom: 0.9375rem 0.703125rem;
  color: #5086b7;
  text-align: left;
  caption-side: bottom;
}

th {
  font-weight: 600;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-sm, .container-xs, .container {
    max-width: 750px;
  }
}
@media (min-width: 1024px) {
  .container-md, .container-sm, .container-xs, .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-lg, .container-md, .container-sm, .container-xs, .container {
    max-width: 1170px;
  }
}
@media (min-width: 1600px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container {
    max-width: 1570px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.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-lg,
.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-md,
.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-sm,
.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-xs,
.col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 480px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xs-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xs-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xs-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xs-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xs-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xs-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xs-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xs-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xs-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xs-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xs-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xs-first {
    order: -1;
  }

  .order-xs-last {
    order: 13;
  }

  .order-xs-0 {
    order: 0;
  }

  .order-xs-1 {
    order: 1;
  }

  .order-xs-2 {
    order: 2;
  }

  .order-xs-3 {
    order: 3;
  }

  .order-xs-4 {
    order: 4;
  }

  .order-xs-5 {
    order: 5;
  }

  .order-xs-6 {
    order: 6;
  }

  .order-xs-7 {
    order: 7;
  }

  .order-xs-8 {
    order: 8;
  }

  .order-xs-9 {
    order: 9;
  }

  .order-xs-10 {
    order: 10;
  }

  .order-xs-11 {
    order: 11;
  }

  .order-xs-12 {
    order: 12;
  }

  .offset-xs-0 {
    margin-left: 0;
  }

  .offset-xs-1 {
    margin-left: 8.33333333%;
  }

  .offset-xs-2 {
    margin-left: 16.66666667%;
  }

  .offset-xs-3 {
    margin-left: 25%;
  }

  .offset-xs-4 {
    margin-left: 33.33333333%;
  }

  .offset-xs-5 {
    margin-left: 41.66666667%;
  }

  .offset-xs-6 {
    margin-left: 50%;
  }

  .offset-xs-7 {
    margin-left: 58.33333333%;
  }

  .offset-xs-8 {
    margin-left: 66.66666667%;
  }

  .offset-xs-9 {
    margin-left: 75%;
  }

  .offset-xs-10 {
    margin-left: 83.33333333%;
  }

  .offset-xs-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1600px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #565656;
}
.table th,
.table td {
  padding: 0.9375rem 0.703125rem;
  vertical-align: top;
  border-top: 1px solid #d2d2d2;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #d2d2d2;
}
.table tbody + tbody {
  border-top: 2px solid #d2d2d2;
}

.table-sm th,
.table-sm td {
  padding: 0.496875rem 0.496875rem;
}

.table-bordered {
  border: 1px solid #d2d2d2;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #d2d2d2;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(175, 175, 175, 0.06);
}

.table-hover tbody tr:hover {
  color: #565656;
  background-color: #f9f9f9;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #ceddeb;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a4c0da;
}

.table-hover .table-primary:hover {
  background-color: #bcd0e4;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcd0e4;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #fdfdfd;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #fcfcfc;
}

.table-hover .table-secondary:hover {
  background-color: #f0f0f0;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #f0f0f0;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d6efd8;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #b4e1b6;
}

.table-hover .table-success:hover {
  background-color: #c4e8c7;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #c4e8c7;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #ceddeb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #a4c0da;
}

.table-hover .table-info:hover {
  background-color: #bcd0e4;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #bcd0e4;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fedcb8;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #fdbd7b;
}

.table-hover .table-warning:hover {
  background-color: #fed09f;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #fed09f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f1c8c8;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #e49a9a;
}

.table-hover .table-danger:hover {
  background-color: #ecb4b4;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ecb4b4;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f9f9f9;
}

.table-hover .table-active:hover {
  background-color: #ececec;
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #ececec;
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #d2d2d2;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 479.98px) {
  .table-responsive-xs {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xs > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1023.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1599.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.btn {
  display: inline-block;
  font-weight: 600;
  color: #565656;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0.0625rem solid transparent;
  padding: 0.625rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 0.3125rem;
  transition: color 0.2s, border 0.2s, opacity 0.2s, background 0.2s, background-position 0s, box-shadow 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #565656;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 2.25px rgba(80, 134, 183, 0.2);
}
.btn.disabled, .btn:disabled {
  opacity: 1;
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 2.25px rgba(80, 134, 183, 0.2);
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
  box-shadow: none;
}
.btn-primary:hover {
  color: #fff;
  background-color: #42739f;
  border-color: #3e6c96;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #42739f;
  border-color: #3e6c96;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3e6c96;
  border-color: #3a668d;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}

.btn-secondary {
  color: #565656;
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  box-shadow: none;
}
.btn-secondary:hover {
  color: #565656;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #565656;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
  box-shadow: 0 0 0 0.125rem rgba(225, 225, 225, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #565656;
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #e0e0e0;
  border-color: #d9d9d9;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(225, 225, 225, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #6ec573;
  border-color: #6ec573;
  box-shadow: none;
}
.btn-success:hover {
  color: #fff;
  background-color: #53ba59;
  border-color: #4ab650;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #53ba59;
  border-color: #4ab650;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #6ec573;
  border-color: #6ec573;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #4ab650;
  border-color: #46ae4b;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
  box-shadow: none;
}
.btn-info:hover {
  color: #fff;
  background-color: #42739f;
  border-color: #3e6c96;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #42739f;
  border-color: #3e6c96;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #3e6c96;
  border-color: #3a668d;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #fb8102;
  border-color: #fb8102;
  box-shadow: none;
}
.btn-warning:hover {
  color: #fff;
  background-color: #d56d02;
  border-color: #c86702;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #d56d02;
  border-color: #c86702;
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #fb8102;
  border-color: #fb8102;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c86702;
  border-color: #bc6001;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #cc3c3c;
  border-color: #cc3c3c;
  box-shadow: none;
}
.btn-danger:hover {
  color: #fff;
  background-color: #b32f2f;
  border-color: #a92c2c;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #b32f2f;
  border-color: #a92c2c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #cc3c3c;
  border-color: #cc3c3c;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a92c2c;
  border-color: #9f2a2a;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}

.btn-light {
  color: #565656;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none;
}
.btn-light:hover {
  color: #565656;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #565656;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.125rem rgba(224, 225, 225, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #565656;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(224, 225, 225, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: none;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.125rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.125rem rgba(80, 134, 183, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #5086b7;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(80, 134, 183, 0.5);
}

.btn-outline-secondary {
  color: #f9f9f9;
  border-color: #f9f9f9;
}
.btn-outline-secondary:hover {
  color: #565656;
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.125rem rgba(249, 249, 249, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #f9f9f9;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #565656;
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(249, 249, 249, 0.5);
}

.btn-outline-success {
  color: #6ec573;
  border-color: #6ec573;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #6ec573;
  border-color: #6ec573;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.125rem rgba(110, 197, 115, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #6ec573;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #6ec573;
  border-color: #6ec573;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(110, 197, 115, 0.5);
}

.btn-outline-info {
  color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.125rem rgba(80, 134, 183, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #5086b7;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5086b7;
  border-color: #5086b7;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(80, 134, 183, 0.5);
}

.btn-outline-warning {
  color: #fb8102;
  border-color: #fb8102;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #fb8102;
  border-color: #fb8102;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.125rem rgba(251, 129, 2, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #fb8102;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #fb8102;
  border-color: #fb8102;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(251, 129, 2, 0.5);
}

.btn-outline-danger {
  color: #cc3c3c;
  border-color: #cc3c3c;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #cc3c3c;
  border-color: #cc3c3c;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.125rem rgba(204, 60, 60, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #cc3c3c;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #cc3c3c;
  border-color: #cc3c3c;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(204, 60, 60, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #565656;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.125rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #565656;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.125rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #5086b7;
  text-decoration: none;
}
.btn-link:hover {
  color: #20384e;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.8;
  border-radius: 5px;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.2;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.3125rem 0;
  margin: 0.9375rem 0 0;
  font-size: 0.8125rem;
  color: #565656;
  text-align: left;
  list-style: none;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: none;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 480px) {
  .dropdown-menu-xs-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xs-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1600px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.9375rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.9375rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.9375rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.3125rem 0;
  overflow: hidden;
  border-top: 1px solid #d2d2d2;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 0.9375rem;
  clear: both;
  font-weight: 400;
  color: #333;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #565656;
  text-decoration: none;
  background-color: #d2d2d2;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #5086b7;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: rgba(51, 51, 51, 0.5);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.3125rem 0.9375rem;
  margin-bottom: 0;
  font-size: 0.7109375rem;
  color: #006fab;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.5rem 0.9375rem;
  color: #333;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.625rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565656;
  text-align: center;
  white-space: nowrap;
  background-color: #f9f9f9;
  border: 1px solid #d2d2d2;
  border-radius: 0;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: 1.875rem;
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.8;
  border-radius: 0;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: 1.875rem;
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.7109375rem;
  line-height: 1.2;
  border-radius: 0;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.625rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid #d2d2d2;
  border-radius: 0;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.9375rem;
}

.card-title {
  margin-bottom: 0.9375rem;
}

.card-subtitle {
  margin-top: -0.46875rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 0.9375rem;
}

.card-header {
  padding: 0.9375rem 0.9375rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 0 solid #d2d2d2;
}
.card-header:first-child {
  border-radius: 0 0 0 0;
}

.card-footer {
  padding: 0.9375rem 0.9375rem;
  background-color: #fff;
  border-top: 0 solid #d2d2d2;
}
.card-footer:last-child {
  border-radius: 0 0 0 0;
}

.card-header-tabs {
  margin-right: -0.46875rem;
  margin-bottom: -0.9375rem;
  margin-left: -0.46875rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.46875rem;
  margin-left: -0.46875rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: 0;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: 0;
}

.close {
  float: right;
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: inherit;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.75rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1.5rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1.5rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1.5rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1.5rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 1px 15px rgba(1, 1, 1, 0.12);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 0 solid #d2d2d2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 0 solid #d2d2d2;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.modal-footer > * {
  margin: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 37.5rem;
    margin: 1.5625rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.125rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.125rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.125rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.125rem);
    height: -moz-min-content;
    height: min-content;
  }

  .modal-content {
    box-shadow: 0 1px 15px rgba(1, 1, 1, 0.12);
  }

  .modal-sm {
    max-width: 28.125rem;
  }
}
@media (min-width: 1200px) {
  .modal-lg,
.modal-xl {
    max-width: 61.25rem;
  }
}
@media (min-width: 1600px) {
  .modal-xl {
    max-width: 72.5rem;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.75rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #5086b7;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #5086b7;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #5086b7;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #5086b7;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.5rem 0.625rem;
  color: #fff;
  text-align: center;
  background-color: #5086b7;
  border-radius: 4px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: none;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8125rem;
  word-wrap: break-word;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(1, 1, 1, 0.15);
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 16px;
  height: 8px;
  margin: 0 4px;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 8px;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: -9px;
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 8px 8px 0;
  border-top-color: #d2d2d2;
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 8px 8px 0;
  border-top-color: #f9f9f9;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 8px;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: -9px;
  width: 8px;
  height: 16px;
  margin: 4px 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 8px 8px 8px 0;
  border-right-color: #d2d2d2;
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 8px 8px 8px 0;
  border-right-color: #f9f9f9;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 8px;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: -9px;
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 8px 8px 8px;
  border-bottom-color: #d2d2d2;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 8px 8px 8px;
  border-bottom-color: #f9f9f9;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 16px;
  margin-left: -8px;
  content: "";
  border-bottom: 1px solid transparent;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 8px;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: -9px;
  width: 8px;
  height: 16px;
  margin: 4px 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 8px 0 8px 8px;
  border-left-color: #d2d2d2;
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 8px 0 8px 8px;
  border-left-color: #f9f9f9;
}

.popover-header {
  padding: 0.5rem 0.9375rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #5086b7;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.9375rem;
  color: #565656;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.7;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ddd;
  background-clip: padding-box;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

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

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

.w-75 {
  width: 75% !important;
}

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

.w-auto {
  width: auto !important;
}

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

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

.h-75 {
  height: 75% !important;
}

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

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.clearfix::before, .clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}

.inline-linebreak, .list-comments .publication .rating-display::after {
  content: "\a";
  white-space: pre;
}

.list-wrap-keep-as-columns .list-heading > *:not(.indicator),
.list-wrap-keep-as-columns .list-heading > * > *,
.list-wrap-keep-as-columns .list-row-inner-wrap > *:not(.indicator),
.list-wrap-keep-as-columns .list-row-inner-wrap > * > * {
  display: inline-block;
  white-space: nowrap;
}

.scrollbar, .card,
.scrollbar *,
.card *,
.scrollbar-dark,
.layout-main .sidebar,
.scrollbar-dark *,
.layout-main .sidebar * {
  background-clip: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(143, 143, 143, 0.5) transparent;
}
.scrollbar::-webkit-scrollbar, .card::-webkit-scrollbar,
.scrollbar ::-webkit-scrollbar,
.card ::-webkit-scrollbar,
.scrollbar-dark::-webkit-scrollbar,
.layout-main .sidebar::-webkit-scrollbar,
.scrollbar-dark ::-webkit-scrollbar,
.layout-main .sidebar ::-webkit-scrollbar {
  width: 1.125rem;
  height: 1.125rem;
  background-color: transparent;
}
.scrollbar::-webkit-scrollbar-thumb, .card::-webkit-scrollbar-thumb,
.scrollbar ::-webkit-scrollbar-thumb,
.card ::-webkit-scrollbar-thumb,
.scrollbar-dark::-webkit-scrollbar-thumb,
.layout-main .sidebar::-webkit-scrollbar-thumb,
.scrollbar-dark ::-webkit-scrollbar-thumb,
.layout-main .sidebar ::-webkit-scrollbar-thumb {
  height: 1.25rem;
  border: 7px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  background-color: rgba(143, 143, 143, 0.5);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.scrollbar::-webkit-scrollbar-thumb:hover, .card::-webkit-scrollbar-thumb:hover,
.scrollbar ::-webkit-scrollbar-thumb:hover,
.card ::-webkit-scrollbar-thumb:hover,
.scrollbar-dark::-webkit-scrollbar-thumb:hover,
.layout-main .sidebar::-webkit-scrollbar-thumb:hover,
.scrollbar-dark ::-webkit-scrollbar-thumb:hover,
.layout-main .sidebar ::-webkit-scrollbar-thumb:hover {
  height: 1.25rem;
  border: 7px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
  opacity: 1;
  background-clip: padding-box;
  background-color: #8f8f8f;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.scrollbar::-webkit-scrollbar-corner, .card::-webkit-scrollbar-corner,
.scrollbar ::-webkit-scrollbar-corner,
.card ::-webkit-scrollbar-corner,
.scrollbar-dark::-webkit-scrollbar-corner,
.layout-main .sidebar::-webkit-scrollbar-corner,
.scrollbar-dark ::-webkit-scrollbar-corner,
.layout-main .sidebar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scrollbar::-webkit-scrollbar-track, .card::-webkit-scrollbar-track,
.scrollbar ::-webkit-scrollbar-track,
.card ::-webkit-scrollbar-track,
.scrollbar-dark::-webkit-scrollbar-track,
.layout-main .sidebar::-webkit-scrollbar-track,
.scrollbar-dark ::-webkit-scrollbar-track,
.layout-main .sidebar ::-webkit-scrollbar-track {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.1) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.1) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) 100%);
  background-position: 0 0.4375rem;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 0.875rem);
}
.scrollbar::-webkit-scrollbar-track:horizontal, .card::-webkit-scrollbar-track:horizontal,
.scrollbar ::-webkit-scrollbar-track:horizontal,
.card ::-webkit-scrollbar-track:horizontal,
.scrollbar-dark::-webkit-scrollbar-track:horizontal,
.layout-main .sidebar::-webkit-scrollbar-track:horizontal,
.scrollbar-dark ::-webkit-scrollbar-track:horizontal,
.layout-main .sidebar ::-webkit-scrollbar-track:horizontal {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.1) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.1) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) 100%);
  background-position: 0.4375rem 0;
  background-repeat: no-repeat;
  background-size: calc(100% - 0.875rem) 100%;
}

.scrollbar-light,
.scrollbar-light * {
  scrollbar-width: thin;
  scrollbar-color: rgba(143, 143, 143, 0.5) transparent;
}
.scrollbar-light::-webkit-scrollbar,
.scrollbar-light ::-webkit-scrollbar {
  width: 1.125rem;
  height: 1.125rem;
  background-color: transparent;
}
.scrollbar-light::-webkit-scrollbar-thumb,
.scrollbar-light ::-webkit-scrollbar-thumb {
  height: 1.25rem;
  border: 7px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.scrollbar-light::-webkit-scrollbar-thumb:hover,
.scrollbar-light ::-webkit-scrollbar-thumb:hover {
  height: 1.25rem;
  border: 7px solid rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
  opacity: 1;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.scrollbar-light::-webkit-scrollbar-corner,
.scrollbar-light ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scrollbar-light::-webkit-scrollbar-track,
.scrollbar-light ::-webkit-scrollbar-track {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.2) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.2) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) 100%);
  background-position: 0 0.4375rem;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 0.875rem);
}
.scrollbar-light::-webkit-scrollbar-track:horizontal,
.scrollbar-light ::-webkit-scrollbar-track:horizontal {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.2) calc(50% - 0.0625rem), rgba(0, 0, 0, 0.2) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) calc(50% + 0.0625rem), rgba(0, 0, 0, 0) 100%);
  background-position: 0.4375rem 0;
  background-repeat: no-repeat;
  background-size: calc(100% - 0.875rem) 100%;
}

.scroll-shadows,
.scroll-shadows-x.scroll-shadows-y {
  background: linear-gradient(var(--bg, #f4f5f9) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--bg, #f4f5f9) 70%), linear-gradient(to right, var(--bg, #fff) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg, #fff) 70%), radial-gradient(farthest-side at 50% 0, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 50% 100%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 0 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 100% 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, local, local, scroll, scroll, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 0% 100%, 0% 0%, 100% 0%, 0% 0%, 0% 100%, 0% 0%, 100% 0%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 40px 100%, 40px 100%, 100% 20px, 100% 20px, 20px 100%, 20px 100%;
  overflow: overlay;
}

.scroll-shadows-x {
  background: linear-gradient(to right, var(--bg, #fff) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg, #fff) 70%), radial-gradient(farthest-side at 0 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 100% 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 100% 0%, 0% 0%, 100% 0%;
  background-repeat: no-repeat;
  background-size: 20px 100%, 20px 100%;
  overflow: overlay;
}

.scroll-shadows-y {
  background: linear-gradient(var(--bg, #f4f5f9) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--bg, #f4f5f9) 70%), radial-gradient(farthest-side at 50% 0, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 50% 100%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 0% 100%, 0% 0%, 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 40px 100%, 40px 100%, 100% 20px, 100% 20px;
  overflow: overlay;
}

.scroll-shadows-with-arrows {
  background: linear-gradient(var(--bg, #f4f5f9) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--bg, #f4f5f9) 70%), linear-gradient(to right, var(--bg, #fff) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg, #fff) 70%), linear-gradient(-45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-135deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-135deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-225deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-225deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), radial-gradient(farthest-side at 50% 0, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 50% 100%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 0 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 100% 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, local, local, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 0% 100%, 0% 0%, 100% 0%, calc(50% + 4px) calc(100% - 6px), calc(50% - 4px) calc(100% - 6px), calc(50% - 4px) 6px, calc(50% + 4px) 6px, calc(100% - 6px) calc(50% - 4px), calc(100% - 6px) calc(50% + 4px), 6px calc(50% + 4px), 6px calc(50% - 4px), 0% 0%, 0% 100%, 0% 0%, 100% 0%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 40px 100%, 40px 100%, 100% 8px, 100% 8px, 100% 8px, 100% 8px, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 100% 20px, 100% 20px, 20px 100%, 20px 100%;
  overflow: overlay;
}

.scroll-shadows-x-with-arrows {
  background: linear-gradient(to right, var(--bg, #fff) 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), var(--bg, #fff) 70%), linear-gradient(45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-225deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-225deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), radial-gradient(farthest-side at 0 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 100% 50%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, scroll, scroll, scroll, scroll, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 100% 0%, calc(100% - 6px) calc(50% - 4px), calc(100% - 6px) calc(50% + 4px), 6px calc(50% + 4px), 6px calc(50% - 4px), 0% 0%, 100% 0%;
  background-repeat: no-repeat;
  background-size: 8px 100%, 8px 100%, 8px 100%, 8px 100%, 20px 100%, 20px 100%;
  overflow: overlay;
}

.scroll-shadows-y-with-arrows {
  background: linear-gradient(var(--bg, #f4f5f9) 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), var(--bg, #f4f5f9) 70%), linear-gradient(-45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-135deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-45deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(-135deg, transparent calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% - 1px), rgba(175, 175, 175, 0.8) calc(50% + 1px), transparent calc(50% + 1px)), radial-gradient(farthest-side at 50% 0, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0)), radial-gradient(farthest-side at 50% 100%, rgba(175, 175, 175, 0.3), rgba(175, 175, 175, 0));
  background-attachment: local, local, scroll, scroll, scroll, scroll, scroll, scroll;
  background-color: inherit;
  background-position: 0% 0%, 0% 100%, calc(50% + 4px) calc(100% - 6px), calc(50% - 4px) calc(100% - 6px), calc(50% - 4px) 6px, calc(50% + 4px) 6px, 0% 0%, 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 40px 100%, 40px 100%, 100% 8px, 100% 8px, 100% 8px, 100% 8px, 100% 20px, 100% 20px;
  overflow: overlay;
}

@media print {
  [class*=animate-] {
    animation: none !important;
  }
}
[class*=animate-fade-],
[class*=animate-motion-] {
  animation-fill-mode: both;
}

.animate-fade-in {
  animation-name: animate-fade-in;
}
@keyframes animate-fade-in {
  from {
    --animate-fade-in-opacity-from: 0;
    opacity: var(--animate-fade-in-opacity-from, 0);
  }
  to {
    --animate-fade-in-opacity-to: 1;
    opacity: var(--animate-fade-in-opacity-to, 1);
  }
}
.animate-fade-out {
  animation-name: animate-fade-out;
}
@keyframes animate-fade-out {
  from {
    --animate-fade-out-opacity-from: 1;
    opacity: var(--animate-fade-out-opacity-from, 1);
  }
  to {
    --animate-fade-out-opacity-to: 0;
    opacity: var(--animate-fade-out-opacity-to, 0);
  }
}

.animate-motion-to-bottom.animate-distance-short {
  animation-name: animate-motion-to-bottom-animate-distance-short;
}
@keyframes animate-motion-to-bottom-animate-distance-short {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0.3125rem);
  }
}

.animate-motion-to-bottom.animate-distance-medium {
  animation-name: animate-motion-to-bottom-animate-distance-medium;
}
@keyframes animate-motion-to-bottom-animate-distance-medium {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(3.125rem);
  }
}

.animate-motion-to-bottom.animate-distance-long {
  animation-name: animate-motion-to-bottom-animate-distance-long;
}
@keyframes animate-motion-to-bottom-animate-distance-long {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(12.5rem);
  }
}

.animate-motion-to-bottom.animate-distance-of-itself {
  animation-name: animate-motion-to-bottom-animate-distance-of-itself;
}
@keyframes animate-motion-to-bottom-animate-distance-of-itself {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

.animate-motion-to-bottom.animate-distance-of-half-itself {
  animation-name: animate-motion-to-bottom-animate-distance-of-half-itself;
}
@keyframes animate-motion-to-bottom-animate-distance-of-half-itself {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(50%);
  }
}

.animate-motion-to-top.animate-distance-short {
  animation-name: animate-motion-to-top-animate-distance-short;
}
@keyframes animate-motion-to-top-animate-distance-short {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.3125rem);
  }
}

.animate-motion-to-top.animate-distance-medium {
  animation-name: animate-motion-to-top-animate-distance-medium;
}
@keyframes animate-motion-to-top-animate-distance-medium {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-3.125rem);
  }
}

.animate-motion-to-top.animate-distance-long {
  animation-name: animate-motion-to-top-animate-distance-long;
}
@keyframes animate-motion-to-top-animate-distance-long {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-12.5rem);
  }
}

.animate-motion-to-top.animate-distance-of-itself {
  animation-name: animate-motion-to-top-animate-distance-of-itself;
}
@keyframes animate-motion-to-top-animate-distance-of-itself {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

.animate-motion-to-top.animate-distance-of-half-itself {
  animation-name: animate-motion-to-top-animate-distance-of-half-itself;
}
@keyframes animate-motion-to-top-animate-distance-of-half-itself {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.animate-motion-to-left.animate-distance-short {
  animation-name: animate-motion-to-left-animate-distance-short;
}
@keyframes animate-motion-to-left-animate-distance-short {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-0.3125rem);
  }
}

.animate-motion-to-left.animate-distance-medium {
  animation-name: animate-motion-to-left-animate-distance-medium;
}
@keyframes animate-motion-to-left-animate-distance-medium {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3.125rem);
  }
}

.animate-motion-to-left.animate-distance-long {
  animation-name: animate-motion-to-left-animate-distance-long;
}
@keyframes animate-motion-to-left-animate-distance-long {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-12.5rem);
  }
}

.animate-motion-to-left.animate-distance-of-itself {
  animation-name: animate-motion-to-left-animate-distance-of-itself;
}
@keyframes animate-motion-to-left-animate-distance-of-itself {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.animate-motion-to-left.animate-distance-of-half-itself {
  animation-name: animate-motion-to-left-animate-distance-of-half-itself;
}
@keyframes animate-motion-to-left-animate-distance-of-half-itself {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-motion-to-right.animate-distance-short {
  animation-name: animate-motion-to-right-animate-distance-short;
}
@keyframes animate-motion-to-right-animate-distance-short {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0.3125rem);
  }
}

.animate-motion-to-right.animate-distance-medium {
  animation-name: animate-motion-to-right-animate-distance-medium;
}
@keyframes animate-motion-to-right-animate-distance-medium {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(3.125rem);
  }
}

.animate-motion-to-right.animate-distance-long {
  animation-name: animate-motion-to-right-animate-distance-long;
}
@keyframes animate-motion-to-right-animate-distance-long {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(12.5rem);
  }
}

.animate-motion-to-right.animate-distance-of-itself {
  animation-name: animate-motion-to-right-animate-distance-of-itself;
}
@keyframes animate-motion-to-right-animate-distance-of-itself {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.animate-motion-to-right.animate-distance-of-half-itself {
  animation-name: animate-motion-to-right-animate-distance-of-half-itself;
}
@keyframes animate-motion-to-right-animate-distance-of-half-itself {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

.animate-motion-from-bottom.animate-distance-short {
  animation-name: animate-motion-from-bottom-animate-distance-short;
}
@keyframes animate-motion-from-bottom-animate-distance-short {
  0% {
    transform: translateY(0.3125rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-bottom.animate-distance-medium {
  animation-name: animate-motion-from-bottom-animate-distance-medium;
}
@keyframes animate-motion-from-bottom-animate-distance-medium {
  0% {
    transform: translateY(3.125rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-bottom.animate-distance-long {
  animation-name: animate-motion-from-bottom-animate-distance-long;
}
@keyframes animate-motion-from-bottom-animate-distance-long {
  0% {
    transform: translateY(12.5rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-bottom.animate-distance-of-itself {
  animation-name: animate-motion-from-bottom-animate-distance-of-itself;
}
@keyframes animate-motion-from-bottom-animate-distance-of-itself {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-bottom.animate-distance-of-half-itself {
  animation-name: animate-motion-from-bottom-animate-distance-of-half-itself;
}
@keyframes animate-motion-from-bottom-animate-distance-of-half-itself {
  0% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-top.animate-distance-short {
  animation-name: animate-motion-from-top-animate-distance-short;
}
@keyframes animate-motion-from-top-animate-distance-short {
  0% {
    transform: translateY(-0.3125rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-top.animate-distance-medium {
  animation-name: animate-motion-from-top-animate-distance-medium;
}
@keyframes animate-motion-from-top-animate-distance-medium {
  0% {
    transform: translateY(-3.125rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-top.animate-distance-long {
  animation-name: animate-motion-from-top-animate-distance-long;
}
@keyframes animate-motion-from-top-animate-distance-long {
  0% {
    transform: translateY(-12.5rem);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-top.animate-distance-of-itself {
  animation-name: animate-motion-from-top-animate-distance-of-itself;
}
@keyframes animate-motion-from-top-animate-distance-of-itself {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-top.animate-distance-of-half-itself {
  animation-name: animate-motion-from-top-animate-distance-of-half-itself;
}
@keyframes animate-motion-from-top-animate-distance-of-half-itself {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

.animate-motion-from-left.animate-distance-short {
  animation-name: animate-motion-from-left-animate-distance-short;
}
@keyframes animate-motion-from-left-animate-distance-short {
  0% {
    transform: translateX(-0.3125rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-left.animate-distance-medium {
  animation-name: animate-motion-from-left-animate-distance-medium;
}
@keyframes animate-motion-from-left-animate-distance-medium {
  0% {
    transform: translateX(-3.125rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-left.animate-distance-long {
  animation-name: animate-motion-from-left-animate-distance-long;
}
@keyframes animate-motion-from-left-animate-distance-long {
  0% {
    transform: translateX(-12.5rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-left.animate-distance-of-itself {
  animation-name: animate-motion-from-left-animate-distance-of-itself;
}
@keyframes animate-motion-from-left-animate-distance-of-itself {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-left.animate-distance-of-half-itself {
  animation-name: animate-motion-from-left-animate-distance-of-half-itself;
}
@keyframes animate-motion-from-left-animate-distance-of-half-itself {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-right.animate-distance-short {
  animation-name: animate-motion-from-right-animate-distance-short;
}
@keyframes animate-motion-from-right-animate-distance-short {
  0% {
    transform: translateX(0.3125rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-right.animate-distance-medium {
  animation-name: animate-motion-from-right-animate-distance-medium;
}
@keyframes animate-motion-from-right-animate-distance-medium {
  0% {
    transform: translateX(3.125rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-right.animate-distance-long {
  animation-name: animate-motion-from-right-animate-distance-long;
}
@keyframes animate-motion-from-right-animate-distance-long {
  0% {
    transform: translateX(12.5rem);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-right.animate-distance-of-itself {
  animation-name: animate-motion-from-right-animate-distance-of-itself;
}
@keyframes animate-motion-from-right-animate-distance-of-itself {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-from-right.animate-distance-of-half-itself {
  animation-name: animate-motion-from-right-animate-distance-of-half-itself;
}
@keyframes animate-motion-from-right-animate-distance-of-half-itself {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-motion-to-bottom.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-short, animate-fade-in;
}

.animate-motion-to-bottom.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-short, animate-fade-out;
}

.animate-motion-to-bottom.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-medium, animate-fade-in;
}

.animate-motion-to-bottom.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-medium, animate-fade-out;
}

.animate-motion-to-bottom.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-long, animate-fade-in;
}

.animate-motion-to-bottom.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-long, animate-fade-out;
}

.animate-motion-to-bottom.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-to-bottom.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-to-bottom.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-to-bottom.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-to-top.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-short, animate-fade-in;
}

.animate-motion-to-top.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-short, animate-fade-out;
}

.animate-motion-to-top.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-medium, animate-fade-in;
}

.animate-motion-to-top.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-medium, animate-fade-out;
}

.animate-motion-to-top.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-long, animate-fade-in;
}

.animate-motion-to-top.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-long, animate-fade-out;
}

.animate-motion-to-top.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-to-top.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-to-top.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-to-top.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-top-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-to-left.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-short, animate-fade-in;
}

.animate-motion-to-left.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-short, animate-fade-out;
}

.animate-motion-to-left.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-medium, animate-fade-in;
}

.animate-motion-to-left.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-medium, animate-fade-out;
}

.animate-motion-to-left.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-long, animate-fade-in;
}

.animate-motion-to-left.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-long, animate-fade-out;
}

.animate-motion-to-left.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-to-left.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-to-left.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-to-left.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-left-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-to-right.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-short, animate-fade-in;
}

.animate-motion-to-right.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-short, animate-fade-out;
}

.animate-motion-to-right.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-medium, animate-fade-in;
}

.animate-motion-to-right.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-medium, animate-fade-out;
}

.animate-motion-to-right.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-long, animate-fade-in;
}

.animate-motion-to-right.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-long, animate-fade-out;
}

.animate-motion-to-right.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-to-right.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-to-right.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-to-right.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-to-right-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-from-bottom.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-short, animate-fade-in;
}

.animate-motion-from-bottom.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-short, animate-fade-out;
}

.animate-motion-from-bottom.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-medium, animate-fade-in;
}

.animate-motion-from-bottom.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-medium, animate-fade-out;
}

.animate-motion-from-bottom.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-long, animate-fade-in;
}

.animate-motion-from-bottom.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-long, animate-fade-out;
}

.animate-motion-from-bottom.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-from-bottom.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-from-bottom.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-from-bottom.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-from-top.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-short, animate-fade-in;
}

.animate-motion-from-top.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-short, animate-fade-out;
}

.animate-motion-from-top.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-medium, animate-fade-in;
}

.animate-motion-from-top.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-medium, animate-fade-out;
}

.animate-motion-from-top.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-long, animate-fade-in;
}

.animate-motion-from-top.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-long, animate-fade-out;
}

.animate-motion-from-top.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-from-top.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-from-top.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-from-top.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-from-left.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-short, animate-fade-in;
}

.animate-motion-from-left.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-short, animate-fade-out;
}

.animate-motion-from-left.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-medium, animate-fade-in;
}

.animate-motion-from-left.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-medium, animate-fade-out;
}

.animate-motion-from-left.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-long, animate-fade-in;
}

.animate-motion-from-left.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-long, animate-fade-out;
}

.animate-motion-from-left.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-from-left.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-from-left.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-from-left.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-left-animate-distance-of-half-itself, animate-fade-out;
}

.animate-motion-from-right.animate-distance-short.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-short, animate-fade-in;
}

.animate-motion-from-right.animate-distance-short.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-short, animate-fade-out;
}

.animate-motion-from-right.animate-distance-medium.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-medium, animate-fade-in;
}

.animate-motion-from-right.animate-distance-medium.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-medium, animate-fade-out;
}

.animate-motion-from-right.animate-distance-long.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-long, animate-fade-in;
}

.animate-motion-from-right.animate-distance-long.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-long, animate-fade-out;
}

.animate-motion-from-right.animate-distance-of-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-of-itself, animate-fade-in;
}

.animate-motion-from-right.animate-distance-of-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-of-itself, animate-fade-out;
}

.animate-motion-from-right.animate-distance-of-half-itself.animate-fade-in {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-of-half-itself, animate-fade-in;
}

.animate-motion-from-right.animate-distance-of-half-itself.animate-fade-out {
  animation-name: unset;
  animation-name: animate-motion-from-right-animate-distance-of-half-itself, animate-fade-out;
}

.animate-scale {
  animation-name: animate-scale;
}
.animate-scale-to-zero {
  --animate-scale-to-zero: 0;
  --animate-scale-to: var(--animate-scale-to-zero);
}
.animate-scale-to-xsmall {
  --animate-scale-to-xsmall: 0.5;
  --animate-scale-to: var(--animate-scale-to-xsmall);
}
.animate-scale-to-small {
  --animate-scale-to-small: 0.97;
  --animate-scale-to: var(--animate-scale-to-small);
}
.animate-scale-to-medium {
  --animate-scale-to-medium: 1.03;
  --animate-scale-to: var(--animate-scale-to-medium);
}
.animate-scale-to-large {
  --animate-scale-to-large: 1.15;
  --animate-scale-to: var(--animate-scale-to-large);
}
.animate-scale-to-xlarge {
  --animate-scale-to-xlarge: 1.5;
  --animate-scale-to: var(--animate-scale-to-xlarge);
}
.animate-scale-from-zero {
  --animate-scale-from-zero: 0;
  --animate-scale-from: var(--animate-scale-from-zero);
}
.animate-scale-from-xsmall {
  --animate-scale-from-xsmall: 0.5;
  --animate-scale-from: var(--animate-scale-from-xsmall);
}
.animate-scale-from-small {
  --animate-scale-from-small: 0.97;
  --animate-scale-from: var(--animate-scale-from-small);
}
.animate-scale-from-medium {
  --animate-scale-from-medium: 1.03;
  --animate-scale-from: var(--animate-scale-from-medium);
}
.animate-scale-from-large {
  --animate-scale-from-large: 1.15;
  --animate-scale-from: var(--animate-scale-from-large);
}
.animate-scale-from-xlarge {
  --animate-scale-from-xlarge: 1.5;
  --animate-scale-from: var(--animate-scale-from-xlarge);
}

@keyframes animate-scale {
  from {
    transform: scale(var(--animate-scale-from));
  }
  to {
    transform: scale(var(--animate-scale-to));
  }
}
.animate-acknowledged {
  animation: animate-acknowledged 0.2s infinite;
  animation-iteration-count: 2;
}

@keyframes animate-acknowledged {
  0% {
    box-shadow: 0 0 0 2px #5086b7;
  }
  100% {
    box-shadow: 0 0 0 2px transparent;
  }
}
.animate-acknowledged-with-bg {
  animation: animate-acknowledged-with-bg 0.2s infinite;
  animation-iteration-count: 2;
}

@keyframes animate-acknowledged-with-bg {
  0% {
    box-shadow: 0 0 0 2px #5086b7;
    background-color: rgba(27, 163, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 2px transparent !important;
    background-color: transparent !important;
  }
}
.animate-iterate.animate-delay-short > *:nth-child(1) {
  animation-delay: 0.25s;
}
.animate-iterate.animate-delay-short > *:nth-child(2) {
  animation-delay: 0.45s;
}
.animate-iterate.animate-delay-short > *:nth-child(3) {
  animation-delay: 0.65s;
}
.animate-iterate.animate-delay-short > *:nth-child(4) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-short > *:nth-child(5) {
  animation-delay: 1.05s;
}
.animate-iterate.animate-delay-short > *:nth-child(6) {
  animation-delay: 1.25s;
}
.animate-iterate.animate-delay-short > *:nth-child(7) {
  animation-delay: 1.45s;
}
.animate-iterate.animate-delay-short > *:nth-child(8) {
  animation-delay: 1.65s;
}
.animate-iterate.animate-delay-short > *:nth-child(9) {
  animation-delay: 1.85s;
}
.animate-iterate.animate-delay-short > *:nth-child(10) {
  animation-delay: 2.05s;
}
.animate-iterate.animate-delay-short > *:nth-child(11) {
  animation-delay: 2.25s;
}
.animate-iterate.animate-delay-short > *:nth-child(12) {
  animation-delay: 2.45s;
}
.animate-iterate.animate-delay-short > *:nth-child(13) {
  animation-delay: 2.65s;
}
.animate-iterate.animate-delay-short > *:nth-child(14) {
  animation-delay: 2.85s;
}
.animate-iterate.animate-delay-short > *:nth-child(15) {
  animation-delay: 3.05s;
}
.animate-iterate.animate-delay-short > *:nth-child(16) {
  animation-delay: 3.25s;
}
.animate-iterate.animate-delay-short > *:nth-child(17) {
  animation-delay: 3.45s;
}
.animate-iterate.animate-delay-short > *:nth-child(18) {
  animation-delay: 3.65s;
}
.animate-iterate.animate-delay-short > *:nth-child(19) {
  animation-delay: 3.85s;
}
.animate-iterate.animate-delay-short > *:nth-child(20) {
  animation-delay: 4.05s;
}
.animate-iterate.animate-delay-short > *:nth-child(n+20) {
  animation-delay: 4.05s;
}
.animate-iterate.animate-delay-medium > *:nth-child(1) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-medium > *:nth-child(2) {
  animation-delay: 0.75s;
}
.animate-iterate.animate-delay-medium > *:nth-child(3) {
  animation-delay: 0.95s;
}
.animate-iterate.animate-delay-medium > *:nth-child(4) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-medium > *:nth-child(5) {
  animation-delay: 1.35s;
}
.animate-iterate.animate-delay-medium > *:nth-child(6) {
  animation-delay: 1.55s;
}
.animate-iterate.animate-delay-medium > *:nth-child(7) {
  animation-delay: 1.75s;
}
.animate-iterate.animate-delay-medium > *:nth-child(8) {
  animation-delay: 1.95s;
}
.animate-iterate.animate-delay-medium > *:nth-child(9) {
  animation-delay: 2.15s;
}
.animate-iterate.animate-delay-medium > *:nth-child(10) {
  animation-delay: 2.35s;
}
.animate-iterate.animate-delay-medium > *:nth-child(11) {
  animation-delay: 2.55s;
}
.animate-iterate.animate-delay-medium > *:nth-child(12) {
  animation-delay: 2.75s;
}
.animate-iterate.animate-delay-medium > *:nth-child(13) {
  animation-delay: 2.95s;
}
.animate-iterate.animate-delay-medium > *:nth-child(14) {
  animation-delay: 3.15s;
}
.animate-iterate.animate-delay-medium > *:nth-child(15) {
  animation-delay: 3.35s;
}
.animate-iterate.animate-delay-medium > *:nth-child(16) {
  animation-delay: 3.55s;
}
.animate-iterate.animate-delay-medium > *:nth-child(17) {
  animation-delay: 3.75s;
}
.animate-iterate.animate-delay-medium > *:nth-child(18) {
  animation-delay: 3.95s;
}
.animate-iterate.animate-delay-medium > *:nth-child(19) {
  animation-delay: 4.15s;
}
.animate-iterate.animate-delay-medium > *:nth-child(20) {
  animation-delay: 4.35s;
}
.animate-iterate.animate-delay-medium > *:nth-child(n+20) {
  animation-delay: 4.35s;
}
.animate-iterate.animate-delay-long > *:nth-child(1) {
  animation-delay: 3s;
}
.animate-iterate.animate-delay-long > *:nth-child(2) {
  animation-delay: 3.2s;
}
.animate-iterate.animate-delay-long > *:nth-child(3) {
  animation-delay: 3.4s;
}
.animate-iterate.animate-delay-long > *:nth-child(4) {
  animation-delay: 3.6s;
}
.animate-iterate.animate-delay-long > *:nth-child(5) {
  animation-delay: 3.8s;
}
.animate-iterate.animate-delay-long > *:nth-child(6) {
  animation-delay: 4s;
}
.animate-iterate.animate-delay-long > *:nth-child(7) {
  animation-delay: 4.2s;
}
.animate-iterate.animate-delay-long > *:nth-child(8) {
  animation-delay: 4.4s;
}
.animate-iterate.animate-delay-long > *:nth-child(9) {
  animation-delay: 4.6s;
}
.animate-iterate.animate-delay-long > *:nth-child(10) {
  animation-delay: 4.8s;
}
.animate-iterate.animate-delay-long > *:nth-child(11) {
  animation-delay: 5s;
}
.animate-iterate.animate-delay-long > *:nth-child(12) {
  animation-delay: 5.2s;
}
.animate-iterate.animate-delay-long > *:nth-child(13) {
  animation-delay: 5.4s;
}
.animate-iterate.animate-delay-long > *:nth-child(14) {
  animation-delay: 5.6s;
}
.animate-iterate.animate-delay-long > *:nth-child(15) {
  animation-delay: 5.8s;
}
.animate-iterate.animate-delay-long > *:nth-child(16) {
  animation-delay: 6s;
}
.animate-iterate.animate-delay-long > *:nth-child(17) {
  animation-delay: 6.2s;
}
.animate-iterate.animate-delay-long > *:nth-child(18) {
  animation-delay: 6.4s;
}
.animate-iterate.animate-delay-long > *:nth-child(19) {
  animation-delay: 6.6s;
}
.animate-iterate.animate-delay-long > *:nth-child(20) {
  animation-delay: 6.8s;
}
.animate-iterate.animate-delay-long > *:nth-child(n+20) {
  animation-delay: 6.8s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(1) {
  animation-delay: 0.2s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(2) {
  animation-delay: 0.25s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(3) {
  animation-delay: 0.3s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(4) {
  animation-delay: 0.35s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(5) {
  animation-delay: 0.4s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(6) {
  animation-delay: 0.45s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(7) {
  animation-delay: 0.5s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(8) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(9) {
  animation-delay: 0.6s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(10) {
  animation-delay: 0.65s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(11) {
  animation-delay: 0.7s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(12) {
  animation-delay: 0.75s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(13) {
  animation-delay: 0.8s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(14) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(15) {
  animation-delay: 0.9s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(16) {
  animation-delay: 0.95s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(17) {
  animation-delay: 1s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(18) {
  animation-delay: 1.05s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(19) {
  animation-delay: 1.1s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(20) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-iterate-delay-between-short > *:nth-child(n+20) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(1) {
  animation-delay: 0.2s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(2) {
  animation-delay: 0.4s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(3) {
  animation-delay: 0.6s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(4) {
  animation-delay: 0.8s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(5) {
  animation-delay: 1s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(6) {
  animation-delay: 1.2s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(7) {
  animation-delay: 1.4s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(8) {
  animation-delay: 1.6s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(9) {
  animation-delay: 1.8s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(10) {
  animation-delay: 2s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(11) {
  animation-delay: 2.2s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(12) {
  animation-delay: 2.4s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(13) {
  animation-delay: 2.6s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(14) {
  animation-delay: 2.8s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(15) {
  animation-delay: 3s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(16) {
  animation-delay: 3.2s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(17) {
  animation-delay: 3.4s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(18) {
  animation-delay: 3.6s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(19) {
  animation-delay: 3.8s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(20) {
  animation-delay: 4s;
}
.animate-iterate.animate-iterate-delay-between-medium > *:nth-child(n+20) {
  animation-delay: 4s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(1) {
  animation-delay: 0.2s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(2) {
  animation-delay: 0.5s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(3) {
  animation-delay: 0.8s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(4) {
  animation-delay: 1.1s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(5) {
  animation-delay: 1.4s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(6) {
  animation-delay: 1.7s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(7) {
  animation-delay: 2s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(8) {
  animation-delay: 2.3s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(9) {
  animation-delay: 2.6s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(10) {
  animation-delay: 2.9s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(11) {
  animation-delay: 3.2s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(12) {
  animation-delay: 3.5s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(13) {
  animation-delay: 3.8s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(14) {
  animation-delay: 4.1s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(15) {
  animation-delay: 4.4s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(16) {
  animation-delay: 4.7s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(17) {
  animation-delay: 5s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(18) {
  animation-delay: 5.3s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(19) {
  animation-delay: 5.6s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(20) {
  animation-delay: 5.9s;
}
.animate-iterate.animate-iterate-delay-between-long > *:nth-child(n+20) {
  animation-delay: 5.9s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(1) {
  animation-delay: 0.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(2) {
  animation-delay: 0.3s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(3) {
  animation-delay: 0.35s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(4) {
  animation-delay: 0.4s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(5) {
  animation-delay: 0.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(6) {
  animation-delay: 0.5s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(7) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(8) {
  animation-delay: 0.6s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(9) {
  animation-delay: 0.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(10) {
  animation-delay: 0.7s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(11) {
  animation-delay: 0.75s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(12) {
  animation-delay: 0.8s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(13) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(14) {
  animation-delay: 0.9s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(15) {
  animation-delay: 0.95s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(16) {
  animation-delay: 1s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(17) {
  animation-delay: 1.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(18) {
  animation-delay: 1.1s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(19) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(20) {
  animation-delay: 1.2s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-short > *:nth-child(n+20) {
  animation-delay: 1.2s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(1) {
  animation-delay: 0.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(2) {
  animation-delay: 0.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(3) {
  animation-delay: 0.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(4) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(5) {
  animation-delay: 1.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(6) {
  animation-delay: 1.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(7) {
  animation-delay: 1.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(8) {
  animation-delay: 1.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(9) {
  animation-delay: 1.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(10) {
  animation-delay: 2.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(11) {
  animation-delay: 2.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(12) {
  animation-delay: 2.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(13) {
  animation-delay: 2.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(14) {
  animation-delay: 2.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(15) {
  animation-delay: 3.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(16) {
  animation-delay: 3.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(17) {
  animation-delay: 3.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(18) {
  animation-delay: 3.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(19) {
  animation-delay: 3.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(20) {
  animation-delay: 4.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-medium > *:nth-child(n+20) {
  animation-delay: 4.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(1) {
  animation-delay: 0.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(2) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(3) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(4) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(5) {
  animation-delay: 1.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(6) {
  animation-delay: 1.75s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(7) {
  animation-delay: 2.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(8) {
  animation-delay: 2.35s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(9) {
  animation-delay: 2.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(10) {
  animation-delay: 2.95s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(11) {
  animation-delay: 3.25s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(12) {
  animation-delay: 3.55s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(13) {
  animation-delay: 3.85s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(14) {
  animation-delay: 4.15s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(15) {
  animation-delay: 4.45s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(16) {
  animation-delay: 4.75s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(17) {
  animation-delay: 5.05s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(18) {
  animation-delay: 5.35s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(19) {
  animation-delay: 5.65s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(20) {
  animation-delay: 5.95s;
}
.animate-iterate.animate-delay-short.animate-iterate-delay-between-long > *:nth-child(n+20) {
  animation-delay: 5.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(1) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(2) {
  animation-delay: 0.6s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(3) {
  animation-delay: 0.65s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(4) {
  animation-delay: 0.7s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(5) {
  animation-delay: 0.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(6) {
  animation-delay: 0.8s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(7) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(8) {
  animation-delay: 0.9s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(9) {
  animation-delay: 0.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(10) {
  animation-delay: 1s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(11) {
  animation-delay: 1.05s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(12) {
  animation-delay: 1.1s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(13) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(14) {
  animation-delay: 1.2s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(15) {
  animation-delay: 1.25s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(16) {
  animation-delay: 1.3s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(17) {
  animation-delay: 1.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(18) {
  animation-delay: 1.4s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(19) {
  animation-delay: 1.45s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(20) {
  animation-delay: 1.5s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-short > *:nth-child(n+20) {
  animation-delay: 1.5s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(1) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(2) {
  animation-delay: 0.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(3) {
  animation-delay: 0.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(4) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(5) {
  animation-delay: 1.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(6) {
  animation-delay: 1.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(7) {
  animation-delay: 1.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(8) {
  animation-delay: 1.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(9) {
  animation-delay: 2.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(10) {
  animation-delay: 2.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(11) {
  animation-delay: 2.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(12) {
  animation-delay: 2.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(13) {
  animation-delay: 2.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(14) {
  animation-delay: 3.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(15) {
  animation-delay: 3.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(16) {
  animation-delay: 3.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(17) {
  animation-delay: 3.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(18) {
  animation-delay: 3.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(19) {
  animation-delay: 4.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(20) {
  animation-delay: 4.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-medium > *:nth-child(n+20) {
  animation-delay: 4.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(1) {
  animation-delay: 0.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(2) {
  animation-delay: 0.85s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(3) {
  animation-delay: 1.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(4) {
  animation-delay: 1.45s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(5) {
  animation-delay: 1.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(6) {
  animation-delay: 2.05s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(7) {
  animation-delay: 2.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(8) {
  animation-delay: 2.65s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(9) {
  animation-delay: 2.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(10) {
  animation-delay: 3.25s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(11) {
  animation-delay: 3.55s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(12) {
  animation-delay: 3.85s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(13) {
  animation-delay: 4.15s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(14) {
  animation-delay: 4.45s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(15) {
  animation-delay: 4.75s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(16) {
  animation-delay: 5.05s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(17) {
  animation-delay: 5.35s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(18) {
  animation-delay: 5.65s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(19) {
  animation-delay: 5.95s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(20) {
  animation-delay: 6.25s;
}
.animate-iterate.animate-delay-medium.animate-iterate-delay-between-long > *:nth-child(n+20) {
  animation-delay: 6.25s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(1) {
  animation-delay: 3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(2) {
  animation-delay: 3.05s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(3) {
  animation-delay: 3.1s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(4) {
  animation-delay: 3.15s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(5) {
  animation-delay: 3.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(6) {
  animation-delay: 3.25s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(7) {
  animation-delay: 3.3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(8) {
  animation-delay: 3.35s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(9) {
  animation-delay: 3.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(10) {
  animation-delay: 3.45s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(11) {
  animation-delay: 3.5s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(12) {
  animation-delay: 3.55s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(13) {
  animation-delay: 3.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(14) {
  animation-delay: 3.65s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(15) {
  animation-delay: 3.7s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(16) {
  animation-delay: 3.75s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(17) {
  animation-delay: 3.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(18) {
  animation-delay: 3.85s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(19) {
  animation-delay: 3.9s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(20) {
  animation-delay: 3.95s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-short > *:nth-child(n+20) {
  animation-delay: 3.95s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(1) {
  animation-delay: 3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(2) {
  animation-delay: 3.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(3) {
  animation-delay: 3.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(4) {
  animation-delay: 3.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(5) {
  animation-delay: 3.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(6) {
  animation-delay: 4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(7) {
  animation-delay: 4.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(8) {
  animation-delay: 4.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(9) {
  animation-delay: 4.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(10) {
  animation-delay: 4.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(11) {
  animation-delay: 5s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(12) {
  animation-delay: 5.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(13) {
  animation-delay: 5.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(14) {
  animation-delay: 5.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(15) {
  animation-delay: 5.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(16) {
  animation-delay: 6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(17) {
  animation-delay: 6.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(18) {
  animation-delay: 6.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(19) {
  animation-delay: 6.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(20) {
  animation-delay: 6.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-medium > *:nth-child(n+20) {
  animation-delay: 6.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(1) {
  animation-delay: 3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(2) {
  animation-delay: 3.3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(3) {
  animation-delay: 3.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(4) {
  animation-delay: 3.9s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(5) {
  animation-delay: 4.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(6) {
  animation-delay: 4.5s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(7) {
  animation-delay: 4.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(8) {
  animation-delay: 5.1s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(9) {
  animation-delay: 5.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(10) {
  animation-delay: 5.7s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(11) {
  animation-delay: 6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(12) {
  animation-delay: 6.3s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(13) {
  animation-delay: 6.6s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(14) {
  animation-delay: 6.9s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(15) {
  animation-delay: 7.2s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(16) {
  animation-delay: 7.5s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(17) {
  animation-delay: 7.8s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(18) {
  animation-delay: 8.1s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(19) {
  animation-delay: 8.4s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(20) {
  animation-delay: 8.7s;
}
.animate-iterate.animate-delay-long.animate-iterate-delay-between-long > *:nth-child(n+20) {
  animation-delay: 8.7s;
}
.animate-iterate.animate-duration-short > * {
  animation-duration: 0.2s;
}
.animate-iterate.animate-duration-medium > * {
  animation-duration: 0.55s;
}
.animate-iterate.animate-duration-long > * {
  animation-duration: 3s;
}
.animate-iterate > * {
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-short, animate-fade-in;
  animation-timing-function: ease-in-out;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(1) {
  animation-delay: 0.2s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(2) {
  animation-delay: 0.4s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(3) {
  animation-delay: 0.6s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(4) {
  animation-delay: 0.8s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(5) {
  animation-delay: 1s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(6) {
  animation-delay: 1.2s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(7) {
  animation-delay: 1.4s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(8) {
  animation-delay: 1.6s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(9) {
  animation-delay: 1.8s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(10) {
  animation-delay: 2s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(11) {
  animation-delay: 2.2s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(12) {
  animation-delay: 2.4s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(13) {
  animation-delay: 2.6s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(14) {
  animation-delay: 2.8s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(15) {
  animation-delay: 3s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(16) {
  animation-delay: 3.2s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(17) {
  animation-delay: 3.4s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(18) {
  animation-delay: 3.6s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(19) {
  animation-delay: 3.8s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(20) {
  animation-delay: 4s;
}
.animate-iterate:not([class*=animate-delay]):not([class*=animate-iterate-delay]) > *:nth-child(n+20) {
  animation-delay: 4s;
}

[contenteditable]:empty:focus,
.animate-faux-caret {
  animation: animate-faux-caret 1s step-end infinite;
}

@keyframes animate-faux-caret {
  from, to {
    background-image: linear-gradient(90deg, currentColor 1px, rgba(0, 0, 0, 0) 1px);
  }
  50% {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 1px);
  }
}
.animate-emit {
  animation-name: animate-emit;
}

@keyframes animate-emit {
  0% {
    box-shadow: 0 0 0 0 rgba(210, 210, 210, 0.5);
  }
  100% {
    box-shadow: 0 0 0 100px rgba(210, 210, 210, 0);
  }
}
.animate-spinner-fade,
.animate-spinner-split {
  aspect-ratio: 1;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(0.1875rem, 1%, 15px);
  border-radius: 50%;
  background: currentColor;
  color: inherit;
  -webkit-mask: conic-gradient(#0000, #000), linear-gradient(#000 0 0) content-box;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: animate-rotate;
  animation-timing-function: linear;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}

.animate-not-allowed {
  animation: 0.75s linear 0s 1 both animate-not-allowed !important;
  animation-name: animate-not-allowed;
}

@keyframes animate-not-allowed {
  0% {
    transform: translateX(-10px);
  }
  16% {
    transform: translateX(9px);
  }
  33% {
    transform: translateX(-6px);
  }
  50% {
    transform: translateX(5px);
  }
  66% {
    transform: translateX(-2px);
  }
  83% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.animate-spinner-split {
  -webkit-mask: conic-gradient(#0000 35deg, #0000 35deg, #fff 35deg, #fff 145deg, #0000 145deg, #0000 215deg, #fff 215deg, #fff 325deg, #0000 325deg, #0000 315deg), linear-gradient(#000 0 0) content-box;
  animation-duration: 8s;
  animation-name: animate-rotate-rev-up;
}

.animate-rotate {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: animate-rotate;
}

@keyframes animate-rotate {
  to {
    transform: rotate(1turn);
  }
}
.animate-rotate-rev-up {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: animate-rotate-rev-up;
  animation-timing-function: linear;
}

@keyframes animate-rotate-rev-up {
  0% {
    transform: rotate(0deg);
  }
  7.5% {
    transform: rotate(450deg);
  }
  15% {
    transform: rotate(900deg);
  }
  22.5% {
    transform: rotate(1575deg);
  }
  30% {
    transform: rotate(2400deg);
  }
  37.5% {
    transform: rotate(3375deg);
  }
  45% {
    transform: rotate(4500deg);
  }
  50% {
    transform: rotate(5400deg);
  }
  55% {
    transform: rotate(6300deg);
  }
  62.5% {
    transform: rotate(7275deg);
  }
  70% {
    transform: rotate(8100deg);
  }
  77.5% {
    transform: rotate(8775deg);
  }
  85% {
    transform: rotate(9450deg);
  }
  92.5% {
    transform: rotate(10125deg);
  }
  100% {
    transform: rotate(10800deg);
  }
}
.animate-puff-in {
  animation-delay: 0.25s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: animate-puff-in;
}

@keyframes animate-puff-in {
  0% {
    opacity: 0;
    transform: scale(2, 2);
    transform-origin: 50% 50%;
  }
  50% {
    opacity: 1;
    transform: scale(0.9, 0.9);
    transform-origin: 50% 50%;
  }
  75% {
    opacity: 1;
    transform: scale(1.05, 1.05);
    transform-origin: 50% 50%;
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: 50% 50%;
  }
}
.animate-pulse {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: animate-pulse;
}

@keyframes animate-pulse {
  0% {
    opacity: 0.5;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.animate-ripple::after,
.animate-ripple::before {
  content: "";
  display: flex;
  position: absolute;
  width: 90%;
  height: 90%;
  align-items: center;
  justify-content: center;
  border: 0 solid currentColor;
  border-radius: 50%;
  animation: animate-ripple 1.85s cubic-bezier(0.14, 0.75, 0.37, 1.01) infinite;
  animation-duration: inherit;
}
.animate-ripple::after {
  animation-delay: -0.9s;
}

@keyframes animate-ripple {
  0% {
    box-shadow: 0 0 0 2px currentColor, inset 0 0 0 2px currentColor;
    opacity: 1;
    transform: scale(0);
  }
  25% {
    opacity: 1;
  }
  100% {
    box-shadow: 0 0 0 1px currentColor, inset 0 0 0 1px currentColor;
    opacity: 0;
    transform: scale(1);
  }
}
.animate-shine {
  position: relative;
}
.animate-shine::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, #fff 50px, rgba(255, 255, 255, 0) 52px);
  background-repeat: no-repeat;
  background-size: 75px;
  animation-duration: 2.8s;
  animation-iteration-count: infinite;
  animation-name: animate-shine;
  animation-timing-function: linear;
}

@keyframes animate-shine {
  0% {
    background-position: -4.6875rem;
  }
  100% {
    background-position: calc(100% + 4.6875rem);
  }
}
.animate-swap-vertically > * {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  animation-direction: alternate;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.animate-swap-vertically > *:first-child {
  animation-name: animate-swap-vertically-1;
}
.animate-swap-vertically > *:last-child {
  animation-name: animate-swap-vertically-2;
}

@keyframes animate-swap-vertically-1 {
  0% {
    opacity: 1;
    transform: none;
  }
  40% {
    opacity: 1;
    transform: none;
  }
  50% {
    opacity: 0;
    transform: translateY(-3.125rem);
  }
  100% {
    opacity: 0;
    transform: translateY(-3.125rem);
  }
}
@keyframes animate-swap-vertically-2 {
  0% {
    opacity: 0;
    transform: translateY(3.125rem);
  }
  40% {
    opacity: 0;
    transform: translateY(3.125rem);
  }
  50% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.animate-3d-rotate {
  animation-name: animate-3d-rotate;
}

@keyframes animate-3d-rotate {
  0% {
    transform: rotateY(45deg);
  }
  100% {
    transform: rotateY(225deg);
  }
}
.animate-tilting-back-forth {
  animation-name: animate-tilting-back-forth;
}

@keyframes animate-tilting-back-forth {
  0% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
.animate-progress-indeterminate {
  animation-name: animate-progress-indeterminate;
}

@keyframes animate-progress-indeterminate {
  0% {
    left: 0;
    width: 0;
    opacity: 1;
    transform: scaleX(1);
  }
  25% {
    width: 100%;
    transform: scaleX(1);
  }
  49% {
    left: auto;
    right: 0;
    width: 0;
    opacity: 0;
    transform: scaleX(1);
  }
  50% {
    left: auto;
    right: 0;
    width: 0;
    opacity: 1;
    transform: scaleX(-1);
  }
  75% {
    left: auto;
    right: 0;
    width: 100%;
    transform: scaleX(-1);
  }
  100% {
    left: auto;
    right: 100%;
    width: 0;
    opacity: 0;
    transform: scaleX(-1);
  }
}
.animate-expand {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: animate-expand;
  animation-timing-function: ease-in-out;
}

tr.animate-expand td {
  transition: 0.55s;
}
tr.animate-expand .animate-collapse-expand-helper {
  animation-duration: 0.275s;
  animation-fill-mode: both;
  animation-name: animate-expand;
  animation-timing-function: ease-in-out;
}

@keyframes animate-expand {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: scaleY(0.8);
    transform-origin: center top;
  }
  90% {
    transform: scaleY(1.01);
    transform-origin: center top;
  }
  100% {
    max-height: 333vh;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transform-origin: center top;
  }
}
.animate-collapse {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: animate-collapse;
  animation-timing-function: ease-in-out;
}

@keyframes animate-collapse {
  0% {
    max-height: 333vh;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    transform-origin: center top;
  }
  100% {
    height: 0;
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: scaleY(0.8);
    transform-origin: center top;
  }
}
.animate-pause-on-hover:focus, .animate-pause-on-hover:hover {
  animation-play-state: paused;
}

.animate-delay-short {
  animation-delay: 0.25s;
}

.animate-delay-medium {
  animation-delay: 0.55s;
}

.animate-delay-long {
  animation-delay: 3s;
}

.animate-direction {
  animation-direction: normal;
}

.animate-direction-reverse {
  animation-direction: reverse;
}

.animate-direction-alternate {
  animation-direction: alternate;
}

.animate-direction-alternate-reverse {
  animation-direction: alternate-reverse;
}

.animate-duration-short {
  animation-duration: 0.2s;
}

.animate-duration-medium {
  animation-duration: 0.55s;
}

.animate-duration-long {
  animation-duration: 3s;
}

.animate-iteration-once {
  animation-iteration-count: 1;
}

.animate-iteration-count-infinite {
  animation-iteration-count: infinite;
}

.animate-fill-mode-forwards {
  animation-fill-mode: forwards;
}

.animate-fill-mode-backwards {
  animation-fill-mode: backwards;
}

.animate-fill-mode-both {
  animation-fill-mode: both;
}

.transition-timing-function-overshoot {
  transition-timing-function: cubic-bezier(0.67, -1.07, 0.31, 2.08);
}

.animation-timing-function-overshoot {
  animation-timing-function: cubic-bezier(0.67, -1.07, 0.31, 2.08);
}

.no-animate {
  animation: none !important;
}

.animate-force-repaint {
  animation: animate-force-repaint 0.2s;
}

.text-currency,
.animate-force-repaint-infinite {
  animation: animate-force-repaint 0.2s;
  animation-iteration-count: infinite;
}

@keyframes animate-force-repaint {
  from {
    padding-right: 0.00000001px;
  }
  to {
    padding-right: 0;
  }
}
pre {
  margin: 0.625rem 0 0 !important;
  padding-bottom: 1.875rem !important;
  border: none;
  background: transparent;
  font-size: inherit;
  line-height: 1.6;
  word-wrap: normal;
  white-space: pre;
  overflow: auto;
}
pre code {
  white-space: pre !important;
}

.resize-active * {
  transition: none !important;
}

[class^=icon-],
[class*=" icon-"] {
  vertical-align: middle;
  backface-visibility: hidden;
}

[data-icon]::before {
  content: attr(data-icon);
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]::before,
[class*=" icon-"]::before {
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.size-icon-custom {
  font-size: 0;
  vertical-align: middle;
}
.size-icon-custom::before {
  font-size: var(--icon-size) !important;
}

.size-icon-xsmall {
  font-size: 0;
  vertical-align: middle;
}
.size-icon-xsmall::before {
  font-size: 0.40625rem !important;
}

.size-icon-small {
  font-size: 0;
  vertical-align: middle;
}
.size-icon-small::before {
  font-size: 0.8125rem !important;
}

.size-icon-medium {
  font-size: 0;
  vertical-align: middle;
}
.size-icon-medium::before {
  font-size: 1.625rem !important;
}

.size-icon-large {
  font-size: 0;
  vertical-align: middle;
}
.size-icon-large::before {
  font-size: 2.4375rem !important;
}

.icon-glyphs-arrow-up::before {
  content: "\25be";
  display: inline-block;
  vertical-align: middle;
  transform: scaleY(-1);
}

.icon-glyphs-arrow-down::before {
  content: "\25be";
}

@font-face {
  font-display: block;
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  src: url('/assets/shared-iclasspro/fonts/iconfont/iconfont.eot');
  src: url('/assets/shared-iclasspro/fonts/iconfont/iconfont.eot?#iefix') format('eot'), url('/assets/shared-iclasspro/fonts/iconfont/iconfont.woff') format('woff'), url('/assets/shared-iclasspro/fonts/iconfont/iconfont.ttf') format('truetype'), url('/assets/shared-iclasspro/fonts/iconfont/iconfont.svg#iconfont') format('svg');
}
.icon-appointments::before {
  content: "\EA61";
  font-family: "iconfont" !important;
}

.icon-arrow-down::before {
  content: "\EA38";
  font-family: "iconfont" !important;
}

.icon-arrow-left::before {
  content: "\EA50";
  font-family: "iconfont" !important;
}

.icon-arrow-right::before {
  content: "\EA51";
  font-family: "iconfont" !important;
}

.icon-arrow-undo::before {
  content: "\EA79";
  font-family: "iconfont" !important;
}

.icon-arrow-up::before {
  content: "\EA39";
  font-family: "iconfont" !important;
}

.icon-at::before {
  content: "\EA93";
  font-family: "iconfont" !important;
}

.icon-attachment::before {
  content: "\EA59";
  font-family: "iconfont" !important;
}

.icon-awards::before {
  content: "\EA13";
  font-family: "iconfont" !important;
}

.icon-blackout-circle::before {
  content: "\EA14";
  font-family: "iconfont" !important;
}

.icon-blackout-full::before {
  content: "\EA15";
  font-family: "iconfont" !important;
}

.icon-bolt::before {
  content: "\EA33";
  font-family: "iconfont" !important;
}

.icon-book::before {
  content: "\EA60";
  font-family: "iconfont" !important;
}

.icon-book-cancel::before {
  content: "\EA5D";
  font-family: "iconfont" !important;
}

.icon-bookings-cp::before {
  content: "\EA8F";
  font-family: "iconfont" !important;
}

.icon-calendar::before {
  content: "\EA17";
  font-family: "iconfont" !important;
}

.icon-camera::before {
  content: "\EA55";
  font-family: "iconfont" !important;
}

.icon-cancel::before {
  content: "\EA18";
  font-family: "iconfont" !important;
}

.icon-cart::before {
  content: "\EA16";
  font-family: "iconfont" !important;
}

.icon-check::before {
  content: "\EA36";
  font-family: "iconfont" !important;
}

.icon-check-bold::before {
  content: "\EA47";
  font-family: "iconfont" !important;
}

.icon-check-circle::before {
  content: "\EA19";
  font-family: "iconfont" !important;
}

.icon-check-full::before {
  content: "\EA1A";
  font-family: "iconfont" !important;
}

.icon-check-in::before {
  content: "\EA73";
  font-family: "iconfont" !important;
}

.icon-chevron-double-left::before {
  content: "\EA0D";
  font-family: "iconfont" !important;
}

.icon-chevron-double-right::before {
  content: "\EA0E";
  font-family: "iconfont" !important;
}

.icon-chevron-single-down::before {
  content: "\EA0F";
  font-family: "iconfont" !important;
}

.icon-chevron-single-down-sm::before {
  content: "\EA1C";
  font-family: "iconfont" !important;
}

.icon-chevron-single-left::before {
  content: "\EA10";
  font-family: "iconfont" !important;
}

.icon-chevron-single-right::before {
  content: "\EA11";
  font-family: "iconfont" !important;
}

.icon-chevron-single-up::before {
  content: "\EA12";
  font-family: "iconfont" !important;
}

.icon-chevron-single-up-sm::before {
  content: "\EA2E";
  font-family: "iconfont" !important;
}

.icon-circle::before {
  content: "\EA5B";
  font-family: "iconfont" !important;
}

.icon-clock::before {
  content: "\EA1B";
  font-family: "iconfont" !important;
}

.icon-comment::before {
  content: "\EA3A";
  font-family: "iconfont" !important;
}

.icon-copy::before {
  content: "\EA72";
  font-family: "iconfont" !important;
}

.icon-credit-card-amex::before {
  content: "\EA85";
  font-family: "iconfont" !important;
}

.icon-credit-card-discover::before {
  content: "\EA64";
  font-family: "iconfont" !important;
}

.icon-credit-card-master-card::before {
  content: "\EA87";
  font-family: "iconfont" !important;
}

.icon-credit-card-visa::before {
  content: "\EA88";
  font-family: "iconfont" !important;
}

.icon-email::before {
  content: "\EA3B";
  font-family: "iconfont" !important;
}

.icon-email-blocked::before {
  content: "\EA63";
  font-family: "iconfont" !important;
}

.icon-excused-full::before {
  content: "\EA1D";
  font-family: "iconfont" !important;
}

.icon-export::before {
  content: "\EA57";
  font-family: "iconfont" !important;
}

.icon-filter::before {
  content: "\EA53";
  font-family: "iconfont" !important;
}

.icon-funnel::before {
  content: "\EA34";
  font-family: "iconfont" !important;
}

.icon-grid-view::before {
  content: "\EA2D";
  font-family: "iconfont" !important;
}

.icon-hand::before {
  content: "\EA69";
  font-family: "iconfont" !important;
}

.icon-hidden::before {
  content: "\EA78";
  font-family: "iconfont" !important;
}

.icon-hourglass::before {
  content: "\EA7B";
  font-family: "iconfont" !important;
}

.icon-inbox::before {
  content: "\EA37";
  font-family: "iconfont" !important;
}

.icon-indicator-balance::before {
  content: "\EA01";
  font-family: "iconfont" !important;
}

.icon-indicator-bday::before {
  content: "\EA02";
  font-family: "iconfont" !important;
}

.icon-indicator-expected-absence::before {
  content: "\EA03";
  font-family: "iconfont" !important;
}

.icon-indicator-first-day::before {
  content: "\EA04";
  font-family: "iconfont" !important;
}

.icon-indicator-first-day-ever::before {
  content: "\EA3E";
  font-family: "iconfont" !important;
}

.icon-indicator-first-day-level::before {
  content: "\EA4A";
  font-family: "iconfont" !important;
}

.icon-indicator-first-day-location::before {
  content: "\EA4B";
  font-family: "iconfont" !important;
}

.icon-indicator-first-day-session::before {
  content: "\EA4F";
  font-family: "iconfont" !important;
}

.icon-indicator-flag::before {
  content: "\EA71";
  font-family: "iconfont" !important;
}

.icon-indicator-in-session::before {
  content: "\EA5F";
  font-family: "iconfont" !important;
}

.icon-indicator-list::before {
  content: "\EA05";
  font-family: "iconfont" !important;
}

.icon-indicator-makeup::before {
  content: "\EA06";
  font-family: "iconfont" !important;
}

.icon-indicator-medical::before {
  content: "\EA07";
  font-family: "iconfont" !important;
}

.icon-indicator-new::before {
  content: "\EA0A";
  font-family: "iconfont" !important;
}

.icon-indicator-one-day::before {
  content: "\EA9C";
  font-family: "iconfont" !important;
}

.icon-indicator-promo::before {
  content: "\EA3C";
  font-family: "iconfont" !important;
}

.icon-indicator-repeat::before {
  content: "\EA5E";
  font-family: "iconfont" !important;
}

.icon-indicator-returning::before {
  content: "\EA3D";
  font-family: "iconfont" !important;
}

.icon-indicator-rollsheet::before {
  content: "\EA08";
  font-family: "iconfont" !important;
}

.icon-indicator-sibling::before {
  content: "\EA4D";
  font-family: "iconfont" !important;
}

.icon-indicator-skill-alert::before {
  content: "\EA56";
  font-family: "iconfont" !important;
}

.icon-indicator-transfer::before {
  content: "\EA09";
  font-family: "iconfont" !important;
}

.icon-indicator-transfer-from::before {
  content: "\EA6B";
  font-family: "iconfont" !important;
}

.icon-indicator-transfer-to::before {
  content: "\EA6A";
  font-family: "iconfont" !important;
}

.icon-indicator-trial::before {
  content: "\EA4E";
  font-family: "iconfont" !important;
}

.icon-indicator-waitlist::before {
  content: "\EA0B";
  font-family: "iconfont" !important;
}

.icon-indicator-warning::before {
  content: "\EA0C";
  font-family: "iconfont" !important;
}

.icon-info::before {
  content: "\EA1F";
  font-family: "iconfont" !important;
}

.icon-key::before {
  content: "\EA52";
  font-family: "iconfont" !important;
}

.icon-left-early-full::before {
  content: "\EA20";
  font-family: "iconfont" !important;
}

.icon-link::before {
  content: "\EA9F";
  font-family: "iconfont" !important;
}

.icon-list-view::before {
  content: "\EA7D";
  font-family: "iconfont" !important;
}

.icon-location-pin::before {
  content: "\EA44";
  font-family: "iconfont" !important;
}

.icon-lock::before {
  content: "\EA35";
  font-family: "iconfont" !important;
}

.icon-makeup-circle::before {
  content: "\EA21";
  font-family: "iconfont" !important;
}

.icon-makeup-full::before {
  content: "\EA22";
  font-family: "iconfont" !important;
}

.icon-microphone::before {
  content: "\EA23";
  font-family: "iconfont" !important;
}

.icon-minus::before {
  content: "\EA24";
  font-family: "iconfont" !important;
}

.icon-mobile::before {
  content: "\EA6F";
  font-family: "iconfont" !important;
}

.icon-more-horizontal::before {
  content: "\EA75";
  font-family: "iconfont" !important;
}

.icon-move::before {
  content: "\EA7A";
  font-family: "iconfont" !important;
}

.icon-overlap::before {
  content: "\EA49";
  font-family: "iconfont" !important;
}

.icon-override-1::before {
  content: "\EA67";
  font-family: "iconfont" !important;
}

.icon-override-1-circle::before {
  content: "\EA68";
  font-family: "iconfont" !important;
}

.icon-override-2::before {
  content: "\EA65";
  font-family: "iconfont" !important;
}

.icon-override-2-circle::before {
  content: "\EA66";
  font-family: "iconfont" !important;
}

.icon-parties-cp::before {
  content: "\EA8D";
  font-family: "iconfont" !important;
}

.icon-passes::before {
  content: "\EA99";
  font-family: "iconfont" !important;
}

.icon-pause::before {
  content: "\EA6E";
  font-family: "iconfont" !important;
}

.icon-pencil::before {
  content: "\EA25";
  font-family: "iconfont" !important;
}

.icon-phone::before {
  content: "\EA94";
  font-family: "iconfont" !important;
}

.icon-photo::before {
  content: "\EA41";
  font-family: "iconfont" !important;
}

.icon-play::before {
  content: "\EA77";
  font-family: "iconfont" !important;
}

.icon-plus::before {
  content: "\EA26";
  font-family: "iconfont" !important;
}

.icon-policies::before {
  content: "\EA45";
  font-family: "iconfont" !important;
}

.icon-print::before {
  content: "\EA8E";
  font-family: "iconfont" !important;
}

.icon-profile::before {
  content: "\EA27";
  font-family: "iconfont" !important;
}

.icon-question-mark::before {
  content: "\EA3F";
  font-family: "iconfont" !important;
}

.icon-reminder::before {
  content: "\EA5C";
  font-family: "iconfont" !important;
}

.icon-search::before {
  content: "\EA28";
  font-family: "iconfont" !important;
}

.icon-search-2::before {
  content: "\EA76";
  font-family: "iconfont" !important;
}

.icon-section-camp::before {
  content: "\EA4C";
  font-family: "iconfont" !important;
}

.icon-section-camp-filled::before {
  content: "\EA70";
  font-family: "iconfont" !important;
}

.icon-section-classes::before {
  content: "\EA1E";
  font-family: "iconfont" !important;
}

.icon-share-2::before {
  content: "\EA6C";
  font-family: "iconfont" !important;
}

.icon-sidebar-hide::before {
  content: "\EA8C";
  font-family: "iconfont" !important;
}

.icon-sidebar-show::before {
  content: "\EA8B";
  font-family: "iconfont" !important;
}

.icon-social-facebook::before {
  content: "\EA83";
  font-family: "iconfont" !important;
}

.icon-social-instagram::before {
  content: "\EA84";
  font-family: "iconfont" !important;
}

.icon-social-snapchat::before {
  content: "\EA80";
  font-family: "iconfont" !important;
}

.icon-social-twitter::before {
  content: "\EA81";
  font-family: "iconfont" !important;
}

.icon-social-youtube::before {
  content: "\EA82";
  font-family: "iconfont" !important;
}

.icon-star::before {
  content: "\EA2A";
  font-family: "iconfont" !important;
}

.icon-star-full::before {
  content: "\EA29";
  font-family: "iconfont" !important;
}

.icon-stop::before {
  content: "\EA74";
  font-family: "iconfont" !important;
}

.icon-substitute::before {
  content: "\EA5A";
  font-family: "iconfont" !important;
}

.icon-system::before {
  content: "\EA6D";
  font-family: "iconfont" !important;
}

.icon-table::before {
  content: "\EA43";
  font-family: "iconfont" !important;
}

.icon-tardy-circle::before {
  content: "\EA48";
  font-family: "iconfont" !important;
}

.icon-tardy-full::before {
  content: "\EA2B";
  font-family: "iconfont" !important;
}

.icon-tardy-left-early-full::before {
  content: "\EA2C";
  font-family: "iconfont" !important;
}

.icon-target::before {
  content: "\EA7E";
  font-family: "iconfont" !important;
}

.icon-trash::before {
  content: "\EA7C";
  font-family: "iconfont" !important;
}

.icon-unlink::before {
  content: "\EA54";
  font-family: "iconfont" !important;
}

.icon-upload::before {
  content: "\EA42";
  font-family: "iconfont" !important;
}

.icon-video::before {
  content: "\EA58";
  font-family: "iconfont" !important;
}

.icon-visible::before {
  content: "\EA89";
  font-family: "iconfont" !important;
}

.icon-waitlist-circle::before {
  content: "\EA31";
  font-family: "iconfont" !important;
}

.icon-waitlist-full::before {
  content: "\EA32";
  font-family: "iconfont" !important;
}

.icon-warning-full::before {
  content: "\EA62";
  font-family: "iconfont" !important;
}

.icon-x::before {
  content: "\EA40";
  font-family: "iconfont" !important;
}

.icon-x-bold::before {
  content: "\EA46";
  font-family: "iconfont" !important;
}

.icon-x-circle::before {
  content: "\EA2F";
  font-family: "iconfont" !important;
}

.icon-x-full::before {
  content: "\EA30";
  font-family: "iconfont" !important;
}

.icon-offset-left {
  position: relative;
  left: -0.9375rem;
  margin-left: -1.0625rem;
}

.auth-recur-billing {
  width: 20px;
}

.radio [class*=icon-credit-card-]::before,
.card-details [class*=icon-credit-card-]::before {
  font-size: 1.25rem;
}

.layout-main .taskbar-icon {
  position: relative;
  top: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.layout-main .taskbar-icon.background-tasks {
  background-position: 0 0;
}
.layout-main .taskbar-icon.background-tasks:focus, .layout-main .taskbar-icon.background-tasks:hover {
  background-position: -24px 0;
}
.layout-main .taskbar-icon.background-tasks.inactive {
  background-position: -48px 0;
}
.layout-main .taskbar-icon.background-tasks.processing {
  background: url("../../office-portal/images/project/taskbar-bgtask-processing.gif") no-repeat 0 0;
}
.layout-main .taskbar-icon.internal-messages {
  background-position: 0 -24px;
}
.layout-main .taskbar-icon.internal-messages:focus, .layout-main .taskbar-icon.internal-messages:hover {
  background-position: -24px -24px;
}
.layout-main .taskbar-icon.internal-messages.inactive {
  background-position: -48px -24px;
}
.layout-main .taskbar-icon.online-activity {
  background-position: 0 -48px;
}
.layout-main .taskbar-icon.online-activity:focus, .layout-main .taskbar-icon.online-activity:hover {
  background-position: -24px -48px;
}
.layout-main .taskbar-icon.online-activity.inactive {
  background-position: -48px -48px;
}
.layout-main .taskbar-icon.keywords {
  background-position: 0 -72px;
}
.layout-main .taskbar-icon.keywords:focus, .layout-main .taskbar-icon.keywords:hover {
  background-position: -24px -72px;
}
.layout-main .taskbar-icon.keywords.inactive {
  background-position: -48px -72px;
}
.layout-main .taskbar-icon.email {
  background-position: 0 -96px;
}
.layout-main .taskbar-icon.email:focus, .layout-main .taskbar-icon.email:hover {
  background-position: -24px -96px;
}
.layout-main .taskbar-icon.email.inactive {
  background-position: -48px -96px;
}
.layout-main .taskbar-icon.sms {
  background-position: 0 -120px;
}
.layout-main .taskbar-icon.sms:focus, .layout-main .taskbar-icon.sms:hover {
  background-position: -24px -120px;
}
.layout-main .taskbar-icon.sms.inactive {
  background-position: -48px -120px;
}
.layout-main .taskbar-icon.mailchimp {
  background-position: 0 -144px;
}
.layout-main .taskbar-icon.mailchimp:focus, .layout-main .taskbar-icon.mailchimp:hover {
  background-position: -24px -144px;
}
.layout-main .taskbar-icon.mailchimp.inactive {
  background-position: -48px -144px;
}
.layout-main .taskbar-icon.sessions {
  background-position: 0 -168px;
}
.layout-main .taskbar-icon.sessions:focus, .layout-main .taskbar-icon.sessions:hover {
  background-position: -24px -168px;
}
.layout-main .taskbar-icon.sessions.inactive {
  background-position: -48px -168px;
}
.layout-main .taskbar-icon.quick-edit {
  background-position: 0 -192px;
}
.layout-main .taskbar-icon.quick-edit:focus, .layout-main .taskbar-icon.quick-edit:hover {
  background-position: -24px -192px;
}
.layout-main .taskbar-icon.quick-edit.inactive {
  background-position: -48px -192px;
}
.layout-main .taskbar-icon.family-merge {
  background-position: 0 -216px;
}
.layout-main .taskbar-icon.family-merge:focus, .layout-main .taskbar-icon.family-merge:hover {
  background-position: -24px -216px;
}
.layout-main .taskbar-icon.family-merge.inactive {
  background-position: -48px -216px;
}
.layout-main .taskbar-icon.charge {
  background-position: 0 -240px;
}
.layout-main .taskbar-icon.charge:focus, .layout-main .taskbar-icon.charge:hover {
  background-position: -24px -240px;
}
.layout-main .taskbar-icon.charge.inactive {
  background-position: -48px -240px;
}
.layout-main .taskbar-icon.print {
  background-position: 0 -264px;
}
.layout-main .taskbar-icon.print:focus, .layout-main .taskbar-icon.print:hover {
  background-position: -24px -264px;
}
.layout-main .taskbar-icon.print.inactive {
  background-position: -48px -264px;
}
.layout-main .taskbar-icon.voice {
  background-position: 0 -288px;
}
.layout-main .taskbar-icon.voice:focus, .layout-main .taskbar-icon.voice:hover {
  background-position: -24px -288px;
}
.layout-main .taskbar-icon.voice.inactive {
  background-position: -48px -288px;
}
.layout-main .taskbar-icon.roll-sheet {
  background-position: 0 -312px;
}
.layout-main .taskbar-icon.roll-sheet:focus, .layout-main .taskbar-icon.roll-sheet:hover {
  background-position: -24px -312px;
}
.layout-main .taskbar-icon.roll-sheet.inactive {
  background-position: -48px -312px;
}
.layout-main .taskbar-icon.mass-copy {
  background-position: 0 -336px;
}
.layout-main .taskbar-icon.mass-copy:focus, .layout-main .taskbar-icon.mass-copy:hover {
  background-position: -24px -336px;
}
.layout-main .taskbar-icon.mass-copy.inactive {
  background-position: -48px -336px;
}
.layout-main .taskbar-icon.outgoing-message {
  background-position: 0 -360px;
}
.layout-main .taskbar-icon.outgoing-message:focus, .layout-main .taskbar-icon.outgoing-message:hover {
  background-position: -24px -360px;
}
.layout-main .taskbar-icon.outgoing-message.inactive {
  background-position: -48px -336px;
}
.layout-main .taskbar-icon.skill-sheet {
  background-position: 0 -385px;
}
.layout-main .taskbar-icon.skill-sheet:focus, .layout-main .taskbar-icon.skill-sheet:hover {
  background-position: -24px -385px;
}
.layout-main .taskbar-icon.skill-sheet.inactive {
  background-position: -48px -385px;
}
.layout-main .taskbar-icon.reports {
  background-position: 0 -409px;
}
.layout-main .taskbar-icon.reports:focus, .layout-main .taskbar-icon.reports:hover {
  background-position: -24px -409px;
}
.layout-main .taskbar-icon.reports.inactive {
  background-position: -48px -409px;
}
.layout-main .taskbar-icon.push-notification {
  background-position: 0 -433px;
}
.layout-main .taskbar-icon.push-notification:focus, .layout-main .taskbar-icon.push-notification:hover {
  background-position: -24px -433px;
}
.layout-main .taskbar-icon.push-notification.inactive {
  background-position: -48px -433px;
}
.layout-main .taskbar-icon.mass-cancel {
  background-position: 0 -457px;
}
.layout-main .taskbar-icon.mass-cancel:focus, .layout-main .taskbar-icon.mass-cancel:hover {
  background-position: -24px -457px;
}
.layout-main .taskbar-icon.mass-cancel.inactive {
  background-position: -48px -457px;
}
.layout-main .taskbar-icon.tasks {
  background-position: 0 -481px;
}
.layout-main .taskbar-icon.tasks:focus, .layout-main .taskbar-icon.tasks:hover {
  background-position: -24px -481px;
}
.layout-main .taskbar-icon.tasks.inactive {
  background-position: -48px -481px;
}
.layout-main .taskbar-icon.mass-tokens {
  background-position: 0 -505px;
}
.layout-main .taskbar-icon.mass-tokens:focus, .layout-main .taskbar-icon.mass-tokens:hover {
  background-position: -24px -505px;
}
.layout-main .taskbar-icon.mass-tokens.inactive {
  background-position: -48px -505px;
}
.layout-main .taskbar-icon.substitute {
  background-position: 0 -529px;
}
.layout-main .taskbar-icon.substitute:focus, .layout-main .taskbar-icon.substitute:hover {
  background-position: -24px -529px;
}
.layout-main .taskbar-icon.substitute.inactive {
  background-position: -48px -529px;
}
.layout-main .taskbar-icon.scheduled-email {
  background-position: 0 -553px;
}
.layout-main .taskbar-icon.scheduled-email:focus, .layout-main .taskbar-icon.scheduled-email:hover {
  background-position: -24px -553px;
}
.layout-main .taskbar-icon.scheduled-email.inactive {
  background-position: -48px -553px;
}
.layout-main .taskbar-icon.reminder {
  background-position: 0 -577px;
}
.layout-main .taskbar-icon.reminder:focus, .layout-main .taskbar-icon.reminder:hover {
  background-position: -24px -577px;
}
.layout-main .taskbar-icon.reminder.inactive {
  background-position: -48px -577px;
}
.layout-main .taskbar-icon.database {
  background-position: 0 -601px;
}
.layout-main .taskbar-icon.database:focus, .layout-main .taskbar-icon.database:hover {
  background-position: -24px -601px;
}
.layout-main .taskbar-icon.database.inactive {
  background-position: -48px -601px;
}
.layout-main .taskbar-icon.download {
  background-position: 0 -625px;
}
.layout-main .taskbar-icon.download:focus, .layout-main .taskbar-icon.download:hover {
  background-position: -24px -625px;
}
.layout-main .taskbar-icon.download.inactive {
  background-position: -48px -625px;
}
.layout-main .taskbar-icon.messaging {
  background-position: 0 -651px;
}
.layout-main .taskbar-icon.messaging:focus, .layout-main .taskbar-icon.messaging:hover {
  background-position: -24px -651px;
}
.layout-main .taskbar-icon.messaging.inactive {
  background-position: -48px -651px;
}

.header-right ul,
.menu-left .icpg-accordion,
.menu-left .icpg-accordion .expand,
.menu-left .icpg-accordion .link-list,
.icpg-accordion,
.icpg-accordion .expand,
.icpg-accordion .link-list,
.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post .render-wrap ol,
.post .render-wrap ul {
  margin: 0;
}

html {
  hyphens: auto !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

body {
  font-size: 0.8125rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.text-additional {
  display: block;
  font-size: 0.6875rem;
  white-space: nowrap;
  color: rgba(51, 51, 51, 0.6);
}
.text-additional .modified {
  font-style: italic;
}

.text-between {
  padding: 0.625rem 0;
  font-weight: 600;
  text-align: center;
}

.text-callout {
  font-size: 2.1875rem;
  font-weight: 700;
}

.text-danger {
  color: #5086b7;
}

.text-currency {
  display: inline-block;
  font-size: 1.875rem;
  font-weight: 800;
  white-space: nowrap;
}
.text-currency > .text-currency-symbol {
  padding-right: 0.125rem;
  font-size: 0.8125rem;
  vertical-align: 0.1875rem;
}

.text-deleted {
  text-decoration: line-through;
  color: fade(#333, 30%);
}
.text-deleted:focus, .text-deleted:hover {
  text-decoration: none;
}

.text-description {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  font-style: italic;
  font-weight: normal;
  color: inherit;
}

.text-intro {
  max-width: 62.5rem;
  margin-bottom: 1.875rem;
  font-size: 0.8125rem;
  line-height: 2.4;
}

.text-invalid,
.text-success,
.text-warning {
  display: block;
  font-style: italic;
  font-weight: normal;
}
.text-invalid::first-letter,
.text-success::first-letter,
.text-warning::first-letter {
  text-transform: uppercase;
}
.text-invalid [class*=icon-],
.text-success [class*=icon-],
.text-warning [class*=icon-] {
  margin-right: 0.3125rem;
  font-size: 0.625rem;
}

.text-invalid {
  color: #cc3c3c;
}

.text-label {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.625rem 0;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: normal;
  color: #5086b7;
}
.text-label + .text-description, .text-label + .btn-icon + .text-description, .text-label + .bs4-helper + .text-description {
  margin-top: -0.625rem;
}
.text-label + .text-description::before, .text-label + .btn-icon + .text-description::before, .text-label + .bs4-helper + .text-description::before {
  content: " ";
}

.text-label-under {
  display: block;
  position: relative;
  float: none;
  clear: both;
  margin: 0.3125rem 0.125rem 0.4375rem 0;
  padding: 0;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: inherit;
  text-transform: uppercase;
  color: #333;
}

.text-large {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  font-size: 1.125rem;
  font-weight: normal;
  text-transform: none;
  color: #333;
}
.text-large:first-child {
  margin-top: 0;
}
.text-large[class*=icon-] {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.text-large[class*=icon-]::before {
  font-size: 18px;
}

.text-last-modified {
  display: inline;
  position: relative;
  font-size: 0.6875rem;
  font-style: italic;
  font-weight: normal;
}
.text-last-modified time {
  font-style: normal;
}

.text-link {
  padding: 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 calc(100% + 0.0625rem);
  background-repeat: no-repeat;
  background-size: 0 0.0625rem;
  text-decoration: none;
  color: #5086b7;
  transition: 0.2s;
}
.text-link:active, .text-link:focus, .text-link:hover {
  background-size: 100% 0.0625rem;
  text-decoration: none;
  color: #20384e;
}
.text-link:focus-within {
  background-size: 100% 0.0625rem;
  text-decoration: none;
  color: #20384e;
}

.text-required::after {
  content: "*";
  display: inline-block;
  padding-left: 0.1875rem;
  color: #cc3c3c;
}

.text-separator {
  display: inline-block;
  padding: 0 0.625rem;
  vertical-align: top;
  color: rgba(51, 51, 51, 0.25) !important;
}
.text-separator.text-separator-small {
  padding: 0 0.3125rem;
}

.text-success {
  color: #35973b !important;
}

.text-warning {
  color: #ce4801 !important;
}

.text-wrap-balance {
  text-wrap: balance;
}

.text-wrap-pretty {
  text-wrap: pretty;
}

* * ng-messages,
* + .text-wrap,
* + .text-description,
* + .text-invalid,
* + .text-success,
* + .text-warning {
  padding-top: 0.3125rem;
}

[class*=input-no-bg][class*=input-no-border],
a {
  font-weight: 600;
  text-decoration: none;
  -webkit-text-decoration-color: #d2d2d2;
          text-decoration-color: #d2d2d2;
  text-underline-offset: 0.2125rem;
  color: #5086b7;
  cursor: pointer;
  transition: outline 0s, outline-offset 0s, color 0.2s, background-size 0.2s, -webkit-text-decoration-color 0.2s;
  transition: outline 0s, outline-offset 0s, color 0.2s, background-size 0.2s, text-decoration-color 0.2s;
  transition: outline 0s, outline-offset 0s, color 0.2s, background-size 0.2s, text-decoration-color 0.2s, -webkit-text-decoration-color 0.2s;
}
[class*=input-no-bg][class*=input-no-border]:active, [class*=input-no-bg][class*=input-no-border]:focus, [class*=input-no-bg][class*=input-no-border]:hover,
a:active,
a:focus,
a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  color: #20384e;
}
.fill[class*=input-no-bg][class*=input-no-border],
a.fill,
a.fill:active,
a.fill:focus,
a.fill:hover {
  text-decoration: none;
}
[data-toggle=tab][class*=input-no-bg][class*=input-no-border], [data-toggle=tooltip][class*=input-no-bg][class*=input-no-border], [role=tab][class*=input-no-bg][class*=input-no-border], .btn[class*=input-no-bg][class*=input-no-border], .text-link[class*=input-no-bg][class*=input-no-border],
a[data-toggle=tab],
a[data-toggle=tooltip],
a[role=tab],
a.btn,
a.text-link {
  outline-offset: 0;
}
[data-toggle=tab][class*=input-no-bg][class*=input-no-border], [data-toggle=tooltip][class*=input-no-bg][class*=input-no-border], [role=tab][class*=input-no-bg][class*=input-no-border], .btn[class*=input-no-bg][class*=input-no-border], .text-link[class*=input-no-bg][class*=input-no-border],
a[data-toggle=tab],
a[data-toggle=tab]:active,
a[data-toggle=tab]:focus,
a[data-toggle=tab]:hover,
a[data-toggle=tooltip],
a[data-toggle=tooltip]:active,
a[data-toggle=tooltip]:focus,
a[data-toggle=tooltip]:hover,
a[role=tab],
a[role=tab]:active,
a[role=tab]:focus,
a[role=tab]:hover,
a.btn,
a.btn:active,
a.btn:focus,
a.btn:hover,
a.text-link,
a.text-link:active,
a.text-link:focus,
a.text-link:hover {
  text-decoration: none;
}
[data-toggle=tab][class*=input-no-bg][class*=input-no-border]:focus, [data-toggle=tooltip][class*=input-no-bg][class*=input-no-border]:focus, [role=tab][class*=input-no-bg][class*=input-no-border]:focus, .btn[class*=input-no-bg][class*=input-no-border]:focus, .text-link[class*=input-no-bg][class*=input-no-border]:focus,
a[data-toggle=tab]:focus,
a[data-toggle=tooltip]:focus,
a[role=tab]:focus,
a.btn:focus,
a.text-link:focus {
  outline: 0 !important;
}

.realign-with-input {
  position: relative;
  top: 0.5rem;
}

.realign-with-input-ui-small {
  position: relative;
  top: 0.1875rem;
}

.realign-with-input-ui-large {
  position: relative;
  top: 0.1875rem;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
  cursor: inherit;
}

blockquote {
  position: relative;
  margin: 0 0 1.6rem;
  padding: 0.9375rem;
  padding-left: 3.125rem;
  border-left: 3px solid #d2d2d2;
  font-size: 1.1875rem;
  font-style: italic;
}
blockquote::before {
  content: "\201c";
  position: absolute;
  top: 1.875rem;
  left: 0.625rem;
  font-family: Arial, sans-serif;
  font-size: 4rem;
  color: #d2d2d2;
}
blockquote footer {
  font-style: normal;
}
blockquote footer::before {
  content: "\2014\a0";
}

:not(pre) > code {
  padding: 0.125rem 0.25rem;
  border-radius: 4px;
  background-color: #f9f2f4;
  font-size: 90%;
  color: #c7254e;
}

code,
kbd,
pre,
samp {
  font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;
}

em {
  font-style: italic;
}

.font-family-base {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.font-family-monospace {
  font-family: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
}

.font-family-secondary {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.font-family-serif {
  font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
}

.font-family-sans-serif {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  font-weight: inherit;
}
h1 [class*=shape-]:first-child,
h1 :not([class*=shape-]) > [class*=icon-]:first-child,
h2 [class*=shape-]:first-child,
h2 :not([class*=shape-]) > [class*=icon-]:first-child,
h3 [class*=shape-]:first-child,
h3 :not([class*=shape-]) > [class*=icon-]:first-child,
h4 [class*=shape-]:first-child,
h4 :not([class*=shape-]) > [class*=icon-]:first-child,
h5 [class*=shape-]:first-child,
h5 :not([class*=shape-]) > [class*=icon-]:first-child,
h6 [class*=shape-]:first-child,
h6 :not([class*=shape-]) > [class*=icon-]:first-child,
.h1 [class*=shape-]:first-child,
.h1 :not([class*=shape-]) > [class*=icon-]:first-child,
.h2 [class*=shape-]:first-child,
.h2 :not([class*=shape-]) > [class*=icon-]:first-child,
.h3 [class*=shape-]:first-child,
.h3 :not([class*=shape-]) > [class*=icon-]:first-child,
.h4 [class*=shape-]:first-child,
.h4 :not([class*=shape-]) > [class*=icon-]:first-child,
.h5 [class*=shape-]:first-child,
.h5 :not([class*=shape-]) > [class*=icon-]:first-child,
.h6 [class*=shape-]:first-child,
.h6 :not([class*=shape-]) > [class*=icon-]:first-child {
  margin-right: 0.3125rem;
}

h1,
.h1 {
  font-size: 1.875rem;
  font-weight: 800;
}

h2,
.h2 {
  font-size: 1.6875rem;
  font-weight: 700;
}

h3,
.h3 {
  font-size: 1.5rem;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 1.3125rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 1.0625rem;
  font-weight: 700;
}

h6,
.h6 {
  font-size: 0.6875rem;
  font-weight: 700;
}

mark,
.mark {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 0.125rem var(--bg-hook, #fae9a8);
  background: transparent;
  background-color: #fae9a8;
  color: #565656;
}

p {
  margin: 0 0 1.6rem;
}

small {
  font-size: 0.875em;
}

strong {
  font-weight: 700;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icpg-slide {
  display: none;
}

.icpg-active .icpg-slide {
  display: block;
}

.icpg-accordion {
  height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .icpg-accordion .expand li {
    padding: 0.1875rem 0;
  }
}
.icpg-accordion .link-list {
  padding: 0.125rem 0 0.625rem 1.25rem;
}
.icpg-accordion .link-list li {
  padding: 0.25rem 0;
}
.icpg-accordion .link-list li.icpg-active a {
  font-style: italic;
  font-weight: 700;
  color: #0b65aa;
}
.icpg-accordion .link-list li a {
  position: relative;
  font: 400 0.8125rem/1.125rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.icpg-accordion .link-list li a.icpg-active {
  font: 500 0.875rem/1.125rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.icpg-accordion .sub-nav {
  display: block;
}

.menu-left .icpg-accordion {
  padding: 2.25rem 1.875rem;
}
.menu-left .icpg-accordion li {
  display: block;
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid #eaeaea;
  font: 700 1.25rem/1.25 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.menu-left .icpg-accordion li:last-child {
  border: none;
}
.menu-left .icpg-accordion li a {
  text-decoration: none;
  color: #0d70ac;
}
.menu-left .icpg-accordion .expand {
  padding: 0.9375rem 0;
}
.menu-left .icpg-accordion .expand li {
  padding: 0.1875rem 0;
  border: none;
  font: 400 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.menu-left .icpg-accordion .expand li.icpg-active .inner-open {
  font: 700 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.menu-left .icpg-accordion .expand li a {
  text-decoration: none;
  color: #5a5a5a;
}
.menu-left .icpg-accordion .expand li a:focus, .menu-left .icpg-accordion .expand li a:hover, .menu-left .icpg-accordion .expand li a.icpg-active {
  font: 400 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.menu-left .icpg-accordion .expand li a.icpg-active {
  font-weight: 700;
}
.menu-left .icpg-accordion .expand li a.icpg-active:focus, .menu-left .icpg-accordion .expand li a.icpg-active:hover {
  opacity: 0.8;
}
.menu-left .icpg-accordion .link-list {
  padding: 0 1.25rem;
}
.menu-left .icpg-accordion .link-list li {
  padding: 0.3125rem 0;
  font: 400 0.8125rem/1.125rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.menu-left .icpg-accordion .link-list li.icpg-active a {
  font-style: italic;
  font-weight: 700;
  color: #0b65aa;
}
.menu-left .icpg-accordion .link-list li a.icpg-active {
  font-style: italic;
  font-weight: 700;
  color: #0b65aa;
}

div.badge {
  display: block;
}

span.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.badge {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  position: relative;
  min-width: 1.25rem;
  padding: 0.5rem 1.125rem;
  border-radius: 20px;
  background: #282828;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  text-align: center;
  vertical-align: middle;
}
.badge, .badge:focus, .badge:hover {
  text-decoration: none;
}
.badge:not([class*=bg-]) {
  color: #fff;
}
.badge[class*=badge-outline] {
  position: relative;
}
.badge[class*=badge-outline]::after, .badge[class*=badge-outline]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: inherit;
}
.badge[class*=badge-outline]::after {
  box-shadow: inset 0 0 0 1px #d2d2d2;
}
.badge[class*=badge-outline], .badge[class*=badge-outline]:active, .badge[class*=badge-outline]:focus, .badge[class*=badge-outline]:hover {
  background: transparent !important;
}
.badge[class*=badge-outline].badge-outline-with-tint, .badge[class*=badge-outline].badge-tint {
  position: relative;
}
.badge[class*=badge-outline].badge-outline-with-tint::after, .badge[class*=badge-outline].badge-outline-with-tint::before, .badge[class*=badge-outline].badge-tint::after, .badge[class*=badge-outline].badge-tint::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92));
  mix-blend-mode: darken;
}
.badge[class*=badge-outline].badge-outline-with-tint::after, .badge[class*=badge-outline].badge-tint::after {
  box-shadow: inset 0 0 0 1px currentColor;
  opacity: 0.5;
  background: transparent;
  pointer-events: none;
}
.badge[class*=badge-outline].badge-outline-with-tint > *, .badge[class*=badge-outline].badge-tint > * {
  filter: brightness(0.8);
}
.badge.badge-tint {
  position: relative;
}
.badge.badge-tint::after, .badge.badge-tint::before {
  background-color: currentColor;
  background-image: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92));
  mix-blend-mode: darken;
}
.badge.badge-tint > * {
  filter: brightness(0.8);
}
.badge.badge-circle {
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  padding: 0;
  border: 3px solid #fff;
  box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.15);
}
.badge.badge-circle.ui-small {
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0;
  border: 1px solid #fff;
  box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.15);
  line-height: 0.9375rem;
}
.badge.badge-circle [class*=icon-] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 0;
  transform: translateY(-50%);
}
.badge.badge-circle [class*=icon-]::before {
  font-size: 0.625rem;
}
.badge.badge-offset {
  position: absolute;
  pointer-events: none;
}
.badge.badge-realign:not(.ui-small) {
  margin: -0.125rem 0 0 -1rem;
}
.badge.ui-small {
  min-width: 0.3125rem;
  min-height: 0.9375rem;
  margin: 0;
  padding: 0 0.3125rem;
  font-size: 0.65625rem;
  font-weight: bold;
  line-height: 0.9375rem;
}
.badge [class*=icon-] {
  padding: 0;
  line-height: 0;
}
.badge [class*=icon-] + * {
  margin-left: 5px;
}
.badge .badge {
  margin-right: -0.625rem;
}

[class*=has-badge].has-badge-checked {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
[class*=has-badge].has-badge-checked [type=checkbox]:checked ~ .badge.badge-offset,
[class*=has-badge].has-badge-checked [type=radio]:checked ~ .badge.badge-offset {
  display: block;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}
[class*=has-badge].has-badge-selected .badge.badge-offset {
  display: block;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}
[class*=has-badge].has-badge-focus:focus .badge.badge-offset {
  display: block;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}
[class*=has-badge] .badge.badge-offset {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}

button {
  text-decoration: none;
  cursor: pointer;
}
button:disabled {
  pointer-events: none;
}
button:disabled [class*=icon-]::before {
  filter: saturate(0);
}
button:focus {
  outline: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button:focus-visible {
  outline: 0;
}
button.close {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  padding: 0;
  border: 0;
  opacity: 1;
  background: 0 0;
  color: #929292;
  cursor: pointer;
  -webkit-appearance: none;
}
button.close:hover {
  color: #333;
}

label.btn {
  margin: 0;
}

.btn {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  position: relative;
  width: 100%;
  padding: calc((2.5rem - (0.8125rem * 1.5) - (0.0625rem * 2)) / 2) 0.625rem;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s, border 0.2s, opacity 0.2s, background 0.2s, background-position 0s, box-shadow 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn {
  border-color: #d2d2d2;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: none;
}
.btn:hover {
  color: #565656;
  border-color: #bbbbbb;
  background-color: #eeeeee;
}
.btn:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #bbbbbb);
}
.btn:not(:disabled):not(.disabled):focus {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #eeeeee;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn:not(:disabled):not(.disabled):focus-within {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
.btn:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #eeeeee;
}
.btn.disabled,
.btn:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.disabled :is([class*=icon-]),
.btn:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.show > .btn.dropdown-toggle {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  color: #565656;
}
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn:not(:disabled):not(.disabled):active:focus-within,
.btn:not(:disabled):not(.disabled).active:focus-within,
.show > .btn.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn:not(:disabled):not(.disabled):active:focus:not(:focus-visible),
.btn:not(:disabled):not(.disabled).active:focus:not(:focus-visible),
.show > .btn.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
.btn:not(:disabled):not(.disabled):active:focus:focus-visible,
.btn:not(:disabled):not(.disabled).active:focus:focus-visible,
.show > .btn.dropdown-toggle:focus:focus-visible {
  background-color: #eeeeee;
}
.btn[class*=btn-no-bg] {
  box-shadow: none;
}
.btn[class*=btn-no-bg]:active:not(:disabled) {
  box-shadow: none;
}
.btn[class*=btn-no-bg]:not(.btn-no-bg-allow-states) {
  background: none !important;
}
.btn[class*=btn-no-bg].btn-no-bg-allow-states:not(:active):not(:focus) {
  background: none !important;
}
.btn[class*=btn-no-border]:disabled {
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}
.btn[class*=btn-no-border]:not(.btn-no-border-allow-states) {
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn[class*=btn-no-border].btn-no-border-allow-states:not(:active):not(:focus) {
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn[class*=btn-no-bg][class*=btn-no-border]:not(.btn-prevent-text-look) {
  font-weight: 600;
  text-decoration: none;
  -webkit-text-decoration-color: #d2d2d2;
          text-decoration-color: #d2d2d2;
  text-underline-offset: 0.2125rem;
  color: #5086b7;
  transition: 0.2s;
}
.btn[class*=btn-no-bg][class*=btn-no-border]:not(.btn-prevent-text-look):not(:focus):active:not(:disabled),
.btn[class*=btn-no-bg][class*=btn-no-border]:not(.btn-prevent-text-look):not(:focus):active:not(.disabled),
.btn[class*=btn-no-bg][class*=btn-no-border]:not(.btn-prevent-text-look):not(:focus):hover:not(:disabled),
.btn[class*=btn-no-bg][class*=btn-no-border]:not(.btn-prevent-text-look):not(:focus):hover:not(.disabled) {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  color: #20384e;
}
.btn.btn-loading {
  background-size: 1.25rem;
  text-indent: -624.9375rem;
  display: inline-block;
  background-image: url("../images/shared/icons/loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.btn.btn-loading,
.btn.btn-loading:active,
.btn.btn-loading:focus,
.btn.btn-loading:hover {
  color: rgba(0, 0, 0, 0) !important;
}
.btn.btn-loading [class*=icon-],
.btn.btn-loading .fa {
  display: none;
}
.btn.btn-pill {
  border-radius: 9999px;
}
.btn.ui-large,
.btn.ui-small,
.btn.ui-xlarge {
  border-width: 0.0625rem;
  line-height: 1.5;
}
.btn.ui-large {
  padding: calc((3.75rem - (1.6875rem) - (0.0625rem * 2)) / 2) 1rem;
  border-radius: 5px;
  font-size: 1.125rem;
  font-weight: 600;
}
.btn.ui-small {
  padding: calc((1.875rem - (1.125rem) - (0.0625rem * 2)) / 2) 0.5rem;
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 600;
}
.btn.ui-xlarge {
  padding: calc((4.6875rem - (1.6875rem) - (0.0625rem * 2)) / 2) 0.5rem;
  border-radius: 8px;
  font-size: 1.125rem;
  font-weight: 600;
}
.btn [class*=icon-] {
  font-size: 0;
}
.btn [class*=icon-]::before {
  font-size: 0.875rem;
  vertical-align: -0.3125rem;
}
.btn [class*=icon-]:first-child {
  padding-right: 0.3125rem;
}
.btn [class*=icon-]:last-child {
  padding-left: 0.3125rem;
}
.btn [class*=icon-]:only-child {
  padding-left: 0;
  padding-right: 0;
}
.btn [class*=icon-arrow-]::before,
.btn [class*=icon-chevron-]::before {
  font-size: 0.6875rem;
}

[class*=btn-icon],
label.checkbox[class*=btn-icon],
label.radio[class*=btn-icon] {
  display: inline-flex;
  position: relative;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
  align-items: center;
  justify-content: center;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  padding: 0;
  text-align: center;
}
[class*=btn-icon]:disabled,
label.checkbox[class*=btn-icon]:disabled,
label.radio[class*=btn-icon]:disabled {
  cursor: not-allowed;
}
[class*=btn-icon]:disabled > *,
label.checkbox[class*=btn-icon]:disabled > *,
label.radio[class*=btn-icon]:disabled > * {
  opacity: 0.5;
}
[class*=btn-icon].btn-icon-hover-text,
label.checkbox[class*=btn-icon].btn-icon-hover-text,
label.radio[class*=btn-icon].btn-icon-hover-text {
  flex-direction: column;
}
[class*=btn-icon].btn-icon-hover-text:focus :is([class*=icon-]), [class*=btn-icon].btn-icon-hover-text:hover :is([class*=icon-]),
label.checkbox[class*=btn-icon].btn-icon-hover-text:focus :is([class*=icon-]),
label.checkbox[class*=btn-icon].btn-icon-hover-text:hover :is([class*=icon-]),
label.radio[class*=btn-icon].btn-icon-hover-text:focus :is([class*=icon-]),
label.radio[class*=btn-icon].btn-icon-hover-text:hover :is([class*=icon-]) {
  opacity: 0;
  transform: translateY(-0.625rem);
  transition-delay: 0.2s;
}
[class*=btn-icon].btn-icon-hover-text:focus .btn-icon-hover-text-content, [class*=btn-icon].btn-icon-hover-text:hover .btn-icon-hover-text-content,
label.checkbox[class*=btn-icon].btn-icon-hover-text:focus .btn-icon-hover-text-content,
label.checkbox[class*=btn-icon].btn-icon-hover-text:hover .btn-icon-hover-text-content,
label.radio[class*=btn-icon].btn-icon-hover-text:focus .btn-icon-hover-text-content,
label.radio[class*=btn-icon].btn-icon-hover-text:hover .btn-icon-hover-text-content {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
[class*=btn-icon].btn-icon-hover-text :not(.btn-icon-hover-text-content),
label.checkbox[class*=btn-icon].btn-icon-hover-text :not(.btn-icon-hover-text-content),
label.radio[class*=btn-icon].btn-icon-hover-text :not(.btn-icon-hover-text-content) {
  opacity: 1;
  transform: translateY(0);
  transition: 0.2s;
  transition-delay: transform 0.2s;
}
[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content,
label.checkbox[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content,
label.radio[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content {
  display: flex;
  position: absolute;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  align-items: center;
  justify-content: center;
  inset: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 0.8125rem;
  line-height: 1;
  transform: translateY(0.625rem);
  transition: 0.2s;
  transition-delay: transform 0.2s;
}
[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content:only-child,
label.checkbox[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content:only-child,
label.radio[class*=btn-icon].btn-icon-hover-text .btn-icon-hover-text-content:only-child {
  width: auto;
  opacity: 1;
  transform: translateY(0);
}
[class*=btn-icon].btn-secondary,
label.checkbox[class*=btn-icon].btn-secondary,
label.radio[class*=btn-icon].btn-secondary {
  color: #333;
}
[class*=btn-icon].btn-secondary:active, [class*=btn-icon].btn-secondary:focus, [class*=btn-icon].btn-secondary:hover,
label.checkbox[class*=btn-icon].btn-secondary:active,
label.checkbox[class*=btn-icon].btn-secondary:focus,
label.checkbox[class*=btn-icon].btn-secondary:hover,
label.radio[class*=btn-icon].btn-secondary:active,
label.radio[class*=btn-icon].btn-secondary:focus,
label.radio[class*=btn-icon].btn-secondary:hover {
  color: #333;
}
[class*=btn-icon].btn-icon-add, [class*=btn-icon].btn-icon-remove,
label.checkbox[class*=btn-icon].btn-icon-add,
label.checkbox[class*=btn-icon].btn-icon-remove,
label.radio[class*=btn-icon].btn-icon-add,
label.radio[class*=btn-icon].btn-icon-remove {
  border-width: 0.0625rem;
  transition: 0.2s;
}
[class*=btn-icon].btn-icon-add, [class*=btn-icon].btn-icon-add:hover, [class*=btn-icon].btn-icon-remove, [class*=btn-icon].btn-icon-remove:hover,
label.checkbox[class*=btn-icon].btn-icon-add,
label.checkbox[class*=btn-icon].btn-icon-add:hover,
label.checkbox[class*=btn-icon].btn-icon-remove,
label.checkbox[class*=btn-icon].btn-icon-remove:hover,
label.radio[class*=btn-icon].btn-icon-add,
label.radio[class*=btn-icon].btn-icon-add:hover,
label.radio[class*=btn-icon].btn-icon-remove,
label.radio[class*=btn-icon].btn-icon-remove:hover {
  box-shadow: 0 1px 4px rgba(1, 1, 1, 0.15);
  background: #fff !important;
}
[class*=btn-icon].btn-icon-add:focus-visible, [class*=btn-icon].btn-icon-remove:focus-visible,
label.checkbox[class*=btn-icon].btn-icon-add:focus-visible,
label.checkbox[class*=btn-icon].btn-icon-remove:focus-visible,
label.radio[class*=btn-icon].btn-icon-add:focus-visible,
label.radio[class*=btn-icon].btn-icon-remove:focus-visible {
  box-shadow: 0 1px 4px rgba(1, 1, 1, 0.15);
  background: #fff !important;
}
[class*=btn-icon].btn-icon-add:focus:not(:active), [class*=btn-icon].btn-icon-add:hover:not(:active), [class*=btn-icon].btn-icon-remove:focus:not(:active), [class*=btn-icon].btn-icon-remove:hover:not(:active),
label.checkbox[class*=btn-icon].btn-icon-add:focus:not(:active),
label.checkbox[class*=btn-icon].btn-icon-add:hover:not(:active),
label.checkbox[class*=btn-icon].btn-icon-remove:focus:not(:active),
label.checkbox[class*=btn-icon].btn-icon-remove:hover:not(:active),
label.radio[class*=btn-icon].btn-icon-add:focus:not(:active),
label.radio[class*=btn-icon].btn-icon-add:hover:not(:active),
label.radio[class*=btn-icon].btn-icon-remove:focus:not(:active),
label.radio[class*=btn-icon].btn-icon-remove:hover:not(:active) {
  transform: scale(1.1);
}
[class*=btn-icon].btn-icon-add:focus-visible:not(:active), [class*=btn-icon].btn-icon-remove:focus-visible:not(:active),
label.checkbox[class*=btn-icon].btn-icon-add:focus-visible:not(:active),
label.checkbox[class*=btn-icon].btn-icon-remove:focus-visible:not(:active),
label.radio[class*=btn-icon].btn-icon-add:focus-visible:not(:active),
label.radio[class*=btn-icon].btn-icon-remove:focus-visible:not(:active) {
  transform: scale(1.1);
}
[class*=btn-icon].btn-icon-add + label, [class*=btn-icon].btn-icon-remove + label,
label.checkbox[class*=btn-icon].btn-icon-add + label,
label.checkbox[class*=btn-icon].btn-icon-remove + label,
label.radio[class*=btn-icon].btn-icon-add + label,
label.radio[class*=btn-icon].btn-icon-remove + label {
  margin-left: 0.3125rem;
  font-size: 0.8125rem;
}
[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):active, [class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):hover,
label.checkbox[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):active,
label.checkbox[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):hover,
label.radio[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):active,
label.radio[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):hover {
  border-color: #6ec573 !important;
  border-style: solid;
  color: #6ec573;
}
[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):focus-visible,
label.checkbox[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):focus-visible,
label.radio[class*=btn-icon].btn-icon-add:not(:disabled):not(.disabled):focus-visible {
  border-color: #6ec573 !important;
  border-style: solid;
  color: #6ec573;
}
[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):active, [class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):hover,
label.checkbox[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):active,
label.checkbox[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):hover,
label.radio[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):active,
label.radio[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):hover {
  border-color: #cc3c3c !important;
  border-style: solid;
  color: #cc3c3c;
}
[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):focus-visible,
label.checkbox[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):focus-visible,
label.radio[class*=btn-icon].btn-icon-remove:not(:disabled):not(.disabled):focus-visible {
  border-color: #cc3c3c !important;
  border-style: solid;
  color: #cc3c3c;
}
[class*=btn-icon].btn-pill,
label.checkbox[class*=btn-icon].btn-pill,
label.radio[class*=btn-icon].btn-pill {
  border-radius: 9999px;
}
[class*=btn-icon].dropdown-toggle::after,
label.checkbox[class*=btn-icon].dropdown-toggle::after,
label.radio[class*=btn-icon].dropdown-toggle::after {
  display: none;
}
[class*=btn-icon].ui-large,
label.checkbox[class*=btn-icon].ui-large,
label.radio[class*=btn-icon].ui-large {
  width: 3.75rem;
  min-width: 3.75rem;
  max-width: 3.75rem;
  height: 3.75rem;
  min-height: 3.75rem;
  max-height: 3.75rem;
  padding: calc((3.75rem - (2.025rem) - (0.0625rem * 2)) / 2) 0;
  font-size: 1.125rem;
}
[class*=btn-icon].ui-small,
label.checkbox[class*=btn-icon].ui-small,
label.radio[class*=btn-icon].ui-small {
  width: 1.875rem;
  min-width: 1.875rem;
  max-width: 1.875rem;
  height: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  padding: calc((1.875rem - (0.9rem) - (0.0625rem * 2)) / 2) 0;
}
[class*=btn-icon].ui-xsmall,
label.checkbox[class*=btn-icon].ui-xsmall,
label.radio[class*=btn-icon].ui-xsmall {
  width: 1.25rem;
  min-width: 1.25rem;
  max-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  padding: calc((1.25rem - (1.125rem) - (0.0625rem * 2)) / 2) 0;
  border-width: 0.0625rem;
  font-size: 0.75rem;
}
[class*=btn-icon].ui-xsmall [class*=icon-]::before,
label.checkbox[class*=btn-icon].ui-xsmall [class*=icon-]::before,
label.radio[class*=btn-icon].ui-xsmall [class*=icon-]::before {
  font-size: 0.75rem;
}
[class*=btn-icon] + .dropdown .btn-icon,
label.checkbox[class*=btn-icon] + .dropdown .btn-icon,
label.radio[class*=btn-icon] + .dropdown .btn-icon {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
[class*=btn-icon] [class*=icon-],
[class*=btn-icon] .fa,
label.checkbox[class*=btn-icon] [class*=icon-],
label.checkbox[class*=btn-icon] .fa,
label.radio[class*=btn-icon] [class*=icon-],
label.radio[class*=btn-icon] .fa {
  display: inline-block;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
[class*=btn-icon] [class*=icon-]::before,
[class*=btn-icon] .fa::before,
label.checkbox[class*=btn-icon] [class*=icon-]::before,
label.checkbox[class*=btn-icon] .fa::before,
label.radio[class*=btn-icon] [class*=icon-]::before,
label.radio[class*=btn-icon] .fa::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  vertical-align: middle;
  transform: translateY(-50%);
}
[class*=btn-icon] .action-icon,
[class*=btn-icon] .currency,
label.checkbox[class*=btn-icon] .action-icon,
label.checkbox[class*=btn-icon] .currency,
label.radio[class*=btn-icon] .action-icon,
label.radio[class*=btn-icon] .currency {
  display: inline-block !important;
  vertical-align: top !important;
}
[class*=btn-icon] .btn-placeholder-text,
label.checkbox[class*=btn-icon] .btn-placeholder-text,
label.radio[class*=btn-icon] .btn-placeholder-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  vertical-align: middle;
  transform: translateY(-50%);
}

[class*=btn-icon].btn-circle {
  border-radius: 50%;
}
[class*=btn-icon].btn-icon-collapsible {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

em [class*=btn-icon],
h1 [class*=btn-icon],
.h1 [class*=btn-icon],
h2 [class*=btn-icon],
.h2 [class*=btn-icon],
h3 [class*=btn-icon],
.h3 [class*=btn-icon],
h4 [class*=btn-icon],
.h4 [class*=btn-icon],
h5 [class*=btn-icon],
.h5 [class*=btn-icon],
h6 [class*=btn-icon],
.h6 [class*=btn-icon],
p [class*=btn-icon],
strong [class*=btn-icon],
small [class*=btn-icon] {
  margin-left: 0.625rem;
}

label:not(.badge) + [class*=btn-icon].btn-circle {
  position: relative;
  top: -0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.75rem;
}

.btn-show-more {
  min-width: 5.3125rem;
  max-width: 12.5rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  padding: 0.3125rem 0.9375rem;
  border: 1px solid #d2d2d2;
  font-size: 0.5625rem;
  color: #333;
}

.btn.btn-danger {
  border-color: #cc3c3c;
  color: #fff;
  background-color: #cc3c3c;
  box-shadow: none;
}
.btn.btn-danger:hover {
  color: #fff;
  border-color: #bd3131;
  background-color: #bd3131;
}
.btn.btn-danger:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #bd3131);
}
.btn.btn-danger:not(:disabled):not(.disabled):focus {
  border-color: #bd3131;
  color: #fff;
  background-color: #bd3131;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
.btn.btn-danger:not(:disabled):not(.disabled):focus-within {
  border-color: #bd3131;
  color: #fff;
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
.btn.btn-danger:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #bd3131;
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.3);
}
.btn.btn-danger:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #bd3131;
}
.btn.btn-danger.disabled, .btn.btn-danger:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn-danger.disabled :is([class*=icon-]), .btn.btn-danger:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn.btn-danger:not(:disabled):not(.disabled):active, .btn.btn-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-danger.dropdown-toggle {
  border-color: #bd3131;
  background-color: #bd3131;
  color: #fff;
}
.btn.btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
.btn.btn-danger:not(:disabled):not(.disabled):active:focus-within, .btn.btn-danger:not(:disabled):not(.disabled).active:focus-within, .show > .btn.btn-danger.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
.btn.btn-danger:not(:disabled):not(.disabled):active:focus:not(:focus-visible), .btn.btn-danger:not(:disabled):not(.disabled).active:focus:not(:focus-visible), .show > .btn.btn-danger.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.3);
}
.btn.btn-danger:not(:disabled):not(.disabled):active:focus:focus-visible, .btn.btn-danger:not(:disabled):not(.disabled).active:focus:focus-visible, .show > .btn.btn-danger.dropdown-toggle:focus:focus-visible {
  background-color: #bd3131;
}
.btn.btn-primary {
  border-color: #5086b7;
  color: #fff;
  background-color: #5086b7;
  box-shadow: none;
}
.btn.btn-primary:hover {
  color: #fff;
  border-color: #4579a8;
  background-color: #4579a8;
}
.btn.btn-primary:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #4579a8);
}
.btn.btn-primary:not(:disabled):not(.disabled):focus {
  border-color: #4579a8;
  color: #fff;
  background-color: #4579a8;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn.btn-primary:not(:disabled):not(.disabled):focus-within {
  border-color: #4579a8;
  color: #fff;
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn.btn-primary:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #4579a8;
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.3);
}
.btn.btn-primary:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #4579a8;
}
.btn.btn-primary.disabled, .btn.btn-primary:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn-primary.disabled :is([class*=icon-]), .btn.btn-primary:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-primary.dropdown-toggle {
  border-color: #4579a8;
  background-color: #4579a8;
  color: #fff;
}
.btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn.btn-primary:not(:disabled):not(.disabled):active:focus-within, .btn.btn-primary:not(:disabled):not(.disabled).active:focus-within, .show > .btn.btn-primary.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
.btn.btn-primary:not(:disabled):not(.disabled):active:focus:not(:focus-visible), .btn.btn-primary:not(:disabled):not(.disabled).active:focus:not(:focus-visible), .show > .btn.btn-primary.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.3);
}
.btn.btn-primary:not(:disabled):not(.disabled):active:focus:focus-visible, .btn.btn-primary:not(:disabled):not(.disabled).active:focus:focus-visible, .show > .btn.btn-primary.dropdown-toggle:focus:focus-visible {
  background-color: #4579a8;
}
.btn.btn-secondary {
  border-color: #d2d2d2;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: none;
}
.btn.btn-secondary:hover {
  color: #565656;
  border-color: #bbbbbb;
  background-color: #eeeeee;
}
.btn.btn-secondary:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #bbbbbb);
}
.btn.btn-secondary:not(:disabled):not(.disabled):focus {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #eeeeee;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn.btn-secondary:not(:disabled):not(.disabled):focus-within {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn.btn-secondary:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
.btn.btn-secondary:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #eeeeee;
}
.btn.btn-secondary.disabled, .btn.btn-secondary:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn-secondary.disabled :is([class*=icon-]), .btn.btn-secondary:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .show > .btn.btn-secondary.dropdown-toggle {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  color: #565656;
}
.btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn.btn-secondary:not(:disabled):not(.disabled):active:focus-within, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus-within, .show > .btn.btn-secondary.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:not(:focus-visible), .btn.btn-secondary:not(:disabled):not(.disabled).active:focus:not(:focus-visible), .show > .btn.btn-secondary.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:focus-visible, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus:focus-visible, .show > .btn.btn-secondary.dropdown-toggle:focus:focus-visible {
  background-color: #eeeeee;
}
.btn.btn-success {
  border-color: #6ec573;
  color: #fff;
  background-color: #6ec573;
  box-shadow: none;
}
.btn.btn-success:hover {
  color: #fff;
  border-color: #5cbe61;
  background-color: #5cbe61;
}
.btn.btn-success:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #5cbe61);
}
.btn.btn-success:not(:disabled):not(.disabled):focus {
  border-color: #5cbe61;
  color: #fff;
  background-color: #5cbe61;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
.btn.btn-success:not(:disabled):not(.disabled):focus-within {
  border-color: #5cbe61;
  color: #fff;
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
.btn.btn-success:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #5cbe61;
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.3);
}
.btn.btn-success:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #5cbe61;
}
.btn.btn-success.disabled, .btn.btn-success:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn-success.disabled :is([class*=icon-]), .btn.btn-success:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn.btn-success:not(:disabled):not(.disabled):active, .btn.btn-success:not(:disabled):not(.disabled).active, .show > .btn.btn-success.dropdown-toggle {
  border-color: #5cbe61;
  background-color: #5cbe61;
  color: #fff;
}
.btn.btn-success:not(:disabled):not(.disabled):active:focus, .btn.btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
.btn.btn-success:not(:disabled):not(.disabled):active:focus-within, .btn.btn-success:not(:disabled):not(.disabled).active:focus-within, .show > .btn.btn-success.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
.btn.btn-success:not(:disabled):not(.disabled):active:focus:not(:focus-visible), .btn.btn-success:not(:disabled):not(.disabled).active:focus:not(:focus-visible), .show > .btn.btn-success.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.3);
}
.btn.btn-success:not(:disabled):not(.disabled):active:focus:focus-visible, .btn.btn-success:not(:disabled):not(.disabled).active:focus:focus-visible, .show > .btn.btn-success.dropdown-toggle:focus:focus-visible {
  background-color: #5cbe61;
}
.btn.btn-warning {
  border-color: #fb8102;
  color: #fff;
  background-color: #fb8102;
  box-shadow: none;
}
.btn.btn-warning:hover {
  color: #fff;
  border-color: #e27402;
  background-color: #e27402;
}
.btn.btn-warning:hover[class*=bg-hover-] {
  border-color: var(--bg-hook, #e27402);
}
.btn.btn-warning:not(:disabled):not(.disabled):focus {
  border-color: #e27402;
  color: #fff;
  background-color: #e27402;
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}
.btn.btn-warning:not(:disabled):not(.disabled):focus-within {
  border-color: #e27402;
  color: #fff;
  background-color: #fb8102;
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}
.btn.btn-warning:not(:disabled):not(.disabled):focus:not(:focus-visible) {
  border-color: #e27402;
  background-color: #fb8102;
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.3);
}
.btn.btn-warning:not(:disabled):not(.disabled):focus:focus-visible {
  background-color: #e27402;
}
.btn.btn-warning.disabled, .btn.btn-warning:disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn.btn-warning.disabled :is([class*=icon-]), .btn.btn-warning:disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn.btn-warning:not(:disabled):not(.disabled):active, .btn.btn-warning:not(:disabled):not(.disabled).active, .show > .btn.btn-warning.dropdown-toggle {
  border-color: #e27402;
  background-color: #e27402;
  color: #fff;
}
.btn.btn-warning:not(:disabled):not(.disabled):active:focus, .btn.btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}
.btn.btn-warning:not(:disabled):not(.disabled):active:focus-within, .btn.btn-warning:not(:disabled):not(.disabled).active:focus-within, .show > .btn.btn-warning.dropdown-toggle:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.5);
}
.btn.btn-warning:not(:disabled):not(.disabled):active:focus:not(:focus-visible), .btn.btn-warning:not(:disabled):not(.disabled).active:focus:not(:focus-visible), .show > .btn.btn-warning.dropdown-toggle:focus:not(:focus-visible) {
  background-color: #fb8102;
  box-shadow: 0 0 0 0.125rem rgba(252, 148, 40, 0.3);
}
.btn.btn-warning:not(:disabled):not(.disabled):active:focus:focus-visible, .btn.btn-warning:not(:disabled):not(.disabled).active:focus:focus-visible, .show > .btn.btn-warning.dropdown-toggle:focus:focus-visible {
  background-color: #e27402;
}
.btn[class*=btn-]:disabled, .btn[class*=btn-].disabled {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
.btn[class*=btn-]:disabled :is([class*=icon-]), .btn[class*=btn-].disabled :is([class*=icon-]) {
  color: inherit !important;
}
.btn [class*=" icon-"],
.btn [class^=icon-] {
  line-height: 0;
}

.btn-aside {
  display: block;
  position: absolute;
  top: 50%;
  right: 100%;
  width: 3.125rem;
  height: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.btn-aside::before {
  right: 0;
}
.btn-aside.btn-edit::before {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.2s;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconfont" !important;
  content: "\EA25";
}
@media (min-width: 768px) {
  .btn-aside.btn-edit::before {
    opacity: 0;
    visibility: hidden;
  }
}
.btn-aside.btn-persist::before {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.2s;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .btn-aside.btn-persist::before {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .btn-aside.btn-persist::before {
    opacity: 1;
    visibility: visible;
  }
}
.btn-aside.btn-quick-action::before {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.2s;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconfont" !important;
  content: "\EA33";
}
@media (min-width: 768px) {
  .btn-aside.btn-quick-action::before {
    opacity: 0;
    visibility: hidden;
  }
}

.btn-hidden, .btn-hidden:disabled {
  display: block !important;
  width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  overflow: hidden;
  visibility: hidden !important;
  transition: opacity 0.35s, max-height 0.35s;
}

.btn-sort-wrap {
  display: inline-block;
  width: 1.875rem;
  height: 2.5rem;
  line-height: 0;
  white-space: normal;
}
.btn-sort-wrap .btn {
  position: relative;
  height: 50%;
  padding: 0;
  border-radius: 0.3125rem;
}
.btn-sort-wrap .btn:active:focus {
  transform: scale(1);
}
.btn-sort-wrap .btn:first-child {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.btn-sort-wrap .btn:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-sort-wrap .btn [class^=icon-]::before,
.btn-sort-wrap .btn [class*=" icon-"]::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 0.4375rem;
  text-align: center;
  transform: translateY(-50%);
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-sort-wrap .btn .icon-arrow-single-up::before {
  font-family: "iconfont" !important;
  content: "\EA12";
}
.btn-sort-wrap .btn .icon-arrow-single-down::before {
  font-family: "iconfont" !important;
  content: "\EA0F";
}

button {
  color: inherit;
}

.card {
  position: relative;
  border-radius: 0;
  background-color: #fff;
  transition: 0.55s ease;
}
@media (prefers-reduced-motion: reduce) {
  .card {
    transition: none;
  }
}
.card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  pointer-events: none;
}
.card.overflow-y, .card.overflow-hidden, .card.overflow-x-hidden, .card.overflow-y-hidden {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card.overflow-y::before, .card.overflow-hidden::before, .card.overflow-x-hidden::before, .card.overflow-y-hidden::before {
  display: none;
}
.card[class*=card-image] {
  border-width: 0;
}
.card[class*=card-image].card-image-gap-top > .card-body {
  padding-top: 0.9375rem;
}
.card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xxs]:not(.col-xxs-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xxs]:not(.col-xxs-12) ~ [class*=col-] {
  margin-top: -0.9375rem;
}
.card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xxs].col-xxs-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xxs].col-xxs-12 ~ [class*=col-] {
  margin-top: 0;
}
@media (min-width: 480px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xs]:not(.col-xs-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xs]:not(.col-xs-12) ~ [class*=col-] {
    margin-top: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xs].col-xs-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xs].col-xs-12 ~ [class*=col-] {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-sm]:not(.col-sm-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-sm]:not(.col-sm-12) ~ [class*=col-] {
    margin-top: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-sm].col-sm-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-sm].col-sm-12 ~ [class*=col-] {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-md]:not(.col-md-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-md]:not(.col-md-12) ~ [class*=col-] {
    margin-top: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-md].col-md-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-md].col-md-12 ~ [class*=col-] {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-lg]:not(.col-lg-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-lg]:not(.col-lg-12) ~ [class*=col-] {
    margin-top: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-lg].col-lg-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-lg].col-lg-12 ~ [class*=col-] {
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xl]:not(.col-xl-12), .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xl]:not(.col-xl-12) ~ [class*=col-] {
    margin-top: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xl].col-xl-12, .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-]:first-child[class*=col-xl].col-xl-12 ~ [class*=col-] {
    margin-top: 0;
  }
}
@media (max-width: 479.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xxs-down:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (max-width: 479.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xxs-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
.card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xxs-up:first-child + [class*=col] {
  margin-top: -0.9375rem;
}
@media (max-width: 767.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xs-down:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xs-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 480px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xs-up:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (max-width: 1023.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-sm-down:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-sm-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-sm-up:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (max-width: 1199.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-md-down:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-md-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-md-up:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (max-width: 1599.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-lg-down:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-lg-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-lg-up:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
.card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xl-down:first-child + [class*=col] {
  margin-top: -0.9375rem;
}
@media (min-width: 1600px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xl-only:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image].card-image-gap-top > .card-body > .row > [class*=col-].display-none-xl-up:first-child + [class*=col] {
    margin-top: -0.9375rem;
  }
}
.card[class*=card-image].card-image-gap-bottom > .card-body {
  padding-bottom: 0.9375rem;
}
.card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xxs]:not(.col-xxs-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xxs]:not(.col-xxs-12) ~ [class*=col-] {
  margin-bottom: -0.9375rem;
}
.card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xxs].col-xxs-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xxs].col-xxs-12 ~ [class*=col-] {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xs]:not(.col-xs-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xs]:not(.col-xs-12) ~ [class*=col-] {
    margin-bottom: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xs].col-xs-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xs].col-xs-12 ~ [class*=col-] {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-sm]:not(.col-sm-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-sm]:not(.col-sm-12) ~ [class*=col-] {
    margin-bottom: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-sm].col-sm-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-sm].col-sm-12 ~ [class*=col-] {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-md]:not(.col-md-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-md]:not(.col-md-12) ~ [class*=col-] {
    margin-bottom: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-md].col-md-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-md].col-md-12 ~ [class*=col-] {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-lg]:not(.col-lg-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-lg]:not(.col-lg-12) ~ [class*=col-] {
    margin-bottom: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-lg].col-lg-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-lg].col-lg-12 ~ [class*=col-] {
    margin-bottom: 0;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xl]:not(.col-xl-12), .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xl]:not(.col-xl-12) ~ [class*=col-] {
    margin-bottom: -0.9375rem;
  }
  .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xl].col-xl-12, .card[class*=card-image].card-image-gap-bottom > .card-body > .row > [class*=col-]:first-child[class*=col-xl].col-xl-12 ~ [class*=col-] {
    margin-bottom: 0;
  }
}
.card[class*=card-image] img {
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.card[class*=card-image] .card-body {
  padding: 0;
  border-radius: inherit;
  overflow: hidden;
}
.card[class*=card-image] .card-body > .row {
  margin: 0;
}
.card[class*=card-image] .card-body > .row:only-of-type {
  height: 100%;
}
.card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
  position: relative;
  padding: 1.875rem;
}
.card[class*=card-image] .card-body > .row > .col:not(.col-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-]:not(.col-12) .card-image-wrap:not([data-aspect-ratio]) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.card[class*=card-image] .card-body > .row > .col:not(.col-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-]:not(.col-12) .card-image-wrap:not([data-aspect-ratio]) > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card[class*=card-image] .card-body > .row > .col.col-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-].col-12 .card-image-wrap {
  margin: -1.875rem;
}
.card[class*=card-image] .card-body > .row > .col.col-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-].col-12 .card-image-wrap:not([data-aspect-ratio]) > img {
  width: 100%;
  height: 12.5rem;
}
.card[class*=card-image] .card-body > .row > .col[class*=col-xxs]:not(.col-xxs-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs]:not(.col-xxs-12) .card-image-wrap:not([data-aspect-ratio]) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.card[class*=card-image] .card-body > .row > .col[class*=col-xxs]:not(.col-xxs-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs]:not(.col-xxs-12) .card-image-wrap:not([data-aspect-ratio]) > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
  margin: -1.875rem;
}
@media (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
.card[class*=card-image] .card-body > .row > .col[class*=col-xxs].col-xxs-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xxs].col-xxs-12 .card-image-wrap:not([data-aspect-ratio]) > img {
  width: 100%;
  height: 12.5rem;
}
@media (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
    padding: 1.875rem;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs]:not(.col-xs-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs]:not(.col-xs-12) .card-image-wrap:not([data-aspect-ratio]) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs]:not(.col-xs-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs]:not(.col-xs-12) .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) and (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) and (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) and (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) and (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) and (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xs].col-xs-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xs].col-xs-12 .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 12.5rem;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
    padding: 1.875rem;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm]:not(.col-sm-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm]:not(.col-sm-12) .card-image-wrap:not([data-aspect-ratio]) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm]:not(.col-sm-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm]:not(.col-sm-12) .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) and (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-sm].col-sm-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-sm].col-sm-12 .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 12.5rem;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
    padding: 1.875rem;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-md]:not(.col-md-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md]:not(.col-md-12) .card-image-wrap:not([data-aspect-ratio]) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-md]:not(.col-md-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md]:not(.col-md-12) .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) and (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) and (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-md].col-md-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-md].col-md-12 .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
    padding: 1.875rem;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg]:not(.col-lg-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg]:not(.col-lg-12) .card-image-wrap:not([data-aspect-ratio]) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg]:not(.col-lg-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg]:not(.col-lg-12) .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) and (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-lg].col-lg-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-lg].col-lg-12 .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 12.5rem;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col,
.card[class*=card-image] .card-body > .row > [class*=col-] {
    padding: 1.875rem;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl]:not(.col-xl-12) .card-image-wrap:not([data-aspect-ratio]),
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl]:not(.col-xl-12) .card-image-wrap:not([data-aspect-ratio]) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl]:not(.col-xl-12) .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl]:not(.col-xl-12) .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) and (min-width: 480px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) and (min-width: 768px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) and (min-width: 1024px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) and (min-width: 1200px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) and (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap {
    margin: -1.875rem;
  }
}
@media (min-width: 1600px) {
  .card[class*=card-image] .card-body > .row > .col[class*=col-xl].col-xl-12 .card-image-wrap:not([data-aspect-ratio]) > img,
.card[class*=card-image] .card-body > .row > [class*=col-][class*=col-xl].col-xl-12 .card-image-wrap:not([data-aspect-ratio]) > img {
    width: 100%;
    height: 12.5rem;
  }
}
.card[class*=card-image] .card-image-wrap {
  max-width: none;
  align-self: auto;
  overflow: hidden;
}
.card[class*=card-image] .card-image-wrap::before {
  content: "";
  position: relative;
  background-color: transparent;
  transition: 0.5s;
  pointer-events: none;
  z-index: 2;
}
.card[class*=card-image] .card-image-wrap .card-text-wrap {
  position: absolute;
  top: auto;
  bottom: 0.3125rem;
  width: 100%;
  height: auto;
  padding: 0 0.625rem;
  font-size: 0.6875rem;
  color: #fff;
  z-index: 2;
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-image-wrap .card-text-wrap {
    font-size: 0.875rem;
  }
}
.card[class*=card-image] .card-image-wrap .card-text-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(69, 102, 128, 0) 50%, rgba(29, 43, 54, 0.1) 68%, rgba(15, 22, 28, 0.4) 88%, rgba(0, 0, 0, 0.6) 100%);
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-image-wrap .card-text-wrap::after {
    background-color: transparent;
  }
}
.card[class*=card-image] .card-image-wrap .card-text-wrap .card-text {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-orient: vertical;
  font-weight: 700;
  text-shadow: 0 0 0.625rem #000;
  -webkit-line-clamp: 2;
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-image-wrap .card-text-wrap .card-text {
    font-weight: 500;
  }
}
.card[class*=card-image] .card-image-wrap .card-text-wrap .card-text-date {
  display: inline-block;
  padding-right: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: right;
}
@media (min-width: 768px) {
  .card[class*=card-image] .card-image-wrap .card-text-wrap .card-text-date {
    font-size: 0.875rem;
  }
}
.card[class*=card-image] .card-image-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(45deg, #f9f9f9, #adadad);
  text-align: center;
  overflow: hidden;
}
.card[class*=card-image] .card-image-placeholder > [class*=icon-] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  transform: translateY(-52%);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 2;
}
.card[class*=card-image] .card-image-placeholder > [class*=icon-]::before {
  font-size: calc(34px + 46 * (100vw - 320px) / 880);
}
.card[class*=card-image] .card-image-placeholder > img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: auto;
  height: 75%;
  max-height: 6.25rem;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 2;
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration::after, .card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration::after {
  top: 83%;
  left: 50%;
  right: 0;
  width: 85px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.3;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #adadad 40%, #adadad 60%, rgba(0, 0, 0, 0) 100%);
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration-diagonals-1::after, .card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration-diagonals-1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration-diagonals-1::after {
  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.04), rgba(0, 0, 0, 0.08));
  transform: translateX(50%) skewX(45deg);
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration-diagonals-1::before {
  background: linear-gradient(to top, rgba(128, 128, 128, 0.04), rgba(0, 0, 0, 0.08));
  transform: translateX(-50%) skewX(45deg);
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-decoration-diagonals-2 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 70%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  transform: translateX(-50%) skewX(-45deg);
}
.card[class*=card-image] .card-image-placeholder .card-image-placeholder-logo-bg img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  opacity: 0.1;
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(2);
}
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
  margin: -1.875rem;
  padding: 1.875rem;
}
@media (min-width: 480px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
    margin: -1.875rem;
    padding: 1.875rem;
  }
}
@media (min-width: 768px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
    margin: -1.875rem;
    padding: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
    margin: -1.875rem;
    padding: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
    margin: -1.875rem;
    padding: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible,
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse] {
    margin: -1.875rem;
    padding: 1.875rem;
  }
}
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
  padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
}
@media (min-width: 480px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
    padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 768px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
    padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1024px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
    padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1200px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
    padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1600px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left) {
    padding-right: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
  right: calc(1.875rem + (0.4375rem + 0.4375rem));
  transform: translateX(50%) translateY(-50%);
}
@media (min-width: 480px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
    right: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(50%) translateY(-50%);
  }
}
@media (min-width: 768px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
    right: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(50%) translateY(-50%);
  }
}
@media (min-width: 1024px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
    right: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(50%) translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
    right: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(50%) translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs:not(.pull-glyph-left)::after {
    right: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(50%) translateY(-50%);
  }
}
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
  padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
}
@media (min-width: 480px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
    padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 768px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
    padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1024px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
    padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1200px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
    padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
@media (min-width: 1600px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left {
    padding-left: calc(1.875rem + (0.4375rem + 2ch + 0.4375rem));
  }
}
.card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
  left: calc(1.875rem + (0.4375rem + 0.4375rem));
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 480px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
    left: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (min-width: 768px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
    left: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (min-width: 1024px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
    left: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
    left: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .card.card-collapsible > .card-body > .collapsible-wrap > .collapsible > [data-toggle=collapse].glyphs.pull-glyph-left::after {
    left: calc(1.875rem + (0.4375rem + 0.4375rem));
    transform: translateX(-50%) translateY(-50%);
  }
}
.card.card-progress-indeterminate::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.3125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(80, 134, 183, 0.4));
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: animate-progress-indeterminate;
  animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.card.card-has-footer {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.card.card-has-footer .card-body {
  flex: 1;
  padding-bottom: 0;
}
.card[class*=card-overline]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.3125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  opacity: 0;
  background-image: linear-gradient(to right, #5086b7, #5086b7);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: opacity 0.4s, background-size 0.4s;
}
.card[class*=card-overline].card-overline-success::after {
  background-image: linear-gradient(to right, #6ec573, #6ec573);
}
.card[class*=card-overline].card-overline-danger::after {
  background-image: linear-gradient(to right, #cc3c3c, #cc3c3c);
}
.card[class*=card-overline].card-overline-primary::after {
  background-image: linear-gradient(to right, #5086b7, #5086b7);
}
.card[class*=card-overline].card-overline-warning::after {
  background-image: linear-gradient(to right, #fb8102, #fb8102);
}
.card[class*=card-overline].card-overline-static {
  padding-top: 0.3125rem !important;
  transform: translateY(0) !important;
}
.card[class*=card-overline].card-overline-static::after {
  opacity: 1;
  background-size: 100% 100%;
}
.card.overflow-y {
  overflow-y: auto;
}
.card > .card-body .row[class*=row-split-pane],
.card > .row[class*=row-split-pane] {
  margin: -1.875rem;
  border: 0;
}
.card > :not(:is([data-aspect-ratio], .badge, .bs4-helper, .btn-icon, .card-icon)) ~ .card-body:not(:first-child) {
  padding-top: 0;
}
.card .card-body {
  position: relative;
  padding: 1.875rem;
}
@media (min-width: 480px) {
  .card .card-body {
    padding: 1.875rem;
  }
}
@media (min-width: 768px) {
  .card .card-body {
    padding: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-body {
    padding: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-body {
    padding: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-body {
    padding: 1.875rem;
  }
}
.card .card-body > .close {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  font-size: 1.3125rem;
}
.card .card-edgeless {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  mix-blend-mode: multiply;
}
.card .card-edgeless.card-header {
  margin-top: -1.875rem;
}
@media (min-width: 768px) {
  .card .card-edgeless {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-edgeless {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-edgeless {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-edgeless {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless.card-header {
    margin-top: -1.875rem;
  }
}
.card .card-edgeless-with-padding {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  mix-blend-mode: multiply;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.card .card-edgeless-with-padding.card-header {
  margin-top: -1.875rem;
}
@media (min-width: 768px) {
  .card .card-edgeless-with-padding {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless-with-padding.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-edgeless-with-padding {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless-with-padding.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-edgeless-with-padding {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless-with-padding.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-edgeless-with-padding {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
  .card .card-edgeless-with-padding.card-header {
    margin-top: -1.875rem;
  }
}
@media (min-width: 480px) {
  .card .card-edgeless-with-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 768px) {
  .card .card-edgeless-with-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-edgeless-with-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-edgeless-with-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-edgeless-with-padding {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.card .card-filters {
  margin-bottom: 1.875rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #d2d2d2;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: #f9f9f9;
  z-index: 3;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
@media (min-width: 480px) {
  .card .card-filters {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 768px) {
  .card .card-filters {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-filters {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-filters {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-filters {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.card .card-filters > .collapsible-wrap {
  position: relative;
  z-index: 0;
}
.card .card-filters .btn-filters {
  display: block;
  white-space: nowrap;
}
.card .card-filters .btn-filters .badge {
  max-width: 0;
  max-height: 0;
  overflow: hidden;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-to-bottom-animate-distance-of-itself, animate-fade-out;
  transition: 0.2s;
}
.card .card-filters .btn-filters:not(.collapsed) [class*=icon-] {
  padding-right: 0;
}
.card .card-filters .btn-filters:not(.collapsed) .badge {
  min-width: 0 !important;
  padding: 0;
}
.card .card-filters .btn-filters.collapsed .badge {
  max-width: 5ex;
  max-height: 5ex;
  margin-left: 2px;
  animation-name: unset;
  animation-name: animate-motion-from-bottom-animate-distance-of-itself, animate-fade-in;
}
.card .card-filters .collapse:not(.show) .pills-tags-filters {
  opacity: 0;
  transition: 0.2s;
}
.card .card-filters .collapse.collapsing, .card .card-filters .collapse.show {
  overflow: visible;
}
.card .card-filters .collapse.collapsing .pills-tags-filters, .card .card-filters .collapse.show .pills-tags-filters {
  opacity: 1;
  transition: 0.2s;
}
.card .card-filters .dropdown-menu {
  background: #fff;
}
.card .card-footer {
  display: flex;
  position: relative;
  min-height: 3.75rem;
  padding: 0.8125rem;
  border-top: 1px solid #d2d2d2;
  background-color: #f9f9f9;
  mix-blend-mode: multiply;
  line-height: 1.2;
}
.card .card-footer > * {
  flex: 1;
}
.card .card-footer:not([class*=bg-]) .collection .row > [class*=col] {
  background: #f9f9f9 !important;
}
.card .card-footer .circular {
  width: 1.5625rem;
  height: 1.5625rem;
  margin: 0 1.25rem;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  background: #fff;
  font-weight: bold;
  line-height: 1.375rem;
}
.card .card-header {
  padding: 1.875rem;
}
@media (min-width: 480px) {
  .card .card-header {
    padding: 1.875rem;
  }
}
@media (min-width: 768px) {
  .card .card-header {
    padding: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .card .card-header {
    padding: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .card .card-header {
    padding: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .card .card-header {
    padding: 1.875rem;
  }
}
.card .card-header:not(:only-child) {
  padding-bottom: 0;
}
.card .card-header-pills {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
@media (min-width: 480px) {
  .card .card-header-pills {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 768px) {
  .card .card-header-pills {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1024px) {
  .card .card-header-pills {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1200px) {
  .card .card-header-pills {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1600px) {
  .card .card-header-pills {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.card .card-header-tabs {
  margin-bottom: -1.875rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
@media (min-width: 480px) {
  .card .card-header-tabs {
    margin-bottom: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 768px) {
  .card .card-header-tabs {
    margin-bottom: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1024px) {
  .card .card-header-tabs {
    margin-bottom: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1200px) {
  .card .card-header-tabs {
    margin-bottom: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
@media (min-width: 1600px) {
  .card .card-header-tabs {
    margin-bottom: -1.875rem;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.card .card-icon {
  position: absolute;
  top: -1.0625rem;
  left: 0;
  right: 0;
  text-align: center;
}
.card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
  padding-top: 2.8125rem;
  padding-top: 2.8125rem;
}
@media (min-width: 480px) {
  .card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
    padding-top: 2.8125rem;
  }
}
@media (min-width: 768px) {
  .card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
    padding-top: 2.8125rem;
  }
}
@media (min-width: 1024px) {
  .card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
    padding-top: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
    padding-top: 2.8125rem;
  }
}
@media (min-width: 1600px) {
  .card .card-icon + .card-body,
.card .card-icon + .card-body > .align-absolute-all,
.card .card-icon + .card-body > .align-absolute-vertical {
    padding-top: 2.8125rem;
  }
}
.card .card-icon + .card-body .card-title,
.card .card-icon + .card-body > .align-absolute-all .card-title,
.card .card-icon + .card-body > .align-absolute-vertical .card-title {
  margin-bottom: 1.875rem;
}
.card .card-title {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  margin-top: 0;
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  font-weight: 800;
  color: inherit;
}
.card .card-title + .text-description {
  padding-top: 0;
  padding-bottom: 0.9375rem;
}
.card .card-title h1,
.card .card-title .h1,
.card .card-title h2,
.card .card-title .h2,
.card .card-title h3,
.card .card-title .h3,
.card .card-title h4,
.card .card-title .h4,
.card .card-title h5,
.card .card-title .h5,
.card .card-title h6,
.card .card-title .h6 {
  margin-top: 0;
}
.card .collection .row > [class*=col] {
  background: #fff !important;
}
.card .text-callout .icon-glyphs-arrow-down::before {
  position: relative;
  top: -0.4375rem;
}

.card + .card:not(.card-no-gutter) {
  margin-top: 1.875rem;
}

.card.card-no-gutter, .card.card-no-gutter::before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.card-no-gutter + .card.card-no-gutter, .card.card-no-gutter + .card.card-no-gutter::before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card.card-no-gutter + .card.card-no-gutter:last-child, .card.card-no-gutter + .card.card-no-gutter:last-child::before {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card.card-no-gutter + .card.card-no-gutter::after {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 0;
  width: 100%;
  height: 0.375rem;
  background: inherit;
}

a:focus > .card[class*=card-image] > * > .row > :is(.col, [class*=col-])::before, a:hover > .card[class*=card-image] > * > .row > :is(.col, [class*=col-])::before {
  background-color: rgba(0, 0, 0, 0.1);
}
a:focus > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap[data-aspect-ratio] > img, a:hover > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap[data-aspect-ratio] > img {
  transform: scale(1.1);
}
a:focus > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap .card-image-placeholder > img, a:hover > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap .card-image-placeholder > img {
  transform: translateY(-50%) scale(1.1);
}
a:focus > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap .card-image-placeholder :is([class*=icon-]), a:hover > .card[class*=card-image] > * > .row > :is(.col, [class*=col-]) .card-image-wrap .card-image-placeholder :is([class*=icon-]) {
  transform: translateY(-52%) scale(1.1);
}
a:focus > .card[class*=card-overline], a:hover > .card[class*=card-overline] {
  transform: translateY(-0.625rem);
}
a:focus > .card[class*=card-overline]::after, a:hover > .card[class*=card-overline]::after {
  opacity: 1;
  background-size: 100% 100%;
}
a:active > .card, a:active > .card[class*=card-overline] {
  transform: scale(0.97);
  transition: 0.2s;
}
a.fill > .card {
  display: flex;
}

.close {
  opacity: 1;
  line-height: 1;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 1;
}
.close > :not([class*=icon-]) {
  line-height: 1;
}
.close > :not([class*=icon-])::before, .close > :not([class*=icon-])::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.close > :not([class*=icon-])::before {
  margin-bottom: calc(-0.1439393939em + -3px);
}
.close > :not([class*=icon-])::after {
  margin-top: calc(-0.1439393939em + -1px);
}

.notice .close {
  display: inline-flex;
  right: 0.9375rem;
  width: 1.25rem;
  height: 1.25rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 0;
  border-radius: 50%;
  opacity: 0.6;
  background: rgba(175, 175, 175, 0.2);
  font-size: 1rem;
  font-weight: 700;
  color: #282828;
  cursor: pointer;
}
.notice .close:focus, .notice .close:hover {
  opacity: 1;
  text-decoration: none;
}

label.checkbox, label.radio {
  min-height: var(--checkbox-radio-height);
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  margin-bottom: 1.25rem;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
legend .btn-icon:first-of-type {
  margin-left: 0.3125rem;
}

label {
  display: inline-block;
  max-width: none;
  margin-bottom: 0;
  padding: 0.625rem 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5086b7;
}
label:not(.checkbox):not(.radio) {
  line-height: normal;
}
label.badge {
  margin: 0;
}
label.required::after {
  content: "*";
  display: inline-block;
  padding-left: 0.1875rem;
  color: #cc3c3c;
}
label * {
  text-transform: none;
}

[class*=form-group] {
  margin-bottom: 0.9375rem;
  padding: 0;
  border-bottom: none;
}
[class*=form-group]::before, [class*=form-group]::after {
  content: " ";
  display: table;
}
[class*=form-group]::after {
  clear: both;
}
[class*=form-group]:first-child {
  margin-top: 0;
  background: none;
}
[class*=form-group]:last-child {
  margin-bottom: 0;
}
[class*=form-group].visually-hidden {
  margin-bottom: 0;
}
[class*=form-group] h2,
[class*=form-group] h3,
[class*=form-group] legend {
  padding-left: 0;
}
[class*=form-group] .control-label {
  padding: 0.4375rem 0;
}
[class*=form-group] .row + .row:not(.form-group) {
  margin-top: 0.9375rem;
}

.form-group-indented {
  margin-top: 0.9375rem;
  margin-left: 1.875rem;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-short, animate-fade-in;
}

.form-horizontal .checkbox:not(label):only-child,
.form-horizontal .radio:not(label):only-child {
  margin-bottom: 0;
  padding: 0.625rem 0;
}
.form-horizontal > fieldset > .form-group,
.form-horizontal > .form-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  background-image: linear-gradient(to right, #d2d2d2, #d2d2d2);
  background-position: 15px 0;
  background-repeat: no-repeat;
  background-size: calc(100% - 30px) 0.0625rem;
  margin-bottom: 0;
  padding: 1.875rem 0;
}
.form-horizontal > fieldset > .form-group label,
.form-horizontal > .form-group label {
  margin-bottom: 0;
}
.form-horizontal > fieldset > .form-group label[class*=checkbox]:not(.btn), .form-horizontal > fieldset > .form-group label[class*=radio]:not(.btn), .form-horizontal > fieldset > .form-group label.input-text:not(.btn),
.form-horizontal > .form-group label[class*=checkbox]:not(.btn),
.form-horizontal > .form-group label[class*=radio]:not(.btn),
.form-horizontal > .form-group label.input-text:not(.btn) {
  padding-left: inherit;
}
.form-horizontal > fieldset > .form-group label.input-text,
.form-horizontal > .form-group label.input-text {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.6875rem 0;
  font-weight: normal;
  line-height: normal;
  color: inherit;
}
.form-horizontal > fieldset > .form-group > [class*=col-]:first-child > *,
.form-horizontal > .form-group > [class*=col-]:first-child > * {
  position: sticky;
  top: 0;
}
.form-horizontal > fieldset > .form-group > [class*=col-] :not(.input-styler) > label:not([class*=checkbox]):not([class*=radio]):not(.btn):not(.fill):not(.input-text):not(.text-label-under):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-] :not(.input-styler) > label:not([class*=checkbox]):not([class*=radio]):not(.btn):not(.fill):not(.input-text):not(.text-label-under):not(.toggle-switch) {
  padding-top: 0;
}
.form-horizontal > fieldset > .form-group > [class*=col-xxs]:not(.col-xxs-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-xxs]:not(.col-xxs-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xxs]:not(.col-xxs-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xxs]:not(.col-xxs-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
  padding-top: 0.625rem;
}
@media (min-width: 480px) {
  .form-horizontal > fieldset > .form-group > [class*=col-xs]:not(.col-xs-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-xs]:not(.col-xs-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xs]:not(.col-xs-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xs]:not(.col-xs-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
    padding-top: 0.625rem;
  }
}
@media (min-width: 768px) {
  .form-horizontal > fieldset > .form-group > [class*=col-sm]:not(.col-sm-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-sm]:not(.col-sm-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-sm]:not(.col-sm-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-sm]:not(.col-sm-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
    padding-top: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .form-horizontal > fieldset > .form-group > [class*=col-md]:not(.col-md-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-md]:not(.col-md-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-md]:not(.col-md-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-md]:not(.col-md-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
    padding-top: 0.625rem;
  }
}
@media (min-width: 1200px) {
  .form-horizontal > fieldset > .form-group > [class*=col-lg]:not(.col-lg-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-lg]:not(.col-lg-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-lg]:not(.col-lg-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-lg]:not(.col-lg-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
    padding-top: 0.625rem;
  }
}
@media (min-width: 1600px) {
  .form-horizontal > fieldset > .form-group > [class*=col-xl]:not(.col-xl-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > fieldset > .form-group > [class*=col-xl]:not(.col-xl-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xl]:not(.col-xl-12):first-child > div:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch),
.form-horizontal > .form-group > [class*=col-xl]:not(.col-xl-12):first-child > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
    padding-top: 0.625rem;
  }
}
.form-horizontal > .form-group:first-child,
.form-horizontal > fieldset:first-child > .form-group {
  background: none;
}
.form-horizontal :not([class*=input-floating]):not(.list-group-item):not(.select-all) > label:not([class*=checkbox]):not([class*=radio]):not(.text-label-under):not(.input-text):not(.toggle-switch) {
  margin-bottom: 0;
  padding-left: 0;
}
.form-horizontal :not([class*=input-floating]):not(.list-group-item):not(.select-all) > label.input-text {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.6875rem 0;
  font-weight: normal;
  line-height: normal;
  color: inherit;
}
.form-horizontal a {
  font-size: inherit;
  color: #39f;
}

hr {
  height: 0;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  border: 0;
  border-top: 1px solid #d2d2d2;
}

.hr-thick {
  border-top: 1px solid #d2d2d2;
}

.hr-invisible {
  border: 0;
}

.hr-underlay,
.hr-underlay-vertical {
  position: relative;
  text-align: center;
}
.hr-underlay::before,
.hr-underlay-vertical::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.5px);
  width: 100%;
  height: 1px;
  background: #d2d2d2;
  z-index: 0;
}
.hr-underlay .hr-underlay-text,
.hr-underlay-vertical .hr-underlay-text {
  display: inline-block;
  position: relative;
  min-width: 4ex;
  min-height: 4ex;
  padding: 0.3125rem;
  border-radius: 9999px;
  background: #fff;
  font-style: italic;
  white-space: nowrap;
}

.hr-underlay-vertical {
  display: inline-flex;
  flex-grow: 0;
  flex-direction: column;
  align-self: stretch;
}
.hr-underlay-vertical::before {
  top: 0;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 100%;
}
.hr-underlay-vertical .hr-underlay-text {
  align-self: stretch;
  margin: auto;
}

.row > .col > .hr-underlay-vertical,
.row > [class*=col-] > .hr-underlay-vertical {
  height: 100%;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
img.img-center-crop {
  -o-object-fit: cover;
     object-fit: cover;
}
img.img-fit-all {
  -o-object-fit: contain;
     object-fit: contain;
}

img {
  max-width: 100%;
  height: auto;
}

[data-aspect-ratio] {
  display: block;
  position: relative;
  max-width: 100%;
}
[data-aspect-ratio]::before {
  content: "";
  display: block;
}
[data-aspect-ratio] > * {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-aspect-ratio="3:1"]:before {
  padding-top: 33.3333333333%;
}

[data-aspect-ratio="2:1"]:before {
  padding-top: 50%;
}

[data-aspect-ratio="16:9"]:before {
  padding-top: 56.25%;
}

[data-aspect-ratio="16:10"]:before {
  padding-top: 62.5%;
}

[data-aspect-ratio="3:2"]:before {
  padding-top: 66.6666666667%;
}

[data-aspect-ratio="4:3"]:before {
  padding-top: 75%;
}

[data-aspect-ratio="1:1"]:before {
  padding-top: 100%;
}

[data-aspect-ratio="3:4"]:before {
  padding-top: 133.3333333333%;
}

[data-aspect-ratio="2:3"]:before {
  padding-top: 150%;
}

[data-aspect-ratio="9:16"]:before {
  padding-top: 177.7777777778%;
}

[data-aspect-ratio="1:2"]:before {
  padding-top: 200%;
}

[data-aspect-ratio="1:3"]:before {
  padding-top: 300%;
}

[class*=img-circle],
[class*=img-rectangle] {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 3px;
  border-radius: 50%;
  background-color: #f9f9f9;
  text-align: center;
  vertical-align: middle;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
[class*=img-circle]:not([class*=bg-]),
[class*=img-rectangle]:not([class*=bg-]) {
  box-shadow: 0 0 0 1px #d2d2d2;
  background-color: #f9f9f9;
  color: #c7c7c7;
}
[class*=img-circle]:not([class*=bg-]) .img-placeholder-text,
[class*=img-rectangle]:not([class*=bg-]) .img-placeholder-text {
  color: #5086b7;
}
[class*=img-circle]:empty::before,
[class*=img-circle] .img-placeholder::before,
[class*=img-rectangle]:empty::before,
[class*=img-rectangle] .img-placeholder::before {
  font-family: "iconfont" !important;
  content: "\EA27";
  font-size: 1.0625rem;
  font-weight: normal;
  line-height: 3.125rem;
  color: inherit;
  z-index: -1;
}
[class*=img-circle].img-outline,
[class*=img-rectangle].img-outline {
  border: 2px solid currentColor;
  box-shadow: none;
  background: transparent;
  color: #5086b7;
}
[class*=img-circle].img-pending,
[class*=img-rectangle].img-pending {
  border: 2px dashed #d2d2d2;
  box-shadow: none;
}
[class*=img-circle].img-selected,
[class*=img-rectangle].img-selected {
  box-shadow: 0 0 0 3px #5086b7;
}
[class*=img-circle] + .btn,
[class*=img-rectangle] + .btn {
  margin-left: 0.3125rem;
}
[class*=img-circle] .img-action,
[class*=img-rectangle] .img-action {
  content: "";
  display: flex;
  position: absolute;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.3);
  color: #808080;
  transition: color 0.3s, background 0.3s, transform 0.3s cubic-bezier(0.18, 0.89, 0.39, 1.9);
}
[class*=img-circle] .img-action [class*=icon-],
[class*=img-rectangle] .img-action [class*=icon-] {
  mix-blend-mode: luminosity;
  font-size: 0;
}
[class*=img-circle] .img-action [class*=icon-]::before,
[class*=img-rectangle] .img-action [class*=icon-]::before {
  font-size: 14px;
}
[class*=img-circle] .img-iconfont [class*=icon-]::before,
[class*=img-rectangle] .img-iconfont [class*=icon-]::before {
  color: inherit;
}
[class*=img-circle] .img-placeholder-text,
[class*=img-rectangle] .img-placeholder-text {
  font-size: 17px;
  line-height: 0;
  text-transform: uppercase;
  z-index: -1;
}
[class*=img-circle] .img-counter::before,
[class*=img-rectangle] .img-counter::before {
  content: counter(step-counter);
  font-size: 1.0625rem;
  color: currentColor;
  z-index: -1;
}
[class*=img-circle] .loading-icon,
[class*=img-rectangle] .loading-icon {
  background-position: center;
  background-size: min(1.875rem, 40%);
}
[class*=img-circle] img,
[class*=img-rectangle] img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.img-circle-small {
  width: 2.5rem;
  height: 2.5rem;
}
.img-circle-small::before, .img-circle-small:empty::before,
.img-circle-small .img-counter,
.img-circle-small .img-iconfont [class*=icon-]::before,
.img-circle-small .img-placeholder::before,
.img-circle-small .img-placeholder-text {
  display: inline-block;
  position: relative;
  font-size: 1.075rem;
}
.img-circle-small.img-outline .img-counter,
.img-circle-small.img-outline .img-iconfont [class*=icon-]::before,
.img-circle-small.img-outline .img-placeholder-text {
  line-height: 2.25rem;
}
.img-circle-small .badge.badge-offset {
  top: -0.7276334765rem;
  right: -0.7276334765rem;
}
.img-circle-small .img-counter,
.img-circle-small .img-iconfont [class*=icon-]::before,
.img-circle-small .img-placeholder-text {
  line-height: 2.5rem;
}
.img-circle-small + .btn-circle {
  width: 2.5rem;
  min-width: 2.5rem;
  height: auto;
  min-height: auto;
}
.img-circle-small .img-action {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: none;
}
.img-circle-small .img-action [class*=icon-] {
  mix-blend-mode: difference;
}

.img-circle-medium {
  width: 3.125rem;
  height: 3.125rem;
}
.img-circle-medium::before, .img-circle-medium:empty::before,
.img-circle-medium .img-counter,
.img-circle-medium .img-iconfont [class*=icon-]::before,
.img-circle-medium .img-placeholder::before,
.img-circle-medium .img-placeholder-text {
  display: inline-block;
  position: relative;
  font-size: 1.34375rem;
}
.img-circle-medium.img-outline .img-counter,
.img-circle-medium.img-outline .img-iconfont [class*=icon-]::before,
.img-circle-medium.img-outline .img-placeholder-text {
  line-height: 2.875rem;
}
.img-circle-medium .badge.badge-offset {
  top: -0.6361043456rem;
  right: -0.6361043456rem;
}
.img-circle-medium .img-counter,
.img-circle-medium .img-iconfont [class*=icon-]::before,
.img-circle-medium .img-placeholder-text {
  line-height: 3.125rem;
}
.img-circle-medium + .btn-circle {
  width: 3.125rem;
  min-width: 3.125rem;
  height: auto;
  min-height: auto;
}
.img-circle-medium .img-action {
  width: 25px;
  height: 25px;
}

.img-circle-large {
  width: 5.9375rem;
  height: 5.9375rem;
}
.img-circle-large::before, .img-circle-large:empty::before,
.img-circle-large .img-counter,
.img-circle-large .img-iconfont [class*=icon-]::before,
.img-circle-large .img-placeholder::before,
.img-circle-large .img-placeholder-text {
  display: inline-block;
  position: relative;
  font-size: 2.553125rem;
}
.img-circle-large.img-outline .img-counter,
.img-circle-large.img-outline .img-iconfont [class*=icon-]::before,
.img-circle-large.img-outline .img-placeholder-text {
  line-height: 5.6875rem;
}
.img-circle-large .badge.badge-offset {
  top: -0.2242232566rem;
  right: -0.2242232566rem;
}
.img-circle-large .img-counter,
.img-circle-large .img-iconfont [class*=icon-]::before,
.img-circle-large .img-placeholder-text {
  line-height: 5.9375rem;
}
.img-circle-large + .btn-circle {
  width: 5.9375rem;
  min-width: 5.9375rem;
  height: auto;
  min-height: auto;
}

[class*=img-rectangle] {
  border-radius: 5px;
}
[class*=img-rectangle]::after {
  border-radius: 5px;
}
[class*=img-rectangle]:empty::before,
[class*=img-rectangle] .img-placeholder::before {
  font-family: "iconfont" !important;
  content: "\EA41";
}
[class*=img-rectangle] img {
  border-radius: 5px;
}

.img-rectangle-small {
  width: 3.3333333333rem;
  height: 2.5rem;
}
.img-rectangle-small::before, .img-rectangle-small:empty::before,
.img-rectangle-small .img-counter,
.img-rectangle-small .img-iconfont [class*=icon-]::before,
.img-rectangle-small .img-placeholder::before,
.img-rectangle-small .img-placeholder-text {
  font-size: 1.075rem;
}
.img-rectangle-small .badge.badge-offset {
  top: -0.85rem;
  right: -0.85rem;
}
.img-rectangle-small .img-counter,
.img-rectangle-small .img-iconfont [class*=icon-]::before,
.img-rectangle-small .img-placeholder-text {
  line-height: 2.5rem;
}
.img-rectangle-small .img-action {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: none;
}
.img-rectangle-small .img-action [class*=icon-] {
  mix-blend-mode: difference;
}

.img-rectangle-medium {
  width: 4.1666666667rem;
  height: 3.125rem;
}
.img-rectangle-medium::before, .img-rectangle-medium:empty::before,
.img-rectangle-medium .img-counter,
.img-rectangle-medium .img-iconfont [class*=icon-]::before,
.img-rectangle-medium .img-placeholder::before,
.img-rectangle-medium .img-placeholder-text {
  font-size: 1.34375rem;
}
.img-rectangle-medium .badge.badge-offset {
  top: -1.0625rem;
  right: -1.0625rem;
}
.img-rectangle-medium .img-counter,
.img-rectangle-medium .img-iconfont [class*=icon-]::before,
.img-rectangle-medium .img-placeholder-text {
  line-height: 3.125rem;
}
.img-rectangle-medium .img-action {
  width: 25px;
  height: 25px;
}

.img-rectangle-large {
  width: 7.9166666667rem;
  height: 5.9375rem;
}
.img-rectangle-large::before, .img-rectangle-large:empty::before,
.img-rectangle-large .img-counter,
.img-rectangle-large .img-iconfont [class*=icon-]::before,
.img-rectangle-large .img-placeholder::before,
.img-rectangle-large .img-placeholder-text {
  font-size: 2.553125rem;
}
.img-rectangle-large .badge.badge-offset {
  top: -2.01875rem;
  right: -2.01875rem;
}
.img-rectangle-large .img-counter,
.img-rectangle-large .img-iconfont [class*=icon-]::before,
.img-rectangle-large .img-placeholder-text {
  line-height: 5.9375rem;
}

.img-thumbnail {
  padding: 0.625rem;
  border: 0;
  border-radius: 0;
  box-shadow: 0 1px 4px rgba(1, 1, 1, 0.15);
  background: #fff;
}

[ng-click]:not(.no-context-modifiers):active [class*=img-circle],
[ng-click]:not(.no-context-modifiers):active [class*=img-rectangle],
[ui-sref]:not(.no-context-modifiers):active [class*=img-circle],
[ui-sref]:not(.no-context-modifiers):active [class*=img-rectangle],
a:not(.no-context-modifiers):active [class*=img-circle],
a:not(.no-context-modifiers):active [class*=img-rectangle] {
  transform: scale(0.9);
}
[ng-click]:not(.no-context-modifiers):focus .img-circle-small .img-action,
[ng-click]:not(.no-context-modifiers):focus .img-rectangle-small .img-action, [ng-click]:not(.no-context-modifiers):hover .img-circle-small .img-action,
[ng-click]:not(.no-context-modifiers):hover .img-rectangle-small .img-action,
[ui-sref]:not(.no-context-modifiers):focus .img-circle-small .img-action,
[ui-sref]:not(.no-context-modifiers):focus .img-rectangle-small .img-action,
[ui-sref]:not(.no-context-modifiers):hover .img-circle-small .img-action,
[ui-sref]:not(.no-context-modifiers):hover .img-rectangle-small .img-action,
a:not(.no-context-modifiers):focus .img-circle-small .img-action,
a:not(.no-context-modifiers):focus .img-rectangle-small .img-action,
a:not(.no-context-modifiers):hover .img-circle-small .img-action,
a:not(.no-context-modifiers):hover .img-rectangle-small .img-action {
  background: none;
}
[ng-click]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending), [ng-click]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending),
[ui-sref]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending),
[ui-sref]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending),
a:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending),
a:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]):not(.img-outline):not(.img-pending) {
  box-shadow: 0 0 0 3px #5086b7;
}
[ng-click]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-action, [ng-click]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-action,
[ui-sref]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-action,
[ui-sref]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-action,
a:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-action,
a:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-action {
  background: rgba(255, 255, 255, 0.8);
  transform: translateY(-50%) scale(1.2);
}
[ng-click]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending, [ng-click]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending,
[ui-sref]:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending,
[ui-sref]:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending,
a:not(.no-context-modifiers):focus :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending,
a:not(.no-context-modifiers):hover :is([class*=img-circle-],
[class*=img-rectangle-]).img-pending.img-pending {
  border-color: #5086b7;
}

.hr-underlay {
  text-align: center;
}
.hr-underlay [class*=img-circle],
.hr-underlay [class*=img-rectangle] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 1px solid #d2d2d2;
  box-shadow: 0 0 0 25px #fff;
  transform: translateY(-50%);
}
.hr-underlay .img-circle-small + .spacer,
.hr-underlay .img-rectangle-small + .spacer {
  min-height: 4.6875rem;
}
.hr-underlay .img-circle-medium + .spacer,
.hr-underlay .img-rectangle-medium + .spacer {
  min-height: 6.25rem;
}
.hr-underlay .img-circle-large + .spacer,
.hr-underlay .img-rectangle-large + .spacer {
  min-height: 9.375rem;
}

.img-stacked-left,
.img-stacked-right {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.img-stacked-left [class*=img-circle-],
.img-stacked-right [class*=img-circle-] {
  position: relative;
  transition: 0.2s;
  transform-style: preserve-3d;
}
.img-stacked-left [class*=img-circle-][class*=bg-],
.img-stacked-right [class*=img-circle-][class*=bg-] {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.img-stacked-left [class*=img-circle-]::before,
.img-stacked-right [class*=img-circle-]::before {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  transform: translateZ(-1rem) scaleX(1);
}
.img-stacked-left [class*=img-circle-]:not(:first-of-type)::before,
.img-stacked-right [class*=img-circle-]:not(:first-of-type)::before {
  transform: translateZ(-1rem) scaleX(1.5);
}
.img-stacked-left [class*=img-circle-]:nth-of-type(1),
.img-stacked-right [class*=img-circle-]:nth-of-type(1) {
  transform: translateZ(11em);
  z-index: 11;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(2),
.img-stacked-right [class*=img-circle-]:nth-of-type(2) {
  transform: translateZ(10em);
  z-index: 10;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(3),
.img-stacked-right [class*=img-circle-]:nth-of-type(3) {
  transform: translateZ(9em);
  z-index: 9;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(4),
.img-stacked-right [class*=img-circle-]:nth-of-type(4) {
  transform: translateZ(8em);
  z-index: 8;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(5),
.img-stacked-right [class*=img-circle-]:nth-of-type(5) {
  transform: translateZ(7em);
  z-index: 7;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(6),
.img-stacked-right [class*=img-circle-]:nth-of-type(6) {
  transform: translateZ(6em);
  z-index: 6;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(7),
.img-stacked-right [class*=img-circle-]:nth-of-type(7) {
  transform: translateZ(5em);
  z-index: 5;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(8),
.img-stacked-right [class*=img-circle-]:nth-of-type(8) {
  transform: translateZ(4em);
  z-index: 4;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(9),
.img-stacked-right [class*=img-circle-]:nth-of-type(9) {
  transform: translateZ(3em);
  z-index: 3;
}
.img-stacked-left [class*=img-circle-]:nth-of-type(10),
.img-stacked-right [class*=img-circle-]:nth-of-type(10) {
  transform: translateZ(2em);
  z-index: 2;
}
.img-stacked-left .btn,
.img-stacked-right .btn {
  direction: ltr;
  vertical-align: middle;
}

.img-stacked-left [class*=img-circle-]::before {
  left: auto;
  right: 0;
  transform-origin: right center;
}
.img-stacked-left [class*=img-circle-]:not(:first-of-type):focus, .img-stacked-left [class*=img-circle-]:not(:first-of-type):hover {
  margin-left: 0.1875rem !important;
}
.img-stacked-left [class*=img-circle-] ~ .img-circle-small {
  margin-left: -1.25rem;
}
.img-stacked-left [class*=img-circle-] ~ .img-circle-medium {
  margin-left: -1.5625rem;
}
.img-stacked-left [class*=img-circle-] ~ .img-circle-large {
  margin-left: -2.96875rem;
}
.img-stacked-left .img-circle-small:focus::before, .img-stacked-left .img-circle-small:hover::before {
  margin-left: -1.25rem;
}
.img-stacked-left .img-circle-medium:focus::before, .img-stacked-left .img-circle-medium:hover::before {
  margin-left: -1.5625rem;
}
.img-stacked-left .img-circle-large:focus::before, .img-stacked-left .img-circle-large:hover::before {
  margin-left: -2.96875rem;
}

.img-stacked-right {
  direction: rtl;
}
.img-stacked-right [class*=img-circle-]::before {
  left: 0;
  right: auto;
  transform-origin: left center;
}
.img-stacked-right [class*=img-circle-]:not(:first-of-type):focus, .img-stacked-right [class*=img-circle-]:not(:first-of-type):hover {
  margin-right: 0.1875rem !important;
}
.img-stacked-right [class*=img-circle-] ~ .img-circle-small {
  margin-right: -1.25rem;
}
.img-stacked-right [class*=img-circle-] ~ .img-circle-medium {
  margin-right: -1.5625rem;
}
.img-stacked-right [class*=img-circle-] ~ .img-circle-large {
  margin-right: -2.96875rem;
}
.img-stacked-right .img-circle-small:focus::before, .img-stacked-right .img-circle-small:hover::before {
  margin-right: -1.25rem;
}
.img-stacked-right .img-circle-medium:focus::before, .img-stacked-right .img-circle-medium:hover::before {
  margin-right: -1.5625rem;
}
.img-stacked-right .img-circle-large:focus::before, .img-stacked-right .img-circle-large:hover::before {
  margin-right: -2.96875rem;
}

.checkbox,
.radio {
  position: relative;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  position: absolute;
  width: auto;
  margin: auto;
  padding: 0;
  border: none;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=checkbox]:hover ~ .graphic,
input[type=radio]:hover ~ .graphic {
  border-color: #d2d2d2;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #fff;
}
input[type=checkbox]:active ~ .graphic,
input[type=radio]:active ~ .graphic {
  border-color: #5086b7;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #fff;
}
input[type=checkbox]:checked ~ .graphic,
input[type=radio]:checked ~ .graphic {
  border-color: #d2d2d2;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #5086b7;
}
input[type=checkbox]:checked:active ~ .graphic,
input[type=radio]:checked:active ~ .graphic {
  border-color: #5086b7;
}
input[type=checkbox]:checked:focus ~ .graphic,
input[type=radio]:checked:focus ~ .graphic {
  background-color: #5086b7;
}
input[type=checkbox]:checked:disabled ~ .graphic,
input[type=radio]:checked:disabled ~ .graphic {
  border-color: #d2d2d2;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #d2d2d2;
}
input[type=checkbox]:focus ~ .graphic,
input[type=radio]:focus ~ .graphic {
  border-color: #5086b7;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #fff;
}
input[type=checkbox]:disabled ~ .graphic,
input[type=radio]:disabled ~ .graphic {
  border-color: #d2d2d2;
  border-width: 1px;
  box-shadow: inset 0 0 0 0.125rem rgba(210, 210, 210, 0.5);
  background-color: #d2d2d2;
  cursor: not-allowed;
}
input[type=checkbox] ~ .graphic,
input[type=radio] ~ .graphic {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: var(--checkbox-radio-height);
  padding: 0.125rem;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  transition: 0.2s;
  border-color: #d2d2d2;
  box-shadow: inset 0 0 0 0.125rem #fff;
  background-color: #fff;
}
input[type=checkbox] + .graphic,
input[type=radio] + .graphic {
  margin-right: 0;
}

input[type=radio] ~ [class*=icon-],
input[type=radio] ~ .graphic {
  border-radius: 50%;
}

input[type=checkbox].checkbox-checkmark:checked:disabled ~ .graphic {
  box-shadow: inset 0 0 0 0.125rem rgba(210, 210, 210, 0.5);
  background-color: rgba(210, 210, 210, 0.5);
}
input[type=checkbox].checkbox-checkmark:checked:disabled ~ .graphic::after, input[type=checkbox].checkbox-checkmark:checked:disabled ~ .graphic::before {
  background-image: linear-gradient(to right, white, white);
}
input[type=checkbox].checkbox-checkmark:checked ~ .graphic {
  border-color: !important;
  background-color: #fff;
}
input[type=checkbox].checkbox-checkmark:checked ~ .graphic::after, input[type=checkbox].checkbox-checkmark:checked ~ .graphic::before {
  background-image: linear-gradient(to right, #5086b7, #5086b7);
  opacity: 1;
  background-size: 100% 100%;
}
input[type=checkbox].checkbox-checkmark:checked ~ .graphic::after {
  transition-delay: 0.0666666667s;
}
input[type=checkbox].checkbox-checkmark:disabled ~ .graphic {
  box-shadow: inset 0 0 0 0.125rem rgba(210, 210, 210, 0.5);
  background-color: rgba(210, 210, 210, 0.5);
}
input[type=checkbox].checkbox-checkmark ~ .graphic {
  box-shadow: none !important;
  background-color: #fff;
}
input[type=checkbox].checkbox-checkmark ~ .graphic::after, input[type=checkbox].checkbox-checkmark ~ .graphic::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.4375rem - 0px);
  height: 0.1875rem;
  border-radius: 9999px;
  opacity: 0;
  background-image: linear-gradient(to right, #5086b7, #5086b7);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.0666666667s;
  transition-delay: 0s;
}
input[type=checkbox].checkbox-checkmark ~ .graphic::after {
  bottom: calc(var(--checkbox-radio-height) / 6.666666667);
  right: calc((var(--checkbox-radio-height) * -1) / 10);
  width: calc((var(--checkbox-radio-height) / 1.666666667) - 0px);
  transform: rotate(-45deg);
  transform-origin: bottom left;
}
input[type=checkbox].checkbox-checkmark ~ .graphic::before {
  bottom: calc(var(--checkbox-radio-height) / 6.666666667);
  left: 0;
  transform: rotate(45deg);
  transform-origin: bottom right;
}

input[list]::-webkit-calendar-picker-indicator {
  display: none !important;
}

label.checkbox:not(.btn),
label.radio:not(.btn) {
  min-width: 1.25rem;
  font-weight: 600;
  line-height: var(--line-height-base);
  color: #565656;
}
label.checkbox:not(.btn) .text,
label.radio:not(.btn) .text {
  margin-top: calc(var(--checkbox-radio-height) / 2 - var(--line-height-base) * 1em / 2);
}
label.checkbox input ~ [class*=icon-],
label.checkbox input ~ .graphic,
label.radio input ~ [class*=icon-],
label.radio input ~ .graphic {
  position: absolute;
  left: 0;
}
label.checkbox input ~ .text,
label.radio input ~ .text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 1.875rem;
  hyphens: none;
}
label.checkbox input ~ .text .text-description,
label.radio input ~ .text .text-description {
  flex-basis: 100%;
}

select[multiple], select[size] {
  height: auto;
}

input[type=date] + .checkbox,
input[type=date] + .radio, input[type=datetime] + .checkbox,
input[type=datetime] + .radio, input[type=datetime-local] + .checkbox,
input[type=datetime-local] + .radio, input[type=email] + .checkbox,
input[type=email] + .radio, input[type=month] + .checkbox,
input[type=month] + .radio, input[type=number] + .checkbox,
input[type=number] + .radio, input[type=password] + .checkbox,
input[type=password] + .radio, input[type=phone] + .checkbox,
input[type=phone] + .radio, input[type=search] + .checkbox,
input[type=search] + .radio, input[type=tel] + .checkbox,
input[type=tel] + .radio, input[type=text] + .checkbox,
input[type=text] + .radio, input[type=time] + .checkbox,
input[type=time] + .radio, input[type=url] + .checkbox,
input[type=url] + .radio, input[type=week] + .checkbox,
input[type=week] + .radio, input[list] + .checkbox,
input[list] + .radio, select + .checkbox,
select + .radio, textarea + .checkbox,
textarea + .radio,
.checkbox:not(label) + .checkbox,
.checkbox:not(label) + .radio,
.dropdown + .checkbox,
.dropdown + .radio,
.radio:not(label) + .checkbox,
.radio:not(label) + .radio,
.input-styler + .checkbox,
.input-styler + .radio,
.select-all + .checkbox,
.select-all + .radio,
.select-all-dynamic + .checkbox,
.select-all-dynamic + .radio {
  margin-top: 0.5rem;
}

.checkbox + input[type=date], .checkbox + input[type=datetime], .checkbox + input[type=datetime-local], .checkbox + input[type=email], .checkbox + input[type=month], .checkbox + input[type=number], .checkbox + input[type=password], .checkbox + input[type=phone], .checkbox + input[type=search], .checkbox + input[type=tel], .checkbox + input[type=text], .checkbox + input[type=time], .checkbox + input[type=url], .checkbox + input[type=week], .checkbox + input[list], .checkbox + select, .checkbox + textarea,
.checkbox + .checkbox:not(label),
.checkbox + .dropdown,
.checkbox + .radio:not(label),
.checkbox + .input-styler,
.checkbox + .select-all,
.checkbox + .select-all-dynamic,
.radio + input[type=date],
.radio + input[type=datetime],
.radio + input[type=datetime-local],
.radio + input[type=email],
.radio + input[type=month],
.radio + input[type=number],
.radio + input[type=password],
.radio + input[type=phone],
.radio + input[type=search],
.radio + input[type=tel],
.radio + input[type=text],
.radio + input[type=time],
.radio + input[type=url],
.radio + input[type=week],
.radio + input[list],
.radio + select,
.radio + textarea,
.radio + .checkbox:not(label),
.radio + .dropdown,
.radio + .radio:not(label),
.radio + .input-styler,
.radio + .select-all,
.radio + .select-all-dynamic {
  margin-top: 0.5rem;
}

[contenteditable] {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
[contenteditable]:empty::before {
  content: attr(placeholder);
  font-style: italic;
  font-weight: 500;
  color: rgba(86, 86, 86, 0.5);
}
.checkbox-inline,
.radio-inline {
  display: inline-flex;
  position: relative;
  min-height: 2.5rem;
  align-items: center;
  margin-left: 0;
  margin-right: 0.9375rem;
  padding-left: 0;
}
.checkbox-inline label.checkbox[class*=btn-icon],
.radio-inline label.checkbox[class*=btn-icon] {
  margin-left: 0;
  margin-right: 0;
}
.checkbox-inline label.radio[class*=btn-icon],
.radio-inline label.radio[class*=btn-icon] {
  margin-left: 0;
  margin-right: 0;
}

input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input[list], select, textarea {
  position: relative;
  width: 100%;
  height: 2.5rem;
  padding: calc((2.5rem - (0.8125rem * 1.5) - (1px * 2)) / 2) 0.625rem;
  border-color: #d2d2d2;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  outline: 0;
  outline-color: #d2d2d2;
  background-color: #f9f9f9;
  font-weight: 400;
  line-height: 1.5;
  word-break: normal;
  color: #565656;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.2s;
  font-size: 0.8125rem;
  transition: 0.2s;
}
input[type=date][class*=fg-],
input[type=date][class*=fg-] .graphic::after, input[type=datetime][class*=fg-],
input[type=datetime][class*=fg-] .graphic::after, input[type=datetime-local][class*=fg-],
input[type=datetime-local][class*=fg-] .graphic::after, input[type=email][class*=fg-],
input[type=email][class*=fg-] .graphic::after, input[type=month][class*=fg-],
input[type=month][class*=fg-] .graphic::after, input[type=number][class*=fg-],
input[type=number][class*=fg-] .graphic::after, input[type=password][class*=fg-],
input[type=password][class*=fg-] .graphic::after, input[type=phone][class*=fg-],
input[type=phone][class*=fg-] .graphic::after, input[type=search][class*=fg-],
input[type=search][class*=fg-] .graphic::after, input[type=tel][class*=fg-],
input[type=tel][class*=fg-] .graphic::after, input[type=text][class*=fg-],
input[type=text][class*=fg-] .graphic::after, input[type=time][class*=fg-],
input[type=time][class*=fg-] .graphic::after, input[type=url][class*=fg-],
input[type=url][class*=fg-] .graphic::after, input[type=week][class*=fg-],
input[type=week][class*=fg-] .graphic::after, input[list][class*=fg-],
input[list][class*=fg-] .graphic::after, select[class*=fg-],
select[class*=fg-] .graphic::after, textarea[class*=fg-],
textarea[class*=fg-] .graphic::after {
  color: inherit !important;
}
input[type=date][class*=has-max-width-], input[type=date][size], input[type=datetime][class*=has-max-width-], input[type=datetime][size], input[type=datetime-local][class*=has-max-width-], input[type=datetime-local][size], input[type=email][class*=has-max-width-], input[type=email][size], input[type=month][class*=has-max-width-], input[type=month][size], input[type=number][class*=has-max-width-], input[type=number][size], input[type=password][class*=has-max-width-], input[type=password][size], input[type=phone][class*=has-max-width-], input[type=phone][size], input[type=search][class*=has-max-width-], input[type=search][size], input[type=tel][class*=has-max-width-], input[type=tel][size], input[type=text][class*=has-max-width-], input[type=text][size], input[type=time][class*=has-max-width-], input[type=time][size], input[type=url][class*=has-max-width-], input[type=url][size], input[type=week][class*=has-max-width-], input[type=week][size], input[list][class*=has-max-width-], input[list][size], select[class*=has-max-width-], select[size], textarea[class*=has-max-width-], textarea[size] {
  display: inline-block;
}
input[type=date][size], input[type=datetime][size], input[type=datetime-local][size], input[type=email][size], input[type=month][size], input[type=number][size], input[type=password][size], input[type=phone][size], input[type=search][size], input[type=tel][size], input[type=text][size], input[type=time][size], input[type=url][size], input[type=week][size], input[list][size], select[size], textarea[size] {
  width: auto;
}
input[type=date]:autofill, input[type=date]:autofill::first-line, input[type=date]:autofill:hover, input[type=date]:autofill:focus, input[type=date]:autofill:active, input[type=date]:-webkit-autofill, input[type=date]:-webkit-autofill::first-line, input[type=date]:-webkit-autofill:hover, input[type=date]:-webkit-autofill:focus, input[type=date]:-webkit-autofill:active, input[type=datetime]:autofill, input[type=datetime]:autofill::first-line, input[type=datetime]:autofill:hover, input[type=datetime]:autofill:focus, input[type=datetime]:autofill:active, input[type=datetime]:-webkit-autofill, input[type=datetime]:-webkit-autofill::first-line, input[type=datetime]:-webkit-autofill:hover, input[type=datetime]:-webkit-autofill:focus, input[type=datetime]:-webkit-autofill:active, input[type=datetime-local]:autofill, input[type=datetime-local]:autofill::first-line, input[type=datetime-local]:autofill:hover, input[type=datetime-local]:autofill:focus, input[type=datetime-local]:autofill:active, input[type=datetime-local]:-webkit-autofill, input[type=datetime-local]:-webkit-autofill::first-line, input[type=datetime-local]:-webkit-autofill:hover, input[type=datetime-local]:-webkit-autofill:focus, input[type=datetime-local]:-webkit-autofill:active, input[type=email]:autofill, input[type=email]:autofill::first-line, input[type=email]:autofill:hover, input[type=email]:autofill:focus, input[type=email]:autofill:active, input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill::first-line, input[type=email]:-webkit-autofill:hover, input[type=email]:-webkit-autofill:focus, input[type=email]:-webkit-autofill:active, input[type=month]:autofill, input[type=month]:autofill::first-line, input[type=month]:autofill:hover, input[type=month]:autofill:focus, input[type=month]:autofill:active, input[type=month]:-webkit-autofill, input[type=month]:-webkit-autofill::first-line, input[type=month]:-webkit-autofill:hover, input[type=month]:-webkit-autofill:focus, input[type=month]:-webkit-autofill:active, input[type=number]:autofill, input[type=number]:autofill::first-line, input[type=number]:autofill:hover, input[type=number]:autofill:focus, input[type=number]:autofill:active, input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill::first-line, input[type=number]:-webkit-autofill:hover, input[type=number]:-webkit-autofill:focus, input[type=number]:-webkit-autofill:active, input[type=password]:autofill, input[type=password]:autofill::first-line, input[type=password]:autofill:hover, input[type=password]:autofill:focus, input[type=password]:autofill:active, input[type=password]:-webkit-autofill, input[type=password]:-webkit-autofill::first-line, input[type=password]:-webkit-autofill:hover, input[type=password]:-webkit-autofill:focus, input[type=password]:-webkit-autofill:active, input[type=phone]:autofill, input[type=phone]:autofill::first-line, input[type=phone]:autofill:hover, input[type=phone]:autofill:focus, input[type=phone]:autofill:active, input[type=phone]:-webkit-autofill, input[type=phone]:-webkit-autofill::first-line, input[type=phone]:-webkit-autofill:hover, input[type=phone]:-webkit-autofill:focus, input[type=phone]:-webkit-autofill:active, input[type=search]:autofill, input[type=search]:autofill::first-line, input[type=search]:autofill:hover, input[type=search]:autofill:focus, input[type=search]:autofill:active, input[type=search]:-webkit-autofill, input[type=search]:-webkit-autofill::first-line, input[type=search]:-webkit-autofill:hover, input[type=search]:-webkit-autofill:focus, input[type=search]:-webkit-autofill:active, input[type=tel]:autofill, input[type=tel]:autofill::first-line, input[type=tel]:autofill:hover, input[type=tel]:autofill:focus, input[type=tel]:autofill:active, input[type=tel]:-webkit-autofill, input[type=tel]:-webkit-autofill::first-line, input[type=tel]:-webkit-autofill:hover, input[type=tel]:-webkit-autofill:focus, input[type=tel]:-webkit-autofill:active, input[type=text]:autofill, input[type=text]:autofill::first-line, input[type=text]:autofill:hover, input[type=text]:autofill:focus, input[type=text]:autofill:active, input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill::first-line, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active, input[type=time]:autofill, input[type=time]:autofill::first-line, input[type=time]:autofill:hover, input[type=time]:autofill:focus, input[type=time]:autofill:active, input[type=time]:-webkit-autofill, input[type=time]:-webkit-autofill::first-line, input[type=time]:-webkit-autofill:hover, input[type=time]:-webkit-autofill:focus, input[type=time]:-webkit-autofill:active, input[type=url]:autofill, input[type=url]:autofill::first-line, input[type=url]:autofill:hover, input[type=url]:autofill:focus, input[type=url]:autofill:active, input[type=url]:-webkit-autofill, input[type=url]:-webkit-autofill::first-line, input[type=url]:-webkit-autofill:hover, input[type=url]:-webkit-autofill:focus, input[type=url]:-webkit-autofill:active, input[type=week]:autofill, input[type=week]:autofill::first-line, input[type=week]:autofill:hover, input[type=week]:autofill:focus, input[type=week]:autofill:active, input[type=week]:-webkit-autofill, input[type=week]:-webkit-autofill::first-line, input[type=week]:-webkit-autofill:hover, input[type=week]:-webkit-autofill:focus, input[type=week]:-webkit-autofill:active, input[list]:autofill, input[list]:autofill::first-line, input[list]:autofill:hover, input[list]:autofill:focus, input[list]:autofill:active, input[list]:-webkit-autofill, input[list]:-webkit-autofill::first-line, input[list]:-webkit-autofill:hover, input[list]:-webkit-autofill:focus, input[list]:-webkit-autofill:active, select:autofill, select:autofill::first-line, select:autofill:hover, select:autofill:focus, select:autofill:active, select:-webkit-autofill, select:-webkit-autofill::first-line, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:autofill, textarea:autofill::first-line, textarea:autofill:hover, textarea:autofill:focus, textarea:autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill::first-line, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565656;
}
input[type=date]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=phone]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[list]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=phone]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, input[list]::placeholder, select::placeholder, textarea::placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=phone]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[list]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=phone]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[list]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=phone]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[list]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=phone]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=week]:-moz-placeholder, input[list]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
input[type=date]::-ms-clear, input[type=datetime]::-ms-clear, input[type=datetime-local]::-ms-clear, input[type=email]::-ms-clear, input[type=month]::-ms-clear, input[type=number]::-ms-clear, input[type=password]::-ms-clear, input[type=phone]::-ms-clear, input[type=search]::-ms-clear, input[type=tel]::-ms-clear, input[type=text]::-ms-clear, input[type=time]::-ms-clear, input[type=url]::-ms-clear, input[type=week]::-ms-clear, input[list]::-ms-clear, select::-ms-clear, textarea::-ms-clear {
  display: none;
}
input[type=date]:focus, input[type=date].focused, input[type=datetime]:focus, input[type=datetime].focused, input[type=datetime-local]:focus, input[type=datetime-local].focused, input[type=email]:focus, input[type=email].focused, input[type=month]:focus, input[type=month].focused, input[type=number]:focus, input[type=number].focused, input[type=password]:focus, input[type=password].focused, input[type=phone]:focus, input[type=phone].focused, input[type=search]:focus, input[type=search].focused, input[type=tel]:focus, input[type=tel].focused, input[type=text]:focus, input[type=text].focused, input[type=time]:focus, input[type=time].focused, input[type=url]:focus, input[type=url].focused, input[type=week]:focus, input[type=week].focused, input[list]:focus, input[list].focused, select:focus, select.focused, textarea:focus, textarea.focused {
  border-color: #5086b7;
  box-shadow: 0 0 0.625rem 0 rgba(80, 134, 183, 0.2);
  outline: 0;
  color: #565656;
}
input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=phone]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input[list]:hover, select:hover, textarea:hover {
  cursor: text;
}
input[type=date]:disabled, input[type=date]:disabled:hover, input[type=date][readonly], input[type=datetime]:disabled, input[type=datetime]:disabled:hover, input[type=datetime][readonly], input[type=datetime-local]:disabled, input[type=datetime-local]:disabled:hover, input[type=datetime-local][readonly], input[type=email]:disabled, input[type=email]:disabled:hover, input[type=email][readonly], input[type=month]:disabled, input[type=month]:disabled:hover, input[type=month][readonly], input[type=number]:disabled, input[type=number]:disabled:hover, input[type=number][readonly], input[type=password]:disabled, input[type=password]:disabled:hover, input[type=password][readonly], input[type=phone]:disabled, input[type=phone]:disabled:hover, input[type=phone][readonly], input[type=search]:disabled, input[type=search]:disabled:hover, input[type=search][readonly], input[type=tel]:disabled, input[type=tel]:disabled:hover, input[type=tel][readonly], input[type=text]:disabled, input[type=text]:disabled:hover, input[type=text][readonly], input[type=time]:disabled, input[type=time]:disabled:hover, input[type=time][readonly], input[type=url]:disabled, input[type=url]:disabled:hover, input[type=url][readonly], input[type=week]:disabled, input[type=week]:disabled:hover, input[type=week][readonly], input[list]:disabled, input[list]:disabled:hover, input[list][readonly], select:disabled, select:disabled:hover, select[readonly], textarea:disabled, textarea:disabled:hover, textarea[readonly] {
  border-width: 1px;
  border-color: #e0e0e0;
  border-style: solid;
  opacity: 1;
  background-color: #e0e0e0;
  color: #666666;
  cursor: not-allowed;
}
input[type=date]:disabled::-webkit-input-placeholder, input[type=date]:disabled:hover::-webkit-input-placeholder, input[type=date][readonly]::-webkit-input-placeholder, input[type=datetime]:disabled::-webkit-input-placeholder, input[type=datetime]:disabled:hover::-webkit-input-placeholder, input[type=datetime][readonly]::-webkit-input-placeholder, input[type=datetime-local]:disabled::-webkit-input-placeholder, input[type=datetime-local]:disabled:hover::-webkit-input-placeholder, input[type=datetime-local][readonly]::-webkit-input-placeholder, input[type=email]:disabled::-webkit-input-placeholder, input[type=email]:disabled:hover::-webkit-input-placeholder, input[type=email][readonly]::-webkit-input-placeholder, input[type=month]:disabled::-webkit-input-placeholder, input[type=month]:disabled:hover::-webkit-input-placeholder, input[type=month][readonly]::-webkit-input-placeholder, input[type=number]:disabled::-webkit-input-placeholder, input[type=number]:disabled:hover::-webkit-input-placeholder, input[type=number][readonly]::-webkit-input-placeholder, input[type=password]:disabled::-webkit-input-placeholder, input[type=password]:disabled:hover::-webkit-input-placeholder, input[type=password][readonly]::-webkit-input-placeholder, input[type=phone]:disabled::-webkit-input-placeholder, input[type=phone]:disabled:hover::-webkit-input-placeholder, input[type=phone][readonly]::-webkit-input-placeholder, input[type=search]:disabled::-webkit-input-placeholder, input[type=search]:disabled:hover::-webkit-input-placeholder, input[type=search][readonly]::-webkit-input-placeholder, input[type=tel]:disabled::-webkit-input-placeholder, input[type=tel]:disabled:hover::-webkit-input-placeholder, input[type=tel][readonly]::-webkit-input-placeholder, input[type=text]:disabled::-webkit-input-placeholder, input[type=text]:disabled:hover::-webkit-input-placeholder, input[type=text][readonly]::-webkit-input-placeholder, input[type=time]:disabled::-webkit-input-placeholder, input[type=time]:disabled:hover::-webkit-input-placeholder, input[type=time][readonly]::-webkit-input-placeholder, input[type=url]:disabled::-webkit-input-placeholder, input[type=url]:disabled:hover::-webkit-input-placeholder, input[type=url][readonly]::-webkit-input-placeholder, input[type=week]:disabled::-webkit-input-placeholder, input[type=week]:disabled:hover::-webkit-input-placeholder, input[type=week][readonly]::-webkit-input-placeholder, input[list]:disabled::-webkit-input-placeholder, input[list]:disabled:hover::-webkit-input-placeholder, input[list][readonly]::-webkit-input-placeholder, select:disabled::-webkit-input-placeholder, select:disabled:hover::-webkit-input-placeholder, select[readonly]::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder, textarea:disabled:hover::-webkit-input-placeholder, textarea[readonly]::-webkit-input-placeholder {
  color: #898989;
}
input[type=date][readonly], input[type=datetime][readonly], input[type=datetime-local][readonly], input[type=email][readonly], input[type=month][readonly], input[type=number][readonly], input[type=password][readonly], input[type=phone][readonly], input[type=search][readonly], input[type=tel][readonly], input[type=text][readonly], input[type=time][readonly], input[type=url][readonly], input[type=week][readonly], input[list][readonly], select[readonly], textarea[readonly] {
  background-color: transparent;
  cursor: default;
}
input[type=date][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=datetime][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=datetime-local][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=email][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=month][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=number][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=password][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=phone][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=search][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=tel][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=text][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=time][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=url][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[type=week][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), input[list][class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), select[class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid), textarea[class*=has-highlight-]:not(.input-underline):not(.field-invalid):not(.is-invalid) {
  outline-offset: -2px !important;
  outline-style: solid !important;
  outline-width: 2px !important;
  transition: 0.2s;
}
input[type=date].comment, input[type=datetime].comment, input[type=datetime-local].comment, input[type=email].comment, input[type=month].comment, input[type=number].comment, input[type=password].comment, input[type=phone].comment, input[type=search].comment, input[type=tel].comment, input[type=text].comment, input[type=time].comment, input[type=url].comment, input[type=week].comment, input[list].comment, select.comment, textarea.comment {
  font-style: italic;
}
input[type=date].has-highlight-normal, input[type=datetime].has-highlight-normal, input[type=datetime-local].has-highlight-normal, input[type=email].has-highlight-normal, input[type=month].has-highlight-normal, input[type=number].has-highlight-normal, input[type=password].has-highlight-normal, input[type=phone].has-highlight-normal, input[type=search].has-highlight-normal, input[type=tel].has-highlight-normal, input[type=text].has-highlight-normal, input[type=time].has-highlight-normal, input[type=url].has-highlight-normal, input[type=week].has-highlight-normal, input[list].has-highlight-normal, select.has-highlight-normal, textarea.has-highlight-normal {
  outline-color: #1ba3ff !important;
}
input[type=date].has-highlight-danger, input[type=date].has-highlight-for-deletion, input[type=datetime].has-highlight-danger, input[type=datetime].has-highlight-for-deletion, input[type=datetime-local].has-highlight-danger, input[type=datetime-local].has-highlight-for-deletion, input[type=email].has-highlight-danger, input[type=email].has-highlight-for-deletion, input[type=month].has-highlight-danger, input[type=month].has-highlight-for-deletion, input[type=number].has-highlight-danger, input[type=number].has-highlight-for-deletion, input[type=password].has-highlight-danger, input[type=password].has-highlight-for-deletion, input[type=phone].has-highlight-danger, input[type=phone].has-highlight-for-deletion, input[type=search].has-highlight-danger, input[type=search].has-highlight-for-deletion, input[type=tel].has-highlight-danger, input[type=tel].has-highlight-for-deletion, input[type=text].has-highlight-danger, input[type=text].has-highlight-for-deletion, input[type=time].has-highlight-danger, input[type=time].has-highlight-for-deletion, input[type=url].has-highlight-danger, input[type=url].has-highlight-for-deletion, input[type=week].has-highlight-danger, input[type=week].has-highlight-for-deletion, input[list].has-highlight-danger, input[list].has-highlight-for-deletion, select.has-highlight-danger, select.has-highlight-for-deletion, textarea.has-highlight-danger, textarea.has-highlight-for-deletion {
  outline-color: #ff1c2c !important;
}
input[type=date].has-highlight-success, input[type=datetime].has-highlight-success, input[type=datetime-local].has-highlight-success, input[type=email].has-highlight-success, input[type=month].has-highlight-success, input[type=number].has-highlight-success, input[type=password].has-highlight-success, input[type=phone].has-highlight-success, input[type=search].has-highlight-success, input[type=tel].has-highlight-success, input[type=text].has-highlight-success, input[type=time].has-highlight-success, input[type=url].has-highlight-success, input[type=week].has-highlight-success, input[list].has-highlight-success, select.has-highlight-success, textarea.has-highlight-success {
  outline-color: #4aff47 !important;
}
input[type=date].has-highlight-warning, input[type=datetime].has-highlight-warning, input[type=datetime-local].has-highlight-warning, input[type=email].has-highlight-warning, input[type=month].has-highlight-warning, input[type=number].has-highlight-warning, input[type=password].has-highlight-warning, input[type=phone].has-highlight-warning, input[type=search].has-highlight-warning, input[type=tel].has-highlight-warning, input[type=text].has-highlight-warning, input[type=time].has-highlight-warning, input[type=url].has-highlight-warning, input[type=week].has-highlight-warning, input[list].has-highlight-warning, select.has-highlight-warning, textarea.has-highlight-warning {
  outline-color: #ff7911 !important;
}
input[type=date].has-max-width-char-single, input[type=datetime].has-max-width-char-single, input[type=datetime-local].has-max-width-char-single, input[type=email].has-max-width-char-single, input[type=month].has-max-width-char-single, input[type=number].has-max-width-char-single, input[type=password].has-max-width-char-single, input[type=phone].has-max-width-char-single, input[type=search].has-max-width-char-single, input[type=tel].has-max-width-char-single, input[type=text].has-max-width-char-single, input[type=time].has-max-width-char-single, input[type=url].has-max-width-char-single, input[type=week].has-max-width-char-single, input[list].has-max-width-char-single, select.has-max-width-char-single, textarea.has-max-width-char-single {
  max-width: calc(1ch + 1.25rem);
}
input[type=date].has-max-width-char-small, input[type=datetime].has-max-width-char-small, input[type=datetime-local].has-max-width-char-small, input[type=email].has-max-width-char-small, input[type=month].has-max-width-char-small, input[type=number].has-max-width-char-small, input[type=password].has-max-width-char-small, input[type=phone].has-max-width-char-small, input[type=search].has-max-width-char-small, input[type=tel].has-max-width-char-small, input[type=text].has-max-width-char-small, input[type=time].has-max-width-char-small, input[type=url].has-max-width-char-small, input[type=week].has-max-width-char-small, input[list].has-max-width-char-small, select.has-max-width-char-small, textarea.has-max-width-char-small {
  max-width: calc(5ch + 1.25rem);
}
input[type=date].has-max-width-char-medium, input[type=datetime].has-max-width-char-medium, input[type=datetime-local].has-max-width-char-medium, input[type=email].has-max-width-char-medium, input[type=month].has-max-width-char-medium, input[type=number].has-max-width-char-medium, input[type=password].has-max-width-char-medium, input[type=phone].has-max-width-char-medium, input[type=search].has-max-width-char-medium, input[type=tel].has-max-width-char-medium, input[type=text].has-max-width-char-medium, input[type=time].has-max-width-char-medium, input[type=url].has-max-width-char-medium, input[type=week].has-max-width-char-medium, input[list].has-max-width-char-medium, select.has-max-width-char-medium, textarea.has-max-width-char-medium {
  max-width: calc(10ch + 1.25rem);
}
input[type=date].has-max-width-char-large, input[type=datetime].has-max-width-char-large, input[type=datetime-local].has-max-width-char-large, input[type=email].has-max-width-char-large, input[type=month].has-max-width-char-large, input[type=number].has-max-width-char-large, input[type=password].has-max-width-char-large, input[type=phone].has-max-width-char-large, input[type=search].has-max-width-char-large, input[type=tel].has-max-width-char-large, input[type=text].has-max-width-char-large, input[type=time].has-max-width-char-large, input[type=url].has-max-width-char-large, input[type=week].has-max-width-char-large, input[list].has-max-width-char-large, select.has-max-width-char-large, textarea.has-max-width-char-large {
  max-width: calc(15ch + 1.25rem);
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0.625rem;
  padding: 0.3125rem;
  padding-right: 0;
  background: transparent;
}
input[type=date]::-webkit-clear-button {
  display: none;
}
input[type=date]::-webkit-inner-spin-button {
  display: none;
}

input[type=number].no-spinner {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number].no-spinner::-webkit-inner-spin-button, input[type=number].no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

[class*=input-no-bg]:focus,
[class*=input-no-bg] input:focus,
[class*=input-no-bg] select:focus {
  text-decoration: none !important;
}
[class*=input-no-bg]:not(.input-no-bg-allow-states),
[class*=input-no-bg]:not(.input-no-bg-allow-states) input,
[class*=input-no-bg]:not(.input-no-bg-allow-states) select {
  background-color: transparent !important;
}
[class*=input-no-bg].input-no-bg-allow-states:not(:active):not(:focus),
[class*=input-no-bg].input-no-bg-allow-states input:not(:active):not(:focus),
[class*=input-no-bg].input-no-bg-allow-states select:not(:active):not(:focus) {
  background-color: transparent !important;
}

[class*=input-no-border]:not(.input-styler):disabled,
[class*=input-no-border] input:disabled,
[class*=input-no-border] select:disabled {
  text-decoration: line-through !important;
  cursor: not-allowed !important;
}
[class*=input-no-border]:not(.input-no-border-allow-states),
[class*=input-no-border]:not(.input-no-border-allow-states) input,
[class*=input-no-border]:not(.input-no-border-allow-states) select {
  border-color: transparent !important;
  box-shadow: none !important;
}
[class*=input-no-border].input-no-border-allow-states:not(:active):not(:focus),
[class*=input-no-border].input-no-border-allow-states input:not(:active):not(:focus),
[class*=input-no-border].input-no-border-allow-states select:not(:active):not(:focus) {
  border-color: transparent !important;
  box-shadow: none !important;
}

[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input,
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select {
  height: auto !important;
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.3125rem;
  padding-right: 0.9375rem;
  font-size: inherit;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input::-moz-placeholder, [class*=input-no-bg][class*=input-no-border].input-styler.input-inline select::-moz-placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input::-moz-placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link select::-moz-placeholder {
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input::placeholder,
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select::placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input::placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select::placeholder {
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select:-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:-ms-input-placeholder {
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select::-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select::-ms-input-placeholder {
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input ~ [class*=icon-],
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select ~ [class*=icon-], [class*=input-no-bg][class*=input-no-border].input-inline.text-link input ~ [class*=icon-],
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select ~ [class*=icon-],
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline input ~ .graphic,
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline select ~ .graphic,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input ~ .graphic,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select ~ .graphic {
  width: 0.9375rem;
}

[class*=input-no-bg][class*=input-no-border].input-inline.text-link {
  padding: 0 !important;
  border-bottom: 1px solid rgba(128, 128, 128, 0.3) !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 calc(100% + 0.0625rem) !important;
  background-repeat: no-repeat !important;
  background-size: 0 0.0625rem !important;
  font-size: !important;
  text-decoration: none !important;
  color: #5086b7 !important;
  transition: 0.2s !important;
  margin-left: 0.3125rem;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link:active, [class*=input-no-bg][class*=input-no-border].input-inline.text-link:focus, [class*=input-no-bg][class*=input-no-border].input-inline.text-link:hover {
  background-size: 100% 0.0625rem !important;
  text-decoration: none !important;
  color: #20384e !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link:focus-within {
  background-size: 100% 0.0625rem !important;
  text-decoration: none !important;
  color: #20384e !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select {
  margin-left: 0;
  padding-top: 0.2125rem;
  padding-bottom: 0.2125rem;
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input:focus, [class*=input-no-bg][class*=input-no-border].input-inline.text-link input:hover,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:focus,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:hover {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input:not(:focus)::-moz-placeholder, [class*=input-no-bg][class*=input-no-border].input-inline.text-link select:not(:focus)::-moz-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input:not(:focus)::placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:not(:focus)::placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input:not(:focus):-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:not(:focus):-ms-input-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input:not(:focus)::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:not(:focus)::-ms-input-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input:not(:focus)::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select:not(:focus)::-webkit-datetime-edit-fields-wrapper {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input ~ [class*=icon-]::before,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link input ~ .graphic::before,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select ~ [class*=icon-]::before,
[class*=input-no-bg][class*=input-no-border].input-inline.text-link select ~ .graphic::before {
  color: #565656 !important;
}
[class*=input-no-bg][class*=input-no-border].input-inline.input-dropdown {
  margin-left: -0.3125rem;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus),
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus),
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus) {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus):hover,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus):hover,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus):hover {
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus):hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus):hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus):hover::-webkit-input-placeholder {
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus):hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus):hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus):hover:-ms-input-placeholder {
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus):hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus):hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus):hover::-ms-input-placeholder {
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):not(:focus):hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:not(:focus):hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:not(:focus):hover::-webkit-datetime-edit-fields-wrapper {
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):focus, [class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):hover,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:hover,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:hover {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):focus::-webkit-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:hover::-webkit-input-placeholder {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):focus:-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:hover:-ms-input-placeholder {
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):focus::-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:hover::-ms-input-placeholder {
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):focus::-webkit-datetime-edit-fields-wrapper, [class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]):not(.input-styler):hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:hover::-webkit-datetime-edit-fields-wrapper {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-moz-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus:-ms-input-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-ms-input-placeholder {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) input:focus::-webkit-datetime-edit-fields-wrapper {
  text-decoration: none !important;
}
[class*=input-no-bg][class*=input-no-border]:not([class*=-allow-states]) select:focus {
  font-weight: 600;
  color: #5086b7;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):not(.has-left-icon),
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):not(.has-left-icon),
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):not(.has-left-icon) {
  padding-left: 0;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):hover,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):hover,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):hover {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):hover::-webkit-input-placeholder {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):hover:-ms-input-placeholder {
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):hover::-ms-input-placeholder {
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):not(:focus):hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:not(:focus):hover::-webkit-datetime-edit-fields-wrapper,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:not(:focus):hover::-webkit-datetime-edit-fields-wrapper {
  text-decoration: underline !important;
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
  color: #20384e;
}
[class*=input-no-bg][class*=input-no-border][class*=-allow-states]:not(.input-styler):focus,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] input:focus,
[class*=input-no-bg][class*=input-no-border][class*=-allow-states] select:focus {
  font-weight: 400;
  color: #565656;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler),
[class*=input-no-bg][class*=input-no-border] input,
[class*=input-no-bg][class*=input-no-border] select {
  font-size: inherit;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled, [class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled:hover,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled:hover,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled:hover {
  text-decoration: line-through !important;
  color: fade(#333, 30%);
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled::-webkit-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled:hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled:hover::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled::-webkit-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled:hover::-webkit-input-placeholder {
  text-decoration: line-through !important;
  color: fade(#333, 30%);
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled:-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled:hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled:hover:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled:-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled:hover:-ms-input-placeholder {
  text-decoration: line-through !important;
  color: fade(#333, 30%);
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled::-ms-input-placeholder, [class*=input-no-bg][class*=input-no-border]:not(.input-styler):disabled:disabled:hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:disabled:disabled:hover::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:disabled:disabled:hover::-ms-input-placeholder {
  text-decoration: line-through !important;
  color: fade(#333, 30%);
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus),
[class*=input-no-bg][class*=input-no-border] input:not(:focus),
[class*=input-no-bg][class*=input-no-border] select:not(:focus) {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
  cursor: pointer !important;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus)::-moz-placeholder, [class*=input-no-bg][class*=input-no-border] input:not(:focus)::-moz-placeholder, [class*=input-no-bg][class*=input-no-border] select:not(:focus)::-moz-placeholder {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
  cursor: pointer !important;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus)::placeholder,
[class*=input-no-bg][class*=input-no-border] input:not(:focus)::placeholder,
[class*=input-no-bg][class*=input-no-border] select:not(:focus)::placeholder {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
  cursor: pointer !important;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus):-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:not(:focus):-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:not(:focus):-ms-input-placeholder {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
  cursor: pointer !important;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus)::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] input:not(:focus)::-ms-input-placeholder,
[class*=input-no-bg][class*=input-no-border] select:not(:focus)::-ms-input-placeholder {
  font-style: normal;
  font-weight: 600;
  color: #5086b7;
  cursor: pointer !important;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus)::webkit-resizer,
[class*=input-no-bg][class*=input-no-border] input:not(:focus)::webkit-resizer,
[class*=input-no-bg][class*=input-no-border] select:not(:focus)::webkit-resizer {
  background: transparent;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):not(:focus) {
  padding-left: 0;
  padding-right: 0;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler)::-moz-placeholder {
  padding-left: 0;
  padding-right: 0;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler)::placeholder {
  padding-left: 0;
  padding-right: 0;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler):-ms-input-placeholder {
  padding-left: 0;
  padding-right: 0;
}
[class*=input-no-bg][class*=input-no-border]:not(.input-styler)::-ms-input-placeholder {
  padding-left: 0;
  padding-right: 0;
}
[class*=input-no-bg][class*=input-no-border].input-styler.input-inline {
  font-size: inherit;
}
[class*=input-no-bg][class*=input-no-border].input-styler input[type=date]::-webkit-calendar-picker-indicator {
  right: 0;
}

input[type].ui-large,
select.ui-large {
  height: 1.875rem;
  padding: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2) 1rem;
  font-size: 1.25rem;
}
input[type].ui-large:autofill, input[type].ui-large:autofill::first-line, input[type].ui-large:autofill:hover, input[type].ui-large:autofill:focus, input[type].ui-large:autofill:active, input[type].ui-large:-webkit-autofill, input[type].ui-large:-webkit-autofill::first-line, input[type].ui-large:-webkit-autofill:hover, input[type].ui-large:-webkit-autofill:focus, input[type].ui-large:-webkit-autofill:active,
select.ui-large:autofill,
select.ui-large:autofill::first-line,
select.ui-large:autofill:hover,
select.ui-large:autofill:focus,
select.ui-large:autofill:active,
select.ui-large:-webkit-autofill,
select.ui-large:-webkit-autofill::first-line,
select.ui-large:-webkit-autofill:hover,
select.ui-large:-webkit-autofill:focus,
select.ui-large:-webkit-autofill:active {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565656;
}
input[type].ui-large::-webkit-input-placeholder,
select.ui-large::-webkit-input-placeholder {
  font-size: 1.25rem;
}
input[type].ui-small,
select.ui-small {
  height: 1.875rem;
  padding: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2) 0.5rem;
  font-size: 0.7109375rem;
}
input[type].ui-small:autofill, input[type].ui-small:autofill::first-line, input[type].ui-small:autofill:hover, input[type].ui-small:autofill:focus, input[type].ui-small:autofill:active, input[type].ui-small:-webkit-autofill, input[type].ui-small:-webkit-autofill::first-line, input[type].ui-small:-webkit-autofill:hover, input[type].ui-small:-webkit-autofill:focus, input[type].ui-small:-webkit-autofill:active,
select.ui-small:autofill,
select.ui-small:autofill::first-line,
select.ui-small:autofill:hover,
select.ui-small:autofill:focus,
select.ui-small:autofill:active,
select.ui-small:-webkit-autofill,
select.ui-small:-webkit-autofill::first-line,
select.ui-small:-webkit-autofill:hover,
select.ui-small:-webkit-autofill:focus,
select.ui-small:-webkit-autofill:active {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.7109375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #565656;
}
input[type].ui-small::-webkit-input-placeholder,
select.ui-small::-webkit-input-placeholder {
  font-size: 0.7109375rem;
}

.input-inline, .input-inline.input-styler {
  display: inline-block;
  width: auto !important;
  vertical-align: baseline;
}
.input-inline.input-styler input,
.input-inline.input-styler select {
  width: auto !important;
}

label.checkbox,
label.radio {
  position: relative;
  min-width: 1.25rem;
  min-height: var(--checkbox-radio-height);
  margin: 0;
}
label.checkbox:not(.btn),
label.radio:not(.btn) {
  padding: 0;
  font-weight: 600;
  line-height: min(var(--line-height-base) * 1em, var(--checkbox-radio-height));
  color: #333;
}
label.checkbox input,
label.radio input {
  float: left;
}
label.checkbox input ~ [class*=icon-],
label.checkbox input ~ .graphic,
label.radio input ~ [class*=icon-],
label.radio input ~ .graphic {
  position: absolute;
  left: 0;
  margin: 0;
}
label.checkbox input ~ .text,
label.radio input ~ .text {
  padding-left: 1.875rem;
}

.checkbox-radio-inline-wrap {
  margin-top: -0.9375rem;
  margin-right: -0.9375rem;
}
.checkbox-radio-inline-wrap .checkbox-inline,
.checkbox-radio-inline-wrap .radio-inline {
  margin-top: 0.9375rem;
}

label.checkbox.btn,
label.radio.btn {
  display: inline-flex;
  justify-content: center;
  z-index: 1;
}
label.checkbox.btn, label.checkbox.btn:active, label.checkbox.btn:focus, label.checkbox.btn:hover,
label.radio.btn,
label.radio.btn:active,
label.radio.btn:focus,
label.radio.btn:hover {
  border: 0;
  box-shadow: none !important;
  background-color: transparent !important;
}
label.checkbox.btn:focus-within,
label.radio.btn:focus-within {
  border: 0;
  box-shadow: none !important;
  background-color: transparent !important;
}
label.checkbox.btn.btn-circle input ~ .text, label.checkbox.btn.btn-circle input ~ .text::before,
label.radio.btn.btn-circle input ~ .text,
label.radio.btn.btn-circle input ~ .text::before {
  border-radius: 50%;
}
label.checkbox.btn [class*=icon-],
label.radio.btn [class*=icon-] {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
label.checkbox.btn [class*=icon-]::before,
label.radio.btn [class*=icon-]::before {
  vertical-align: baseline;
}
label.checkbox.btn.btn-pill input ~ .text, label.checkbox.btn.btn-pill input ~ .text::before,
label.radio.btn.btn-pill input ~ .text,
label.radio.btn.btn-pill input ~ .text::before {
  border-radius: 9999px;
}
label.checkbox.btn.btn-secondary input ~ .text::before,
label.radio.btn.btn-secondary input ~ .text::before {
  border-color: #d2d2d2;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: none;
}
label.checkbox.btn.btn-secondary:hover input ~ .text::before,
label.radio.btn.btn-secondary:hover input ~ .text::before {
  color: #565656;
  border-color: #bbbbbb;
  background-color: #eeeeee;
}
label.checkbox.btn.btn-secondary:hover input ~ .text::before[class*=bg-hover-],
label.radio.btn.btn-secondary:hover input ~ .text::before[class*=bg-hover-] {
  border-color: var(--bg-hook, #bbbbbb);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):focus input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):focus input ~ .text::before {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #eeeeee;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):focus-within input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):focus-within input ~ .text::before {
  border-color: #bbbbbb;
  color: #565656;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before {
  background-color: #eeeeee;
}
label.checkbox.btn.btn-secondary.disabled input ~ .text::before, label.checkbox.btn.btn-secondary:disabled input ~ .text::before,
label.radio.btn.btn-secondary.disabled input ~ .text::before,
label.radio.btn.btn-secondary:disabled input ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
label.checkbox.btn.btn-secondary.disabled input ~ .text::before :is([class*=icon-]), label.checkbox.btn.btn-secondary:disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-secondary.disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-secondary:disabled input ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled).active input ~ .text::before, .show > label.checkbox.btn.btn-secondary.dropdown-toggle input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled).active input ~ .text::before,
.show > label.radio.btn.btn-secondary.dropdown-toggle input ~ .text::before {
  border-color: #bbbbbb;
  background-color: #f9f9f9;
  color: #565656;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active:focus input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled).active:focus input ~ .text::before, .show > label.checkbox.btn.btn-secondary.dropdown-toggle:focus input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active:focus input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled).active:focus input ~ .text::before,
.show > label.radio.btn.btn-secondary.dropdown-toggle:focus input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active:focus-within input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled).active:focus-within input ~ .text::before, .show > label.checkbox.btn.btn-secondary.dropdown-toggle:focus-within input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active:focus-within input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled).active:focus-within input ~ .text::before,
.show > label.radio.btn.btn-secondary.dropdown-toggle:focus-within input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.5);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before, .show > label.checkbox.btn.btn-secondary.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before,
.show > label.radio.btn.btn-secondary.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before {
  background-color: #f9f9f9;
  box-shadow: 0 0 0 0.125rem rgba(191, 191, 191, 0.3);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before, .show > label.checkbox.btn.btn-secondary.dropdown-toggle:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before,
.show > label.radio.btn.btn-secondary.dropdown-toggle:focus:focus-visible input ~ .text::before {
  background-color: #eeeeee;
}
label.checkbox.btn.btn-primary input ~ .text::before,
label.radio.btn.btn-primary input ~ .text::before {
  border-color: #5086b7;
  color: #fff;
  background-color: #5086b7;
  box-shadow: none;
}
label.checkbox.btn.btn-primary:hover input ~ .text::before,
label.radio.btn.btn-primary:hover input ~ .text::before {
  color: #fff;
  border-color: #4579a8;
  background-color: #4579a8;
}
label.checkbox.btn.btn-primary:hover input ~ .text::before[class*=bg-hover-],
label.radio.btn.btn-primary:hover input ~ .text::before[class*=bg-hover-] {
  border-color: var(--bg-hook, #4579a8);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):focus input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):focus input ~ .text::before {
  border-color: #4579a8;
  color: #fff;
  background-color: #4579a8;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):focus-within input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):focus-within input ~ .text::before {
  border-color: #4579a8;
  color: #fff;
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before {
  border-color: #4579a8;
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.3);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before {
  background-color: #4579a8;
}
label.checkbox.btn.btn-primary.disabled input ~ .text::before, label.checkbox.btn.btn-primary:disabled input ~ .text::before,
label.radio.btn.btn-primary.disabled input ~ .text::before,
label.radio.btn.btn-primary:disabled input ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
label.checkbox.btn.btn-primary.disabled input ~ .text::before :is([class*=icon-]), label.checkbox.btn.btn-primary:disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-primary.disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-primary:disabled input ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled).active input ~ .text::before, .show > label.checkbox.btn.btn-primary.dropdown-toggle input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled).active input ~ .text::before,
.show > label.radio.btn.btn-primary.dropdown-toggle input ~ .text::before {
  border-color: #4579a8;
  background-color: #4579a8;
  color: #fff;
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active:focus input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled).active:focus input ~ .text::before, .show > label.checkbox.btn.btn-primary.dropdown-toggle:focus input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active:focus input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled).active:focus input ~ .text::before,
.show > label.radio.btn.btn-primary.dropdown-toggle:focus input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active:focus-within input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled).active:focus-within input ~ .text::before, .show > label.checkbox.btn.btn-primary.dropdown-toggle:focus-within input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active:focus-within input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled).active:focus-within input ~ .text::before,
.show > label.radio.btn.btn-primary.dropdown-toggle:focus-within input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before, .show > label.checkbox.btn.btn-primary.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before,
.show > label.radio.btn.btn-primary.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before {
  background-color: #5086b7;
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.3);
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before, .show > label.checkbox.btn.btn-primary.dropdown-toggle:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before,
.show > label.radio.btn.btn-primary.dropdown-toggle:focus:focus-visible input ~ .text::before {
  background-color: #4579a8;
}
label.checkbox.btn.btn-danger input ~ .text::before,
label.radio.btn.btn-danger input ~ .text::before {
  border-color: #cc3c3c;
  color: #fff;
  background-color: #cc3c3c;
  box-shadow: none;
}
label.checkbox.btn.btn-danger:hover input ~ .text::before,
label.radio.btn.btn-danger:hover input ~ .text::before {
  color: #fff;
  border-color: #bd3131;
  background-color: #bd3131;
}
label.checkbox.btn.btn-danger:hover input ~ .text::before[class*=bg-hover-],
label.radio.btn.btn-danger:hover input ~ .text::before[class*=bg-hover-] {
  border-color: var(--bg-hook, #bd3131);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):focus input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):focus input ~ .text::before {
  border-color: #bd3131;
  color: #fff;
  background-color: #bd3131;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):focus-within input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):focus-within input ~ .text::before {
  border-color: #bd3131;
  color: #fff;
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before {
  border-color: #bd3131;
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.3);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before {
  background-color: #bd3131;
}
label.checkbox.btn.btn-danger.disabled input ~ .text::before, label.checkbox.btn.btn-danger:disabled input ~ .text::before,
label.radio.btn.btn-danger.disabled input ~ .text::before,
label.radio.btn.btn-danger:disabled input ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
label.checkbox.btn.btn-danger.disabled input ~ .text::before :is([class*=icon-]), label.checkbox.btn.btn-danger:disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-danger.disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-danger:disabled input ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled).active input ~ .text::before, .show > label.checkbox.btn.btn-danger.dropdown-toggle input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled).active input ~ .text::before,
.show > label.radio.btn.btn-danger.dropdown-toggle input ~ .text::before {
  border-color: #bd3131;
  background-color: #bd3131;
  color: #fff;
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active:focus input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled).active:focus input ~ .text::before, .show > label.checkbox.btn.btn-danger.dropdown-toggle:focus input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active:focus input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled).active:focus input ~ .text::before,
.show > label.radio.btn.btn-danger.dropdown-toggle:focus input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active:focus-within input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled).active:focus-within input ~ .text::before, .show > label.checkbox.btn.btn-danger.dropdown-toggle:focus-within input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active:focus-within input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled).active:focus-within input ~ .text::before,
.show > label.radio.btn.btn-danger.dropdown-toggle:focus-within input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.5);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before, .show > label.checkbox.btn.btn-danger.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before,
.show > label.radio.btn.btn-danger.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before {
  background-color: #cc3c3c;
  box-shadow: 0 0 0 0.125rem rgba(212, 89, 89, 0.3);
}
label.checkbox.btn.btn-danger:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before, .show > label.checkbox.btn.btn-danger.dropdown-toggle:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before,
.show > label.radio.btn.btn-danger.dropdown-toggle:focus:focus-visible input ~ .text::before {
  background-color: #bd3131;
}
label.checkbox.btn.btn-success input ~ .text::before,
label.radio.btn.btn-success input ~ .text::before {
  border-color: #6ec573;
  color: #fff;
  background-color: #6ec573;
  box-shadow: none;
}
label.checkbox.btn.btn-success:hover input ~ .text::before,
label.radio.btn.btn-success:hover input ~ .text::before {
  color: #fff;
  border-color: #5cbe61;
  background-color: #5cbe61;
}
label.checkbox.btn.btn-success:hover input ~ .text::before[class*=bg-hover-],
label.radio.btn.btn-success:hover input ~ .text::before[class*=bg-hover-] {
  border-color: var(--bg-hook, #5cbe61);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled):focus input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):focus input ~ .text::before {
  border-color: #5cbe61;
  color: #fff;
  background-color: #5cbe61;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):focus-within input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):focus-within input ~ .text::before {
  border-color: #5cbe61;
  color: #fff;
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):focus:not(:focus-visible) input ~ .text::before {
  border-color: #5cbe61;
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.3);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):focus:focus-visible input ~ .text::before {
  background-color: #5cbe61;
}
label.checkbox.btn.btn-success.disabled input ~ .text::before, label.checkbox.btn.btn-success:disabled input ~ .text::before,
label.radio.btn.btn-success.disabled input ~ .text::before,
label.radio.btn.btn-success:disabled input ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
}
label.checkbox.btn.btn-success.disabled input ~ .text::before :is([class*=icon-]), label.checkbox.btn.btn-success:disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-success.disabled input ~ .text::before :is([class*=icon-]),
label.radio.btn.btn-success:disabled input ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled).active input ~ .text::before, .show > label.checkbox.btn.btn-success.dropdown-toggle input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled).active input ~ .text::before,
.show > label.radio.btn.btn-success.dropdown-toggle input ~ .text::before {
  border-color: #5cbe61;
  background-color: #5cbe61;
  color: #fff;
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active:focus input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled).active:focus input ~ .text::before, .show > label.checkbox.btn.btn-success.dropdown-toggle:focus input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active:focus input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled).active:focus input ~ .text::before,
.show > label.radio.btn.btn-success.dropdown-toggle:focus input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active:focus-within input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled).active:focus-within input ~ .text::before, .show > label.checkbox.btn.btn-success.dropdown-toggle:focus-within input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active:focus-within input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled).active:focus-within input ~ .text::before,
.show > label.radio.btn.btn-success.dropdown-toggle:focus-within input ~ .text::before {
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.5);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before, .show > label.checkbox.btn.btn-success.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active:focus:not(:focus-visible) input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled).active:focus:not(:focus-visible) input ~ .text::before,
.show > label.radio.btn.btn-success.dropdown-toggle:focus:not(:focus-visible) input ~ .text::before {
  background-color: #6ec573;
  box-shadow: 0 0 0 0.125rem rgba(132, 206, 136, 0.3);
}
label.checkbox.btn.btn-success:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before, .show > label.checkbox.btn.btn-success.dropdown-toggle:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled):active:focus:focus-visible input ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled).active:focus:focus-visible input ~ .text::before,
.show > label.radio.btn.btn-success.dropdown-toggle:focus:focus-visible input ~ .text::before {
  background-color: #5cbe61;
}
label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text::before, label.checkbox.btn.btn-danger:not(:disabled):not(.disabled) input:checked ~ .text::before, label.checkbox.btn.btn-success:not(:disabled):not(.disabled) input:checked ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text::before,
label.radio.btn.btn-danger:not(:disabled):not(.disabled) input:checked ~ .text::before,
label.radio.btn.btn-success:not(:disabled):not(.disabled) input:checked ~ .text::before {
  background: inherit;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus {
  box-shadow: none;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus:not(:focus-visible), label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus:not(:focus-visible),
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus:not(:focus-visible),
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus:not(:focus-visible) {
  box-shadow: 0 0 0 0.125rem rgba(106, 152, 194, 0.5);
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:active ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus ~ .text::before, label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:hover ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked:active ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked:hover ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:active ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:focus ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked:hover ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked:active ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked:focus ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked:hover ~ .text::before {
  border-color: #4579a8;
  background-color: #4579a8;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked ~ .text, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked ~ .text,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text {
  color: #fff;
}
label.checkbox.btn.btn-secondary:not(:disabled):not(.disabled) input:checked ~ .text::before, label.checkbox.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text::before,
label.radio.btn.btn-secondary:not(:disabled):not(.disabled) input:checked ~ .text::before,
label.radio.btn.btn-primary:not(:disabled):not(.disabled) input:checked ~ .text::before {
  border-color: #5086b7;
  background-color: #5086b7;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before {
  cursor: not-allowed !important;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text .badge, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text .badge, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text .badge, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text .badge,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text .badge,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text .badge,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text .badge,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text .badge {
  color: fade(#333, 30%) !important;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
  pointer-events: auto;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before :is([class*=icon-]), label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before :is([class*=icon-]), label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before :is([class*=icon-]), label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before :is([class*=icon-]),
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:disabled ~ .text::before :is([class*=icon-]),
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:active:disabled ~ .text::before :is([class*=icon-]),
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus:disabled ~ .text::before :is([class*=icon-]),
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:hover:disabled ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before {
  cursor: not-allowed !important;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text, label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text .badge,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text .badge {
  color: fade(#333, 30%) !important;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before,
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before {
  border: 0.0625rem solid #dfdfdf;
  box-shadow: none;
  opacity: 1;
  background-color: transparent;
  color: fade(#333, 30%);
  cursor: not-allowed;
  pointer-events: none;
  pointer-events: auto;
}
label.checkbox.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before :is([class*=icon-]),
label.radio.btn[class*=btn-]:not(:disabled):not(.disabled) input:focus-within:disabled ~ .text::before :is([class*=icon-]) {
  color: inherit !important;
}
label.checkbox.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state),
label.radio.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state) {
  width: 0;
  min-width: 0;
  height: 0;
  align-self: center;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 0;
  transform: scale(0);
}
label.checkbox.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state) [class*=icon-], label.checkbox.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state) [class*=icon-]::before,
label.radio.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state) [class*=icon-],
label.radio.btn input:not(:checked) ~ .badge.badge-inset:not(.badge-ignore-state) [class*=icon-]::before {
  font-size: inherit;
}
label.checkbox.btn input:not(:checked) ~ .badge.badge-inset ~ .text,
label.radio.btn input:not(:checked) ~ .badge.badge-inset ~ .text {
  padding-left: 1.3ch;
  padding-right: 1.3ch;
}
label.checkbox.btn input:checked:active ~ .text::before, label.checkbox.btn input:checked:focus ~ .text::before, label.checkbox.btn input:checked:hover ~ .text::before,
label.radio.btn input:checked:active ~ .text::before,
label.radio.btn input:checked:focus ~ .text::before,
label.radio.btn input:checked:hover ~ .text::before {
  background-color: inherit;
}
label.checkbox.btn input:checked ~ .badge.badge-offset:not(.badge-ignore-state),
label.radio.btn input:checked ~ .badge.badge-offset:not(.badge-ignore-state) {
  display: block;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}
label.checkbox.btn input ~ .text,
label.radio.btn input ~ .text {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  box-shadow: none;
  outline: none !important;
  background: transparent;
  line-height: 1.5;
  transition: color 0.2s;
}
label.checkbox.btn input ~ .text::before,
label.radio.btn input ~ .text::before {
  content: "";
  display: inline;
  position: absolute;
  float: none;
  width: auto;
  height: auto;
  inset: 0;
  margin: 0;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  transition: color 0.2s, border 0.2s, opacity 0.2s, background 0.2s, background-position 0s, box-shadow 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
label.checkbox.btn input ~ .text::after,
label.radio.btn input ~ .text::after {
  display: none;
}
label.checkbox.btn .badge:last-child,
label.radio.btn .badge:last-child {
  margin-left: 1ch;
}
label.checkbox.btn .badge:first-child,
label.radio.btn .badge:first-child {
  margin-right: 1ch;
}
label.checkbox.btn .badge.badge-inset,
label.radio.btn .badge.badge-inset {
  width: 1.8ch;
  min-width: 0;
  height: 1.8ch;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  order: -1;
  margin-left: 0;
  margin-right: 0.8ch;
  border: 0;
  box-shadow: none;
  background-color: #fff;
  color: #5086b7;
  transform: scale(1);
  transition: 0s, transform 0.2s;
}
label.checkbox.btn .badge.badge-offset,
label.radio.btn .badge.badge-offset {
  position: absolute;
  top: -0.625rem;
  right: -0.625rem;
}
label.checkbox.btn .badge.badge-offset:not(.badge-ignore-state),
label.radio.btn .badge.badge-offset:not(.badge-ignore-state) {
  display: none;
}

label.checkbox.icon input,
label.radio.icon input {
  position: static;
  height: 100%;
  opacity: 0;
  vertical-align: middle;
}
label.checkbox.icon input:active ~ span, label.checkbox.icon input:focus ~ span,
label.radio.icon input:active ~ span,
label.radio.icon input:focus ~ span {
  outline: 0 !important;
  color: #737373;
}
label.checkbox.icon input:active ~ span::before, label.checkbox.icon input:focus ~ span::before,
label.radio.icon input:active ~ span::before,
label.radio.icon input:focus ~ span::before {
  box-shadow: 0 0 0 3px rgba(175, 175, 175, 0.1);
  background: rgba(175, 175, 175, 0.1);
}
label.checkbox.icon input:checked ~ :where(span, .graphic), label.checkbox.icon input:checked:focus ~ :where(span, .graphic),
label.radio.icon input:checked ~ :where(span, .graphic),
label.radio.icon input:checked:focus ~ :where(span, .graphic) {
  background: none;
}
label.checkbox.icon input ~ span,
label.radio.icon input ~ span {
  position: static;
  width: auto;
  height: auto;
  border: none;
  outline: none;
  background: none;
  vertical-align: middle;
  color: #a6a6a6;
  transition: background 0.1s;
}
@media (min-width: 768px) {
  label.checkbox.icon input ~ span,
label.radio.icon input ~ span {
    margin-left: 0.6875rem;
    margin-right: 0.0625rem;
  }
}
label.checkbox.icon input ~ span::before,
label.radio.icon input ~ span::before {
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  transition: 0.2s;
}

select {
  cursor: pointer;
}
select:hover {
  cursor: pointer;
}
select option {
  color: #565656;
}

textarea {
  display: block;
  height: auto;
  max-height: none;
  line-height: 1.5;
}

.checkbox:not(label) .btn,
.radio:not(label) .btn {
  margin-top: -0.1875rem;
  margin-bottom: -0.1875rem;
}
.checkbox:not(label).realign-with-input-btn,
.radio:not(label).realign-with-input-btn {
  margin-top: calc(2.5rem - var(--checkbox-radio-height) / 2);
  margin-bottom: calc(2.5rem - var(--checkbox-radio-height) / 2);
}
.checkbox:not(label).realign-with-input-btn-ui-small,
.radio:not(label).realign-with-input-btn-ui-small {
  margin-top: calc(1.875rem - var(--checkbox-radio-height) / 2);
  margin-bottom: calc(1.875rem - var(--checkbox-radio-height) / 2);
}
.checkbox:not(label).realign-with-input-btn-ui-large,
.radio:not(label).realign-with-input-btn-ui-large {
  margin-top: calc(3.75rem - var(--checkbox-radio-height) / 2);
  margin-bottom: calc(3.75rem - var(--checkbox-radio-height) / 2);
}

.select-all,
.select-all-dynamic {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.select-all + [class*=has-max-height],
.select-all-dynamic + [class*=has-max-height] {
  padding-top: 0.625rem;
}
.select-all input[type=checkbox],
.select-all-dynamic input[type=checkbox] {
  display: inline-block;
  float: left;
  width: auto;
  margin: auto;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-all input[type=checkbox]:checked:active ~ label, .select-all input[type=checkbox]:checked:focus ~ label,
.select-all-dynamic input[type=checkbox]:checked:active ~ label,
.select-all-dynamic input[type=checkbox]:checked:focus ~ label {
  box-shadow: 0 0 0 3px rgba(80, 134, 183, 0.1);
}
.select-all input[type=checkbox]:checked ~ label,
.select-all-dynamic input[type=checkbox]:checked ~ label {
  border-color: rgba(80, 134, 183, 0.6);
  background: rgba(80, 134, 183, 0.1);
  color: #4579a8;
}
.select-all input[type=checkbox]:checked ~ label .select-all-unchecked,
.select-all-dynamic input[type=checkbox]:checked ~ label .select-all-unchecked {
  display: none;
}
.select-all input[type=checkbox]:checked ~ label .select-all-checked,
.select-all-dynamic input[type=checkbox]:checked ~ label .select-all-checked {
  display: inline;
}
.select-all input[type=checkbox]:active ~ label, .select-all input[type=checkbox]:focus ~ label,
.select-all-dynamic input[type=checkbox]:active ~ label,
.select-all-dynamic input[type=checkbox]:focus ~ label {
  box-shadow: 0 0 0 3px rgba(210, 210, 210, 0.3);
}
.select-all input[type=checkbox] ~ [class*=icon-],
.select-all input[type=checkbox] ~ .graphic,
.select-all-dynamic input[type=checkbox] ~ [class*=icon-],
.select-all-dynamic input[type=checkbox] ~ .graphic {
  position: absolute;
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
}
.select-all label,
.select-all-dynamic label {
  min-width: 11.5625rem;
  min-height: 2.375rem;
  margin: 0;
  padding: 0.625rem 0.9375rem 0.625rem 2.5rem !important;
  border: 0.0625rem solid #d2d2d2;
  border-radius: 0.3125rem;
  background: transparent;
  white-space: nowrap;
  color: #333;
  transition: 0.2s;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-all label:not(.checkbox):not(.radio),
.select-all-dynamic label:not(.checkbox):not(.radio) {
  line-height: 1.25rem;
}
.select-all label::after,
.select-all-dynamic label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.select-all label:hover,
.select-all-dynamic label:hover {
  border-color: #bbbbbb;
  background-color: #eeeeee;
}

.select-all-dynamic input[type=checkbox]:checked ~ label .select-all-unchecked {
  display: none;
}
.select-all-dynamic input[type=checkbox]:checked ~ label .select-all-checked {
  display: inline;
}
.select-all-dynamic .select-all-unchecked {
  display: inline;
}
.select-all-dynamic .select-all-unchecked .select-all-partial-count {
  display: none;
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
}
@media (min-width: 768px) {
  .select-all-dynamic .select-all-unchecked .select-all-partial-count {
    display: inline-block;
    border-left: 1px solid #d2d2d2;
  }
}
.select-all-dynamic .select-all-checked {
  display: none;
}

.status-btn {
  display: flex;
}
.status-btn.status-btn-pills label.checkbox,
.status-btn.status-btn-pills label.checkbox input ~ [class*=icon-],
.status-btn.status-btn-pills label.checkbox input ~ .graphic,
.status-btn.status-btn-pills label.radio,
.status-btn.status-btn-pills label.radio input ~ [class*=icon-],
.status-btn.status-btn-pills label.radio input ~ .graphic {
  border-radius: 9999px;
}
.status-btn.status-btn-pills label.checkbox:not(:first-child),
.status-btn.status-btn-pills label.radio:not(:first-child) {
  margin-left: 0.625rem;
}
.status-btn label.checkbox,
.status-btn label.radio {
  position: relative;
  height: auto;
  flex: 1;
  margin: 0;
  padding: 0.8125rem 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
.status-btn label.checkbox:not([class*=bg-]) input:checked ~ [class*=icon-],
.status-btn label.checkbox:not([class*=bg-]) input:checked ~ .graphic,
.status-btn label.radio:not([class*=bg-]) input:checked ~ [class*=icon-],
.status-btn label.radio:not([class*=bg-]) input:checked ~ .graphic {
  background: #6ec573;
}
.status-btn label.checkbox[class*=bg-],
.status-btn label.radio[class*=bg-] {
  color: #333 !important;
}
.status-btn label.checkbox[class*=bg-] input:checked ~ [class*=icon-],
.status-btn label.checkbox[class*=bg-] input:checked ~ .graphic,
.status-btn label.radio[class*=bg-] input:checked ~ [class*=icon-],
.status-btn label.radio[class*=bg-] input:checked ~ .graphic {
  background-color: inherit;
  color: inherit;
}
.status-btn label.checkbox:not(:first-child),
.status-btn label.radio:not(:first-child) {
  border-left: 1px solid #f9f9f9;
}
.status-btn label.checkbox + .checkbox,
.status-btn label.checkbox + .radio,
.status-btn label.radio + .checkbox,
.status-btn label.radio + .radio {
  margin: 0;
}
.status-btn label.checkbox input ~ [class*=icon-],
.status-btn label.checkbox input ~ .graphic,
.status-btn label.radio input ~ [class*=icon-],
.status-btn label.radio input ~ .graphic {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  background: #ececec;
  transition: 0.2s;
  z-index: -1;
}
.status-btn label.checkbox input:active ~ [class*=icon-],
.status-btn label.checkbox input:active ~ .graphic,
.status-btn label.checkbox input:focus ~ [class*=icon-],
.status-btn label.checkbox input:focus ~ .graphic,
.status-btn label.radio input:active ~ [class*=icon-],
.status-btn label.radio input:active ~ .graphic,
.status-btn label.radio input:focus ~ [class*=icon-],
.status-btn label.radio input:focus ~ .graphic {
  outline: 0 !important;
}
.status-btn label.checkbox input:checked ~ [class*=icon-],
.status-btn label.checkbox input:checked ~ .graphic,
.status-btn label.radio input:checked ~ [class*=icon-],
.status-btn label.radio input:checked ~ .graphic {
  border: none;
  outline: none;
  font-weight: bold;
  color: #fff;
}
.status-btn label.checkbox input:focus:not(:checked) ~ [class*=icon-],
.status-btn label.checkbox input:hover:not(:checked) ~ [class*=icon-],
.status-btn label.checkbox input:focus:not(:checked) ~ .graphic,
.status-btn label.checkbox input:hover:not(:checked) ~ .graphic,
.status-btn label.radio input:focus:not(:checked) ~ [class*=icon-],
.status-btn label.radio input:hover:not(:checked) ~ [class*=icon-],
.status-btn label.radio input:focus:not(:checked) ~ .graphic,
.status-btn label.radio input:hover:not(:checked) ~ .graphic {
  background: #e5e5e5;
}
.status-btn label.checkbox span:not([class]),
.status-btn label.radio span:not([class]) {
  background: transparent !important;
}

.status-btn-clear {
  display: block;
  margin-left: -0.375rem;
  display: inline-block;
  width: 100%;
}
.status-btn-clear label.checkbox,
.status-btn-clear label.radio {
  display: block;
  float: left;
  min-height: 0;
  padding: 0.5625rem;
  font-size: inherit;
  font-weight: normal;
  text-align: center;
  color: inherit;
  cursor: pointer;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.status-btn-clear label.checkbox:first-child,
.status-btn-clear label.radio:first-child {
  margin-left: -0.6875rem;
}
.status-btn-clear label.checkbox:not(:first-child)::after,
.status-btn-clear label.radio:not(:first-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 0.0625rem;
  height: 47%;
  background-color: rgba(128, 128, 128, 0.3);
}
.status-btn-clear label.checkbox input ~ .graphic,
.status-btn-clear label.radio input ~ .graphic {
  position: static;
  top: auto;
  left: auto;
  outline: none;
}
.status-btn-clear label.checkbox input:active ~ .graphic,
.status-btn-clear label.checkbox input:hover ~ .graphic,
.status-btn-clear label.radio input:active ~ .graphic,
.status-btn-clear label.radio input:hover ~ .graphic {
  box-shadow: none;
  opacity: 0.7;
  background-color: transparent;
}
.status-btn-clear label.checkbox input:checked ~ *,
.status-btn-clear label.radio input:checked ~ * {
  box-shadow: none;
  background-color: transparent;
  transition: 0.2s;
}
.status-btn-clear label.checkbox input:checked ~ .priority-low,
.status-btn-clear label.radio input:checked ~ .priority-low {
  color: #6ec573;
}
.status-btn-clear label.checkbox input:checked ~ .priority-med,
.status-btn-clear label.radio input:checked ~ .priority-med {
  color: #fb8102;
}
.status-btn-clear label.checkbox input:checked ~ .priority-crit,
.status-btn-clear label.radio input:checked ~ .priority-crit {
  color: #cc3c3c;
}
.status-btn-clear .radio + .radio {
  margin-top: auto;
}
.status-btn-clear input ~ .graphic {
  width: auto;
  height: auto;
  border: none;
  background-color: transparent;
}
.status-btn-clear label.checkbox,
.status-btn-clear label.radio {
  display: inline-block;
  padding: 0.5625rem 0.9375rem;
}
.status-btn-clear label.checkbox::after,
.status-btn-clear label.radio::after {
  background: rgba(175, 175, 175, 0.2);
}
.status-btn-clear input:focus ~ [class*=icon-],
.status-btn-clear input:focus ~ .graphic, .status-btn-clear input:focus:focus ~ [class*=icon-],
.status-btn-clear input:focus:focus ~ .graphic {
  background-color: transparent;
}
.status-btn-clear input:checked ~ [class*=icon-],
.status-btn-clear input:checked ~ .graphic {
  position: relative;
  left: -0.015625rem;
  box-shadow: none;
  text-shadow: 0.03125rem 0 0 currentColor;
  color: #5086b7;
}
.status-btn-clear input ~ [class*=icon-],
.status-btn-clear input ~ .graphic {
  padding: 0;
  box-shadow: none;
}

div.checkbox,
div.radio {
  display: block;
}

.form-control {
  display: block;
}

.form-inline .checkbox:not(label),
.form-inline .checkbox-inline:not(label),
.form-inline .radio:not(label),
.form-inline .radio-inline:not(label),
.form-horizontal .checkbox:not(label),
.form-horizontal .checkbox-inline:not(label),
.form-horizontal .radio:not(label),
.form-horizontal .radio-inline:not(label) {
  padding-top: 0;
}

.field-invalid:not(form):not(.input-underline).radio label, .field-invalid:not(form):not(.input-underline).checkbox label, .field-invalid:not(form):not(.input-underline).radio-inline label, .field-invalid:not(form):not(.input-underline).checkbox-inline label,
.field-invalid:not(form):not(.input-underline) .checkbox,
.field-invalid:not(form):not(.input-underline) .checkbox-inline,
.field-invalid:not(form):not(.input-underline) .radio,
.field-invalid:not(form):not(.input-underline) .radio-inline,
.field-invalid:not(form):not(.input-underline) .text-label,
.is-invalid:not(form):not(.input-underline).radio label,
.is-invalid:not(form):not(.input-underline).checkbox label,
.is-invalid:not(form):not(.input-underline).radio-inline label,
.is-invalid:not(form):not(.input-underline).checkbox-inline label,
.is-invalid:not(form):not(.input-underline) .checkbox,
.is-invalid:not(form):not(.input-underline) .checkbox-inline,
.is-invalid:not(form):not(.input-underline) .radio,
.is-invalid:not(form):not(.input-underline) .radio-inline,
.is-invalid:not(form):not(.input-underline) .text-label,
.is-invalid.is-dirty:not(form):not(.input-underline).radio label,
.is-invalid.is-dirty:not(form):not(.input-underline).checkbox label,
.is-invalid.is-dirty:not(form):not(.input-underline).radio-inline label,
.is-invalid.is-dirty:not(form):not(.input-underline).checkbox-inline label,
.is-invalid.is-dirty:not(form):not(.input-underline) .checkbox,
.is-invalid.is-dirty:not(form):not(.input-underline) .checkbox-inline,
.is-invalid.is-dirty:not(form):not(.input-underline) .radio,
.is-invalid.is-dirty:not(form):not(.input-underline) .radio-inline,
.is-invalid.is-dirty:not(form):not(.input-underline) .text-label,
.is-invalid.is-touched:not(form):not(.input-underline).radio label,
.is-invalid.is-touched:not(form):not(.input-underline).checkbox label,
.is-invalid.is-touched:not(form):not(.input-underline).radio-inline label,
.is-invalid.is-touched:not(form):not(.input-underline).checkbox-inline label,
.is-invalid.is-touched:not(form):not(.input-underline) .checkbox,
.is-invalid.is-touched:not(form):not(.input-underline) .checkbox-inline,
.is-invalid.is-touched:not(form):not(.input-underline) .radio,
.is-invalid.is-touched:not(form):not(.input-underline) .radio-inline,
.is-invalid.is-touched:not(form):not(.input-underline) .text-label {
  color: #cc3c3c !important;
}
.field-invalid:not(form):not(.input-underline),
.field-invalid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.field-invalid:not(form):not(.input-underline) select,
.field-invalid:not(form):not(.input-underline) textarea,
.is-invalid:not(form):not(.input-underline),
.is-invalid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.is-invalid:not(form):not(.input-underline) select,
.is-invalid:not(form):not(.input-underline) textarea,
.is-invalid.is-dirty:not(form):not(.input-underline),
.is-invalid.is-dirty:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.is-invalid.is-dirty:not(form):not(.input-underline) select,
.is-invalid.is-dirty:not(form):not(.input-underline) textarea,
.is-invalid.is-touched:not(form):not(.input-underline),
.is-invalid.is-touched:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.is-invalid.is-touched:not(form):not(.input-underline) select,
.is-invalid.is-touched:not(form):not(.input-underline) textarea {
  border-color: #cc3c3c !important;
  color: #cc3c3c !important;
}
.field-invalid:not(form):not(.input-underline):focus,
.field-invalid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.field-invalid:not(form):not(.input-underline) select:focus,
.field-invalid:not(form):not(.input-underline) textarea:focus,
.is-invalid:not(form):not(.input-underline):focus,
.is-invalid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.is-invalid:not(form):not(.input-underline) select:focus,
.is-invalid:not(form):not(.input-underline) textarea:focus,
.is-invalid.is-dirty:not(form):not(.input-underline):focus,
.is-invalid.is-dirty:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.is-invalid.is-dirty:not(form):not(.input-underline) select:focus,
.is-invalid.is-dirty:not(form):not(.input-underline) textarea:focus,
.is-invalid.is-touched:not(form):not(.input-underline):focus,
.is-invalid.is-touched:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.is-invalid.is-touched:not(form):not(.input-underline) select:focus,
.is-invalid.is-touched:not(form):not(.input-underline) textarea:focus {
  border-color: #cc3c3c !important;
  box-shadow: 0 0 0.625rem 0 rgba(204, 60, 60, 0.2) !important;
}
.field-invalid:not(form):not(.input-underline).input-group-append, .field-invalid:not(form):not(.input-underline).input-group-prepend,
.field-invalid:not(form):not(.input-underline) .input-group-append,
.field-invalid:not(form):not(.input-underline) .input-group-prepend,
.is-invalid:not(form):not(.input-underline).input-group-append,
.is-invalid:not(form):not(.input-underline).input-group-prepend,
.is-invalid:not(form):not(.input-underline) .input-group-append,
.is-invalid:not(form):not(.input-underline) .input-group-prepend,
.is-invalid.is-dirty:not(form):not(.input-underline).input-group-append,
.is-invalid.is-dirty:not(form):not(.input-underline).input-group-prepend,
.is-invalid.is-dirty:not(form):not(.input-underline) .input-group-append,
.is-invalid.is-dirty:not(form):not(.input-underline) .input-group-prepend,
.is-invalid.is-touched:not(form):not(.input-underline).input-group-append,
.is-invalid.is-touched:not(form):not(.input-underline).input-group-prepend,
.is-invalid.is-touched:not(form):not(.input-underline) .input-group-append,
.is-invalid.is-touched:not(form):not(.input-underline) .input-group-prepend {
  border-color: #cc3c3c !important;
  color: #cc3c3c !important;
}

.is-valid:not(form):not(.input-underline).radio label, .is-valid:not(form):not(.input-underline).checkbox label, .is-valid:not(form):not(.input-underline).radio-inline label, .is-valid:not(form):not(.input-underline).checkbox-inline label,
.is-valid:not(form):not(.input-underline) .checkbox,
.is-valid:not(form):not(.input-underline) .checkbox-inline,
.is-valid:not(form):not(.input-underline) .radio,
.is-valid:not(form):not(.input-underline) .radio-inline,
.is-valid:not(form):not(.input-underline) .text-label {
  color: #6ec573 !important;
}
.is-valid:not(form):not(.input-underline),
.is-valid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.is-valid:not(form):not(.input-underline) select,
.is-valid:not(form):not(.input-underline) textarea {
  border-color: #6ec573 !important;
  color: #6ec573 !important;
}
.is-valid:not(form):not(.input-underline):focus,
.is-valid:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.is-valid:not(form):not(.input-underline) select:focus,
.is-valid:not(form):not(.input-underline) textarea:focus {
  border-color: #6ec573 !important;
  box-shadow: 0 0 0.625rem 0 rgba(110, 197, 115, 0.2) !important;
}
.is-valid:not(form):not(.input-underline).input-group-append, .is-valid:not(form):not(.input-underline).input-group-prepend,
.is-valid:not(form):not(.input-underline) .input-group-append,
.is-valid:not(form):not(.input-underline) .input-group-prepend {
  border-color: #6ec573 !important;
  color: #6ec573 !important;
}

.is-warning:not(form):not(.input-underline).radio label, .is-warning:not(form):not(.input-underline).checkbox label, .is-warning:not(form):not(.input-underline).radio-inline label, .is-warning:not(form):not(.input-underline).checkbox-inline label,
.is-warning:not(form):not(.input-underline) .checkbox,
.is-warning:not(form):not(.input-underline) .checkbox-inline,
.is-warning:not(form):not(.input-underline) .radio,
.is-warning:not(form):not(.input-underline) .radio-inline,
.is-warning:not(form):not(.input-underline) .text-label {
  color: #fb8102 !important;
}
.is-warning:not(form):not(.input-underline),
.is-warning:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline),
.is-warning:not(form):not(.input-underline) select,
.is-warning:not(form):not(.input-underline) textarea {
  border-color: #fb8102 !important;
  color: #fb8102 !important;
}
.is-warning:not(form):not(.input-underline):focus,
.is-warning:not(form):not(.input-underline) input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.input-underline):focus,
.is-warning:not(form):not(.input-underline) select:focus,
.is-warning:not(form):not(.input-underline) textarea:focus {
  border-color: #fb8102 !important;
  box-shadow: 0 0 0.625rem 0 rgba(251, 129, 2, 0.2) !important;
}
.is-warning:not(form):not(.input-underline).input-group-append, .is-warning:not(form):not(.input-underline).input-group-prepend,
.is-warning:not(form):not(.input-underline) .input-group-append,
.is-warning:not(form):not(.input-underline) .input-group-prepend {
  border-color: #fb8102 !important;
  color: #fb8102 !important;
}

.input-styler {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
  z-index: 0;
}
.input-styler[class*=fg-] input,
.input-styler[class*=fg-] select,
.input-styler[class*=fg-] [class*=icon-]::before,
.input-styler[class*=fg-] .graphic::before {
  color: inherit !important;
}
.input-styler.input-date input, .input-styler.input-dropdown input, .input-styler.input-search input, .input-styler.input-time input {
  padding-right: 1.875rem;
}
.input-styler.input-date input.ui-large, .input-styler.input-dropdown input.ui-large, .input-styler.input-search input.ui-large, .input-styler.input-time input.ui-large {
  padding-right: 3.125rem;
}
.input-styler.input-date input.ui-large ~ [class*=icon-], .input-styler.input-date input.ui-large ~ [class*=icon-]::before,
.input-styler.input-date input.ui-large ~ .graphic,
.input-styler.input-date input.ui-large ~ .graphic::before, .input-styler.input-dropdown input.ui-large ~ [class*=icon-], .input-styler.input-dropdown input.ui-large ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-large ~ .graphic,
.input-styler.input-dropdown input.ui-large ~ .graphic::before, .input-styler.input-search input.ui-large ~ [class*=icon-], .input-styler.input-search input.ui-large ~ [class*=icon-]::before,
.input-styler.input-search input.ui-large ~ .graphic,
.input-styler.input-search input.ui-large ~ .graphic::before, .input-styler.input-time input.ui-large ~ [class*=icon-], .input-styler.input-time input.ui-large ~ [class*=icon-]::before,
.input-styler.input-time input.ui-large ~ .graphic,
.input-styler.input-time input.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler.input-date input.ui-small, .input-styler.input-dropdown input.ui-small, .input-styler.input-search input.ui-small, .input-styler.input-time input.ui-small {
  padding-right: 1.25rem;
}
.input-styler.input-date input.ui-small ~ [class*=icon-], .input-styler.input-date input.ui-small ~ [class*=icon-]::before,
.input-styler.input-date input.ui-small ~ .graphic,
.input-styler.input-date input.ui-small ~ .graphic::before, .input-styler.input-dropdown input.ui-small ~ [class*=icon-], .input-styler.input-dropdown input.ui-small ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-small ~ .graphic,
.input-styler.input-dropdown input.ui-small ~ .graphic::before, .input-styler.input-search input.ui-small ~ [class*=icon-], .input-styler.input-search input.ui-small ~ [class*=icon-]::before,
.input-styler.input-search input.ui-small ~ .graphic,
.input-styler.input-search input.ui-small ~ .graphic::before, .input-styler.input-time input.ui-small ~ [class*=icon-], .input-styler.input-time input.ui-small ~ [class*=icon-]::before,
.input-styler.input-time input.ui-small ~ .graphic,
.input-styler.input-time input.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler.input-date input ~ [class*=icon-],
.input-styler.input-date input ~ .graphic, .input-styler.input-dropdown input ~ [class*=icon-],
.input-styler.input-dropdown input ~ .graphic, .input-styler.input-search input ~ [class*=icon-],
.input-styler.input-search input ~ .graphic, .input-styler.input-time input ~ [class*=icon-],
.input-styler.input-time input ~ .graphic {
  right: 0;
}
.input-styler.input-date select, .input-styler.input-dropdown select, .input-styler.input-search select, .input-styler.input-time select {
  padding-right: 1.875rem;
}
.input-styler.input-date select.ui-large, .input-styler.input-dropdown select.ui-large, .input-styler.input-search select.ui-large, .input-styler.input-time select.ui-large {
  padding-right: 3.125rem;
}
.input-styler.input-date select.ui-large ~ [class*=icon-], .input-styler.input-date select.ui-large ~ [class*=icon-]::before,
.input-styler.input-date select.ui-large ~ .graphic,
.input-styler.input-date select.ui-large ~ .graphic::before, .input-styler.input-dropdown select.ui-large ~ [class*=icon-], .input-styler.input-dropdown select.ui-large ~ [class*=icon-]::before,
.input-styler.input-dropdown select.ui-large ~ .graphic,
.input-styler.input-dropdown select.ui-large ~ .graphic::before, .input-styler.input-search select.ui-large ~ [class*=icon-], .input-styler.input-search select.ui-large ~ [class*=icon-]::before,
.input-styler.input-search select.ui-large ~ .graphic,
.input-styler.input-search select.ui-large ~ .graphic::before, .input-styler.input-time select.ui-large ~ [class*=icon-], .input-styler.input-time select.ui-large ~ [class*=icon-]::before,
.input-styler.input-time select.ui-large ~ .graphic,
.input-styler.input-time select.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler.input-date select.ui-small, .input-styler.input-dropdown select.ui-small, .input-styler.input-search select.ui-small, .input-styler.input-time select.ui-small {
  padding-right: 1.25rem;
}
.input-styler.input-date select.ui-small ~ [class*=icon-], .input-styler.input-date select.ui-small ~ [class*=icon-]::before,
.input-styler.input-date select.ui-small ~ .graphic,
.input-styler.input-date select.ui-small ~ .graphic::before, .input-styler.input-dropdown select.ui-small ~ [class*=icon-], .input-styler.input-dropdown select.ui-small ~ [class*=icon-]::before,
.input-styler.input-dropdown select.ui-small ~ .graphic,
.input-styler.input-dropdown select.ui-small ~ .graphic::before, .input-styler.input-search select.ui-small ~ [class*=icon-], .input-styler.input-search select.ui-small ~ [class*=icon-]::before,
.input-styler.input-search select.ui-small ~ .graphic,
.input-styler.input-search select.ui-small ~ .graphic::before, .input-styler.input-time select.ui-small ~ [class*=icon-], .input-styler.input-time select.ui-small ~ [class*=icon-]::before,
.input-styler.input-time select.ui-small ~ .graphic,
.input-styler.input-time select.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler.input-date select ~ [class*=icon-],
.input-styler.input-date select ~ .graphic, .input-styler.input-dropdown select ~ [class*=icon-],
.input-styler.input-dropdown select ~ .graphic, .input-styler.input-search select ~ [class*=icon-],
.input-styler.input-search select ~ .graphic, .input-styler.input-time select ~ [class*=icon-],
.input-styler.input-time select ~ .graphic {
  right: 0;
}
.input-styler.input-date input, .input-styler.input-dropdown input, .input-styler.input-search input, .input-styler.input-time input {
  padding-right: 1.875rem;
}
.input-styler.input-date input.ui-large, .input-styler.input-dropdown input.ui-large, .input-styler.input-search input.ui-large, .input-styler.input-time input.ui-large {
  padding-right: 3.125rem;
}
.input-styler.input-date input.ui-large ~ [class*=icon-], .input-styler.input-date input.ui-large ~ [class*=icon-]::before,
.input-styler.input-date input.ui-large ~ .graphic,
.input-styler.input-date input.ui-large ~ .graphic::before, .input-styler.input-dropdown input.ui-large ~ [class*=icon-], .input-styler.input-dropdown input.ui-large ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-large ~ .graphic,
.input-styler.input-dropdown input.ui-large ~ .graphic::before, .input-styler.input-search input.ui-large ~ [class*=icon-], .input-styler.input-search input.ui-large ~ [class*=icon-]::before,
.input-styler.input-search input.ui-large ~ .graphic,
.input-styler.input-search input.ui-large ~ .graphic::before, .input-styler.input-time input.ui-large ~ [class*=icon-], .input-styler.input-time input.ui-large ~ [class*=icon-]::before,
.input-styler.input-time input.ui-large ~ .graphic,
.input-styler.input-time input.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler.input-date input.ui-small, .input-styler.input-dropdown input.ui-small, .input-styler.input-search input.ui-small, .input-styler.input-time input.ui-small {
  padding-right: 1.25rem;
}
.input-styler.input-date input.ui-small ~ [class*=icon-], .input-styler.input-date input.ui-small ~ [class*=icon-]::before,
.input-styler.input-date input.ui-small ~ .graphic,
.input-styler.input-date input.ui-small ~ .graphic::before, .input-styler.input-dropdown input.ui-small ~ [class*=icon-], .input-styler.input-dropdown input.ui-small ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-small ~ .graphic,
.input-styler.input-dropdown input.ui-small ~ .graphic::before, .input-styler.input-search input.ui-small ~ [class*=icon-], .input-styler.input-search input.ui-small ~ [class*=icon-]::before,
.input-styler.input-search input.ui-small ~ .graphic,
.input-styler.input-search input.ui-small ~ .graphic::before, .input-styler.input-time input.ui-small ~ [class*=icon-], .input-styler.input-time input.ui-small ~ [class*=icon-]::before,
.input-styler.input-time input.ui-small ~ .graphic,
.input-styler.input-time input.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler.input-date input ~ [class*=icon-],
.input-styler.input-date input ~ .graphic, .input-styler.input-dropdown input ~ [class*=icon-],
.input-styler.input-dropdown input ~ .graphic, .input-styler.input-search input ~ [class*=icon-],
.input-styler.input-search input ~ .graphic, .input-styler.input-time input ~ [class*=icon-],
.input-styler.input-time input ~ .graphic {
  right: 0;
}
.input-styler.input-date input, .input-styler.input-dropdown input, .input-styler.input-search input, .input-styler.input-time input {
  padding-right: 1.875rem;
}
.input-styler.input-date input.ui-large, .input-styler.input-dropdown input.ui-large, .input-styler.input-search input.ui-large, .input-styler.input-time input.ui-large {
  padding-right: 3.125rem;
}
.input-styler.input-date input.ui-large ~ [class*=icon-], .input-styler.input-date input.ui-large ~ [class*=icon-]::before,
.input-styler.input-date input.ui-large ~ .graphic,
.input-styler.input-date input.ui-large ~ .graphic::before, .input-styler.input-dropdown input.ui-large ~ [class*=icon-], .input-styler.input-dropdown input.ui-large ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-large ~ .graphic,
.input-styler.input-dropdown input.ui-large ~ .graphic::before, .input-styler.input-search input.ui-large ~ [class*=icon-], .input-styler.input-search input.ui-large ~ [class*=icon-]::before,
.input-styler.input-search input.ui-large ~ .graphic,
.input-styler.input-search input.ui-large ~ .graphic::before, .input-styler.input-time input.ui-large ~ [class*=icon-], .input-styler.input-time input.ui-large ~ [class*=icon-]::before,
.input-styler.input-time input.ui-large ~ .graphic,
.input-styler.input-time input.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler.input-date input.ui-small, .input-styler.input-dropdown input.ui-small, .input-styler.input-search input.ui-small, .input-styler.input-time input.ui-small {
  padding-right: 1.25rem;
}
.input-styler.input-date input.ui-small ~ [class*=icon-], .input-styler.input-date input.ui-small ~ [class*=icon-]::before,
.input-styler.input-date input.ui-small ~ .graphic,
.input-styler.input-date input.ui-small ~ .graphic::before, .input-styler.input-dropdown input.ui-small ~ [class*=icon-], .input-styler.input-dropdown input.ui-small ~ [class*=icon-]::before,
.input-styler.input-dropdown input.ui-small ~ .graphic,
.input-styler.input-dropdown input.ui-small ~ .graphic::before, .input-styler.input-search input.ui-small ~ [class*=icon-], .input-styler.input-search input.ui-small ~ [class*=icon-]::before,
.input-styler.input-search input.ui-small ~ .graphic,
.input-styler.input-search input.ui-small ~ .graphic::before, .input-styler.input-time input.ui-small ~ [class*=icon-], .input-styler.input-time input.ui-small ~ [class*=icon-]::before,
.input-styler.input-time input.ui-small ~ .graphic,
.input-styler.input-time input.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler.input-date input ~ [class*=icon-],
.input-styler.input-date input ~ .graphic, .input-styler.input-dropdown input ~ [class*=icon-],
.input-styler.input-dropdown input ~ .graphic, .input-styler.input-search input ~ [class*=icon-],
.input-styler.input-search input ~ .graphic, .input-styler.input-time input ~ [class*=icon-],
.input-styler.input-time input ~ .graphic {
  right: 0;
}
.input-styler.input-date input::-webkit-clear-button, .input-styler.input-time input::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
.input-styler.input-date input::-webkit-inner-spin-button,
.input-styler.input-date select::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}
.input-styler.input-date input ~ .graphic::before,
.input-styler.input-date select ~ .graphic::before {
  font-family: "iconfont" !important;
  content: "\EA17";
}
.input-styler.input-dropdown input ~ .graphic::before,
.input-styler.input-dropdown select ~ .graphic::before {
  font-family: "iconfont" !important;
  content: "\EA1C";
  color: #565656;
}
.input-styler.input-dropdown select::-ms-expand {
  display: none;
}
.input-styler.input-search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.input-styler.input-search input.ui-small ~ .graphic::before {
  font-size: 0.625rem;
}
.input-styler.input-search input ~ .graphic::before {
  font-family: "iconfont" !important;
  content: "\EA28";
}
.input-styler[class*=input-floating-label].input-floating-label-outside input:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input:focus.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input:focus.has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input[required]:valid.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input[required]:valid.has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:focus.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:focus.has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:not(.is-empty).has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-valid:not(.is-empty).has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid:focus.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid:focus.has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-dirty:focus.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-dirty:focus.has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-touched:not(.is-empty).has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.is-invalid.is-touched:not(.is-empty).has-left-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.field-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.field-invalid:focus.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside input.field-invalid:focus.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea:focus.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea:focus.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea[required]:valid.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea[required]:valid.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:focus.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:focus.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:not(.is-empty).has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-valid:not(.is-empty).has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid:focus.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid:focus.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-dirty:focus.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-dirty:focus.has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-touched:not(.is-empty).has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.is-invalid.is-touched:not(.is-empty).has-left-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.field-invalid:focus.has-icon ~ label,
.input-styler[class*=input-floating-label].input-floating-label-outside textarea.field-invalid:focus.has-left-icon ~ label {
  padding: 0.625rem 0;
  font-size: 0.8125rem;
}
.input-styler[class*=input-floating-label].input-floating-label-outside select ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside select.has-icon ~ label, .input-styler[class*=input-floating-label].input-floating-label-outside select.has-left-icon ~ label {
  padding: 0.625rem 0;
  font-size: 0.8125rem;
}
.input-styler[class*=input-floating-label].input-floating-label input,
.input-styler[class*=input-floating-label].input-floating-label select,
.input-styler[class*=input-floating-label].input-floating-label textarea {
  margin-top: 0;
}
.input-styler[class*=input-floating-label].input-floating-label input[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label select[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label textarea[placeholder]:-moz-placeholder-shown ~ label {
  transform: translateY(calc(-50% + (2.5rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label select[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea[placeholder]:placeholder-shown ~ label {
  transform: translateY(calc(-50% + (2.5rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input:focus, .input-styler[class*=input-floating-label].input-floating-label input[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.field-invalid:focus {
  padding: calc(((2.5rem - (0.8125rem * 1.5) - (0.125rem)) / 2) * 1.5) 0.625rem calc(((2.5rem - (0.8125rem * 1.5) - (0.0625rem * 2)) / 2) * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label input:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.field-invalid:focus ~ label {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.625rem;
  font-size: 0.625rem;
  line-height: 1;
  color: rgba(86, 86, 86, 0.6);
  transform: translateY(calc(-50% + (2.5rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.field-invalid:focus {
  padding-right: 1.875rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-large.field-invalid:focus {
  padding-right: 3.125rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.has-clear-all.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.has-clear-all.ui-small.field-invalid:focus {
  padding-right: 1.25rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.field-invalid:focus ~ label {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large.field-invalid:focus ~ label {
  padding-left: 3.125rem;
  padding-right: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-large ~ .graphic::before,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large ~ [class*=icon-],
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small.field-invalid:focus ~ label {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon.ui-small ~ .graphic::before,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small ~ [class*=icon-],
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label].input-floating-label input.has-left-icon ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label].input-floating-label textarea.has-left-icon ~ .graphic {
  left: 0;
  right: auto;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-large[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.field-invalid:focus {
  padding-top: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2 * 1.5);
  padding-bottom: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2 * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.field-invalid:focus ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-large.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large.field-invalid:focus ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:-moz-placeholder-shown ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:placeholder-shown ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:-moz-placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-large[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-large[placeholder]:placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-small[required]:valid, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label].input-floating-label input.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.field-invalid:focus {
  padding-top: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2 * 1.5);
  padding-bottom: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2 * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[required]:valid,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.field-invalid:focus ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small[required]:valid ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label].input-floating-label input.ui-small.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[required]:valid ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small.field-invalid:focus ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:-moz-placeholder-shown ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:placeholder-shown ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:-moz-placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label input.ui-small[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label].input-floating-label textarea.ui-small[placeholder]:placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select {
  padding: calc(((2.5rem - (0.8125rem * 1.5) - (0.125rem)) / 2) * 1.5) 0.625rem calc(((2.5rem - (0.8125rem * 1.5) - (0.0625rem * 2)) / 2) * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label select ~ label {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.625rem;
  font-size: 0.625rem;
  line-height: 1;
  color: rgba(86, 86, 86, 0.6);
  transform: translateY(calc(-50% + (2.5rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select:not(:focus):not(:disabled) ~ label {
  color: rgba(86, 86, 86, 0.6);
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.has-clear-all {
  padding-right: 1.875rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.has-clear-all.ui-large {
  padding-right: 3.125rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.has-clear-all.ui-small {
  padding-right: 1.25rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon ~ label {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large ~ label {
  padding-left: 3.125rem;
  padding-right: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small ~ label {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label].input-floating-label select.has-left-icon ~ .graphic {
  left: 0;
  right: auto;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large {
  padding-top: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2 * 1.5);
  padding-bottom: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2 * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large,
.input-styler[class*=input-floating-label].input-floating-label select.ui-large ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:-moz-placeholder-shown ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:placeholder-shown ~ label {
  padding-left: 1rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:-moz-placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-large[placeholder]:placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small {
  padding-top: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2 * 1.5);
  padding-bottom: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2 * 0.5);
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small,
.input-styler[class*=input-floating-label].input-floating-label select.ui-small ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:-moz-placeholder-shown, .input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:-moz-placeholder-shown ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:placeholder-shown,
.input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:placeholder-shown ~ label {
  padding-left: 0.5rem;
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:-moz-placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label].input-floating-label select.ui-small[placeholder]:placeholder-shown ~ label {
  transform: translateY(calc(-50% + (1.875rem / 2) * 0.5));
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea {
  text-align: center;
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input[required]:valid ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.is-valid:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.is-invalid:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea[required]:valid ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.is-valid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea.field-invalid:focus ~ label {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered input ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered textarea ~ label {
  left: 50%;
  transform: translateX(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered select {
  text-align: center;
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered select ~ label {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border].input-floating-label-on-border-centered select ~ label {
  left: 50%;
  transform: translateX(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] select,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea {
  margin-top: 0;
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input[required]:valid ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-valid:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea[required]:valid ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-valid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.field-invalid:focus ~ label {
  top: 0;
  left: 0.3125rem;
  padding: 0.1875rem 0.3125rem;
  border-radius: 9999px;
  background: #f9f9f9;
  font-size: 0.625rem;
  font-weight: 600;
  color: #5086b7;
  transform: translateY(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input:focus:not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input[required]:valid:not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-valid:focus:not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-valid:not(.is-empty):not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid:focus:not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid.is-dirty:focus:not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.is-invalid.is-touched:not(.is-empty):not(:focus) ~ label, .input-styler[class*=input-floating-label][class*=input-floating-label-on-border] input.field-invalid:focus:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea:focus:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea[required]:valid:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-valid:focus:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-valid:not(.is-empty):not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid:focus:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid.is-dirty:focus:not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.is-invalid.is-touched:not(.is-empty):not(:focus) ~ label,
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] textarea.field-invalid:focus:not(:focus) ~ label {
  color: rgba(86, 86, 86, 0.6) !important;
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] select ~ label {
  top: 0;
  left: 0.3125rem;
  padding: 0.1875rem 0.3125rem;
  border-radius: 9999px;
  background: #f9f9f9;
  font-size: 0.625rem;
  font-weight: 600;
  color: #5086b7;
  transform: translateY(-50%);
}
.input-styler[class*=input-floating-label][class*=input-floating-label-on-border] select:not(:focus) ~ label {
  color: rgba(86, 86, 86, 0.6) !important;
}
.input-styler[class*=input-floating-label] input,
.input-styler[class*=input-floating-label] select,
.input-styler[class*=input-floating-label] textarea {
  margin-top: 1.4375rem;
  will-change: font-size, padding, transform;
}
.input-styler[class*=input-floating-label] input[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label] select[placeholder]:-moz-placeholder-shown ~ label, .input-styler[class*=input-floating-label] textarea[placeholder]:-moz-placeholder-shown ~ label {
  color: #006fab;
  transform: translateY(-2.375rem);
}
.input-styler[class*=input-floating-label] input[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label] select[placeholder]:placeholder-shown ~ label,
.input-styler[class*=input-floating-label] textarea[placeholder]:placeholder-shown ~ label {
  color: #006fab;
  transform: translateY(-2.375rem);
}
.input-styler[class*=input-floating-label] input.field-invalid,
.input-styler[class*=input-floating-label] input.field-invalid ~ label, .input-styler[class*=input-floating-label] input.is-invalid,
.input-styler[class*=input-floating-label] input.is-invalid ~ label, .input-styler[class*=input-floating-label] input.is-invalid.is-dirty,
.input-styler[class*=input-floating-label] input.is-invalid.is-dirty ~ label, .input-styler[class*=input-floating-label] input.is-invalid.is-touched,
.input-styler[class*=input-floating-label] input.is-invalid.is-touched ~ label,
.input-styler[class*=input-floating-label] select.field-invalid,
.input-styler[class*=input-floating-label] select.field-invalid ~ label,
.input-styler[class*=input-floating-label] select.is-invalid,
.input-styler[class*=input-floating-label] select.is-invalid ~ label,
.input-styler[class*=input-floating-label] select.is-invalid.is-dirty,
.input-styler[class*=input-floating-label] select.is-invalid.is-dirty ~ label,
.input-styler[class*=input-floating-label] select.is-invalid.is-touched,
.input-styler[class*=input-floating-label] select.is-invalid.is-touched ~ label,
.input-styler[class*=input-floating-label] textarea.field-invalid,
.input-styler[class*=input-floating-label] textarea.field-invalid ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid,
.input-styler[class*=input-floating-label] textarea.is-invalid ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-dirty,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-dirty ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-touched,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-touched ~ label {
  color: #cc3c3c !important;
}
.input-styler[class*=input-floating-label] input:-webkit-autofill ~ label, .input-styler[class*=input-floating-label] input:-webkit-autofill:not(:focus) ~ label,
.input-styler[class*=input-floating-label] select:-webkit-autofill ~ label,
.input-styler[class*=input-floating-label] select:-webkit-autofill:not(:focus) ~ label,
.input-styler[class*=input-floating-label] textarea:-webkit-autofill ~ label,
.input-styler[class*=input-floating-label] textarea:-webkit-autofill:not(:focus) ~ label {
  color: #006fab;
}
.input-styler[class*=input-floating-label] input:disabled,
.input-styler[class*=input-floating-label] select:disabled,
.input-styler[class*=input-floating-label] textarea:disabled {
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px;
  opacity: 1;
  background-color: #e0e0e0;
  color: #666666;
  cursor: not-allowed;
}
.input-styler[class*=input-floating-label] input:disabled::-webkit-input-placeholder,
.input-styler[class*=input-floating-label] select:disabled::-webkit-input-placeholder,
.input-styler[class*=input-floating-label] textarea:disabled::-webkit-input-placeholder {
  color: #898989;
}
.input-styler[class*=input-floating-label] input:disabled ~ button,
.input-styler[class*=input-floating-label] input:disabled ~ .icon,
.input-styler[class*=input-floating-label] select:disabled ~ button,
.input-styler[class*=input-floating-label] select:disabled ~ .icon,
.input-styler[class*=input-floating-label] textarea:disabled ~ button,
.input-styler[class*=input-floating-label] textarea:disabled ~ .icon {
  display: none;
}
.input-styler[class*=input-floating-label] input:disabled ~ label,
.input-styler[class*=input-floating-label] select:disabled ~ label,
.input-styler[class*=input-floating-label] textarea:disabled ~ label {
  cursor: not-allowed;
}
.input-styler[class*=input-floating-label] input:focus ~ label, .input-styler[class*=input-floating-label] input[required]:valid ~ label, .input-styler[class*=input-floating-label] input.is-valid:focus ~ label, .input-styler[class*=input-floating-label] input.is-valid:not(.is-empty) ~ label, .input-styler[class*=input-floating-label] input.is-invalid:focus ~ label, .input-styler[class*=input-floating-label] input.is-invalid.is-dirty:focus ~ label, .input-styler[class*=input-floating-label] input.is-invalid.is-touched:not(.is-empty) ~ label, .input-styler[class*=input-floating-label] input.field-invalid:focus ~ label,
.input-styler[class*=input-floating-label] textarea:focus ~ label,
.input-styler[class*=input-floating-label] textarea[required]:valid ~ label,
.input-styler[class*=input-floating-label] textarea.is-valid:focus ~ label,
.input-styler[class*=input-floating-label] textarea.is-valid:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid:focus ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-dirty:focus ~ label,
.input-styler[class*=input-floating-label] textarea.is-invalid.is-touched:not(.is-empty) ~ label,
.input-styler[class*=input-floating-label] textarea.field-invalid:focus ~ label {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.625rem 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: #5086b7;
  cursor: pointer;
  transform: translateY(-2.375rem);
}
.input-styler[class*=input-floating-label] input.has-icon:focus, .input-styler[class*=input-floating-label] input.has-icon[required]:valid, .input-styler[class*=input-floating-label] input.has-icon.is-valid:focus, .input-styler[class*=input-floating-label] input.has-icon.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-icon.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-icon.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon:focus,
.input-styler[class*=input-floating-label] textarea.has-icon[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-icon.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.field-invalid:focus {
  padding-right: 1.875rem;
}
.input-styler[class*=input-floating-label] input.has-icon.ui-large:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-large[required]:valid, .input-styler[class*=input-floating-label] input.has-icon.ui-large.is-valid:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-large.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.ui-large.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-large.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-large.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large.field-invalid:focus {
  padding-right: 3.125rem;
}
.input-styler[class*=input-floating-label] input.has-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] input.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.has-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] input.has-icon.ui-large ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] input.has-icon.ui-small:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-small[required]:valid, .input-styler[class*=input-floating-label] input.has-icon.ui-small.is-valid:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-small.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.ui-small.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-small.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-icon.ui-small.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-icon.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small.field-invalid:focus {
  padding-right: 1.25rem;
}
.input-styler[class*=input-floating-label] input.has-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] input.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.has-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] input.has-icon.ui-small ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] textarea.has-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon:focus, .input-styler[class*=input-floating-label] input.has-left-icon[required]:valid, .input-styler[class*=input-floating-label] input.has-left-icon.is-valid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-left-icon.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.field-invalid:focus,
.input-styler[class*=input-floating-label] input.has-left-icon ~ label,
.input-styler[class*=input-floating-label] textarea.has-left-icon:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-left-icon.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon ~ label {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon.ui-large:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-large[required]:valid, .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.is-valid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-large ~ label,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large ~ label {
  padding-left: 3.125rem;
  padding-right: 1rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] input.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-large ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon.ui-small:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-small[required]:valid, .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.is-valid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.is-invalid:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.has-left-icon.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-small ~ label,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small[required]:valid,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small ~ label {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] input.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] input.has-left-icon.ui-small ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] textarea.has-left-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] input.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label] input.has-left-icon ~ .graphic,
.input-styler[class*=input-floating-label] textarea.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.has-left-icon ~ .graphic {
  left: 0;
  right: auto;
}
.input-styler[class*=input-floating-label] input.ui-large:focus, .input-styler[class*=input-floating-label] input.ui-large[required]:valid, .input-styler[class*=input-floating-label] input.ui-large.is-valid:focus, .input-styler[class*=input-floating-label] input.ui-large.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.ui-large.is-invalid:focus, .input-styler[class*=input-floating-label] input.ui-large.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.ui-large.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label] input.ui-large ~ label,
.input-styler[class*=input-floating-label] textarea.ui-large:focus,
.input-styler[class*=input-floating-label] textarea.ui-large[required]:valid,
.input-styler[class*=input-floating-label] textarea.ui-large.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.ui-large.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.ui-large.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.ui-large.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.ui-large.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.ui-large.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.ui-large ~ label {
  padding: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2) 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
}
.input-styler[class*=input-floating-label] input.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] input.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] input.ui-large ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.ui-large ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] textarea.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] input.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.ui-large ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.ui-large ~ .graphic::before {
  font-size: 0.9140625rem;
}
.input-styler[class*=input-floating-label] input.ui-small:focus, .input-styler[class*=input-floating-label] input.ui-small[required]:valid, .input-styler[class*=input-floating-label] input.ui-small.is-valid:focus, .input-styler[class*=input-floating-label] input.ui-small.is-valid:not(.is-empty), .input-styler[class*=input-floating-label] input.ui-small.is-invalid:focus, .input-styler[class*=input-floating-label] input.ui-small.is-invalid.is-dirty:focus, .input-styler[class*=input-floating-label] input.ui-small.is-invalid.is-touched:not(.is-empty), .input-styler[class*=input-floating-label] input.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label] input.ui-small ~ label,
.input-styler[class*=input-floating-label] textarea.ui-small:focus,
.input-styler[class*=input-floating-label] textarea.ui-small[required]:valid,
.input-styler[class*=input-floating-label] textarea.ui-small.is-valid:focus,
.input-styler[class*=input-floating-label] textarea.ui-small.is-valid:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.ui-small.is-invalid:focus,
.input-styler[class*=input-floating-label] textarea.ui-small.is-invalid.is-dirty:focus,
.input-styler[class*=input-floating-label] textarea.ui-small.is-invalid.is-touched:not(.is-empty),
.input-styler[class*=input-floating-label] textarea.ui-small.field-invalid:focus,
.input-styler[class*=input-floating-label] textarea.ui-small ~ label {
  padding: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2) 0.5rem;
  font-size: 0.7109375rem;
}
.input-styler[class*=input-floating-label] input.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] input.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] input.ui-small ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.ui-small ~ [class*=icon-],
.input-styler[class*=input-floating-label] textarea.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] textarea.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] input.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] input.ui-small ~ .graphic::before,
.input-styler[class*=input-floating-label] textarea.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] textarea.ui-small ~ .graphic::before {
  font-size: 0.40625rem;
}
.input-styler[class*=input-floating-label] select ~ label {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.625rem 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: #5086b7;
  cursor: pointer;
  transform: translateY(-2.375rem);
}
.input-styler[class*=input-floating-label] select.has-icon {
  padding-right: 1.875rem;
}
.input-styler[class*=input-floating-label] select.has-icon.ui-large {
  padding-right: 3.125rem;
}
.input-styler[class*=input-floating-label] select.has-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] select.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.has-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] select.has-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] select.has-icon.ui-small {
  padding-right: 1.25rem;
}
.input-styler[class*=input-floating-label] select.has-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] select.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.has-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] select.has-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon,
.input-styler[class*=input-floating-label] select.has-left-icon ~ label {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon.ui-large,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-large ~ label {
  padding-left: 3.125rem;
  padding-right: 1rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] select.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon.ui-small,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-small ~ label {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] select.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] select.has-left-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] select.has-left-icon ~ [class*=icon-],
.input-styler[class*=input-floating-label] select.has-left-icon ~ .graphic {
  left: 0;
  right: auto;
}
.input-styler[class*=input-floating-label] select.ui-large,
.input-styler[class*=input-floating-label] select.ui-large ~ label {
  padding: calc((1.875rem - (1.25rem * 1.5) - (0.0625rem * 2)) / 2) 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
}
.input-styler[class*=input-floating-label] select.ui-large ~ [class*=icon-], .input-styler[class*=input-floating-label] select.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.ui-large ~ .graphic,
.input-styler[class*=input-floating-label] select.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler[class*=input-floating-label] select.ui-large ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.ui-large ~ .graphic::before {
  font-size: 0.9140625rem;
}
.input-styler[class*=input-floating-label] select.ui-small,
.input-styler[class*=input-floating-label] select.ui-small ~ label {
  padding: calc((1.875rem - (0.7109375rem * 1.5) - (0.0625rem * 2)) / 2) 0.5rem;
  font-size: 0.7109375rem;
}
.input-styler[class*=input-floating-label] select.ui-small ~ [class*=icon-], .input-styler[class*=input-floating-label] select.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.ui-small ~ .graphic,
.input-styler[class*=input-floating-label] select.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler[class*=input-floating-label] select.ui-small ~ [class*=icon-]::before,
.input-styler[class*=input-floating-label] select.ui-small ~ .graphic::before {
  font-size: 0.40625rem;
}
.input-styler[class*=input-floating-label] label {
  position: absolute;
  top: 1px;
  left: 1px;
  padding: calc((2.5rem - (0.8125rem * 1.5) - (0.0625rem * 2)) / 2) 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  cursor: text;
  transition: 0.2s linear;
  pointer-events: none;
  z-index: 1;
}
.input-styler[class*=input-floating-label] label {
  font-style: normal;
  font-weight: inherit;
  color: rgba(86, 86, 86, 0.6);
}
.input-styler[class*=input-floating-label] [class*=icon-],
.input-styler[class*=input-floating-label] .graphic {
  z-index: 1;
}
.input-styler.input-time input::-webkit-calendar-picker-indicator,
.input-styler.input-time select::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 5px;
  opacity: 0;
}
.input-styler.input-time input ~ .graphic::before,
.input-styler.input-time select ~ .graphic::before {
  font-family: "iconfont" !important;
  content: "\EA1B";
}
.input-styler > input,
.input-styler > select {
  display: flex;
  align-items: center;
  background-image: none;
}
.input-styler > input.has-clear-all[placeholder]:not(:-moz-placeholder-shown):not(.has-left-icon) ~ [class*=icon-], .input-styler > input.has-clear-all[placeholder]:not(:-moz-placeholder-shown):not(.has-left-icon) ~ .graphic, .input-styler > textarea.has-clear-all[placeholder]:not(:-moz-placeholder-shown):not(.has-left-icon) ~ [class*=icon-], .input-styler > textarea.has-clear-all[placeholder]:not(:-moz-placeholder-shown):not(.has-left-icon) ~ .graphic {
  opacity: 0;
  visibility: hidden;
}
.input-styler > input.has-clear-all[placeholder]:not(:placeholder-shown):not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all[placeholder]:not(:placeholder-shown):not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all[required]:valid:not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all[required]:valid:not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.is-valid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.is-valid:focus:not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.is-valid:not(.is-empty):not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.is-valid:not(.is-empty):not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.is-invalid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.is-invalid:focus:not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.is-invalid.is-dirty:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.is-invalid.is-dirty:focus:not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.is-invalid.is-touched:not(.is-empty):not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.is-invalid.is-touched:not(.is-empty):not(.has-left-icon) ~ .graphic, .input-styler > input.has-clear-all.field-invalid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > input.has-clear-all.field-invalid:focus:not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all[placeholder]:not(:placeholder-shown):not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all[placeholder]:not(:placeholder-shown):not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all[required]:valid:not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all[required]:valid:not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.is-valid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.is-valid:focus:not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.is-valid:not(.is-empty):not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.is-valid:not(.is-empty):not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.is-invalid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.is-invalid:focus:not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.is-invalid.is-dirty:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.is-invalid.is-dirty:focus:not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.is-invalid.is-touched:not(.is-empty):not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.is-invalid.is-touched:not(.is-empty):not(.has-left-icon) ~ .graphic,
.input-styler > textarea.has-clear-all.field-invalid:focus:not(.has-left-icon) ~ [class*=icon-],
.input-styler > textarea.has-clear-all.field-invalid:focus:not(.has-left-icon) ~ .graphic {
  opacity: 0;
  visibility: hidden;
}
.input-styler > input.has-clear-all[placeholder]:not(:-moz-placeholder-shown) ~ button.close, .input-styler > textarea.has-clear-all[placeholder]:not(:-moz-placeholder-shown) ~ button.close {
  opacity: 1;
  visibility: visible;
}
.input-styler > input.has-clear-all[placeholder]:not(:placeholder-shown) ~ button.close, .input-styler > input.has-clear-all[required]:valid ~ button.close, .input-styler > input.has-clear-all.is-valid:focus ~ button.close, .input-styler > input.has-clear-all.is-valid:not(.is-empty) ~ button.close, .input-styler > input.has-clear-all.is-invalid:focus ~ button.close, .input-styler > input.has-clear-all.is-invalid.is-dirty:focus ~ button.close, .input-styler > input.has-clear-all.is-invalid.is-touched:not(.is-empty) ~ button.close, .input-styler > input.has-clear-all.field-invalid:focus ~ button.close,
.input-styler > textarea.has-clear-all[placeholder]:not(:placeholder-shown) ~ button.close,
.input-styler > textarea.has-clear-all[required]:valid ~ button.close,
.input-styler > textarea.has-clear-all.is-valid:focus ~ button.close,
.input-styler > textarea.has-clear-all.is-valid:not(.is-empty) ~ button.close,
.input-styler > textarea.has-clear-all.is-invalid:focus ~ button.close,
.input-styler > textarea.has-clear-all.is-invalid.is-dirty:focus ~ button.close,
.input-styler > textarea.has-clear-all.is-invalid.is-touched:not(.is-empty) ~ button.close,
.input-styler > textarea.has-clear-all.field-invalid:focus ~ button.close {
  opacity: 1;
  visibility: visible;
}
.input-styler > input,
.input-styler > input[type=text].jqdatepicker,
.input-styler > select,
.input-styler > textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  z-index: 1;
}
.input-styler > input.has-icon,
.input-styler > input[type=text].jqdatepicker.has-icon,
.input-styler > select.has-icon,
.input-styler > textarea.has-icon {
  padding-right: 1.875rem;
}
.input-styler > input.has-icon.ui-large,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-large,
.input-styler > select.has-icon.ui-large,
.input-styler > textarea.has-icon.ui-large {
  padding-right: 3.125rem;
}
.input-styler > input.has-icon.ui-large ~ [class*=icon-], .input-styler > input.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler > input.has-icon.ui-large ~ .graphic,
.input-styler > input.has-icon.ui-large ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-large ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-large ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-large ~ .graphic::before,
.input-styler > select.has-icon.ui-large ~ [class*=icon-],
.input-styler > select.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler > select.has-icon.ui-large ~ .graphic,
.input-styler > select.has-icon.ui-large ~ .graphic::before,
.input-styler > textarea.has-icon.ui-large ~ [class*=icon-],
.input-styler > textarea.has-icon.ui-large ~ [class*=icon-]::before,
.input-styler > textarea.has-icon.ui-large ~ .graphic,
.input-styler > textarea.has-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler > input.has-icon.ui-small,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-small,
.input-styler > select.has-icon.ui-small,
.input-styler > textarea.has-icon.ui-small {
  padding-right: 1.25rem;
}
.input-styler > input.has-icon.ui-small ~ [class*=icon-], .input-styler > input.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler > input.has-icon.ui-small ~ .graphic,
.input-styler > input.has-icon.ui-small ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-small ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-small ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-icon.ui-small ~ .graphic::before,
.input-styler > select.has-icon.ui-small ~ [class*=icon-],
.input-styler > select.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler > select.has-icon.ui-small ~ .graphic,
.input-styler > select.has-icon.ui-small ~ .graphic::before,
.input-styler > textarea.has-icon.ui-small ~ [class*=icon-],
.input-styler > textarea.has-icon.ui-small ~ [class*=icon-]::before,
.input-styler > textarea.has-icon.ui-small ~ .graphic,
.input-styler > textarea.has-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler > input.has-icon ~ [class*=icon-],
.input-styler > input.has-icon ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-icon ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-icon ~ .graphic,
.input-styler > select.has-icon ~ [class*=icon-],
.input-styler > select.has-icon ~ .graphic,
.input-styler > textarea.has-icon ~ [class*=icon-],
.input-styler > textarea.has-icon ~ .graphic {
  right: 0;
}
.input-styler > input.has-left-icon,
.input-styler > input[type=text].jqdatepicker.has-left-icon,
.input-styler > select.has-left-icon,
.input-styler > textarea.has-left-icon {
  padding-left: 1.875rem;
}
.input-styler > input.has-left-icon:not(.has-clear-all),
.input-styler > input[type=text].jqdatepicker.has-left-icon:not(.has-clear-all),
.input-styler > select.has-left-icon:not(.has-clear-all),
.input-styler > textarea.has-left-icon:not(.has-clear-all) {
  padding-right: 0.625rem;
}
.input-styler > input.has-left-icon.ui-large,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-large,
.input-styler > select.has-left-icon.ui-large,
.input-styler > textarea.has-left-icon.ui-large {
  padding-left: 3.125rem;
  padding-right: 0.5rem;
}
.input-styler > input.has-left-icon.ui-large ~ [class*=icon-], .input-styler > input.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler > input.has-left-icon.ui-large ~ .graphic,
.input-styler > input.has-left-icon.ui-large ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-large ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-large ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-large ~ .graphic::before,
.input-styler > select.has-left-icon.ui-large ~ [class*=icon-],
.input-styler > select.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler > select.has-left-icon.ui-large ~ .graphic,
.input-styler > select.has-left-icon.ui-large ~ .graphic::before,
.input-styler > textarea.has-left-icon.ui-large ~ [class*=icon-],
.input-styler > textarea.has-left-icon.ui-large ~ [class*=icon-]::before,
.input-styler > textarea.has-left-icon.ui-large ~ .graphic,
.input-styler > textarea.has-left-icon.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler > input.has-left-icon.ui-small,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-small,
.input-styler > select.has-left-icon.ui-small,
.input-styler > textarea.has-left-icon.ui-small {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.input-styler > input.has-left-icon.ui-small ~ [class*=icon-], .input-styler > input.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler > input.has-left-icon.ui-small ~ .graphic,
.input-styler > input.has-left-icon.ui-small ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-small ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-small ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-left-icon.ui-small ~ .graphic::before,
.input-styler > select.has-left-icon.ui-small ~ [class*=icon-],
.input-styler > select.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler > select.has-left-icon.ui-small ~ .graphic,
.input-styler > select.has-left-icon.ui-small ~ .graphic::before,
.input-styler > textarea.has-left-icon.ui-small ~ [class*=icon-],
.input-styler > textarea.has-left-icon.ui-small ~ [class*=icon-]::before,
.input-styler > textarea.has-left-icon.ui-small ~ .graphic,
.input-styler > textarea.has-left-icon.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler > input.has-left-icon ~ [class*=icon-],
.input-styler > input.has-left-icon ~ .graphic,
.input-styler > input[type=text].jqdatepicker.has-left-icon ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.has-left-icon ~ .graphic,
.input-styler > select.has-left-icon ~ [class*=icon-],
.input-styler > select.has-left-icon ~ .graphic,
.input-styler > textarea.has-left-icon ~ [class*=icon-],
.input-styler > textarea.has-left-icon ~ .graphic {
  left: 0;
  right: auto;
}
.input-styler > input.text-center,
.input-styler > input[type=text].jqdatepicker.text-center,
.input-styler > select.text-center,
.input-styler > textarea.text-center {
  -moz-text-align-last: center;
       text-align-last: center;
}
.input-styler > input.text-right,
.input-styler > input[type=text].jqdatepicker.text-right,
.input-styler > select.text-right,
.input-styler > textarea.text-right {
  -moz-text-align-last: right;
       text-align-last: right;
}
.input-styler > input.ui-large,
.input-styler > input[type=text].jqdatepicker.ui-large,
.input-styler > select.ui-large,
.input-styler > textarea.ui-large {
  height: 1.875rem;
  font-size: 1.25rem;
}
.input-styler > input.ui-large.has-icon,
.input-styler > input[type=text].jqdatepicker.ui-large.has-icon,
.input-styler > select.ui-large.has-icon,
.input-styler > textarea.ui-large.has-icon {
  padding-right: 3.125rem;
}
.input-styler > input.ui-large ~ [class*=icon-], .input-styler > input.ui-large ~ [class*=icon-]::before,
.input-styler > input.ui-large ~ .graphic,
.input-styler > input.ui-large ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.ui-large ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.ui-large ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.ui-large ~ .graphic,
.input-styler > input[type=text].jqdatepicker.ui-large ~ .graphic::before,
.input-styler > select.ui-large ~ [class*=icon-],
.input-styler > select.ui-large ~ [class*=icon-]::before,
.input-styler > select.ui-large ~ .graphic,
.input-styler > select.ui-large ~ .graphic::before,
.input-styler > textarea.ui-large ~ [class*=icon-],
.input-styler > textarea.ui-large ~ [class*=icon-]::before,
.input-styler > textarea.ui-large ~ .graphic,
.input-styler > textarea.ui-large ~ .graphic::before {
  width: 3.125rem;
}
.input-styler > input.ui-large ~ [class*=icon-]::before,
.input-styler > input.ui-large ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.ui-large ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.ui-large ~ .graphic::before,
.input-styler > select.ui-large ~ [class*=icon-]::before,
.input-styler > select.ui-large ~ .graphic::before,
.input-styler > textarea.ui-large ~ [class*=icon-]::before,
.input-styler > textarea.ui-large ~ .graphic::before {
  font-size: 0.9140625rem;
}
.input-styler > input.ui-small,
.input-styler > input[type=text].jqdatepicker.ui-small,
.input-styler > select.ui-small,
.input-styler > textarea.ui-small {
  height: 1.875rem;
  font-size: 0.7109375rem;
}
.input-styler > input.ui-small.has-icon,
.input-styler > input[type=text].jqdatepicker.ui-small.has-icon,
.input-styler > select.ui-small.has-icon,
.input-styler > textarea.ui-small.has-icon {
  padding-right: 1.25rem;
}
.input-styler > input.ui-small ~ [class*=icon-], .input-styler > input.ui-small ~ [class*=icon-]::before,
.input-styler > input.ui-small ~ .graphic,
.input-styler > input.ui-small ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.ui-small ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker.ui-small ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.ui-small ~ .graphic,
.input-styler > input[type=text].jqdatepicker.ui-small ~ .graphic::before,
.input-styler > select.ui-small ~ [class*=icon-],
.input-styler > select.ui-small ~ [class*=icon-]::before,
.input-styler > select.ui-small ~ .graphic,
.input-styler > select.ui-small ~ .graphic::before,
.input-styler > textarea.ui-small ~ [class*=icon-],
.input-styler > textarea.ui-small ~ [class*=icon-]::before,
.input-styler > textarea.ui-small ~ .graphic,
.input-styler > textarea.ui-small ~ .graphic::before {
  width: 1.25rem;
}
.input-styler > input.ui-small ~ [class*=icon-]::before,
.input-styler > input.ui-small ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker.ui-small ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker.ui-small ~ .graphic::before,
.input-styler > select.ui-small ~ [class*=icon-]::before,
.input-styler > select.ui-small ~ .graphic::before,
.input-styler > textarea.ui-small ~ [class*=icon-]::before,
.input-styler > textarea.ui-small ~ .graphic::before {
  font-size: 0.40625rem;
}
.input-styler > input ~ [class*=icon-],
.input-styler > input ~ .graphic,
.input-styler > input[type=text].jqdatepicker ~ [class*=icon-],
.input-styler > input[type=text].jqdatepicker ~ .graphic,
.input-styler > select ~ [class*=icon-],
.input-styler > select ~ .graphic,
.input-styler > textarea ~ [class*=icon-],
.input-styler > textarea ~ .graphic {
  display: flex;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 0;
  text-align: center;
  pointer-events: none;
  touch-action: none;
}
.input-styler > input ~ [class*=icon-]::before,
.input-styler > input ~ .graphic::before,
.input-styler > input[type=text].jqdatepicker ~ [class*=icon-]::before,
.input-styler > input[type=text].jqdatepicker ~ .graphic::before,
.input-styler > select ~ [class*=icon-]::before,
.input-styler > select ~ .graphic::before,
.input-styler > textarea ~ [class*=icon-]::before,
.input-styler > textarea ~ .graphic::before {
  position: absolute;
  font-size: 0.8125rem;
  color: gainsboro;
  pointer-events: none;
  z-index: 2;
}
.input-styler > input.input-underline {
  height: 2.4375rem;
  margin: 0;
  padding: 0.375rem 0 0;
  border: none;
  border-radius: 0;
  box-shadow: 0 2px 0 -1px #d2d2d2;
  outline: none;
  background-color: transparent;
  font-size: 0.8125rem;
  -webkit-appearance: none;
  transition: 0.3s;
}
.input-styler > input.input-underline:disabled ~ label[data-disabled-text] {
  position: relative;
  visibility: hidden;
}
.input-styler > input.input-underline:disabled ~ label[data-disabled-text]::after {
  content: attr(data-disabled-text);
  position: absolute;
  left: 0;
  visibility: visible;
}
.input-styler > input.input-underline:focus, .input-styler > input.input-underline[required]:valid, .input-styler > input.input-underline.is-valid:focus, .input-styler > input.input-underline.is-valid:not(.is-empty), .input-styler > input.input-underline:not(.is-empty) {
  border: none;
  box-shadow: 0 3px 0 -1px #5086b7;
}
.input-styler > input.input-underline:focus ~ label, .input-styler > input.input-underline[required]:valid ~ label, .input-styler > input.input-underline.is-valid:focus ~ label, .input-styler > input.input-underline.is-valid:not(.is-empty) ~ label, .input-styler > input.input-underline:not(.is-empty) ~ label {
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  color: #006fab;
  transform: translateY(-2.125rem);
}
.input-styler > input.input-underline[required]:valid:not(:focus), .input-styler > input.input-underline.is-valid:not(:focus) {
  box-shadow: 0 2px 0 -1px #d2d2d2;
}
.input-styler > input.input-underline[required]:valid:not(:focus) ~ label, .input-styler > input.input-underline.is-valid:not(:focus) ~ label {
  color: #333;
}
.input-styler > input.input-underline.field-invalid, .input-styler > input.input-underline.is-invalid {
  box-shadow: 0 2px 0 -1px #cc3c3c;
  color: #cc3c3c !important;
}
.input-styler > input.input-underline.field-invalid ~ label, .input-styler > input.input-underline.is-invalid ~ label {
  color: #cc3c3c !important;
}
.input-styler > input.input-underline.field-invalid:focus, .input-styler > input.input-underline.is-invalid:focus, .input-styler > input.input-underline.is-invalid.is-dirty:focus, .input-styler > input.input-underline.is-invalid.is-touched:not(.is-empty) {
  box-shadow: 0 3px 0 -1px #cc3c3c;
}
.input-styler > input.input-underline.field-invalid:focus ~ label, .input-styler > input.input-underline.is-invalid:focus ~ label, .input-styler > input.input-underline.is-invalid.is-dirty:focus ~ label, .input-styler > input.input-underline.is-invalid.is-touched:not(.is-empty) ~ label {
  font-size: 0.75rem;
  transform: translateY(-2.125rem);
}
.input-styler > input.input-underline[placeholder]:-moz-placeholder-shown {
  box-shadow: 0 3px 0 -1px #5086b7;
}
.input-styler > input.input-underline[placeholder]:placeholder-shown {
  box-shadow: 0 3px 0 -1px #5086b7;
}
.input-styler > input.input-underline[placeholder]:-moz-placeholder-shown ~ label {
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  color: #006fab;
  transform: translateY(-2.125rem);
}
.input-styler > input.input-underline[placeholder]:placeholder-shown ~ label {
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  color: #006fab;
  transform: translateY(-2.125rem);
}
.input-styler > input.input-underline:-webkit-autofill, .input-styler > input.input-underline:-webkit-autofill:not(:focus) {
  box-shadow: 0 3px 0 -1px #5086b7;
}
.input-styler > input.input-underline:-webkit-autofill ~ label, .input-styler > input.input-underline:-webkit-autofill:not(:focus) ~ label {
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  color: #006fab;
  transform: translateY(-2.125rem);
}
.input-styler > input.input-underline:disabled {
  border: none !important;
  background: transparent !important;
  cursor: not-allowed;
  pointer-events: none;
}
.input-styler > input.input-underline:disabled ~ button,
.input-styler > input.input-underline:disabled ~ .icon {
  display: none;
}
.input-styler > input.input-underline:disabled ~ label {
  opacity: 0.5;
  cursor: not-allowed;
}
.input-styler > input.input-underline.has-icon {
  padding-right: 1.875rem;
}
.input-styler > input.input-underline ~ [class*=icon-],
.input-styler > input.input-underline ~ .graphic {
  width: 1.25rem;
}
.input-styler > input.input-underline ~ [class*=icon-]::before,
.input-styler > input.input-underline ~ .graphic::before {
  right: 0.5rem;
  width: auto;
  margin-top: 0.3125rem;
}
.input-styler > input.input-underline ~ button.close {
  top: 0.375rem;
  right: 0.0625rem;
  margin: 0;
  padding: 0 0.3125rem;
  font-size: 1.3125rem;
  transform: none;
  transition: opacity 0.2s;
  z-index: 2;
}
.input-styler > input.input-underline ~ label {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-style: italic;
  font-weight: normal;
  line-height: 0;
  color: #333;
  cursor: text;
  transform: translateY(-1.1875rem);
  transition: 0.2s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 1;
}
.input-styler button.close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.875rem;
  margin-top: 0;
  padding: 0;
  opacity: 0;
  font-size: 1.3125rem;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 2;
}

.has-error input.input-underline {
  box-shadow: 0 2px 0 -1px #cc3c3c !important;
}

.has-warning input.input-underline {
  box-shadow: 0 2px 0 -1px #fb8102 !important;
}

.has-success input.input-underline {
  box-shadow: 0 2px 0 -1px #6ec573 !important;
}

.rating-input {
  position: relative;
  direction: rtl;
  margin-right: 0.0625rem;
  font-size: 0;
  unicode-bidi: bidi-override;
  white-space: nowrap;
  z-index: 1;
}
.rating-input.star-small {
  width: 7.5rem;
  margin: 0;
  padding: 0;
}
.rating-input.star-small label {
  height: 1.25rem;
  margin-bottom: 0;
}
.rating-input.star-small label::before {
  width: 85%;
}
.rating-input.star-small label.unevaluated::before {
  width: 65%;
}
.rating-input.rating-single label.unevaluated:active::before {
  width: 95% !important;
}
.rating-input.rating-single input[value="1"] + label.active:active::before {
  background-image: url("../images/shared/icons/star-rate-color.svg");
}
.rating-input.rating-single input[value="0"] + label:not(.active):not(.unevaluated):active::before {
  background-image: url("../images/shared/icons/star-rate-gray.svg");
}
@media (-moz-touch-enabled: 0), (pointer: fine) {
  .rating-input.rating-single label.unevaluated:hover::before {
    background-image: url("../images/shared/icons/star-rate-unevaluated.svg");
  }
  .rating-input.rating-single input[value="1"] + label.active:hover::before {
    background-image: url("../images/shared/icons/star-rate-color.svg");
  }
  .rating-input.rating-single input[value="0"] + label:not(.active):not(.unevaluated):hover::before {
    background-image: url("../images/shared/icons/star-rate-gray.svg");
  }
}
.rating-input + .form-group {
  padding-top: 0;
  border: none;
}
.rating-input input {
  width: 0;
  height: 0;
  opacity: 0;
}
.rating-input label {
  display: inline-block;
  position: relative;
  width: 20%;
  max-width: 4.6875rem;
  height: 4.0625rem;
  padding: 0;
  text-align: center;
}
.rating-input label.unevaluated::after, .rating-input label.unevaluated::before {
  background-image: url("../images/shared/icons/star-rate-unevaluated.svg");
}
.rating-input label.unevaluated::before {
  width: 58%;
}
.rating-input label::after, .rating-input label::before {
  content: "";
  display: inline-block;
  width: 70%;
  height: inherit;
  background-image: url("../images/shared/icons/star-rate-gray.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.1s;
}
.rating-input label::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  background-image: url("../images/shared/icons/star-rate-color.svg");
  transform: scale(3);
  transition: 0.2s;
  pointer-events: none;
}
.rating-input label:active::after {
  opacity: 1;
  transform: scale(0);
  transition: 0s;
}
.rating-input label:focus {
  border-color: inherit;
  box-shadow: none;
  outline: 0;
}
.rating-input label:active::after, .rating-input label:active::before {
  width: 95% !important;
}
@media (min-width: 768px) {
  .rating-input label:active, .rating-input label:hover {
    cursor: pointer;
    transition: 0.1s;
  }
}
.rating-input input[type=radio]:checked + label::before,
.rating-input input[type=radio]:checked + label ~ label::before,
.rating-input label.star.active::before {
  background-image: url("../images/shared/icons/star-rate-color.svg");
}
@media (-moz-touch-enabled: 0), (pointer: fine) {
  .rating-input label:not(.active):hover::before,
.rating-input label:not(.active):hover ~ label::before {
    background-image: url("../images/shared/icons/star-rate-color.svg");
  }
}
.rating-input .text-last-modified {
  top: 1.5rem;
}

.collapsible-title + div .rating-input,
.modal-body-title + div .rating-input {
  margin: 0.625rem 0 1.25rem;
}
.collapsible-title + .rating-input,
.modal-body-title + .rating-input {
  margin: 0.625rem 0 1.25rem;
}

.filter-wrap {
  display: flex;
  flex: 1;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  overflow: hidden;
}
.filter-wrap [class*=col-]:last-child .input-styler input,
.filter-wrap [class*=col-]:last-child .input-styler select, .filter-wrap [class*=col-].last-visible .input-styler input,
.filter-wrap [class*=col-].last-visible .input-styler select {
  border-bottom: none;
}
@media (min-width: 768px) {
  .filter-wrap [class*=col-]:last-child .input-styler input,
.filter-wrap [class*=col-]:last-child .input-styler select, .filter-wrap [class*=col-].last-visible .input-styler input,
.filter-wrap [class*=col-].last-visible .input-styler select {
    border-right: none;
  }
}
@media (min-width: 768px) {
  .filter-wrap [class*=col-]:last-child .input-styler input:focus,
.filter-wrap [class*=col-]:last-child .input-styler select:focus, .filter-wrap [class*=col-].last-visible .input-styler input:focus,
.filter-wrap [class*=col-].last-visible .input-styler select:focus {
    border-right: none;
  }
}
.filter-wrap input,
.filter-wrap select {
  max-height: none;
}
.filter-wrap [class*=col-] .input-styler input,
.filter-wrap [class*=col-] .input-styler select {
  height: 48px;
  max-height: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #fff !important;
  font-size: 13px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .filter-wrap [class*=col-] .input-styler input,
.filter-wrap [class*=col-] .input-styler select {
    border-bottom: 0;
    border-right: 1px solid #d2d2d2;
  }
}
.filter-wrap [class*=col-] .input-styler input:not(.field-invalid):hover, .filter-wrap [class*=col-] .input-styler input:not(.field-invalid):focus, .filter-wrap [class*=col-] .input-styler input:not(.is-invalid):hover, .filter-wrap [class*=col-] .input-styler input:not(.is-invalid):focus,
.filter-wrap [class*=col-] .input-styler select:not(.field-invalid):hover,
.filter-wrap [class*=col-] .input-styler select:not(.field-invalid):focus,
.filter-wrap [class*=col-] .input-styler select:not(.is-invalid):hover,
.filter-wrap [class*=col-] .input-styler select:not(.is-invalid):focus {
  border-color: #d2d2d2;
  box-shadow: none;
  background: #f9f9f9 !important;
}
.filter-wrap [class*=col-] .input-styler input option,
.filter-wrap [class*=col-] .input-styler select option {
  font-weight: normal;
  color: #565656;
}
.filter-wrap select:focus {
  background: #f9f9f9;
}

.has-highlight-for-deletion input:disabled,
.has-highlight-for-deletion input:disabled ~ [class*=icon-],
.has-highlight-for-deletion input:disabled ~ .graphic,
.has-highlight-for-deletion select:disabled {
  padding-left: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  text-decoration: line-through;
}
.has-highlight-for-deletion .checkbox,
.has-highlight-for-deletion .radio {
  pointer-events: none;
}
.has-highlight-for-deletion .checkbox input:disabled ~ .text,
.has-highlight-for-deletion .radio input:disabled ~ .text {
  text-decoration: line-through;
}
.has-highlight-for-deletion .input-styler [class*=icon-],
.has-highlight-for-deletion .input-styler .graphic {
  display: none;
}

.img-wrap {
  position: relative;
  cursor: pointer;
}
.img-wrap label.checkbox, .img-wrap label.radio {
  padding-left: 0;
  text-align: center;
}
.img-wrap label.checkbox input:checked:not(:disabled) ~ [class*=img-circle],
.img-wrap label.checkbox input:checked:not(:disabled) ~ [class*=img-rectangle-], .img-wrap label.checkbox input:checked:not(:disabled):focus ~ [class*=img-circle],
.img-wrap label.checkbox input:checked:not(:disabled):focus ~ [class*=img-rectangle-], .img-wrap label.checkbox input:checked:not(:disabled):hover ~ [class*=img-circle],
.img-wrap label.checkbox input:checked:not(:disabled):hover ~ [class*=img-rectangle-], .img-wrap label.radio input:checked:not(:disabled) ~ [class*=img-circle],
.img-wrap label.radio input:checked:not(:disabled) ~ [class*=img-rectangle-], .img-wrap label.radio input:checked:not(:disabled):focus ~ [class*=img-circle],
.img-wrap label.radio input:checked:not(:disabled):focus ~ [class*=img-rectangle-], .img-wrap label.radio input:checked:not(:disabled):hover ~ [class*=img-circle],
.img-wrap label.radio input:checked:not(:disabled):hover ~ [class*=img-rectangle-] {
  box-shadow: 0 0 0 2px transparent, 0 0 0 3px #5086b7;
}
.img-wrap label.checkbox input:checked:not(:disabled) ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.checkbox input:checked:not(:disabled) ~ [class*=img-rectangle-]:not([class*=bg-]), .img-wrap label.checkbox input:checked:not(:disabled):focus ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.checkbox input:checked:not(:disabled):focus ~ [class*=img-rectangle-]:not([class*=bg-]), .img-wrap label.checkbox input:checked:not(:disabled):hover ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.checkbox input:checked:not(:disabled):hover ~ [class*=img-rectangle-]:not([class*=bg-]), .img-wrap label.radio input:checked:not(:disabled) ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.radio input:checked:not(:disabled) ~ [class*=img-rectangle-]:not([class*=bg-]), .img-wrap label.radio input:checked:not(:disabled):focus ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.radio input:checked:not(:disabled):focus ~ [class*=img-rectangle-]:not([class*=bg-]), .img-wrap label.radio input:checked:not(:disabled):hover ~ [class*=img-circle]:not([class*=bg-]),
.img-wrap label.radio input:checked:not(:disabled):hover ~ [class*=img-rectangle-]:not([class*=bg-]) {
  color: #5086b7;
}
.img-wrap label.checkbox input:checked:not(:disabled) ~ .badge.badge-offset, .img-wrap label.radio input:checked:not(:disabled) ~ .badge.badge-offset {
  display: block;
  animation-duration: 0.55s;
  animation-fill-mode: both;
  animation-name: unset;
  animation-name: animate-motion-from-top-animate-distance-of-itself, animate-fade-in;
}
.img-wrap label.checkbox input:focus:not(:disabled) ~ [class*=img-circle],
.img-wrap label.checkbox input:focus:not(:disabled) ~ [class*=img-rectangle-], .img-wrap label.checkbox input:hover:not(:disabled) ~ [class*=img-circle],
.img-wrap label.checkbox input:hover:not(:disabled) ~ [class*=img-rectangle-], .img-wrap label.radio input:focus:not(:disabled) ~ [class*=img-circle],
.img-wrap label.radio input:focus:not(:disabled) ~ [class*=img-rectangle-], .img-wrap label.radio input:hover:not(:disabled) ~ [class*=img-circle],
.img-wrap label.radio input:hover:not(:disabled) ~ [class*=img-rectangle-] {
  box-shadow: 0 0 0 3px rgba(80, 134, 183, 0.3);
}
.img-wrap label.checkbox input:disabled ~ [class*=img-circle] img,
.img-wrap label.checkbox input:disabled ~ [class*=img-rectangle-] img, .img-wrap label.radio input:disabled ~ [class*=img-circle] img,
.img-wrap label.radio input:disabled ~ [class*=img-rectangle-] img {
  opacity: 0.6;
}
.img-wrap label.checkbox input ~ [class*=icon-],
.img-wrap label.checkbox input ~ .graphic, .img-wrap label.radio input ~ [class*=icon-],
.img-wrap label.radio input ~ .graphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  transition: 0.2s;
  z-index: 1;
}
.img-wrap label.checkbox input .badge.badge-offset, .img-wrap label.radio input .badge.badge-offset {
  display: none;
  position: absolute;
  top: -0.625rem;
  right: -0.625rem;
}
.img-wrap input[type=checkbox] ~ .img-circle-small ~ [class*=icon-],
.img-wrap input[type=checkbox] ~ .img-circle-small ~ .graphic,
.img-wrap input[type=radio] ~ .img-circle-small ~ [class*=icon-],
.img-wrap input[type=radio] ~ .img-circle-small ~ .graphic {
  top: -0.0713834765rem;
  left: -0.0713834765rem;
}
.img-wrap input[type=checkbox] ~ .img-circle-medium ~ [class*=icon-],
.img-wrap input[type=checkbox] ~ .img-circle-medium ~ .graphic,
.img-wrap input[type=radio] ~ .img-circle-medium ~ [class*=icon-],
.img-wrap input[type=radio] ~ .img-circle-medium ~ .graphic {
  top: 0.0201456544rem;
  left: 0.0201456544rem;
}
.img-wrap input[type=checkbox] ~ .img-circle-large ~ [class*=icon-],
.img-wrap input[type=checkbox] ~ .img-circle-large ~ .graphic,
.img-wrap input[type=radio] ~ .img-circle-large ~ [class*=icon-],
.img-wrap input[type=radio] ~ .img-circle-large ~ .graphic {
  top: 0.4320267434rem;
  left: 0.4320267434rem;
}
.img-wrap input[type=checkbox].checkbox-checkmark ~ [class*=icon-]::after, .img-wrap input[type=checkbox].checkbox-checkmark ~ [class*=icon-]::before,
.img-wrap input[type=checkbox].checkbox-checkmark ~ .graphic::after,
.img-wrap input[type=checkbox].checkbox-checkmark ~ .graphic::before {
  width: 0.35rem;
  height: 0.15rem;
}
.img-wrap input[type=checkbox].checkbox-checkmark ~ [class*=icon-]::after,
.img-wrap input[type=checkbox].checkbox-checkmark ~ .graphic::after {
  bottom: 0.15rem;
  right: calc(-1rem / 10);
  width: 0.5999999999rem;
}
.img-wrap input[type=checkbox].checkbox-checkmark ~ [class*=icon-]::before,
.img-wrap input[type=checkbox].checkbox-checkmark ~ .graphic::before {
  bottom: 0.15rem;
}

th .input-styler[class*=input-floating-label][class*=input-floating-label] input ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input:focus ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input[required]:valid ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-valid:focus ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-valid:not(.is-empty) ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid:focus ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid.is-dirty:focus ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid.is-touched:not(.is-empty) ~ label, th .input-styler[class*=input-floating-label][class*=input-floating-label] input.field-invalid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select[required]:valid ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-valid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-valid:not(.is-empty) ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid.is-dirty:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid.is-touched:not(.is-empty) ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] select.field-invalid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea[required]:valid ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-valid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-valid:not(.is-empty) ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid.is-dirty:focus ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid.is-touched:not(.is-empty) ~ label,
th .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.field-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input[required]:valid ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-valid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-valid:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid.is-dirty:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.is-invalid.is-touched:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] input.field-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select[required]:valid ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-valid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-valid:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid.is-dirty:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.is-invalid.is-touched:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] select.field-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea[required]:valid ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-valid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-valid:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid.is-dirty:focus ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.is-invalid.is-touched:not(.is-empty) ~ label,
td .input-styler[class*=input-floating-label][class*=input-floating-label] textarea.field-invalid:focus ~ label {
  font-weight: 600;
}

.landing .post {
  transition: 0.45s;
}
@media (min-width: 768px) {
  .landing .post {
    transition: 0.45s;
  }
}
@media (min-width: 1024px) {
  .landing .post {
    padding: 1.875rem 1.875rem 2.1875rem;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .landing .post::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0.3125rem;
    opacity: 0;
    background: #0d70ac;
    transition: 0.45s;
  }
}
@media (min-width: 768px) {
  .landing .post::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: transparent;
    transition: 0.45s;
  }
}
@media (min-width: 768px) {
  .landing .post:hover {
    transform: translateY(-1.25rem);
  }
}
@media (min-width: 768px) {
  .landing .post:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.3125rem;
    opacity: 1;
    background: #0d70ac;
  }
}
@media (min-width: 768px) {
  .landing .post:hover::before {
    height: 1.25rem;
  }
}
.landing .post .post-title {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .landing .post .post-title::before {
    display: none;
  }
}
.landing .post .post-title a {
  color: inherit;
}

dl dd + dt {
  margin-top: 0.5rem;
}
dl dt {
  font-weight: bold;
}

ol,
ul {
  list-style-position: outside;
  margin-top: 0;
  margin-left: 1.15rem;
  padding: 0;
}
ol li,
ul li {
  counter-increment: step-counter;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
ol li.list-item-selected, ol li.list-item-selected:active, ol li.list-item-selected:focus, ol li.list-item-selected:hover,
ul li.list-item-selected,
ul li.list-item-selected:active,
ul li.list-item-selected:focus,
ul li.list-item-selected:hover {
  border-color: rgba(80, 134, 183, 0.6);
  background: linear-gradient(to bottom, rgba(80, 134, 183, 0.1), rgba(80, 134, 183, 0.1));
  color: #4579a8;
}
ol li > .fill,
ul li > .fill {
  display: block;
  cursor: pointer;
}
ol li > .fill::before,
ul li > .fill::before {
  display: none;
}

*:not(.text-label) + ol,
*:not(.text-label) + ul {
  margin-top: 0.9375rem;
}
*:not(.text-label) + .list-comments {
  margin-top: 1.875rem;
}
*:not(.text-label) + .status-icons,
*:not(.text-label) + .list-status-icons {
  margin-top: 0;
}

[class*=list-comma].list-inline > li {
  padding: 0;
}
[class*=list-comma] > li:not(:last-of-type)::after {
  content: var(--separator, ",") " ";
}

.list-comma-conjunction[style*="--trailing: false"] > li:nth-last-child(2)::after, .list-comma-conjunction[style*="--trailing:false"] > li:nth-last-child(2)::after {
  content: "\a0" var(--conjunction, "&") " ";
}
.list-comma-conjunction > li:nth-last-child(2)::after {
  content: var(--separator, ",") " " var(--conjunction, "&") " ";
}

.list-comments {
  list-style-position: inside;
  list-style-type: none;
  margin: 1.875rem 0 3.75rem;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: normal;
}
.list-comments * {
  hyphens: auto !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
.list-comments [class*=icon-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  vertical-align: baseline;
}
.list-comments li {
  position: relative;
  margin: 1.25rem 0;
  padding-left: 0.75rem;
  border-left: 1px solid #d2d2d2;
}
@media (min-width: 768px) {
  .list-comments li {
    margin: 1.875rem 0;
  }
}
@media (min-width: 1200px) {
  .list-comments li {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}
.list-comments li:first-child {
  margin-top: 0;
}
.list-comments li:last-child {
  margin-bottom: 0;
}
.list-comments li a {
  font-weight: normal;
  text-decoration: none;
  color: inherit;
}
.list-comments .publication {
  display: block;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 768px) {
  .list-comments .publication {
    margin-bottom: 0.625rem;
  }
}
.list-comments .publication > * {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .list-comments .publication .rating-display::after {
    display: none;
  }
}

.list-date {
  display: block;
}
.list-date.list-date-small {
  font-size: 0.6875rem;
}
@media (min-width: 768px) {
  .list-date.list-date-small .list-date-date,
.list-date.list-date-small .list-date-hours {
    font-size: 0.6875rem;
  }
}
.list-date > * {
  display: inline-block;
  vertical-align: middle;
}
.list-date .list-date-day {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  width: 3ch;
  white-space: nowrap;
}
.list-date .list-date-date,
.list-date .list-date-hours {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .list-date .list-date-date,
.list-date .list-date-hours {
    font-size: 0.8125rem;
  }
}

.list-indent > li {
  margin-left: 1.875rem;
}

.list-indent-with-line {
  position: relative;
}
.list-indent-with-line::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-color: currentColor;
  border-left-style: solid;
  border-left-width: 1px;
  opacity: 0.4;
}
.list-indent-with-line > li {
  margin-left: 0.3125rem;
}

.list-inline {
  display: inline;
  margin-top: 0;
  margin-left: 0;
}
.list-inline.list-spacing-auto > li {
  padding-right: 0;
}
.list-inline.list-spacing-auto > li:not(:first-child) {
  padding-left: auto;
}
.list-inline.list-spacing-xsmall > li {
  padding-right: 0;
}
.list-inline.list-spacing-xsmall > li:not(:first-child) {
  padding-left: 0.3125rem;
}
.list-inline.list-spacing-small > li {
  padding-right: 0;
}
.list-inline.list-spacing-small > li:not(:first-child) {
  padding-left: 0.9375rem;
}
.list-inline.list-spacing-medium > li {
  padding-right: 0;
}
.list-inline.list-spacing-medium > li:not(:first-child) {
  padding-left: 1.875rem;
}
.list-inline.list-spacing-large > li {
  padding-right: 0;
}
.list-inline.list-spacing-large > li:not(:first-child) {
  padding-left: 3.1250625rem;
}
.list-inline > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0.625rem;
  vertical-align: middle;
}

.list-inline,
.list-unstyled {
  list-style: none;
}

.list-group {
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.5rem;
  z-index: 0;
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item::before {
  left: auto;
  right: 100%;
  box-shadow: inset -5px 0 5px -5px rgba(0, 0, 0, 0.05);
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item::after {
  left: 100%;
  right: auto;
  box-shadow: inset 5px 0 5px -5px rgba(0, 0, 0, 0.05);
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item:first-child::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item.first-visible::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item:last-child::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item.last-visible::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  background: transparent;
  z-index: 0;
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item:first-child::after, .list-group:not(.list-group-visually-uncontained) > .list-group-item.first-visible::after, .list-group:not(.list-group-visually-uncontained) > .list-group-item:last-child::after, .list-group:not(.list-group-visually-uncontained) > .list-group-item.last-visible::after {
  display: none;
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item:first-child::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item.first-visible::before {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 8px -3px rgba(0, 0, 0, 0.12);
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item:last-child::before, .list-group:not(.list-group-visually-uncontained) > .list-group-item.last-visible::before {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.12);
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=checkbox] ~ .graphic ~ .fill,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=checkbox] ~ .graphic ~ .list-group-item-controls,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=checkbox] ~ .graphic ~ .show-if-parent-checked,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=radio] ~ .graphic ~ .fill,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=radio] ~ .graphic ~ .list-group-item-controls,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=radio] ~ .graphic ~ .show-if-parent-checked {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  padding-right: 0.9375rem;
}
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=checkbox] ~ .fill > .collapsible-wrap,
.list-group:not(.list-group-visually-uncontained) > .list-group-item > [type=radio] ~ .fill > .collapsible-wrap {
  display: block;
}
.list-group:not(.list-group-visually-uncontained) .list-group-item-controls,
.list-group:not(.list-group-visually-uncontained) .show-if-parent-checked {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.list-group.list-spacing-auto > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group.list-spacing-auto > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group.list-spacing-auto > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group.list-spacing-auto > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  margin-bottom: -auto;
  padding-bottom: auto;
  background-image: linear-gradient(to bottom, transparent auto, rgba(80, 134, 183, 0.1) auto, rgba(80, 134, 183, 0.1));
}
.list-group.list-spacing-xsmall > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group.list-spacing-xsmall > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group.list-spacing-xsmall > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group.list-spacing-xsmall > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  margin-bottom: -0.15625rem;
  padding-bottom: 0.15625rem;
  background-image: linear-gradient(to bottom, transparent 0.15625rem, rgba(80, 134, 183, 0.1) 0.15625rem, rgba(80, 134, 183, 0.1));
}
.list-group.list-spacing-small > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group.list-spacing-small > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group.list-spacing-small > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group.list-spacing-small > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  margin-bottom: -0.46875rem;
  padding-bottom: 0.46875rem;
  background-image: linear-gradient(to bottom, transparent 0.46875rem, rgba(80, 134, 183, 0.1) 0.46875rem, rgba(80, 134, 183, 0.1));
}
.list-group.list-spacing-medium > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group.list-spacing-medium > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group.list-spacing-medium > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group.list-spacing-medium > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  margin-bottom: -0.9375rem;
  padding-bottom: 0.9375rem;
  background-image: linear-gradient(to bottom, transparent 0.9375rem, rgba(80, 134, 183, 0.1) 0.9375rem, rgba(80, 134, 183, 0.1));
}
.list-group.list-spacing-large > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group.list-spacing-large > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group.list-spacing-large > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group.list-spacing-large > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  margin-bottom: -1.56253125rem;
  padding-bottom: 1.56253125rem;
  background-image: linear-gradient(to bottom, transparent 1.56253125rem, rgba(80, 134, 183, 0.1) 1.56253125rem, rgba(80, 134, 183, 0.1));
}
.list-group > .list-group-item {
  display: flex;
  position: relative;
}
.list-group > .list-group-item.list-group-item-separate {
  border-bottom-color: #d2d2d2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.list-group > .list-group-item.list-group-item-separate::after {
  display: none;
}
.list-group > .list-group-item.list-group-item-separate::before {
  left: 0;
  right: 0;
  width: auto;
  box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.12);
}
.list-group > .list-group-item.list-group-item-separate:not(:last-child) {
  margin-bottom: 1.875rem;
}
.list-group > .list-group-item.list-group-item-separate + * {
  border-top-color: #d2d2d2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group > .list-group-item > *:not(button):not(input):not(.graphic) {
  position: relative;
  z-index: 1;
}
.list-group > .list-group-item > .row,
.list-group > .list-group-item > .fill {
  flex: 1;
  flex-basis: 100%;
  flex-grow: 1;
  transition: 0.2s;
}
.list-group > .list-group-item > [type=checkbox],
.list-group > .list-group-item > [type=radio] {
  width: 25px;
  height: 25px;
  z-index: 2;
}
.list-group > .list-group-item > [type=checkbox]:checked ~ .fill,
.list-group > .list-group-item > [type=radio]:checked ~ .fill {
  background-color: #eef3f8;
}
.list-group > .list-group-item > [type=checkbox]:checked ~ .list-group-item-controls,
.list-group > .list-group-item > [type=checkbox]:checked ~ .show-if-parent-checked,
.list-group > .list-group-item > [type=radio]:checked ~ .list-group-item-controls,
.list-group > .list-group-item > [type=radio]:checked ~ .show-if-parent-checked {
  max-height: 9999rem;
  margin-bottom: -0.125rem;
  padding-bottom: 0.125rem;
  background-image: linear-gradient(to bottom, transparent 0.125rem, #eef3f8 0.125rem, #eef3f8);
}
.list-group > .list-group-item > [type=checkbox] ~ .graphic,
.list-group > .list-group-item > [type=radio] ~ .graphic {
  position: absolute;
  left: 0.9375rem;
  z-index: 1;
}
.list-group > .list-group-item > [type=checkbox] ~ .graphic ~ .fill,
.list-group > .list-group-item > [type=checkbox] ~ .graphic ~ .list-group-item-controls,
.list-group > .list-group-item > [type=checkbox] ~ .graphic ~ .show-if-parent-checked,
.list-group > .list-group-item > [type=radio] ~ .graphic ~ .fill,
.list-group > .list-group-item > [type=radio] ~ .graphic ~ .list-group-item-controls,
.list-group > .list-group-item > [type=radio] ~ .graphic ~ .show-if-parent-checked {
  padding-left: 3.125rem;
}
.list-group > .list-group-item > [type=checkbox] ~ .fill,
.list-group > .list-group-item > [type=radio] ~ .fill {
  position: relative;
  z-index: 0;
}
.list-group > .list-group-item > [type=checkbox] ~ .list-group-item-controls,
.list-group > .list-group-item > [type=checkbox] ~ .show-if-parent-checked,
.list-group > .list-group-item > [type=radio] ~ .list-group-item-controls,
.list-group > .list-group-item > [type=radio] ~ .show-if-parent-checked {
  max-height: 0;
  flex: 1;
  flex-basis: 100%;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(1, 0, 1, 0);
}
.list-group > .list-group-item h1,
.list-group > .list-group-item h2,
.list-group > .list-group-item h3,
.list-group > .list-group-item h4,
.list-group > .list-group-item h5,
.list-group > .list-group-item h6,
.list-group > .list-group-item .h1,
.list-group > .list-group-item .h2,
.list-group > .list-group-item .h3,
.list-group > .list-group-item .h4,
.list-group > .list-group-item .h5,
.list-group > .list-group-item .h6 {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}
.list-group > .list-group-item .btn {
  align-self: center;
}
.list-group > .list-group-item .fill {
  border-radius: inherit;
}

.list-group-item {
  display: block;
  position: relative;
  margin-bottom: -0.0625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  border: 1px solid #d2d2d2;
  background: none;
}
.list-group-item:not(.list-item-selected):first-child, .list-group-item:not(.list-item-selected).first-visible {
  border-top-color: #d2d2d2;
  border-bottom-color: #d2d2d2;
}
.list-group-item:not(.list-item-selected):last-child, .list-group-item:not(.list-item-selected).last-visible {
  border-top-color: #d2d2d2;
  border-bottom-color: #d2d2d2;
}
.list-group-item.list-item-selected {
  border-top-color: rgba(80, 134, 183, 0.6);
  border-bottom-color: rgba(80, 134, 183, 0.6);
}
.list-group-item:first-child, .list-group-item.first-visible {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child, .list-group-item.last-visible {
  margin-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.list-group-item > .fill {
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  font-weight: inherit;
  color: inherit;
}
.list-group-item > .fill:active, .list-group-item > .fill:hover, .list-group-item > .fill:focus {
  text-decoration: none;
  color: #4579a8;
}
.list-group-item > .fill .collapsible-wrap .collapsible {
  padding-bottom: 0.2125rem;
}
.list-group-item .btn + :not(.btn) {
  display: inline-block;
  flex-basis: 0%;
  flex-grow: 1;
  margin-left: 0.625rem;
}
.list-group-item h1,
.list-group-item h2,
.list-group-item h3,
.list-group-item h4,
.list-group-item h5,
.list-group-item h6,
.list-group-item .h1,
.list-group-item .h2,
.list-group-item .h3,
.list-group-item .h4,
.list-group-item .h5,
.list-group-item .h6 {
  padding: 0;
}
.list-group-item h1:first-child,
.list-group-item h2:first-child,
.list-group-item h3:first-child,
.list-group-item h4:first-child,
.list-group-item h5:first-child,
.list-group-item h6:first-child,
.list-group-item .h1:first-child,
.list-group-item .h2:first-child,
.list-group-item .h3:first-child,
.list-group-item .h4:first-child,
.list-group-item .h5:first-child,
.list-group-item .h6:first-child {
  margin-top: 0;
}
.list-group-item h1:last-child,
.list-group-item h2:last-child,
.list-group-item h3:last-child,
.list-group-item h4:last-child,
.list-group-item h5:last-child,
.list-group-item h6:last-child,
.list-group-item .h1:last-child,
.list-group-item .h2:last-child,
.list-group-item .h3:last-child,
.list-group-item .h4:last-child,
.list-group-item .h5:last-child,
.list-group-item .h6:last-child {
  margin-bottom: 0;
}
.list-group-item .list-piped {
  list-style-position: inside;
  margin: 0.3125rem 0 0 0;
}

.list-group-visually-uncontained.list-group-no-border-edges > .list-group-item:first-child, .list-group-visually-uncontained.list-group-no-border-edges > .list-group-item.first-visible {
  border-top: none;
}
.list-group-visually-uncontained.list-group-no-border-edges > .list-group-item:last-child, .list-group-visually-uncontained.list-group-no-border-edges > .list-group-item.last-visible {
  border-bottom: none;
}
.list-group-visually-uncontained > .list-group-item {
  padding-left: 0;
  padding-right: 0;
  border-left: none;
  border-right: none;
}
.list-group-visually-uncontained > .list-group-item[class*=display-none]:first-child + .list-group-item, .list-group-visually-uncontained > .list-group-item[class*=display-none].first-visible + .list-group-item {
  border-top: none;
}

.list-group:not([class*=list-group-portrait]) > .list-group-item {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.list-group:not([class*=list-group-portrait]) > .list-group-item.list-item-selected {
  z-index: 1;
}
.list-group[class*=list-group-portrait] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 -15px;
}
@media (min-width: 768px) {
  .list-group[class*=list-group-portrait] {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.list-group[class*=list-group-portrait].list-highlight > .list-group-item:hover input:not(:checked) ~ label.fill {
  background-color: rgba(175, 175, 175, 0.1);
}
.list-group[class*=list-group-portrait].list-highlight > .list-group-item:focus-within input:not(:checked) ~ label.fill {
  background-color: rgba(175, 175, 175, 0.1);
}
.list-group[class*=list-group-portrait].list-highlight > .list-group-item:hover {
  background-color: transparent;
}
.list-group[class*=list-group-portrait].list-highlight > .list-group-item:has(:focus) {
  border-color: rgba(80, 134, 183, 0.6);
}
.list-group[class*=list-group-portrait] > .list-group-item {
  display: flex !important;
  min-width: 12.1875rem;
  max-width: 100%;
  flex-basis: calc(33.3333% - 1.875rem);
  flex-grow: 0;
  flex-direction: column;
  margin: 0 15px 30px;
  padding: 0.9375rem;
  border: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .list-group[class*=list-group-portrait] > .list-group-item {
    max-width: 17.1875rem;
  }
}
.list-group[class*=list-group-portrait] > .list-group-item::before {
  border-radius: 10px;
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox],
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .graphic,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio],
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .graphic {
  top: auto;
  bottom: calc((5rem / 2) - (var(--checkbox-radio-height) / 2) + 0.1875rem);
  left: 50%;
  transform: translateX(-50%);
  transition: 0s transform;
  z-index: 1;
}
@media (min-width: 768px) {
  .list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox],
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .graphic,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio],
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .graphic {
    left: 50%;
  }
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .fill,
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .graphic ~ .fill,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .fill,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .graphic ~ .fill {
  display: flex;
  height: auto;
  flex-grow: 1;
  justify-content: center;
  padding-top: 1.5625rem;
  padding-bottom: 5rem;
  padding-left: 0.9375rem;
  border-color: #d2d2d2;
  border-radius: 10px;
  border-style: solid;
  border-width: 3px;
  text-align: center;
  transition: border 0.2s, background-color 0.2s;
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .fill:hover,
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox] ~ .graphic ~ .fill:hover,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .fill:hover,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] ~ .graphic ~ .fill:hover {
  color: #333;
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox]:checked ~ label.fill,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio]:checked ~ label.fill {
  border-color: #5086b7;
  border-width: 3px;
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox]:disabled ~ label.fill,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio]:disabled ~ label.fill {
  background-color: rgba(0, 0, 0, 0.05);
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox]:disabled ~ label.fill .img-circle-large,
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox]:disabled ~ label.fill h3,
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox]:disabled ~ label.fill small,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio]:disabled ~ label.fill .img-circle-large,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio]:disabled ~ label.fill h3,
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio]:disabled ~ label.fill small {
  opacity: 0.5;
}
.list-group[class*=list-group-portrait] > .list-group-item > [type=checkbox],
.list-group[class*=list-group-portrait] > .list-group-item > [type=radio] {
  z-index: 2;
}
.list-group[class*=list-group-portrait] > .list-group-item .row {
  width: 0;
  max-width: 15.625rem;
  flex-grow: 1;
}
.list-group[class*=list-group-portrait] h1,
.list-group[class*=list-group-portrait] h2,
.list-group[class*=list-group-portrait] h3,
.list-group[class*=list-group-portrait] h4,
.list-group[class*=list-group-portrait] h5,
.list-group[class*=list-group-portrait] h6,
.list-group[class*=list-group-portrait] .h1,
.list-group[class*=list-group-portrait] .h2,
.list-group[class*=list-group-portrait] .h3,
.list-group[class*=list-group-portrait] .h4,
.list-group[class*=list-group-portrait] .h5,
.list-group[class*=list-group-portrait] .h6 {
  margin-bottom: 0;
}
.list-group.list-highlight > .list-group-item:hover [type=checkbox]:checked ~ .fill,
.list-group.list-highlight > .list-group-item:hover [type=radio]:checked ~ .fill {
  background-color: #eaf0f6;
  background-image: none;
}
.list-group.list-highlight > .list-group-item.list-item-selected:hover {
  background-color: #eaf0f6;
  background-image: none;
}
.list-group.list-group-portrait-hide-input > .list-group-item {
  min-height: auto;
}
.list-group.list-group-portrait-hide-input > .list-group-item:focus-within input:not(:checked) ~ label.fill {
  background-color: rgba(175, 175, 175, 0.1);
}
.list-group.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ .graphic,
.list-group.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ .graphic {
  visibility: hidden;
}
.list-group.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ .graphic ~ label.fill,
.list-group.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ .graphic ~ label.fill {
  padding-bottom: 1.875rem;
}
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill,
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill,
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill,
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill {
  padding-left: 0.9375rem;
}
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] {
  left: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-xsmall > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-xsmall > li > .fill {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}
.list-group.list-group-portrait-condensed > li {
  margin-bottom: 0.15625rem;
}
.list-group.list-group-portrait-condensed .list-spacing-small > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-small > li > .fill {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}
.list-group.list-group-portrait-condensed > li {
  margin-bottom: 0.46875rem;
}
.list-group.list-group-portrait-condensed .list-spacing-medium > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-medium > li > .fill {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}
.list-group.list-group-portrait-condensed > li {
  margin-bottom: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-large > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.list-group.list-group-portrait-condensed .list-spacing-large > li > .fill {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}
.list-group.list-group-portrait-condensed > li {
  margin-bottom: 1.56253125rem;
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox],
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio],
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic {
  top: 50%;
  left: calc((3.125rem / 2) - (var(--checkbox-radio-height) / 2) + 0.1875rem);
  transform: translateY(-50%);
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 3.125rem;
  padding-right: 1.5625rem;
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] {
  position: absolute;
  top: 50%;
  left: 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0;
  transform: translateY(-50%);
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + * {
  margin-top: 0 !important;
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ * {
  display: block;
  margin-left: 4.0625rem !important;
  text-align: left;
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before {
  font-size: 30px;
}
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text {
  font-size: 20px;
}
.list-group.list-group-portrait-condensed > .list-group-item h1,
.list-group.list-group-portrait-condensed > .list-group-item .h1,
.list-group.list-group-portrait-condensed > .list-group-item h2,
.list-group.list-group-portrait-condensed > .list-group-item .h2,
.list-group.list-group-portrait-condensed > .list-group-item h3,
.list-group.list-group-portrait-condensed > .list-group-item .h3,
.list-group.list-group-portrait-condensed > .list-group-item h4,
.list-group.list-group-portrait-condensed > .list-group-item .h4,
.list-group.list-group-portrait-condensed > .list-group-item h5,
.list-group.list-group-portrait-condensed > .list-group-item .h5,
.list-group.list-group-portrait-condensed > .list-group-item h6,
.list-group.list-group-portrait-condensed > .list-group-item .h6 {
  hyphens: auto !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
.list-group.list-group-portrait-condensed > .list-group-item .row {
  max-width: none;
}
@media (max-width: 767.98px) {
  .list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill {
    padding-left: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down.list-group-portrait-hide-input > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] {
    left: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-xsmall > li {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-xsmall > li > .fill {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > li {
    margin-bottom: 0.15625rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-small > li {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-small > li > .fill {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > li {
    margin-bottom: 0.46875rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-medium > li {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-medium > li > .fill {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > li {
    margin-bottom: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-large > li {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down .list-spacing-large > li > .fill {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > li {
    margin-bottom: 1.56253125rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic {
    top: 50%;
    left: calc((3.125rem / 2) - (var(--checkbox-radio-height) / 2) + 0.1875rem);
    transform: translateY(-50%);
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-left: 3.125rem;
    padding-right: 1.5625rem;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-],
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] {
    position: absolute;
    top: 50%;
    left: 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
    margin: 0;
    transform: translateY(-50%);
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] + *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] + * {
    margin-top: 0 !important;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] ~ *,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] ~ * {
    display: block;
    margin-left: 4.0625rem !important;
    text-align: left;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder::before,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder::before {
    font-size: 30px;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=checkbox] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-circle-] .img-placeholder-text,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item > [type=radio] + .graphic ~ label.fill > .row > [class*=col-] [class*=img-rectangle-] .img-placeholder-text {
    font-size: 20px;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item h1,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h1,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item h2,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h2,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item h3,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h3,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item h4,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h4,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item h5,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h5,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item h6,
.list-group.list-group-portrait-condensed-xs-down > .list-group-item .h6 {
    hyphens: auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .list-group.list-group-portrait-condensed-xs-down > .list-group-item .row {
    max-width: none;
  }
}

.list-nodes-dark,
.list-nodes-light {
  position: relative;
  list-style-position: inside;
  list-style-type: none;
  margin-left: 0;
  padding-left: 1.5625rem;
  font-size: 0.75rem;
  color: #5086b7;
}
.list-nodes-dark.list-nodes-icon > li::after,
.list-nodes-light.list-nodes-icon > li::after {
  top: 50%;
}
.list-nodes-dark.list-nodes-icon > li:last-child::before, .list-nodes-dark.list-nodes-icon > li.last-visible::before,
.list-nodes-light.list-nodes-icon > li:last-child::before,
.list-nodes-light.list-nodes-icon > li.last-visible::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.3125rem;
  bottom: -0.3125rem;
  left: -0.9375rem;
  width: 0.125rem;
  height: auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0) 100%);
}
.list-nodes-dark.list-nodes-icon > li h1,
.list-nodes-dark.list-nodes-icon > li .h1,
.list-nodes-dark.list-nodes-icon > li h2,
.list-nodes-dark.list-nodes-icon > li .h2,
.list-nodes-dark.list-nodes-icon > li h3,
.list-nodes-dark.list-nodes-icon > li .h3,
.list-nodes-dark.list-nodes-icon > li h4,
.list-nodes-dark.list-nodes-icon > li .h4,
.list-nodes-dark.list-nodes-icon > li h5,
.list-nodes-dark.list-nodes-icon > li .h5,
.list-nodes-dark.list-nodes-icon > li h6,
.list-nodes-dark.list-nodes-icon > li .h6,
.list-nodes-light.list-nodes-icon > li h1,
.list-nodes-light.list-nodes-icon > li .h1,
.list-nodes-light.list-nodes-icon > li h2,
.list-nodes-light.list-nodes-icon > li .h2,
.list-nodes-light.list-nodes-icon > li h3,
.list-nodes-light.list-nodes-icon > li .h3,
.list-nodes-light.list-nodes-icon > li h4,
.list-nodes-light.list-nodes-icon > li .h4,
.list-nodes-light.list-nodes-icon > li h5,
.list-nodes-light.list-nodes-icon > li .h5,
.list-nodes-light.list-nodes-icon > li h6,
.list-nodes-light.list-nodes-icon > li .h6 {
  font-weight: bold;
}
.list-nodes-dark.list-nodes-horizontal,
.list-nodes-light.list-nodes-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
.list-nodes-dark.list-nodes-horizontal.list-spacing-auto,
.list-nodes-light.list-nodes-horizontal.list-spacing-auto {
  padding: 0;
}
.list-nodes-dark.list-nodes-horizontal.list-spacing-xsmall,
.list-nodes-light.list-nodes-horizontal.list-spacing-xsmall {
  padding: 0;
}
.list-nodes-dark.list-nodes-horizontal.list-spacing-small,
.list-nodes-light.list-nodes-horizontal.list-spacing-small {
  padding: 0;
}
.list-nodes-dark.list-nodes-horizontal.list-spacing-medium,
.list-nodes-light.list-nodes-horizontal.list-spacing-medium {
  padding: 0;
}
.list-nodes-dark.list-nodes-horizontal.list-spacing-large,
.list-nodes-light.list-nodes-horizontal.list-spacing-large {
  padding: 0;
}
.list-nodes-dark.list-nodes-horizontal > li,
.list-nodes-light.list-nodes-horizontal > li {
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.list-nodes-dark.list-nodes-horizontal > li:last-child,
.list-nodes-light.list-nodes-horizontal > li:last-child {
  flex-grow: 0;
}
.list-nodes-dark.list-nodes-horizontal > li::after,
.list-nodes-light.list-nodes-horizontal > li::after {
  position: static;
  margin-bottom: 0.5rem;
  margin-right: 0.625rem;
  transform: none;
}
.list-nodes-dark.list-nodes-horizontal > li::before,
.list-nodes-light.list-nodes-horizontal > li::before {
  display: flex;
  position: static;
  top: auto;
  min-width: 1.875rem;
  height: 0.125rem;
  flex: 1;
  margin-bottom: 0.6875rem;
  margin-left: 0.1875rem;
  margin-right: 0.8125rem;
  border-radius: 15984px;
}
.list-nodes-dark.list-nodes-horizontal > li.list-nodes-active,
.list-nodes-light.list-nodes-horizontal > li.list-nodes-active {
  font-weight: 700;
}
.list-nodes-dark.list-nodes-horizontal > li.list-nodes-complete,
.list-nodes-light.list-nodes-horizontal > li.list-nodes-complete {
  color: #6ec573;
}
.list-nodes-dark.list-nodes-horizontal > li.list-nodes-complete::after,
.list-nodes-light.list-nodes-horizontal > li.list-nodes-complete::after {
  height: 0.875rem;
}
.list-nodes-dark.list-nodes-horizontal > li > .fill,
.list-nodes-light.list-nodes-horizontal > li > .fill {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1.875rem;
  margin-right: 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: 1.875rem;
  padding-right: 0.625rem;
  font-weight: 600;
  z-index: 1;
}
.list-nodes-dark[class*=list-spacing-] > li > .fill,
.list-nodes-light[class*=list-spacing-] > li > .fill {
  margin-left: -0.9375rem;
  padding-left: 1.375rem;
}
.list-nodes-dark.list-spacing-auto::before,
.list-nodes-light.list-spacing-auto::before {
  top: auto;
  bottom: auto;
}
.list-nodes-dark.list-spacing-auto > li::after, .list-nodes-dark.list-spacing-auto > li::before,
.list-nodes-light.list-spacing-auto > li::after,
.list-nodes-light.list-spacing-auto > li::before {
  top: auto;
}
.list-nodes-dark.list-spacing-xsmall::before,
.list-nodes-light.list-spacing-xsmall::before {
  top: 0.3125rem;
  bottom: 0.3125rem;
}
.list-nodes-dark.list-spacing-xsmall > li::after, .list-nodes-dark.list-spacing-xsmall > li::before,
.list-nodes-light.list-spacing-xsmall > li::after,
.list-nodes-light.list-spacing-xsmall > li::before {
  top: 0.71875rem;
}
.list-nodes-dark.list-spacing-small::before,
.list-nodes-light.list-spacing-small::before {
  top: 0.9375rem;
  bottom: 0.9375rem;
}
.list-nodes-dark.list-spacing-small > li::after, .list-nodes-dark.list-spacing-small > li::before,
.list-nodes-light.list-spacing-small > li::after,
.list-nodes-light.list-spacing-small > li::before {
  top: 1.03125rem;
}
.list-nodes-dark.list-spacing-medium::before,
.list-nodes-light.list-spacing-medium::before {
  top: 1.875rem;
  bottom: 1.875rem;
}
.list-nodes-dark.list-spacing-medium > li::after, .list-nodes-dark.list-spacing-medium > li::before,
.list-nodes-light.list-spacing-medium > li::after,
.list-nodes-light.list-spacing-medium > li::before {
  top: 1.5rem;
}
.list-nodes-dark.list-spacing-large::before,
.list-nodes-light.list-spacing-large::before {
  top: 3.1250625rem;
  bottom: 3.1250625rem;
}
.list-nodes-dark.list-spacing-large > li::after, .list-nodes-dark.list-spacing-large > li::before,
.list-nodes-light.list-spacing-large > li::after,
.list-nodes-light.list-spacing-large > li::before {
  top: 2.12503125rem;
}
.list-nodes-dark > li,
.list-nodes-light > li {
  position: relative;
}
.list-nodes-dark > li::after,
.list-nodes-light > li::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: -1.25rem;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.125rem;
  border: 1px solid #5086b7;
  border-radius: 50%;
  transform: translateY(-50%);
}
.list-nodes-dark > li::before,
.list-nodes-light > li::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: -0.9375rem;
  width: 0.125rem;
  height: 100%;
  background-color: rgba(80, 134, 183, 0.2);
}
.list-nodes-dark > li:last-child::before, .list-nodes-dark > li.last-visible::before,
.list-nodes-light > li:last-child::before,
.list-nodes-light > li.last-visible::before {
  display: none;
}
.list-nodes-dark > li.list-nodes-active::after,
.list-nodes-light > li.list-nodes-active::after {
  background: #5086b7;
}
.list-nodes-dark > li.list-nodes-active > .fill,
.list-nodes-light > li.list-nodes-active > .fill {
  font-weight: bold;
}
.list-nodes-dark > li.list-nodes-complete::after,
.list-nodes-light > li.list-nodes-complete::after {
  font-family: "iconfont" !important;
  content: "\EA47";
  height: auto;
  margin-left: 0;
  border: 0;
  box-shadow: none;
  background: none;
}
.list-nodes-dark > li .fill,
.list-nodes-light > li .fill {
  text-decoration: none;
}
.list-nodes-dark > li > ul,
.list-nodes-light > li > ul {
  margin-left: 1.5625rem;
}
.list-nodes-dark > li > ul > li,
.list-nodes-light > li > ul > li {
  list-style-type: circle;
}
.list-nodes-dark > li > ul > li.active,
.list-nodes-light > li > ul > li.active {
  list-style-type: disc;
  font-weight: bold;
}
.list-nodes-dark > li > ul > li .fill,
.list-nodes-light > li > ul > li .fill {
  margin-left: -2.5rem;
  padding-left: 2.5rem;
}
.list-nodes-dark > li .fill,
.list-nodes-light > li .fill {
  width: auto;
  margin-left: -1.875rem;
  padding-left: 2.3125rem;
  font-weight: inherit;
  color: inherit;
  transition: background-color 0.2s;
}
.list-nodes-dark > li .fill:focus, .list-nodes-dark > li .fill:hover,
.list-nodes-light > li .fill:focus,
.list-nodes-light > li .fill:hover {
  background: rgba(80, 134, 183, 0.05);
  color: #5086b7;
  cursor: pointer;
}

.list-nodes-light {
  color: #fff;
}
.list-nodes-light > li .fill:focus, .list-nodes-light > li .fill:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.list-nodes-light.list-nodes-icon > li:last-child::before, .list-nodes-light.list-nodes-icon > li.last-visible::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 15%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 85%, rgba(255, 255, 255, 0) 100%);
}
.list-nodes-light > li::after {
  border-color: #fff;
}
.list-nodes-light > li::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.list-nodes-light > li.list-nodes-active::after {
  background: #fff;
}

.list-nodes-timeline > li {
  color: #333;
}
.list-nodes-timeline > li::after {
  display: none;
}
.list-nodes-timeline > li .list-nodes-content-wrap {
  position: relative;
  margin-top: -0.9375rem;
  padding: 0.9375rem;
  outline: 0 !important;
}
.list-nodes-timeline > li .list-nodes-content-wrap .list-nodes-timeline {
  margin-right: -0.9375rem;
}
.list-nodes-timeline > li .has-highlight-normal {
  outline: 0 !important;
}
.list-nodes-timeline > li > .list-nodes-date {
  margin-top: 0.75rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  transform: translateY(-50%);
}
.list-nodes-timeline > li > .list-nodes-date + .list-nodes-content {
  margin-top: -0.3125rem;
}
.list-nodes-timeline > li .list-nodes-date {
  display: inline-block;
  font-size: 0.875em;
  font-weight: 700;
  color: #989898;
}
.list-nodes-timeline > li .list-nodes-icon {
  position: absolute;
  left: -1.625rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
  z-index: 1;
}
.list-nodes-timeline > li .list-nodes-icon.no-icon {
  top: 0.5rem;
  left: -1.25rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background: #d3dfec;
}
.list-nodes-timeline > li .list-nodes-icon [class*=icon] {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 0;
  transform: translate(-50%, -50%);
}

.list-piped {
  display: inline-block;
  margin-top: 0;
  margin-left: 0;
  font-weight: normal;
  vertical-align: middle;
}
.list-piped li {
  display: inline;
  position: relative;
}
.list-piped li::after {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 0.5rem;
  margin: 0 0.625rem;
  background-color: #d2d2d2;
  vertical-align: middle;
}
.list-piped li:first-child {
  padding-left: 0;
}
.list-piped li:last-child::after {
  display: none;
}

.list-piped.list-piped-small li {
  font-size: 0.625rem;
  text-transform: uppercase;
}

.list-warning {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 0;
  padding-left: 1.4375rem;
  text-align: left;
}
.list-warning li {
  position: relative;
  margin: 1.25rem 0;
  font-size: 0.8125rem;
}
.list-warning li [class^=icon-],
.list-warning li [class*=" icon-"] {
  position: absolute;
  top: 0.3125rem;
  left: -1.5rem;
  margin: 0;
  font-size: 0;
}
.list-warning li [class^=icon-]::before,
.list-warning li [class*=" icon-"]::before {
  font-size: 0.875rem;
}

a > .list-inline li {
  display: inline;
}

.collapse .list-group:last-child,
.collapsing .list-group:last-child {
  margin-bottom: 0;
}

.list-highlight > li {
  transition: 0.2s;
}
.list-highlight > li:active, .list-highlight > li:hover {
  background: rgba(175, 175, 175, 0.1);
}
.list-highlight > li:focus-within {
  background: rgba(175, 175, 175, 0.1);
}
.list-highlight > li[role=separator]:active, .list-highlight > li[role=separator]:focus, .list-highlight > li[role=separator]:hover, .list-highlight > li[role=presentation]:active, .list-highlight > li[role=presentation]:focus, .list-highlight > li[role=presentation]:hover {
  background: none;
}
.list-highlight > li.list-item-selected:active, .list-highlight > li.list-item-selected:hover {
  border-color: rgba(80, 134, 183, 0.6);
  background: linear-gradient(to bottom, rgba(80, 134, 183, 0.12), rgba(80, 134, 183, 0.12));
  color: #4579a8;
}
.list-highlight > li.list-item-selected:focus-within {
  border-color: rgba(80, 134, 183, 0.6);
  background: linear-gradient(to bottom, rgba(80, 134, 183, 0.12), rgba(80, 134, 183, 0.12));
  color: #4579a8;
}

[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li {
  padding-left: auto;
  padding-right: auto;
}
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li[role=separator], [class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li[role=presentation] {
  padding-left: auto;
  padding-right: auto;
}
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .fill,
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -auto;
  margin-right: -auto;
  padding-left: auto;
  padding-right: auto;
}
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .fill.checkbox .graphic, [class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .fill.radio .graphic,
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
[class*=list-spacing-auto]:not(.list-inline).list-spacing-auto-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: auto;
}
[class*=list-spacing-auto]:not(.list-inline) > li {
  padding-top: auto;
  padding-bottom: auto;
}
[class*=list-spacing-auto]:not(.list-inline) > li[role=separator], [class*=list-spacing-auto]:not(.list-inline) > li[role=presentation] {
  padding-top: auto;
  padding-bottom: auto;
}
[class*=list-spacing-auto]:not(.list-inline) > li > [type=checkbox] ~ .graphic,
[class*=list-spacing-auto]:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: auto-0.125rem;
}
[class*=list-spacing-auto]:not(.list-inline) > li > .fill,
[class*=list-spacing-auto]:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -auto;
  margin-bottom: -auto;
  padding-top: auto;
  padding-bottom: auto;
}

[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li {
  padding-left: 0.15625rem;
  padding-right: 0.15625rem;
}
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li[role=separator], [class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li[role=presentation] {
  padding-left: 0.078125rem;
  padding-right: 0.078125rem;
}
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .fill,
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -0.15625rem;
  margin-right: -0.15625rem;
  padding-left: 0.15625rem;
  padding-right: 0.15625rem;
}
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .fill.checkbox .graphic, [class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .fill.radio .graphic,
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
[class*=list-spacing-xsmall]:not(.list-inline).list-spacing-xsmall-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: 0.15625rem;
}
[class*=list-spacing-xsmall]:not(.list-inline) > li {
  padding-top: 0.15625rem;
  padding-bottom: 0.15625rem;
}
[class*=list-spacing-xsmall]:not(.list-inline) > li[role=separator], [class*=list-spacing-xsmall]:not(.list-inline) > li[role=presentation] {
  padding-top: 0.078125rem;
  padding-bottom: 0.078125rem;
}
[class*=list-spacing-xsmall]:not(.list-inline) > li > [type=checkbox] ~ .graphic,
[class*=list-spacing-xsmall]:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: 0.03125rem;
}
[class*=list-spacing-xsmall]:not(.list-inline) > li > .fill,
[class*=list-spacing-xsmall]:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -0.15625rem;
  margin-bottom: -0.15625rem;
  padding-top: 0.15625rem;
  padding-bottom: 0.15625rem;
}

[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li {
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
}
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li[role=separator], [class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li[role=presentation] {
  padding-left: 0.234375rem;
  padding-right: 0.234375rem;
}
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .fill,
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -0.46875rem;
  margin-right: -0.46875rem;
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
}
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .fill.checkbox .graphic, [class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .fill.radio .graphic,
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
[class*=list-spacing-small]:not(.list-inline).list-spacing-small-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: 0.46875rem;
}
[class*=list-spacing-small]:not(.list-inline) > li {
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
}
[class*=list-spacing-small]:not(.list-inline) > li[role=separator], [class*=list-spacing-small]:not(.list-inline) > li[role=presentation] {
  padding-top: 0.234375rem;
  padding-bottom: 0.234375rem;
}
[class*=list-spacing-small]:not(.list-inline) > li > [type=checkbox] ~ .graphic,
[class*=list-spacing-small]:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: 0.34375rem;
}
[class*=list-spacing-small]:not(.list-inline) > li > .fill,
[class*=list-spacing-small]:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -0.46875rem;
  margin-bottom: -0.46875rem;
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
}

[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li[role=separator], [class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li[role=presentation] {
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
}
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .fill,
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .fill.checkbox .graphic, [class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .fill.radio .graphic,
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
[class*=list-spacing-medium]:not(.list-inline).list-spacing-medium-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: 0.9375rem;
}
[class*=list-spacing-medium]:not(.list-inline) > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
[class*=list-spacing-medium]:not(.list-inline) > li[role=separator], [class*=list-spacing-medium]:not(.list-inline) > li[role=presentation] {
  padding-top: 0.46875rem;
  padding-bottom: 0.46875rem;
}
[class*=list-spacing-medium]:not(.list-inline) > li > [type=checkbox] ~ .graphic,
[class*=list-spacing-medium]:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: 0.8125rem;
}
[class*=list-spacing-medium]:not(.list-inline) > li > .fill,
[class*=list-spacing-medium]:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li {
  padding-left: 1.56253125rem;
  padding-right: 1.56253125rem;
}
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li[role=separator], [class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li[role=presentation] {
  padding-left: 0.781265625rem;
  padding-right: 0.781265625rem;
}
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .fill,
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -1.56253125rem;
  margin-right: -1.56253125rem;
  padding-left: 1.56253125rem;
  padding-right: 1.56253125rem;
}
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .fill.checkbox .graphic, [class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .fill.radio .graphic,
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
[class*=list-spacing-large]:not(.list-inline).list-spacing-large-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: 1.56253125rem;
}
[class*=list-spacing-large]:not(.list-inline) > li {
  padding-top: 1.56253125rem;
  padding-bottom: 1.56253125rem;
}
[class*=list-spacing-large]:not(.list-inline) > li[role=separator], [class*=list-spacing-large]:not(.list-inline) > li[role=presentation] {
  padding-top: 0.781265625rem;
  padding-bottom: 0.781265625rem;
}
[class*=list-spacing-large]:not(.list-inline) > li > [type=checkbox] ~ .graphic,
[class*=list-spacing-large]:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: 1.43753125rem;
}
[class*=list-spacing-large]:not(.list-inline) > li > .fill,
[class*=list-spacing-large]:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -1.56253125rem;
  margin-bottom: -1.56253125rem;
  padding-top: 1.56253125rem;
  padding-bottom: 1.56253125rem;
}

.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li[role=separator], .list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li[role=presentation] {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .fill,
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .row > [class*=col-] > .fill {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .fill.checkbox .graphic, .list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .fill.radio .graphic,
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .row > [class*=col-] > .fill.checkbox .graphic,
.list-spacing-selections:not(.list-inline).list-spacing-selections-include-sides > li > .row > [class*=col-] > .fill.radio .graphic {
  left: 0.25rem;
}
.list-spacing-selections:not(.list-inline) > li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.list-spacing-selections:not(.list-inline) > li[role=separator], .list-spacing-selections:not(.list-inline) > li[role=presentation] {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.list-spacing-selections:not(.list-inline) > li > [type=checkbox] ~ .graphic,
.list-spacing-selections:not(.list-inline) > li > [type=radio] ~ .graphic {
  top: 0.125rem;
}
.list-spacing-selections:not(.list-inline) > li > .fill,
.list-spacing-selections:not(.list-inline) > li > .row > [class*=col-] > .fill {
  width: auto;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.list-unstyled,
.list-inline {
  list-style: none;
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
}

.list-unstyled .list-indent,
.list-unstyled .list-indent-with-line {
  margin-top: 0.46875rem;
}

.no-shadow.list-group:not(.list-group-visually-uncontained) > .list-group-item:first-child::before, .no-shadow.list-group:not(.list-group-visually-uncontained) > .list-group-item:last-child::before, .no-shadow.list-group:not(.list-group-visually-uncontained) > .list-group-item.first-visible::before, .no-shadow.list-group:not(.list-group-visually-uncontained) > .list-group-item.last-visible::before {
  box-shadow: none !important;
  box-shadow: 0 5px 8px -3px rgba(0, 0, 0, 0.12);
}

.status-icons,
.list-status-icons {
  display: block;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.status-icons li,
.list-status-icons li {
  display: inline;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.status-icons li:first-child,
.list-status-icons li:first-child {
  padding-left: 0;
}
.status-icons li:last-child,
.list-status-icons li:last-child {
  padding-right: 0;
}
.status-icons li [class*=icon-],
.list-status-icons li [class*=icon-] {
  font-size: 0;
}
.status-icons li [class*=icon-]::before,
.list-status-icons li [class*=icon-]::before {
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .status-icons li [class*=icon-]::before,
.list-status-icons li [class*=icon-]::before {
    font-size: 1.0625rem;
  }
}

#changelog-wrap h1[id*="2020"], #changelog-wrap h1[id*="2021"],
#changelog-wrap h2[id*="2020"],
#changelog-wrap h2[id*="2021"],
#changelog-wrap h3[id*="2020"],
#changelog-wrap h3[id*="2021"] {
  position: sticky;
  top: 0;
  outline: 5px solid #f9f9f9;
  background: #f9f9f9;
  font-size: 1rem !important;
  color: #b6b6b6;
  z-index: 999;
}
#changelog-wrap ul {
  list-style-type: none;
}
#changelog-wrap ul li {
  display: table-row;
  height: 1.25rem;
}
#changelog-wrap ul li strong:first-child {
  display: table-cell;
  min-width: 1%;
  white-space: nowrap;
}
#changelog-wrap ul li .badge {
  min-width: 7ch;
}
#changelog-wrap .badge {
  margin-right: 0.3125rem;
}

.notice {
  display: flex;
  margin-top: 0.3125000006rem;
  margin-bottom: 1.875rem;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.08);
  background: #f9f9f9;
  vertical-align: middle;
  overflow: hidden;
}
@media (min-width: 768px) {
  .notice {
    margin-left: 0;
    margin-right: 0;
  }
}
.notice:not(:only-child):not(:last-child) {
  margin-bottom: 1.875rem;
}
.notice.notice-no-icon .notice-message-wrap {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.notice.notice-no-icon .notice-symbol-wrap {
  min-width: 0.5rem;
}
.notice.notice-no-icon .notice-symbol-wrap > [class*=icon-] {
  display: none;
}
.notice .close {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.notice .notice-symbol-wrap {
  display: flex;
  min-width: 2.8125rem;
  align-items: center;
  justify-content: center;
}
.notice .notice-symbol-wrap [class*=icon-] {
  font-size: 0;
}
.notice .notice-symbol-wrap [class*=icon-]::before {
  font-size: 1.25rem;
  vertical-align: middle;
}
.notice .notice-message-wrap {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  position: relative;
  width: 100%;
  padding: 0.9375rem 0.9375rem;
  font-weight: normal;
  white-space: normal;
  color: #333;
}
.notice .notice-message-wrap.actionable {
  padding-right: 2.8125rem;
  cursor: pointer;
}
.notice .notice-message-wrap.actionable::before {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.2s;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconfont" !important;
  content: "\EA25";
  right: 1.25rem;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #d2d2d2;
  background: rgba(0, 0, 0, 0);
  transition: 0.2s;
}
@media (min-width: 768px) {
  .notice .notice-message-wrap.actionable::before {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .notice .notice-message-wrap.actionable::before {
    opacity: 1;
    visibility: visible;
  }
}
.notice .notice-message-wrap.actionable:focus::before, .notice .notice-message-wrap.actionable:hover::before {
  box-shadow: 0 0 0 10px rgba(175, 175, 175, 0.1);
  background: rgba(175, 175, 175, 0.1);
}
.notice .notice-message-wrap time {
  font-weight: bold;
}
.notice .notice-message-wrap .note {
  display: block;
  padding: 0.3125rem 0 0;
  font-style: italic;
}
.notice .notice-message-wrap .note:first-child {
  padding-top: 0;
}
.notice .notice.notice-subtle {
  margin-top: 0.9375rem;
  margin-bottom: 0;
}

.notice.notice-subtle {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0 1.25rem;
  border: none;
  border-radius: 0;
  border-left: 3px solid #d2d2d2;
  box-shadow: none;
  background: none;
}
.notice.notice-subtle[class*=fg-] {
  border-color: currentColor;
}
.notice.notice-subtle[class*=fg-] p {
  color: #333;
}
.notice.notice-subtle p {
  margin: 0;
  line-height: 1.875rem;
}
.notice.notice-subtle p + p {
  margin-top: 1.25rem;
}

.status-notice {
  width: 100%;
  max-width: 37.5rem;
  margin: 3.125rem auto;
  font-size: 0.75rem;
  font-style: normal;
  text-align: center;
}
.status-notice.upload-file {
  max-width: none;
}
.status-notice.upload-file input[type=file] {
  left: 0;
  height: 100%;
}
@media (min-width: 768px) {
  .status-notice.upload-file .row-btn .btn {
    max-width: 11.5625rem;
  }
}
.status-notice [class*=status-notice-image] {
  max-width: 34.375rem;
  margin: 0 auto;
  pointer-events: none;
}
.status-notice [class*=status-notice-image].status-notice-image-small {
  max-width: 15.625rem;
}
.status-notice [class*=status-notice-image] img {
  max-width: 100%;
}
.status-notice [class*=status-notice-image] [class*=icon-] {
  font-size: 8.75rem;
  line-height: 0;
  color: rgba(175, 175, 175, 0.4);
}
.status-notice .status-notice-text {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  max-width: 40ch;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  font-style: italic;
}
.status-notice .text-description {
  max-width: 60ch;
  margin: 0 auto;
}

a.notice-message-wrap,
a > .notice, a:hover.notice-message-wrap,
a:hover > .notice {
  text-decoration: none;
}

.notice [class*=bg-] [class*=icon-] {
  color: inherit;
}

.button-wrap {
  display: flex;
  margin: 1.25rem 0 1.875rem;
  padding: 0;
  color: #fff !important;
}
.button-wrap > :last-child {
  margin-left: 1.875rem;
}
@media (min-width: 768px) {
  .button-wrap {
    display: block;
  }
  .button-wrap > :last-child {
    margin-left: 0;
  }
}
.button-wrap span {
  display: none;
}
@media (min-width: 768px) {
  .button-wrap span {
    display: inline-block;
    min-width: 7.5rem;
    max-width: 15.625rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    vertical-align: middle;
  }
}
.button-wrap .next,
.button-wrap .prev {
  display: inline-block;
  position: relative;
  height: 3rem;
  padding: 0;
  border-radius: 0.3125rem;
  background: #5086b7;
  font: 400 0.8181818182 "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #fff;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .button-wrap .next,
.button-wrap .prev {
    display: inline-block;
    width: auto;
    height: 4.875rem;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .button-wrap .next,
.button-wrap .prev {
    width: auto;
    padding: 0;
  }
}
.button-wrap .next:active, .button-wrap .next:focus, .button-wrap .next:hover,
.button-wrap .prev:active,
.button-wrap .prev:focus,
.button-wrap .prev:hover {
  background: #4579a8;
  color: #fff;
}
.button-wrap .next::after,
.button-wrap .prev::after {
  position: absolute;
  top: 50%;
  font-family: "iconfont" !important;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-size: 0.8125rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  transform: translateY(-50%);
  speak: none;
}
.button-wrap .next strong,
.button-wrap .prev strong {
  width: 4.6875rem;
}
@media (min-width: 1200px) {
  .button-wrap .next strong,
.button-wrap .prev strong {
    width: auto;
    min-width: 4.6875rem;
    vertical-align: middle;
  }
}
.button-wrap .next .text-holder,
.button-wrap .prev .text-holder {
  position: relative;
  top: 50%;
  vertical-align: middle;
  transform: translateY(-50%);
}
.button-wrap .next {
  float: right;
}
.button-wrap .next::after {
  content: "\ea11";
  right: 0.625rem;
}
@media (min-width: 768px) {
  .button-wrap .next::after {
    right: 0.4375rem;
  }
}
@media (min-width: 1024px) {
  .button-wrap .next::after {
    right: 1.25rem;
  }
}
.button-wrap .next strong {
  padding: 0 2.5rem 0 1.25rem;
}
@media (min-width: 768px) {
  .button-wrap .next strong {
    display: inline-block;
    width: auto;
    padding-left: 1.5625rem;
    padding-right: 2.8125rem;
    border-left: 0.0625rem solid rgba(250, 250, 250, 0.11);
    text-align: left;
    vertical-align: middle;
  }
}
.button-wrap .prev::after {
  content: "\ea10";
  left: 0.625rem;
}
@media (min-width: 768px) {
  .button-wrap .prev::after {
    left: 0.4375rem;
  }
}
@media (min-width: 1024px) {
  .button-wrap .prev::after {
    left: 1.25rem;
  }
}
.button-wrap .prev strong {
  padding: 0 1.25rem 0 2.5rem;
}
@media (min-width: 768px) {
  .button-wrap .prev strong {
    display: inline-block;
    width: auto;
    padding-left: 2.8125rem;
    padding-right: 1.5625rem;
    border-right: 0.0625rem solid rgba(250, 250, 250, 0.11);
    text-align: right;
    vertical-align: middle;
  }
}

.post {
  position: relative;
  margin: 0 0 3.1250625rem;
  padding: 1.875rem;
  box-shadow: 0 0.0625rem 0.25rem rgba(1, 1, 1, 0.15);
  background: #fff;
  font: 400 0.875rem/1.625rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #5a5a5a;
}
@media (min-width: 768px) {
  .post {
    padding: 3.1250625rem 3.1250625rem 0;
  }
}
.post:hover .btn.copy-link[class*=btn-no-bg][class*=btn-no-border] {
  opacity: 1;
  visibility: visible;
  transform: scale(0.8) translateX(-100%);
}
@media (min-width: 768px) {
  .post:hover .btn.copy-link[class*=btn-no-bg][class*=btn-no-border] {
    margin-right: 0.9375rem;
    transform: translateX(-100%);
  }
}
.post [class*=-title].tiny {
  display: block;
  margin: 1.25rem 0 0.625rem;
  opacity: 0.7;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.post .black {
  font-style: italic;
  font-weight: 700;
}
.post .blue {
  font: italic 700 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border] {
  position: absolute;
  top: -0.125rem;
  left: 0;
  opacity: 0;
  font: 300 1.875rem/2.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #333;
  visibility: hidden;
  transform: translateX(-75%);
  transition: 0.2s;
}
.post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border], .post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:focus, .post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:hover, .post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:active {
  background-color: transparent;
  font-weight: 300;
}
.post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:focus, .post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:hover, .post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:active {
  color: inherit !important;
}
.post .btn.copy-link[class*=btn-no-bg][class*=btn-no-border]:active {
  background-color: rgba(249, 249, 249, 0.5);
}
.post .code-title {
  padding-left: 3.4375rem;
}
.post .code-wrap {
  position: relative;
  max-height: 0;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  margin-left: -3.1250625rem;
  margin-right: -3.1250625rem;
  opacity: 0;
  background: #f9f9f9;
  overflow-y: hidden;
  transition: 0.2s;
}
.post .code-wrap.code-enabled {
  max-height: 1250rem;
  opacity: 1;
}
.post .code-wrap pre {
  border: none;
  background: rgba(0, 0, 0, 0);
  font-size: inherit;
  line-height: 1.6;
}
.post .code-wrap .docs-code-copy {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 8.75rem;
  padding: 0.1875rem 0.625rem !important;
  border-color: #ddd;
  border-radius: 0.1875rem;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  font-size: 0.75rem;
  font-style: italic;
  cursor: pointer;
  z-index: 1;
}
.post .content-wrap h2,
.post .content-wrap h3,
.post .details h2,
.post .details h3 {
  margin-top: 1.5625rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #5086b7;
}
.post .content-wrap h3,
.post .details h3 {
  font-size: 1rem;
  color: #333;
}
.post .details:not(:first-child) {
  margin-top: 2.8125rem;
}
.post .dont-wrap,
.post .icpg-notice-wrap,
.post .usage-wrap {
  position: relative !important;
}
.post .dont-wrap::before,
.post .icpg-notice-wrap::before,
.post .usage-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5625rem;
  bottom: 0;
  left: -0.3125rem;
  width: 0.125rem;
}
.post .dont-wrap > ul,
.post .icpg-notice-wrap > ul,
.post .usage-wrap > ul {
  position: relative;
  list-style-type: none !important;
  margin-top: 0;
  margin-bottom: 0;
}
.post .dont-wrap > ul li,
.post .icpg-notice-wrap > ul li,
.post .usage-wrap > ul li {
  position: relative;
}
.post .dont-wrap > ul li::before,
.post .icpg-notice-wrap > ul li::before,
.post .usage-wrap > ul li::before {
  content: "";
  position: absolute;
  top: 0.875rem;
  left: -1.125rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #565656;
}
.post .dont-wrap::before {
  background: #cc3c3c;
}
.post .dont-wrap .general-title.tiny {
  opacity: 1;
  color: #cc3c3c;
}
.post .icpg-notice-wrap::before {
  background: #fba602;
}
.post .icpg-notice-wrap .general-title.tiny {
  opacity: 1;
  color: #fba602;
}
.post .icp-img-wrap .img-holder.hover .overlay {
  opacity: 1;
}
.post .icp-img-wrap .img-holder.hover .overlay .expand {
  opacity: 1;
}
.post .icp-img-wrap .img-holder.not-active .overlay {
  opacity: 1;
}
.post .icp-img-wrap .img-holder .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.post .icp-img-wrap .img-holder .overlay a.expand {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.3s;
}
.post .last-modified-title {
  opacity: 0.4;
}
.post .last-modified-wrap {
  padding: 0.625rem 0;
  text-align: right;
}
.post .post-captures {
  position: absolute;
  top: 2.1875rem;
  right: 0;
  width: 4.6875rem;
  height: 4.6875rem;
  border: 0.0625rem solid #e9e9e9;
  border-radius: 50%;
  box-shadow: inset 0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.25);
  background: #fff;
  overflow: hidden;
  transition: 0.2s;
}
@media (min-width: 1024px) {
  .post .post-captures {
    top: 3.4375rem;
    right: 3.4375rem;
  }
}
@media (min-width: 768px) {
  .post .post-captures {
    top: 1.25rem;
    right: 1.25rem;
  }
}
.post .post-captures:focus .capture-title.tiny, .post .post-captures:hover .capture-title.tiny {
  opacity: 1;
  transition-delay: none;
}
.post .post-captures:hover {
  cursor: hand;
}
.post .post-captures:hover img {
  filter: none;
  opacity: 1;
  transform: scale(1.1);
}
.post .post-captures + .post-content .content-wrap {
  margin-top: 3.75rem;
}
.post .post-captures a {
  position: relative;
  top: -0.9375rem;
  margin-left: -100%;
}
.post .post-captures img {
  max-width: 300%;
  filter: grayscale(50%);
  opacity: 0.35;
  transition: 0.2s;
}
.post .post-captures .capture-title.tiny {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
  padding-top: 0.75rem;
  border-radius: 50%;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.5);
  opacity: 0;
  background: #fff;
  font-size: 0.5625rem;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  color: rgba(0, 0, 0, 0.5);
  transform: translateY(-50%);
  transition: 0.45s;
  transition-delay: 0.2s;
  pointer-events: none;
}
.post .post-edit {
  position: absolute;
  right: 1.875rem;
  z-index: 1;
}
.post .post-title {
  display: block;
  position: relative;
  margin: 0 0 2.5625rem;
  padding-right: 5.3125rem;
  font: 700 1.875rem/2.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0d70ac;
}
.post .post-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.875rem;
  width: 0.25rem;
  height: 120%;
  background: #5086b7;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .post .post-title::before {
    left: -3.1250625rem;
  }
}
.post .render-title {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.post .render-wrap {
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}
.post .render-wrap > div {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.42857143;
}
.post .render-wrap ul {
  list-style-type: none;
}
.post .show-code {
  clear: both;
  width: 6.875rem;
  height: 1.625rem;
  margin: 0 auto;
  margin-top: -0.625rem;
  border: solid 0.0625rem #dedede;
  border-radius: 0.75rem;
  background-color: #fff;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
  color: #656565;
  cursor: pointer;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.post .show-code:active, .post .show-code:focus, .post .show-code:hover {
  background: #f8f8f8;
}
.post .show-code.force-show-code {
  display: none;
}
.post .show-code.force-show-code + .code-wrap {
  max-height: 1250rem;
  opacity: 1;
}
.post .show-grid {
  margin-bottom: 0.9375rem;
}
.post .show-grid [class^=col-] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border: 0.0625rem solid #ddd;
  border: 0.0625rem solid rgba(86, 61, 124, 0.2);
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
}
.post .stretch-full {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
@media (min-width: 1024px) {
  .post .stretch-full {
    margin-left: -3.1250625rem;
    margin-right: -3.1250625rem;
  }
}
.post .stretch-full > * {
  padding: 0 1.25rem;
}
@media (min-width: 1024px) {
  .post .stretch-full > * {
    padding: 0 3.4375rem;
  }
}
.post .text-wrap p {
  margin: 0 0 1.5625rem;
}
.post .text-wrap .content-wrap,
.post .text-wrap .details {
  list-style-position: inside;
  list-style-type: disc;
}
.post .text-wrap .content-wrap {
  padding-bottom: 2.1875rem;
  border-bottom: 0.0625rem dotted #dedede;
}
.post .text-wrap .content-wrap:only-child, .post .text-wrap .content-wrap:nth-last-child(2) {
  border: none;
}
.post .text-wrap .content-wrap:only-child {
  border: none;
}
.post .text-wrap .info-text p {
  margin: 0;
}
.post .usage-wrap::before {
  background: #6ec573;
}
.post .usage-wrap:not(:last-child) {
  padding-right: 1.25rem;
}
.post .usage-wrap .general-title.tiny {
  opacity: 1;
  color: #6ec573;
}
.post .warning-wrap {
  padding: 0.625rem;
  border: 0.0625rem solid #faebcc;
  border-radius: 0.3125rem;
  background-color: #fcf8e3;
  color: #8a6d3b;
}

html,
body {
  height: 100%;
}

script {
  display: none !important;
}

.container-align-left {
  margin-left: 0;
}

.container-align-right {
  margin-right: 0;
}

.col-xxs-5ths, .col-xxs-1-5ths, .col-xxs-2-5ths, .col-xxs-3-5ths, .col-xxs-4-5ths, .col-xs-5ths, .col-xs-1-5ths, .col-xs-2-5ths, .col-xs-3-5ths, .col-xs-4-5ths, .col-sm-5ths, .col-sm-1-5ths, .col-sm-2-5ths, .col-sm-3-5ths, .col-sm-4-5ths, .col-md-5ths, .col-md-1-5ths, .col-md-2-5ths, .col-md-3-5ths, .col-md-4-5ths, .col-lg-5ths, .col-lg-1-5ths, .col-lg-2-5ths, .col-lg-3-5ths, .col-lg-4-5ths, .col-xl-5ths, .col-xl-1-5ths, .col-xl-2-5ths, .col-xl-3-5ths, .col-xl-4-5ths {
  position: relative;
  width: 100%;
  min-height: 0.0625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.col-xxs-5ths, .col-xxs-1-5ths {
  max-width: 20%;
  flex: 0 0 20%;
}

.col-xxs-2-5ths {
  max-width: 40%;
  flex: 0 0 40%;
}

.col-xxs-3-5ths {
  max-width: 60%;
  flex: 0 0 60%;
}

.col-xxs-4-5ths {
  max-width: 80%;
  flex: 0 0 80%;
}

@media (min-width: 480px) {
  .col-xs-5ths, .col-xs-1-5ths {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 480px) {
  .col-xs-2-5ths {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media (min-width: 480px) {
  .col-xs-3-5ths {
    max-width: 60%;
    flex: 0 0 60%;
  }
}

@media (min-width: 480px) {
  .col-xs-4-5ths {
    max-width: 80%;
    flex: 0 0 80%;
  }
}

@media (min-width: 768px) {
  .col-sm-5ths, .col-sm-1-5ths {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 768px) {
  .col-sm-2-5ths {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media (min-width: 768px) {
  .col-sm-3-5ths {
    max-width: 60%;
    flex: 0 0 60%;
  }
}

@media (min-width: 768px) {
  .col-sm-4-5ths {
    max-width: 80%;
    flex: 0 0 80%;
  }
}

@media (min-width: 1024px) {
  .col-md-5ths, .col-md-1-5ths {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 1024px) {
  .col-md-2-5ths {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media (min-width: 1024px) {
  .col-md-3-5ths {
    max-width: 60%;
    flex: 0 0 60%;
  }
}

@media (min-width: 1024px) {
  .col-md-4-5ths {
    max-width: 80%;
    flex: 0 0 80%;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths, .col-lg-1-5ths {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 1200px) {
  .col-lg-2-5ths {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media (min-width: 1200px) {
  .col-lg-3-5ths {
    max-width: 60%;
    flex: 0 0 60%;
  }
}

@media (min-width: 1200px) {
  .col-lg-4-5ths {
    max-width: 80%;
    flex: 0 0 80%;
  }
}

@media (min-width: 1600px) {
  .col-xl-5ths, .col-xl-1-5ths {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 1600px) {
  .col-xl-2-5ths {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media (min-width: 1600px) {
  .col-xl-3-5ths {
    max-width: 60%;
    flex: 0 0 60%;
  }
}

@media (min-width: 1600px) {
  .col-xl-4-5ths {
    max-width: 80%;
    flex: 0 0 80%;
  }
}

.row.row-btn {
  margin-top: -0.9375rem !important;
}
.row.row-btn > .col,
.row.row-btn > [class*=col-] {
  margin-top: 0.9375rem !important;
}

.row.row-equal-height .card {
  height: 100%;
}

.row.row-spacing-auto {
  margin-top: -auto !important;
}
.row.row-spacing-auto > [class*=col-],
.row.row-spacing-auto > .col {
  margin-top: auto !important;
}

.row.row-spacing-xsmall {
  margin-top: -0.3125rem !important;
}
.row.row-spacing-xsmall > [class*=col-],
.row.row-spacing-xsmall > .col {
  margin-top: 0.3125rem !important;
}

.row.row-spacing-small {
  margin-top: -0.9375rem !important;
}
.row.row-spacing-small > [class*=col-],
.row.row-spacing-small > .col {
  margin-top: 0.9375rem !important;
}

.row.row-spacing-medium {
  margin-top: -1.875rem !important;
}
.row.row-spacing-medium > [class*=col-],
.row.row-spacing-medium > .col {
  margin-top: 1.875rem !important;
}

.row.row-spacing-large {
  margin-top: -3.1250625rem !important;
}
.row.row-spacing-large > [class*=col-],
.row.row-spacing-large > .col {
  margin-top: 3.1250625rem !important;
}

.row.row-spacing-auto {
  margin-top: -auto !important;
}
.row.row-spacing-auto > [class*=col-],
.row.row-spacing-auto > .col {
  margin-top: auto !important;
}

@media (max-width: 479.98px) {
  .row.row-spacing-auto-xxs-down {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xxs-down > [class*=col-],
.row.row-spacing-auto-xxs-down > .col {
    margin-top: auto !important;
  }
}

@media (max-width: 479.98px) {
  .row.row-spacing-auto-xxs-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xxs-only > [class*=col-],
.row.row-spacing-auto-xxs-only > .col {
    margin-top: auto !important;
  }
}

.row.row-spacing-auto-xxs-up {
  margin-top: -auto !important;
}
.row.row-spacing-auto-xxs-up > [class*=col-],
.row.row-spacing-auto-xxs-up > .col {
  margin-top: auto !important;
}

@media (max-width: 767.98px) {
  .row.row-spacing-auto-xs-down {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xs-down > [class*=col-],
.row.row-spacing-auto-xs-down > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .row.row-spacing-auto-xs-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xs-only > [class*=col-],
.row.row-spacing-auto-xs-only > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 480px) {
  .row.row-spacing-auto-xs-up {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xs-up > [class*=col-],
.row.row-spacing-auto-xs-up > .col {
    margin-top: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .row.row-spacing-auto-sm-down {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-sm-down > [class*=col-],
.row.row-spacing-auto-sm-down > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.row-spacing-auto-sm-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-sm-only > [class*=col-],
.row.row-spacing-auto-sm-only > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 768px) {
  .row.row-spacing-auto-sm-up {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-sm-up > [class*=col-],
.row.row-spacing-auto-sm-up > .col {
    margin-top: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .row.row-spacing-auto-md-down {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-md-down > [class*=col-],
.row.row-spacing-auto-md-down > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.row-spacing-auto-md-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-md-only > [class*=col-],
.row.row-spacing-auto-md-only > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 1024px) {
  .row.row-spacing-auto-md-up {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-md-up > [class*=col-],
.row.row-spacing-auto-md-up > .col {
    margin-top: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .row.row-spacing-auto-lg-down {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-lg-down > [class*=col-],
.row.row-spacing-auto-lg-down > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.row-spacing-auto-lg-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-lg-only > [class*=col-],
.row.row-spacing-auto-lg-only > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 1200px) {
  .row.row-spacing-auto-lg-up {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-lg-up > [class*=col-],
.row.row-spacing-auto-lg-up > .col {
    margin-top: auto !important;
  }
}

.row.row-spacing-auto-xl-down {
  margin-top: -auto !important;
}
.row.row-spacing-auto-xl-down > [class*=col-],
.row.row-spacing-auto-xl-down > .col {
  margin-top: auto !important;
}

@media (min-width: 1600px) {
  .row.row-spacing-auto-xl-only {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xl-only > [class*=col-],
.row.row-spacing-auto-xl-only > .col {
    margin-top: auto !important;
  }
}

@media (min-width: 1600px) {
  .row.row-spacing-auto-xl-up {
    margin-top: -auto !important;
  }
  .row.row-spacing-auto-xl-up > [class*=col-],
.row.row-spacing-auto-xl-up > .col {
    margin-top: auto !important;
  }
}

.row.row-spacing-xsmall {
  margin-top: -0.3125rem !important;
}
.row.row-spacing-xsmall > [class*=col-],
.row.row-spacing-xsmall > .col {
  margin-top: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .row.row-spacing-xsmall-xxs-down {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xxs-down > [class*=col-],
.row.row-spacing-xsmall-xxs-down > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .row.row-spacing-xsmall-xxs-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xxs-only > [class*=col-],
.row.row-spacing-xsmall-xxs-only > .col {
    margin-top: 0.3125rem !important;
  }
}

.row.row-spacing-xsmall-xxs-up {
  margin-top: -0.3125rem !important;
}
.row.row-spacing-xsmall-xxs-up > [class*=col-],
.row.row-spacing-xsmall-xxs-up > .col {
  margin-top: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .row.row-spacing-xsmall-xs-down {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xs-down > [class*=col-],
.row.row-spacing-xsmall-xs-down > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .row.row-spacing-xsmall-xs-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xs-only > [class*=col-],
.row.row-spacing-xsmall-xs-only > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .row.row-spacing-xsmall-xs-up {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xs-up > [class*=col-],
.row.row-spacing-xsmall-xs-up > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .row.row-spacing-xsmall-sm-down {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-sm-down > [class*=col-],
.row.row-spacing-xsmall-sm-down > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.row-spacing-xsmall-sm-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-sm-only > [class*=col-],
.row.row-spacing-xsmall-sm-only > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .row.row-spacing-xsmall-sm-up {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-sm-up > [class*=col-],
.row.row-spacing-xsmall-sm-up > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .row.row-spacing-xsmall-md-down {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-md-down > [class*=col-],
.row.row-spacing-xsmall-md-down > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.row-spacing-xsmall-md-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-md-only > [class*=col-],
.row.row-spacing-xsmall-md-only > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .row.row-spacing-xsmall-md-up {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-md-up > [class*=col-],
.row.row-spacing-xsmall-md-up > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .row.row-spacing-xsmall-lg-down {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-lg-down > [class*=col-],
.row.row-spacing-xsmall-lg-down > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.row-spacing-xsmall-lg-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-lg-only > [class*=col-],
.row.row-spacing-xsmall-lg-only > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .row.row-spacing-xsmall-lg-up {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-lg-up > [class*=col-],
.row.row-spacing-xsmall-lg-up > .col {
    margin-top: 0.3125rem !important;
  }
}

.row.row-spacing-xsmall-xl-down {
  margin-top: -0.3125rem !important;
}
.row.row-spacing-xsmall-xl-down > [class*=col-],
.row.row-spacing-xsmall-xl-down > .col {
  margin-top: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .row.row-spacing-xsmall-xl-only {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xl-only > [class*=col-],
.row.row-spacing-xsmall-xl-only > .col {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .row.row-spacing-xsmall-xl-up {
    margin-top: -0.3125rem !important;
  }
  .row.row-spacing-xsmall-xl-up > [class*=col-],
.row.row-spacing-xsmall-xl-up > .col {
    margin-top: 0.3125rem !important;
  }
}

.row.row-spacing-small {
  margin-top: -0.9375rem !important;
}
.row.row-spacing-small > [class*=col-],
.row.row-spacing-small > .col {
  margin-top: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .row.row-spacing-small-xxs-down {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xxs-down > [class*=col-],
.row.row-spacing-small-xxs-down > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .row.row-spacing-small-xxs-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xxs-only > [class*=col-],
.row.row-spacing-small-xxs-only > .col {
    margin-top: 0.9375rem !important;
  }
}

.row.row-spacing-small-xxs-up {
  margin-top: -0.9375rem !important;
}
.row.row-spacing-small-xxs-up > [class*=col-],
.row.row-spacing-small-xxs-up > .col {
  margin-top: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .row.row-spacing-small-xs-down {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xs-down > [class*=col-],
.row.row-spacing-small-xs-down > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .row.row-spacing-small-xs-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xs-only > [class*=col-],
.row.row-spacing-small-xs-only > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .row.row-spacing-small-xs-up {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xs-up > [class*=col-],
.row.row-spacing-small-xs-up > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .row.row-spacing-small-sm-down {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-sm-down > [class*=col-],
.row.row-spacing-small-sm-down > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.row-spacing-small-sm-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-sm-only > [class*=col-],
.row.row-spacing-small-sm-only > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .row.row-spacing-small-sm-up {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-sm-up > [class*=col-],
.row.row-spacing-small-sm-up > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .row.row-spacing-small-md-down {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-md-down > [class*=col-],
.row.row-spacing-small-md-down > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.row-spacing-small-md-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-md-only > [class*=col-],
.row.row-spacing-small-md-only > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .row.row-spacing-small-md-up {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-md-up > [class*=col-],
.row.row-spacing-small-md-up > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .row.row-spacing-small-lg-down {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-lg-down > [class*=col-],
.row.row-spacing-small-lg-down > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.row-spacing-small-lg-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-lg-only > [class*=col-],
.row.row-spacing-small-lg-only > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .row.row-spacing-small-lg-up {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-lg-up > [class*=col-],
.row.row-spacing-small-lg-up > .col {
    margin-top: 0.9375rem !important;
  }
}

.row.row-spacing-small-xl-down {
  margin-top: -0.9375rem !important;
}
.row.row-spacing-small-xl-down > [class*=col-],
.row.row-spacing-small-xl-down > .col {
  margin-top: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .row.row-spacing-small-xl-only {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xl-only > [class*=col-],
.row.row-spacing-small-xl-only > .col {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .row.row-spacing-small-xl-up {
    margin-top: -0.9375rem !important;
  }
  .row.row-spacing-small-xl-up > [class*=col-],
.row.row-spacing-small-xl-up > .col {
    margin-top: 0.9375rem !important;
  }
}

.row.row-spacing-medium {
  margin-top: -1.875rem !important;
}
.row.row-spacing-medium > [class*=col-],
.row.row-spacing-medium > .col {
  margin-top: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .row.row-spacing-medium-xxs-down {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xxs-down > [class*=col-],
.row.row-spacing-medium-xxs-down > .col {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .row.row-spacing-medium-xxs-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xxs-only > [class*=col-],
.row.row-spacing-medium-xxs-only > .col {
    margin-top: 1.875rem !important;
  }
}

.row.row-spacing-medium-xxs-up {
  margin-top: -1.875rem !important;
}
.row.row-spacing-medium-xxs-up > [class*=col-],
.row.row-spacing-medium-xxs-up > .col {
  margin-top: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .row.row-spacing-medium-xs-down {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xs-down > [class*=col-],
.row.row-spacing-medium-xs-down > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .row.row-spacing-medium-xs-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xs-only > [class*=col-],
.row.row-spacing-medium-xs-only > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .row.row-spacing-medium-xs-up {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xs-up > [class*=col-],
.row.row-spacing-medium-xs-up > .col {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .row.row-spacing-medium-sm-down {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-sm-down > [class*=col-],
.row.row-spacing-medium-sm-down > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.row-spacing-medium-sm-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-sm-only > [class*=col-],
.row.row-spacing-medium-sm-only > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .row.row-spacing-medium-sm-up {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-sm-up > [class*=col-],
.row.row-spacing-medium-sm-up > .col {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .row.row-spacing-medium-md-down {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-md-down > [class*=col-],
.row.row-spacing-medium-md-down > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.row-spacing-medium-md-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-md-only > [class*=col-],
.row.row-spacing-medium-md-only > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .row.row-spacing-medium-md-up {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-md-up > [class*=col-],
.row.row-spacing-medium-md-up > .col {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .row.row-spacing-medium-lg-down {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-lg-down > [class*=col-],
.row.row-spacing-medium-lg-down > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.row-spacing-medium-lg-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-lg-only > [class*=col-],
.row.row-spacing-medium-lg-only > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .row.row-spacing-medium-lg-up {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-lg-up > [class*=col-],
.row.row-spacing-medium-lg-up > .col {
    margin-top: 1.875rem !important;
  }
}

.row.row-spacing-medium-xl-down {
  margin-top: -1.875rem !important;
}
.row.row-spacing-medium-xl-down > [class*=col-],
.row.row-spacing-medium-xl-down > .col {
  margin-top: 1.875rem !important;
}

@media (min-width: 1600px) {
  .row.row-spacing-medium-xl-only {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xl-only > [class*=col-],
.row.row-spacing-medium-xl-only > .col {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .row.row-spacing-medium-xl-up {
    margin-top: -1.875rem !important;
  }
  .row.row-spacing-medium-xl-up > [class*=col-],
.row.row-spacing-medium-xl-up > .col {
    margin-top: 1.875rem !important;
  }
}

.row.row-spacing-large {
  margin-top: -3.1250625rem !important;
}
.row.row-spacing-large > [class*=col-],
.row.row-spacing-large > .col {
  margin-top: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .row.row-spacing-large-xxs-down {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xxs-down > [class*=col-],
.row.row-spacing-large-xxs-down > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .row.row-spacing-large-xxs-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xxs-only > [class*=col-],
.row.row-spacing-large-xxs-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

.row.row-spacing-large-xxs-up {
  margin-top: -3.1250625rem !important;
}
.row.row-spacing-large-xxs-up > [class*=col-],
.row.row-spacing-large-xxs-up > .col {
  margin-top: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .row.row-spacing-large-xs-down {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xs-down > [class*=col-],
.row.row-spacing-large-xs-down > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .row.row-spacing-large-xs-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xs-only > [class*=col-],
.row.row-spacing-large-xs-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .row.row-spacing-large-xs-up {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xs-up > [class*=col-],
.row.row-spacing-large-xs-up > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .row.row-spacing-large-sm-down {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-sm-down > [class*=col-],
.row.row-spacing-large-sm-down > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.row-spacing-large-sm-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-sm-only > [class*=col-],
.row.row-spacing-large-sm-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .row.row-spacing-large-sm-up {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-sm-up > [class*=col-],
.row.row-spacing-large-sm-up > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .row.row-spacing-large-md-down {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-md-down > [class*=col-],
.row.row-spacing-large-md-down > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.row-spacing-large-md-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-md-only > [class*=col-],
.row.row-spacing-large-md-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .row.row-spacing-large-md-up {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-md-up > [class*=col-],
.row.row-spacing-large-md-up > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .row.row-spacing-large-lg-down {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-lg-down > [class*=col-],
.row.row-spacing-large-lg-down > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.row-spacing-large-lg-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-lg-only > [class*=col-],
.row.row-spacing-large-lg-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .row.row-spacing-large-lg-up {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-lg-up > [class*=col-],
.row.row-spacing-large-lg-up > .col {
    margin-top: 3.1250625rem !important;
  }
}

.row.row-spacing-large-xl-down {
  margin-top: -3.1250625rem !important;
}
.row.row-spacing-large-xl-down > [class*=col-],
.row.row-spacing-large-xl-down > .col {
  margin-top: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .row.row-spacing-large-xl-only {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xl-only > [class*=col-],
.row.row-spacing-large-xl-only > .col {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .row.row-spacing-large-xl-up {
    margin-top: -3.1250625rem !important;
  }
  .row.row-spacing-large-xl-up > [class*=col-],
.row.row-spacing-large-xl-up > .col {
    margin-top: 3.1250625rem !important;
  }
}

.row.row-edgeless:not([class*=row-split-pane]) > [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden;
}
@media (max-width: 767.98px) {
  .row.row-edgeless-xs-down:not([class*=row-split-pane]) > [class*=col-] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
  }
}

.row.row-matrix > [class*=col] {
  margin-bottom: 1.875rem;
}

.row[class*=row-split-pane] {
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #d2d2d2;
}
@media (min-width: 768px) {
  .row[class*=row-split-pane] {
    flex-direction: row;
  }
}
.row[class*=row-split-pane] > .col {
  min-width: 0;
  flex: 1;
  padding: 0;
  text-overflow: ellipsis;
  transition: flex 0.55s cubic-bezier(0.77, 0, 0.175, 1), width 0.55s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 1;
}
.row[class*=row-split-pane] > .col:first-child, .row[class*=row-split-pane] > .col.first-visible {
  border-bottom: 1px solid #d2d2d2;
  z-index: 2;
}
@media (min-width: 768px) {
  .row[class*=row-split-pane] > .col:first-child, .row[class*=row-split-pane] > .col.first-visible {
    border-bottom: none;
    border-right: 1px solid #d2d2d2;
  }
}
.row[class*=row-split-pane].row-split-pane-hide-left > .col:first-child, .row[class*=row-split-pane].row-split-pane-hide-left > .col.first-visible {
  width: 0;
  flex: none;
  padding: 0;
  transition: padding 0.2s, opacity 0.2s, flex 0.55s cubic-bezier(0.77, 0, 0.175, 1), width 0.55s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 767.98px) {
  .row[class*=row-split-pane].row-split-pane-hide-left > .col:first-child, .row[class*=row-split-pane].row-split-pane-hide-left > .col.first-visible {
    display: none;
  }
}
.row[class*=row-split-pane].row-split-pane-hide-left > .col:first-child *, .row[class*=row-split-pane].row-split-pane-hide-left > .col.first-visible * {
  opacity: 0;
  transition: padding 0.2s, opacity 0.2s, flex 0.55s cubic-bezier(0.77, 0, 0.175, 1), width 0.55s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (min-width: 768px) {
  .row[class*=row-split-pane].row-split-pane-quarter > .col:first-child, .row[class*=row-split-pane].row-split-pane-quarter > .col.first-visible {
    width: 25%;
    flex: none;
  }
}
@media (min-width: 768px) {
  .row[class*=row-split-pane].row-split-pane-tenth > .col:first-child, .row[class*=row-split-pane].row-split-pane-tenth > .col.first-visible {
    width: 10%;
    flex: none;
  }
}
@media (min-width: 768px) {
  .row[class*=row-split-pane].row-split-pane-third > .col:first-child, .row[class*=row-split-pane].row-split-pane-third > .col.first-visible {
    width: 33.333%;
    flex: none;
  }
}

.row + .row:not(.form-group):not([class*=row-spacing-]) {
  margin-top: -0.0625rem;
  padding-top: 0.0625rem;
}
.row + .row:not(.form-group):not([class*=row-spacing-]).border-top, .row + .row:not(.form-group):not([class*=row-spacing-]).row-equal-height {
  margin-top: 0;
  padding-top: 0;
}
.row + .row-split-pane {
  position: relative;
  top: -0.0625rem;
  margin-top: 0;
  padding-top: 0;
}

* + .row:not(.form-group):not([class*=row-spacing-]).row-btn {
  padding-top: 1.875rem;
}

[class*=col-] {
  position: static;
}

.row.flex-direction-column > [class*=col] {
  flex-basis: auto !important;
}
@media (max-width: 479.98px) {
  .row.flex-direction-column-xxs-down > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (max-width: 479.98px) {
  .row.flex-direction-column-xxs-only > [class*=col] {
    flex-basis: auto !important;
  }
}
.row.flex-direction-column-xxs-up > [class*=col] {
  flex-basis: auto !important;
}
@media (max-width: 767.98px) {
  .row.flex-direction-column-xs-down > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 480px) and (max-width: 767.98px) {
  .row.flex-direction-column-xs-only > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 480px) {
  .row.flex-direction-column-xs-up > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (max-width: 1023.98px) {
  .row.flex-direction-column-sm-down > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .row.flex-direction-column-sm-only > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 768px) {
  .row.flex-direction-column-sm-up > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (max-width: 1199.98px) {
  .row.flex-direction-column-md-down > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .row.flex-direction-column-md-only > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 1024px) {
  .row.flex-direction-column-md-up > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (max-width: 1599.98px) {
  .row.flex-direction-column-lg-down > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .row.flex-direction-column-lg-only > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 1200px) {
  .row.flex-direction-column-lg-up > [class*=col] {
    flex-basis: auto !important;
  }
}
.row.flex-direction-column-xl-down > [class*=col] {
  flex-basis: auto !important;
}
@media (min-width: 1600px) {
  .row.flex-direction-column-xl-only > [class*=col] {
    flex-basis: auto !important;
  }
}
@media (min-width: 1600px) {
  .row.flex-direction-column-xl-up > [class*=col] {
    flex-basis: auto !important;
  }
}

.collection {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
}
.collection:not([class*=border-]):not([class*=collection-spacing-]) {
  padding-left: 0;
  padding-right: 0;
}
.collection.collection-spacing-auto > .row > :is(.col, [class*=col-]) {
  padding: auto;
}
.collection.collection-spacing-xsmall > .row > :is(.col, [class*=col-]) {
  padding: 0.15625rem;
}
.collection.collection-spacing-small > .row > :is(.col, [class*=col-]) {
  padding: 0.46875rem;
}
.collection.collection-spacing-medium > .row > :is(.col, [class*=col-]) {
  padding: 0.9375rem;
}
.collection.collection-spacing-large > .row > :is(.col, [class*=col-]) {
  padding: 1.56253125rem;
}
.collection > .row > :is(.col, [class*=col-]) {
  width: 0;
  max-width: none !important;
  flex-grow: 1 !important;
  margin: -0.0625rem;
  border: 1px solid #d2d2d2;
  background: #fff;
}

.columns-1 {
  -moz-columns: 1;
       columns: 1;
}
.columns-1.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.columns-2 {
  -moz-columns: 2;
       columns: 2;
}
.columns-2.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.columns-3 {
  -moz-columns: 3;
       columns: 3;
}
.columns-3.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.columns-4 {
  -moz-columns: 4;
       columns: 4;
}
.columns-4.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.columns-5 {
  -moz-columns: 5;
       columns: 5;
}
.columns-5.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.columns-6 {
  -moz-columns: 6;
       columns: 6;
}
.columns-6.column-rule {
  -moz-column-rule: 1px solid #d2d2d2;
       column-rule: 1px solid #d2d2d2;
}

.layout-main .sidebar {
  display: none;
}
@media (min-width: 768px) {
  .layout-main .sidebar {
    display: inline-block;
    position: sticky;
    top: 8.1250625rem;
    width: 100%;
    height: calc(100vh - (5rem + 3.1250625rem));
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.layout-main .drop,
.layout-main .drop2 {
  position: absolute;
  top: 0;
  width: 16.375rem;
  height: 100vh;
  z-index: 9;
}
.layout-main .drop {
  right: -16.375rem;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .layout-main .drop {
    position: static;
    float: right;
    width: 100%;
    height: auto;
    padding: 0;
  }
}
.layout-main .drop .opener {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  z-index: 999;
}
.layout-main .drop2 {
  left: -16.375rem;
}
@media (min-width: 1024px) {
  .layout-main.fullscreen, .layout-main.fullscreen > [class*=section-],
.layout-main.fullscreen .outer-wrap,
.layout-main.fullscreen .inner-wrap,
.layout-main.fullscreen .content-wrap,
.layout-main.fullscreen .main-wrap,
.layout-main.fullscreen .main-wrap > .container-fluid,
.layout-main.fullscreen .main-wrap > .container-sm,
.layout-main.fullscreen .main-wrap > .container-md,
.layout-main.fullscreen .main-wrap > .container-lg,
.layout-main.fullscreen .main-wrap > .container-xl,
.layout-main.fullscreen .main-wrap > .container-fluid > .row,
.layout-main.fullscreen .main-wrap > .container-sm > .row,
.layout-main.fullscreen .main-wrap > .container-md > .row,
.layout-main.fullscreen .main-wrap > .container-lg > .row,
.layout-main.fullscreen .main-wrap > .container-xl > .row,
.layout-main.fullscreen .main-wrap > .container-fluid > .row > [class*=col],
.layout-main.fullscreen .main-wrap > .container-sm > .row > [class*=col],
.layout-main.fullscreen .main-wrap > .container-md > .row > [class*=col],
.layout-main.fullscreen .main-wrap > .container-lg > .row > [class*=col],
.layout-main.fullscreen .main-wrap > .container-xl > .row > [class*=col],
.layout-main.fullscreen .main-wrap > .container-fluid > .row > [class*=col] > .main-content,
.layout-main.fullscreen .main-content,
.layout-main.fullscreen .main-content > .icpguide-namespace,
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-],
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row,
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col],
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .collapsible-boxed-wrap,
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .card {
    height: 100%;
  }
}
.layout-main.fullscreen .main-wrap {
  padding-top: 5rem;
}
.layout-main.fullscreen .main-wrap > .container-fluid > .row > [class*=col], .layout-main.fullscreen .main-wrap > .container-sm > .row > [class*=col], .layout-main.fullscreen .main-wrap > .container-md > .row > [class*=col], .layout-main.fullscreen .main-wrap > .container-lg > .row > [class*=col], .layout-main.fullscreen .main-wrap > .container-xl > .row > [class*=col] {
  padding: 0;
}
.layout-main.fullscreen .main-wrap > .container-fluid > .row > [class*=col] .main-content, .layout-main.fullscreen .main-wrap > .container-sm > .row > [class*=col] .main-content, .layout-main.fullscreen .main-wrap > .container-md > .row > [class*=col] .main-content, .layout-main.fullscreen .main-wrap > .container-lg > .row > [class*=col] .main-content, .layout-main.fullscreen .main-wrap > .container-xl > .row > [class*=col] .main-content {
  padding: 1.875rem;
}
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] {
  display: flex;
  flex-direction: column;
}
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > :last-child {
  min-height: 0;
}
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .card > .card-body {
  overflow-y: auto;
}
@media (max-width: 1023.98px) {
  .layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .card .has-max-height-custom {
    max-height: 18.75rem;
    overflow-y: auto;
  }
}
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .collapsible-boxed-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}
.layout-main.fullscreen .main-content > .icpguide-namespace > [class*=section-] > .row > [class*=col] > .collapsible-boxed-wrap > .collapsible-boxed-body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.layout-main .main-wrap {
  padding-top: 8.1250625rem;
}
.layout-main .footer {
  padding: 4.6875rem 0;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .layout-main .footer {
    padding: 2.875rem 0;
  }
}
.layout-main .outer-wrap {
  position: relative;
}
.layout-main .content-wrap {
  position: relative;
}
.layout-main .icpg-slide-right {
  position: relative;
  width: 100%;
}
.layout-main .inner-wrap.drop-active {
  overflow-x: hidden;
}
@media (max-width: 767.98px) {
  .layout-main .inner-wrap.drop-active .drop2 {
    right: -16.375rem;
    transition: 0.2s ease-in-out;
  }
}
@media (max-width: 767.98px) {
  .layout-main .inner-wrap.drop-active .header {
    left: 16.375rem;
    right: -16.375rem;
  }
}
@media (max-width: 767.98px) {
  .layout-main .inner-wrap.drop-active .icpg-slide-right {
    margin: 0 0 0 16.375rem;
  }
}
@media (max-width: 767.98px) {
  body.icpg-active .content-wrap {
    margin: 0 0 0 -16.375rem;
    transition: 0.2s ease-in-out;
  }
}
@media (max-width: 767.98px) {
  body.icpg-active .drop {
    right: -16.375rem;
    box-shadow: -0.3125rem 0 2.1875rem 0.625rem rgba(0, 0, 0, 0.35);
    background: #f9f9f9;
  }
}
@media (max-width: 767.98px) {
  body.icpg-active .header {
    left: -16.375rem;
    right: 16.375rem;
    transition: 0.2s ease-in-out;
  }
}
@media (max-width: 767.98px) {
  body.icpg-active .header-right .drop {
    right: -16.375rem;
  }
}
@media (max-width: 767.98px) {
  body.icpg-active .header-right .content-wrap {
    margin: 0 0 0 -16.375rem;
  }
}

.layout-main .corner-controls {
  position: fixed;
  bottom: 1.875rem;
  right: 0.9375rem;
  padding: 0.625rem;
  border-radius: 62.4375rem;
  box-shadow: 0 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  z-index: 9999;
}
.layout-main .header {
  position: fixed;
  left: 0;
  right: 0;
  height: 5rem;
  padding: 1.25rem 0;
  transition: 0.2s ease-in-out;
  z-index: 8500;
}

.layout-main .sidebar {
  white-space: normal;
}
.layout-main .drop,
.layout-main .drop2 {
  transition: all 0.2s;
}
.layout-main .drop2 {
  background: #f9f9f9;
}
.layout-main .main-content {
  white-space: normal;
}
.layout-main .icpg-accordion {
  margin: -0.3125rem 0 0 0;
}
.layout-main .icpg-accordion li {
  display: block;
  padding: 0.625rem 0;
  border-bottom: 0.0625rem solid #eaeaea;
  font: 700 0.9375rem/1.25rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.layout-main .icpg-accordion li:last-child {
  border: none;
}
.layout-main .icpg-accordion li a {
  font-weight: 400;
  text-decoration: none;
  color: #0d70ac;
  transition: all 0.2s ease;
}
.layout-main .icpg-accordion .expand {
  padding: 0.9375rem 0;
}
.layout-main .icpg-accordion .expand li {
  padding: 0.3125rem 0;
  border: none;
  font: 400 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.layout-main .icpg-accordion .expand li.icpg-active .inner-open {
  font: 700 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.layout-main .icpg-accordion .expand li.icpg-active .inner-slide {
  display: block;
  position: relative;
}
.layout-main .icpg-accordion .expand li a {
  text-decoration: none;
  color: #5a5a5a;
}
.layout-main .icpg-accordion .expand li a:focus, .layout-main .icpg-accordion .expand li a:hover, .layout-main .icpg-accordion .expand li a.icpg-active {
  font: 400 0.875rem/1.1875rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.layout-main .icpg-accordion .expand li a.icpg-active {
  font-weight: 700;
}
.layout-main .icpg-accordion .expand li a.icpg-active:focus, .layout-main .icpg-accordion .expand li a.icpg-active:hover {
  opacity: 0.8;
}
.layout-main .icpg-accordion .expand li .inner-slide {
  display: none;
  padding: 0.3125rem 0 0;
}
.layout-main .icpg-accordion .expand li .inner-slide.show {
  display: inherit !important;
}
.layout-main .icpg-accordion .expand li .sub-links {
  padding: 0.3125rem 0 0;
}
.layout-main .icpg-accordion .link-list {
  padding: 0.125rem 0 0.625rem 1.25rem;
}
.layout-main .icpg-accordion .link-list li {
  padding: 0.25rem 0;
}
.layout-main .icpg-accordion .link-list li.icpg-active a {
  font-style: italic;
  font-weight: 700;
  color: #0b65aa;
}
.layout-main .icpg-accordion .link-list li a {
  position: relative;
  font: 400 0.8125rem/1.125rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.layout-main .icpg-accordion .link-list li a.icpg-active {
  font: 500 0.875rem/1.125rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #0b65aa;
}
.layout-main .icpg-accordion .sub-nav {
  display: block;
}
.layout-main #glyph-data .container {
  width: 100%;
}
.layout-main #glyph-data .container > .row {
  margin-top: 2.1875rem;
}
.layout-main #glyph-listing .wrap:hover canvas,
.layout-main #glyph-listing-shared .wrap:hover canvas {
  top: -0.625rem;
  opacity: 1;
  cursor: pointer;
}
.layout-main #glyph-listing .wrap:hover canvas::after, .layout-main #glyph-listing .wrap.icpg-active canvas::after,
.layout-main #glyph-listing-shared .wrap:hover canvas::after,
.layout-main #glyph-listing-shared .wrap.icpg-active canvas::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: red;
}
.layout-main #glyph-listing .wrap:hover span, .layout-main #glyph-listing .wrap.icpg-active span,
.layout-main #glyph-listing-shared .wrap:hover span,
.layout-main #glyph-listing-shared .wrap.icpg-active span {
  background: #f4f4f4;
  font-size: #000;
}
.layout-main #glyph-listing .wrap canvas,
.layout-main #glyph-listing-shared .wrap canvas {
  display: block;
  position: relative;
  top: 0;
  margin: auto;
  padding: 0;
  opacity: 0.7;
  transition: 0.45s;
}
.layout-main #glyph-listing .wrap span,
.layout-main #glyph-listing-shared .wrap span {
  display: block;
  position: absolute;
  bottom: 0.3125rem;
  left: 0.3125rem;
  right: 0.3125rem;
  padding: 0.0625rem 0.3125rem;
  background: #fff;
  font-size: 0.8125rem;
  text-align: center;
  white-space: nowrap;
  transition: 0.45s;
}
.layout-main [id*=bg-colors] .wrap > [class*=bg-],
.layout-main #fg-colors .wrap > [class*=fg-],
.layout-main #border-colors .wrap > .border {
  height: 100%;
}
.layout-main [id*=bg-colors] .wrap,
.layout-main #fg-colors .wrap,
.layout-main #border-colors .wrap,
.layout-main #glyph-listing .wrap,
.layout-main #glyph-listing-shared .wrap {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 6.25rem;
}
@media (min-width: 480px) {
  .layout-main [id*=bg-colors] .wrap,
.layout-main #fg-colors .wrap,
.layout-main #border-colors .wrap,
.layout-main #glyph-listing .wrap,
.layout-main #glyph-listing-shared .wrap {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .layout-main [id*=bg-colors] .wrap,
.layout-main #fg-colors .wrap,
.layout-main #border-colors .wrap,
.layout-main #glyph-listing .wrap,
.layout-main #glyph-listing-shared .wrap {
    width: 20%;
  }
}
.layout-main [id*=bg-colors] .wrap,
.layout-main #border-colors .wrap,
.layout-main #fg-colors .wrap {
  height: 8.75rem;
  font-size: 3.75rem;
  font-weight: 700;
  text-align: center;
  transition: 0.45s;
}
.layout-main [id*=bg-colors] .wrap:hover > .icp-details,
.layout-main #border-colors .wrap:hover > .icp-details,
.layout-main #fg-colors .wrap:hover > .icp-details {
  bottom: 0.9375rem;
  opacity: 1;
  transition-delay: 0.15s;
}
.layout-main [id*=bg-colors] .wrap > .icp-details,
.layout-main #border-colors .wrap > .icp-details,
.layout-main #fg-colors .wrap > .icp-details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  transition: 0.2s;
}
.layout-main [id*=bg-colors],
.layout-main #border-colors {
  margin: 0 -0.625rem;
}
.layout-main [id*=bg-colors] .wrap:hover > .icp-details,
.layout-main #border-colors .wrap:hover > .icp-details {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  transition: 0.45s;
}
.layout-main [id*=bg-colors] .wrap > .icp-details,
.layout-main #border-colors .wrap > .icp-details {
  top: 40%;
  bottom: auto;
  padding: 0.9375rem;
  background: rgba(255, 255, 255, 0.9);
}
.layout-main [id*=bg-colors] .wrap {
  margin: 0.3125rem 0;
  padding: 0 0.625rem;
  overflow: hidden;
}
.layout-main #border-colors .variable {
  opacity: 1;
  font-size: 0.875rem;
  font-weight: 700;
}
.layout-main #border-colors .wrap {
  border: 0.3125rem solid #e2e2e2;
}
.layout-main #fg-colors .wrap:hover {
  background: #f4f4f4;
}
.layout-main #fg-colors .wrap:hover .letters {
  font-size: 3.125rem;
  transform: translateY(-1.875rem);
}
.layout-main #fg-colors .wrap > *::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.layout-main #fg-colors .wrap .letters {
  display: inline-block;
  transition: 0.2s;
}
.layout-main .variable,
.layout-main .hex {
  opacity: 0.7;
  font-size: 0.75rem;
  font-weight: 400;
}
.layout-main.icpg-active .drop {
  box-shadow: -0.3125rem 0 2.1875rem 0.625rem rgba(0, 0, 0, 0.35);
}
.layout-main .outer-wrap {
  box-shadow: 0 13.75rem 0rem-calc px 62.4375rem #282828;
  background: #f4f5f9;
}
.layout-main .inner-wrap.drop-active .icpg-slide-right .menu-left .close {
  display: block;
}
.layout-main .inner-wrap.drop-active .icpg-slide-right .drop2 {
  box-shadow: -0.3125rem 0 2.1875rem 0.625rem rgba(0, 0, 0, 0.35);
}
.layout-main .inner-wrap.drop-active .icpg-slide-right .opener-left {
  display: none;
}
.layout-main .inner-wrap.drop-active .icpg-slide-right .close {
  display: block;
}
.layout-main .inner-wrap .icpg-slide-right {
  transition: all 0.2s ease-in-out;
}
.layout-main .inner-wrap .icpg-slide-right .menu-left .close {
  display: none;
  transition: 0.2s;
}
.layout-main .header {
  border-bottom: none !important;
  background: #5086b7 !important;
  line-height: normal;
}
.layout-main .header button.close {
  opacity: 1;
  z-index: 99;
}
.layout-main .header button.close img {
  vertical-align: baseline;
}
.layout-main .header [class*=search-opener] {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  align-self: flex-end;
  border: none;
  border-radius: 50%;
  background: rgba(249, 249, 249, 0);
  text-align: center;
  transition: all 0.2s;
  z-index: 1;
}
.layout-main .header [class*=search-opener] [class*=icon-] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.layout-main .header [class*=search-opener]:hover, .layout-main .header [class*=search-opener]:focus {
  background: #e9e9e9;
}
.layout-main .header .form-hold {
  position: relative;
}
@media (min-width: 768px) {
  .layout-main .header .form-hold {
    display: none;
  }
}
.layout-main .header .form-hold button.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.625rem 0.3125rem;
  border: none;
  opacity: 1;
  background: none;
  transition: all 0.2s ease;
  z-index: 99;
}
.layout-main .header .form-hold button.close img {
  vertical-align: baseline;
}
.layout-main .header .form-hold .form-hold .search-drop {
  position: static;
}
.layout-main .header-center .logo {
  position: relative;
  margin: -0.3125rem 0 0.1875rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .layout-main .header-center .logo {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.5rem !important;
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .layout-main .header-center .logo img {
    position: static !important;
    max-width: none !important;
    max-height: none !important;
  }
}
.layout-main .header-center .logo .slogan {
  position: absolute;
  bottom: -0.9375rem;
  left: 0;
  right: 0;
  font: 700 0.625rem/0.9375rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-decoration: none;
  color: #fff;
}
@media (min-width: 768px) {
  .layout-main .header-center .logo .slogan {
    display: none;
  }
}
@media (min-width: 768px) {
  .layout-main .header-left {
    float: left;
  }
}
@media (min-width: 768px) {
  .layout-main .header-left .menu-left {
    display: none;
  }
}
.layout-main .header-left .menu-left .opener-left,
.layout-main .header-left .menu-left .close {
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  border: 0;
  background: transparent;
  transform: translateY(-50%);
  transition: opacity 0.2s;
}
.layout-main .header-left .menu-left .opener-left {
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.layout-main .header-left .menu-left .opener-left:focus-visible, .layout-main .header-left .menu-left .opener-left:hover {
  opacity: 0.5;
}
.layout-main .header-left .menu-left .opener-left .drop2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16.375rem;
  width: 16.375rem;
  border: 0.0625rem solid #000;
  background: #f9f9f9;
  transition: all 0.2s ease-in-out;
}
.layout-main .header-right {
  float: right;
  overflow: hidden;
}
@media (min-width: 768px) {
  .layout-main .header-right {
    position: relative;
    width: 60%;
    padding: 0;
    text-align: right;
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .layout-main .header-right {
    width: 43%;
  }
}
.layout-main .header-right.search-active .form-block .search-drop {
  opacity: 1;
  visibility: visible;
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline {
  color: #fff;
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline:not(:focus) {
  box-shadow: 0 0.125rem 0 -0.0625rem #fff;
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline:not(:focus) ~ label {
  color: white;
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline:focus {
  box-shadow: 0 0.125rem 0 -0.0625rem rgba(255, 255, 255, 0.75);
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline:focus ~ label {
  color: rgba(255, 255, 255, 0.75);
}
.layout-main .header-right.search-active .form-block .search-drop input.input-underline ~ button.close {
  text-shadow: none;
  color: #fff;
}
@media (min-width: 768px) {
  .layout-main .header-right.search-active .nav {
    display: none;
  }
}
.layout-main .header-right.search-active .nav .search-drop {
  left: 0;
}
.layout-main .header-right ul {
  margin: 0 0 1.375rem;
}
@media (min-width: 768px) {
  .layout-main .header-right ul {
    display: inline-block;
    margin: 0 0 0 -1.5625rem;
    vertical-align: top;
  }
}
.layout-main .header-right ul li {
  padding: 0.5rem 0 !important;
  font: 400 1.25rem/1.5625rem "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
@media (min-width: 768px) {
  .layout-main .header-right ul li {
    display: inline-block;
    position: relative;
    padding: 0 0.625rem !important;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.1875rem;
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .layout-main .header-right ul li {
    padding: 0 1.5625rem !important;
  }
}
@media (min-width: 768px) {
  .layout-main .header-right ul li.icpg-active::after {
    content: "";
    position: absolute;
    bottom: -2.1875rem;
    left: 44%;
    border-color: transparent transparent #f4f5f9;
    border-style: solid;
    border-width: 0 0.5rem 0.5rem;
    transform: translateY(-50%);
  }
}
.layout-main .header-right ul li a {
  text-decoration: none;
  transition: all 0.5s ease;
}
@media (min-width: 768px) {
  .layout-main .header-right ul li a {
    color: #fff;
  }
}
@media (min-width: 768px) {
  .layout-main .header-right ul li a:hover {
    opacity: 0.7;
    color: #fff;
  }
}
.layout-main .header-right ul li a.icpg-active {
  font-weight: 700;
}
.layout-main .header-right ul li a.icpg-active a {
  color: #fff !important;
}
.layout-main .header-right .form-block {
  display: none;
  overflow: hidden;
}
@media (min-width: 768px) {
  .layout-main .header-right .form-block {
    display: inline-block;
    margin: 0 0 0 0.75rem;
    vertical-align: middle;
  }
}
@media (min-width: 1200px) {
  .layout-main .header-right .form-block {
    margin: 0 0 0 1.75rem;
  }
}
.layout-main .header-right .form-block button.search-opener-submit {
  display: none;
}
.layout-main .header-right .form-block span.search-opener {
  display: block;
}
.layout-main .header-right .form-block .closed button.search-opener {
  display: none;
}
.layout-main .header-right .form-block .closed span.search-opener {
  display: block;
}
.layout-main .header-right .form-block .search-drop {
  bottom: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s;
  z-index: 0;
}
.layout-main .header-right .form-block .search-form {
  text-align: right;
}
.layout-main .header-right .form-block [class*=search-opener] {
  background: rgba(255, 255, 255, 0);
  color: #fff;
}
.layout-main .header-right .form-block [class*=search-opener]:hover, .layout-main .header-right .form-block [class*=search-opener]:focus {
  background: rgba(255, 255, 255, 0.15);
}
.layout-main .header-right .nav {
  display: inline-block;
  vertical-align: middle;
}
.layout-main .header-right .opener {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  width: 2.5rem;
  height: 2.1875rem;
  border: 0;
  background: transparent;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);
  transition: background 0.3s;
}
@media (min-width: 768px) {
  .layout-main .header-right .opener {
    display: none;
  }
}
.layout-main .header-right .opener::after, .layout-main .header-right .opener::before,
.layout-main .header-right .opener span {
  position: absolute;
  top: 1.5rem;
  left: 0.625rem;
  right: 0.4375rem;
  height: 0.125rem;
  margin-top: 0.125rem;
  background: #fff;
  transition: all 0.2s linear;
}
.layout-main .header-right .opener::after, .layout-main .header-right .opener::before {
  content: "";
  top: 0.5rem;
}
.layout-main .header-right .opener::after {
  top: 1rem;
}
.layout-main .header-right .opener:hover {
  opacity: 0.5 !important;
  cursor: pointer;
}
.layout-main .header-right .search-drop {
  position: absolute;
  right: 1.875rem;
}
body.icpg-active .layout-main .opener::after, body.icpg-active .layout-main .opener::before {
  top: 0.9375rem;
  left: 15%;
  right: 15%;
  transform: rotate(45deg);
}
body.icpg-active .layout-main .opener::after {
  transform: rotate(-45deg);
}
body.icpg-active .layout-main .opener span {
  opacity: 0;
}
@media (min-width: 768px) {
  body.icpg-active .layout-main .header-right .drop {
    background: none;
  }
}
body.icpg-active .layout-main .header-right .form-hold .search-drop {
  position: static;
}

.layout-main .section-landing .post {
  transition: 0.45s;
}
@media (min-width: 1024px) {
  .layout-main .section-landing .post {
    padding: 1.875rem 1.875rem 2.1875rem;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .layout-main .section-landing .post::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0.3125rem;
    opacity: 0;
    background: #0d70ac;
    transition: 0.45s;
  }
}
@media (min-width: 768px) {
  .layout-main .section-landing .post::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: transparent;
    transition: 0.45s;
  }
}
@media (min-width: 768px) {
  .layout-main .section-landing .post:hover {
    transform: translateY(-1.25rem);
  }
}
@media (min-width: 768px) {
  .layout-main .section-landing .post:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.3125rem;
    opacity: 1;
    background: #0d70ac;
  }
}
@media (min-width: 768px) {
  .layout-main .section-landing .post:hover::before {
    height: 1.25rem;
  }
}
.layout-main .section-landing .post .post-title {
  padding-right: 0;
}
.layout-main .section-landing .post .post-title::after {
  content: "#";
  position: absolute;
}
@media (min-width: 1024px) {
  .layout-main .section-landing .post .post-title::before {
    display: none;
  }
}
.layout-main .section-landing .post .post-title a {
  color: inherit;
}
.layout-main .section-reports .footer {
  box-shadow: 0rem-calc px 100vh 0rem-calc px 6.25rem #232323;
  background: #232323;
}
.layout-main .section-reports body[class*=icp-report] {
  margin-top: 0 !important;
}
.layout-main .section-search .search-title {
  margin-top: 0 !important;
  font-size: 1.375rem !important;
}
@media (min-width: 768px) {
  .layout-main .section-search .search-wrap {
    position: sticky;
    top: 6.875rem;
    height: calc(100vh - (6.875rem));
    overflow-y: auto;
  }
}
.layout-main .section-search .search-links .btn .btn-pill {
  padding: 0.5rem 0.9375rem;
}
.layout-main .section-search .post .search-result-expander {
  display: none;
}
.layout-main .section-search .post.post-collapsed .post-content {
  max-height: 200px;
  overflow: hidden;
}
.layout-main .section-search .post.post-collapsed .search-result-expander {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4.6875rem;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  background-image: linear-gradient(to top, white 35%, rgba(255, 255, 255, 0) 100%);
  font-style: italic;
  text-decoration: underline;
  color: #39f;
  transition: 0.2s;
  z-index: 99;
}
.layout-main .section-search .post.post-collapsed .search-result-expander:focus, .layout-main .section-search .post.post-collapsed .search-result-expander:hover {
  color: #5086b7;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 0 1.5625rem rgba(0, 0, 0, 0.2) !important;
}
.fancybox-opened .fancybox-title {
  top: 100% !important;
}

.fancybox-overlay {
  background: rgba(135, 135, 135, 0.6) !important;
}

.fancybox-skin {
  border-radius: 0 !important;
}

.fancybox-title-float-wrap {
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
}
.fancybox-title-float-wrap .child {
  width: 100% !important;
  margin-right: 100% !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  border-radius: 0 !important;
  white-space: normal !important;
}

pre code.hljs,
code.hljs {
  padding: 0.4375rem 0;
  background: transparent;
  white-space: pre;
}

:active,
:focus {
  outline: 0;
}

:focus-visible {
  outline: 0;
}

::-moz-selection {
  background-color: #006fab;
  color: #fff;
}

::selection {
  background-color: #006fab;
  color: #fff;
}

.no-animation {
  animation: none !important;
}

.no-transition {
  transition: none !important;
}

.sr-only {
  display: inline-block;
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute !important;
}

.arrow-tip-inset::after, .arrow-tip-inset::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  margin-top: -0.0625rem;
  border-color: #d2d2d2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0.5rem 9px 0;
  z-index: 1;
}
.arrow-tip-inset::after {
  top: -0.125rem;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.arrow-tip-inset-large::after, .arrow-tip-inset-large::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  margin-top: -0.0625rem;
  border-color: #d2d2d2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0.5rem 9px 0;
  z-index: 1;
}
.arrow-tip-inset-large::after {
  top: -0.125rem;
  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.arrow-tip-inset-large::after, .arrow-tip-inset-large::before {
  border-width: 0.875rem 15px 0;
}

.arrow-tip-outset-top::after, .arrow-tip-outset-top::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.4375rem;
  border-bottom: 7px solid #d2d2d2;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
}
.arrow-tip-outset-top::after {
  top: -0.375rem;
  border-bottom-color: #fff;
}

.arrow-tip-outset-bottom::after, .arrow-tip-outset-bottom::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -0.4375rem;
  border-bottom: 7px solid #d2d2d2;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
}
.arrow-tip-outset-bottom::after {
  top: -0.375rem;
  border-bottom-color: #fff;
}
.arrow-tip-outset-bottom::after, .arrow-tip-outset-bottom::before {
  top: auto;
  bottom: -0.4375rem;
  border-top: 7px solid #d2d2d2;
  border-bottom: none;
}
.arrow-tip-outset-bottom::after {
  top: auto;
  bottom: -0.375rem;
  border-top-color: #fff;
}

.arrow-tip-center::after, .arrow-tip-center::before {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.arrow-tip-inset-left::after, .arrow-tip-inset-left::before {
  left: 3%;
  right: auto;
}

.arrow-tip-inset-right::after, .arrow-tip-inset-right::before {
  left: auto;
  right: 3%;
}

.arrow-tip-outset-left::after, .arrow-tip-outset-left::before {
  left: 0.625rem;
  right: auto;
}

.arrow-tip-outset-right::after, .arrow-tip-outset-right::before {
  left: auto;
  right: 0.625rem;
}

.arrow-tip-none::after, .arrow-tip-none::before {
  display: none;
}

.color-inherit {
  color: inherit !important;
}

.dim,
.dim .text-label {
  color: rgba(51, 51, 51, 0.4);
}
.dim ::-moz-placeholder {
  color: #333 !important;
}
.dim ::placeholder {
  color: #333 !important;
}
.dim :-ms-input-placeholder {
  color: #333 !important;
}
.dim ::-ms-input-placeholder {
  color: #333 !important;
}
.dim input,
.dim textarea,
.dim :not([class*=img-circle-]):not([class*=img-rectangle-]) > img,
.dim [class*=img-circle-],
.dim [class*=img-rectangle-] {
  opacity: 0.4;
}

.symbol-wrap {
  display: inline-block;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.3125rem;
  border: 1px solid rgba(210, 210, 210, 0.5);
  border-radius: 50%;
  font-style: normal;
  vertical-align: middle;
}
.symbol-wrap * {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
}
.symbol-wrap [class*=icon-] {
  font-size: 0;
  line-height: 0;
}
.symbol-wrap [class*=icon-]::before {
  font-size: 0.5rem;
}

.box-shadow-small {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.box-shadow-medium {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.box-shadow-large {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.border-radius-small {
  border-radius: 0.1875rem !important;
}

.border-top-left-radius-small {
  border-top-left-radius: 0.1875rem !important;
}

.border-top-right-radius-small {
  border-top-right-radius: 0.1875rem !important;
}

.border-bottom-left-radius-small {
  border-bottom-left-radius: 0.1875rem !important;
}

.border-bottom-right-radius-small {
  border-bottom-right-radius: 0.1875rem !important;
}

.border-top-radius-small {
  border-top-left-radius: 0.1875rem !important;
  border-top-right-radius: 0.1875rem !important;
}

.border-right-radius-small {
  border-top-right-radius: 0.1875rem !important;
  border-bottom-right-radius: 0.1875rem !important;
}

.border-bottom-radius-small {
  border-bottom-left-radius: 0.1875rem !important;
  border-bottom-right-radius: 0.1875rem !important;
}

.border-left-radius-small {
  border-top-left-radius: 0.1875rem !important;
  border-bottom-left-radius: 0.1875rem !important;
}

.border-radius-medium {
  border-radius: 0.3125rem !important;
}

.border-top-left-radius-medium {
  border-top-left-radius: 0.3125rem !important;
}

.border-top-right-radius-medium {
  border-top-right-radius: 0.3125rem !important;
}

.border-bottom-left-radius-medium {
  border-bottom-left-radius: 0.3125rem !important;
}

.border-bottom-right-radius-medium {
  border-bottom-right-radius: 0.3125rem !important;
}

.border-top-radius-medium {
  border-top-left-radius: 0.3125rem !important;
  border-top-right-radius: 0.3125rem !important;
}

.border-right-radius-medium {
  border-top-right-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
}

.border-bottom-radius-medium {
  border-bottom-left-radius: 0.3125rem !important;
  border-bottom-right-radius: 0.3125rem !important;
}

.border-left-radius-medium {
  border-top-left-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
}

.border-radius-large {
  border-radius: 0.9375rem !important;
}

.border-top-left-radius-large {
  border-top-left-radius: 0.9375rem !important;
}

.border-top-right-radius-large {
  border-top-right-radius: 0.9375rem !important;
}

.border-bottom-left-radius-large {
  border-bottom-left-radius: 0.9375rem !important;
}

.border-bottom-right-radius-large {
  border-bottom-right-radius: 0.9375rem !important;
}

.border-top-radius-large {
  border-top-left-radius: 0.9375rem !important;
  border-top-right-radius: 0.9375rem !important;
}

.border-right-radius-large {
  border-top-right-radius: 0.9375rem !important;
  border-bottom-right-radius: 0.9375rem !important;
}

.border-bottom-radius-large {
  border-bottom-left-radius: 0.9375rem !important;
  border-bottom-right-radius: 0.9375rem !important;
}

.border-left-radius-large {
  border-top-left-radius: 0.9375rem !important;
  border-bottom-left-radius: 0.9375rem !important;
}

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

.border-top-left-radius-0 {
  border-top-left-radius: 0 !important;
}

.border-top-right-radius-0 {
  border-top-right-radius: 0 !important;
}

.border-bottom-left-radius-0 {
  border-bottom-left-radius: 0 !important;
}

.border-bottom-right-radius-0 {
  border-bottom-right-radius: 0 !important;
}

.border-top-radius-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.border-right-radius-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-bottom-radius-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-left-radius-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.border-radius-50\% {
  border-radius: 50% !important;
}

.border-top-left-radius-50\% {
  border-top-left-radius: 50% !important;
}

.border-top-right-radius-50\% {
  border-top-right-radius: 50% !important;
}

.border-bottom-left-radius-50\% {
  border-bottom-left-radius: 50% !important;
}

.border-bottom-right-radius-50\% {
  border-bottom-right-radius: 50% !important;
}

.border-top-radius-50\% {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.border-right-radius-50\% {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.border-bottom-radius-50\% {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.border-left-radius-50\% {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

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

.border-top-left-radius-9999px {
  border-top-left-radius: 9999px !important;
}

.border-top-right-radius-9999px {
  border-top-right-radius: 9999px !important;
}

.border-bottom-left-radius-9999px {
  border-bottom-left-radius: 9999px !important;
}

.border-bottom-right-radius-9999px {
  border-bottom-right-radius: 9999px !important;
}

.border-top-radius-9999px {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.border-right-radius-9999px {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.border-bottom-radius-9999px {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.border-left-radius-9999px {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.glyphs.glyphs-textual:not(.collapsed)::after, .glyphs.glyphs-textual::after,
.glyphs.glyphs-textual.collapsed::after {
  display: block;
  right: 0.125rem;
  opacity: 0.8;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-size: 0.75rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.glyphs.glyphs-down-up::after,
.glyphs.glyphs-down-up.collapsed::after {
  content: "\EA0F";
}

.glyphs.glyphs-down-up:not(.collapsed)::after {
  content: "\EA12";
}

.glyphs.glyphs-textual:not(.collapsed)::after, .glyphs.glyphs-textual::after,
.glyphs.glyphs-textual.collapsed::after {
  display: block;
  right: 0.125rem;
  opacity: 0.8;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-size: 0.75rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.glyphs.glyphs-plus-minus::after,
.glyphs.glyphs-plus-minus.collapsed::after {
  content: "\EA26";
}

.glyphs.glyphs-plus-minus:not(.collapsed)::after {
  content: "\EA24";
}

.glyphs.glyphs-textual:not(.collapsed)::after, .glyphs.glyphs-textual::after,
.glyphs.glyphs-textual.collapsed::after {
  display: block;
  right: 0.125rem;
  opacity: 0.8;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-size: 0.75rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.glyphs.glyphs-right-down::after,
.glyphs.glyphs-right-down.collapsed::after {
  content: "\EA11";
}

.glyphs.glyphs-right-down:not(.collapsed)::after {
  content: "\EA0F";
}

.glyphs.glyphs-textual:not(.collapsed)::after, .glyphs.glyphs-textual::after,
.glyphs.glyphs-textual.collapsed::after {
  display: block;
  right: 0.125rem;
  opacity: 0.8;
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
  font-size: 0.75rem !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.glyphs.glyphs-textual::after,
.glyphs.glyphs-textual.collapsed::after {
  content: "Expand";
}

.glyphs.glyphs-textual:not(.collapsed)::after {
  content: "Collapse";
}

.no-background {
  background: none !important;
}

.no-shadow {
  box-shadow: none !important;
}

.bs4-helper {
  display: inline-flex;
  vertical-align: middle;
}

[class*=center-wrap] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(-50%);
}

[class*=has-overlap] {
  position: absolute;
  left: 50%;
  z-index: 1;
}

.center {
  margin: 0 auto;
}

.center-wrap-fixed {
  position: fixed;
}

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

@media (max-width: 479.98px) {
  .display-block-xxs-down {
    display: block !important;
  }
}

@media (max-width: 479.98px) {
  .display-block-xxs-only {
    display: block !important;
  }
}

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

@media (max-width: 767.98px) {
  .display-block-xs-down {
    display: block !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-block-xs-only {
    display: block !important;
  }
}

@media (min-width: 480px) {
  .display-block-xs-up {
    display: block !important;
  }
}

@media (max-width: 1023.98px) {
  .display-block-sm-down {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-block-sm-only {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .display-block-sm-up {
    display: block !important;
  }
}

@media (max-width: 1199.98px) {
  .display-block-md-down {
    display: block !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-block-md-only {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .display-block-md-up {
    display: block !important;
  }
}

@media (max-width: 1599.98px) {
  .display-block-lg-down {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-block-lg-only {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .display-block-lg-up {
    display: block !important;
  }
}

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

@media (min-width: 1600px) {
  .display-block-xl-only {
    display: block !important;
  }
}

@media (min-width: 1600px) {
  .display-block-xl-up {
    display: block !important;
  }
}

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

@media (max-width: 479.98px) {
  .display-flex-xxs-down {
    display: flex !important;
  }
}

@media (max-width: 479.98px) {
  .display-flex-xxs-only {
    display: flex !important;
  }
}

.display-flex-xxs-up {
  display: flex !important;
}

@media (max-width: 767.98px) {
  .display-flex-xs-down {
    display: flex !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-flex-xs-only {
    display: flex !important;
  }
}

@media (min-width: 480px) {
  .display-flex-xs-up {
    display: flex !important;
  }
}

@media (max-width: 1023.98px) {
  .display-flex-sm-down {
    display: flex !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-flex-sm-only {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .display-flex-sm-up {
    display: flex !important;
  }
}

@media (max-width: 1199.98px) {
  .display-flex-md-down {
    display: flex !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-flex-md-only {
    display: flex !important;
  }
}

@media (min-width: 1024px) {
  .display-flex-md-up {
    display: flex !important;
  }
}

@media (max-width: 1599.98px) {
  .display-flex-lg-down {
    display: flex !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-flex-lg-only {
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  .display-flex-lg-up {
    display: flex !important;
  }
}

.display-flex-xl-down {
  display: flex !important;
}

@media (min-width: 1600px) {
  .display-flex-xl-only {
    display: flex !important;
  }
}

@media (min-width: 1600px) {
  .display-flex-xl-up {
    display: flex !important;
  }
}

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

@media (max-width: 479.98px) {
  .display-inline-flex-xxs-down {
    display: inline-flex !important;
  }
}

@media (max-width: 479.98px) {
  .display-inline-flex-xxs-only {
    display: inline-flex !important;
  }
}

.display-inline-flex-xxs-up {
  display: inline-flex !important;
}

@media (max-width: 767.98px) {
  .display-inline-flex-xs-down {
    display: inline-flex !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-inline-flex-xs-only {
    display: inline-flex !important;
  }
}

@media (min-width: 480px) {
  .display-inline-flex-xs-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1023.98px) {
  .display-inline-flex-sm-down {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-inline-flex-sm-only {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .display-inline-flex-sm-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1199.98px) {
  .display-inline-flex-md-down {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-inline-flex-md-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .display-inline-flex-md-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1599.98px) {
  .display-inline-flex-lg-down {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-inline-flex-lg-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .display-inline-flex-lg-up {
    display: inline-flex !important;
  }
}

.display-inline-flex-xl-down {
  display: inline-flex !important;
}

@media (min-width: 1600px) {
  .display-inline-flex-xl-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1600px) {
  .display-inline-flex-xl-up {
    display: inline-flex !important;
  }
}

.flex-direction-column-child-scrollable {
  display: block !important;
  height: 100% !important;
  overflow-y: auto !important;
}

.display-flex-fill-horizontally {
  display: flex !important;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  margin: 0 -0.3125rem !important;
}
.display-flex-fill-horizontally > * {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 0.3125rem !important;
}

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

@media (max-width: 479.98px) {
  .display-inline-xxs-down {
    display: inline !important;
  }
}

@media (max-width: 479.98px) {
  .display-inline-xxs-only {
    display: inline !important;
  }
}

.display-inline-xxs-up {
  display: inline !important;
}

@media (max-width: 767.98px) {
  .display-inline-xs-down {
    display: inline !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-inline-xs-only {
    display: inline !important;
  }
}

@media (min-width: 480px) {
  .display-inline-xs-up {
    display: inline !important;
  }
}

@media (max-width: 1023.98px) {
  .display-inline-sm-down {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-inline-sm-only {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .display-inline-sm-up {
    display: inline !important;
  }
}

@media (max-width: 1199.98px) {
  .display-inline-md-down {
    display: inline !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-inline-md-only {
    display: inline !important;
  }
}

@media (min-width: 1024px) {
  .display-inline-md-up {
    display: inline !important;
  }
}

@media (max-width: 1599.98px) {
  .display-inline-lg-down {
    display: inline !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-inline-lg-only {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .display-inline-lg-up {
    display: inline !important;
  }
}

.display-inline-xl-down {
  display: inline !important;
}

@media (min-width: 1600px) {
  .display-inline-xl-only {
    display: inline !important;
  }
}

@media (min-width: 1600px) {
  .display-inline-xl-up {
    display: inline !important;
  }
}

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

@media (max-width: 479.98px) {
  .display-inline-block-xxs-down {
    display: inline-block !important;
  }
}

@media (max-width: 479.98px) {
  .display-inline-block-xxs-only {
    display: inline-block !important;
  }
}

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

@media (max-width: 767.98px) {
  .display-inline-block-xs-down {
    display: inline-block !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-inline-block-xs-only {
    display: inline-block !important;
  }
}

@media (min-width: 480px) {
  .display-inline-block-xs-up {
    display: inline-block !important;
  }
}

@media (max-width: 1023.98px) {
  .display-inline-block-sm-down {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-inline-block-sm-only {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .display-inline-block-sm-up {
    display: inline-block !important;
  }
}

@media (max-width: 1199.98px) {
  .display-inline-block-md-down {
    display: inline-block !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-inline-block-md-only {
    display: inline-block !important;
  }
}

@media (min-width: 1024px) {
  .display-inline-block-md-up {
    display: inline-block !important;
  }
}

@media (max-width: 1599.98px) {
  .display-inline-block-lg-down {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-inline-block-lg-only {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .display-inline-block-lg-up {
    display: inline-block !important;
  }
}

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

@media (min-width: 1600px) {
  .display-inline-block-xl-only {
    display: inline-block !important;
  }
}

@media (min-width: 1600px) {
  .display-inline-block-xl-up {
    display: inline-block !important;
  }
}

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

@media (max-width: 479.98px) {
  .display-none-xxs-down {
    display: none !important;
  }
}

@media (max-width: 479.98px) {
  .display-none-xxs-only {
    display: none !important;
  }
}

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

@media (max-width: 767.98px) {
  .display-none-xs-down {
    display: none !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .display-none-xs-only {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .display-none-xs-up {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .display-none-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .display-none-sm-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .display-none-sm-up {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .display-none-md-down {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .display-none-md-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .display-none-md-up {
    display: none !important;
  }
}

@media (max-width: 1599.98px) {
  .display-none-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .display-none-lg-only {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .display-none-lg-up {
    display: none !important;
  }
}

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

@media (min-width: 1600px) {
  .display-none-xl-only {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  .display-none-xl-up {
    display: none !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-xxs-down {
    display: inline-flex !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-xxs-only {
    display: inline-flex !important;
  }
}

.align-items-xxs-up {
  display: inline-flex !important;
}

@media (max-width: 767.98px) {
  .align-items-xs-down {
    display: inline-flex !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-xs-only {
    display: inline-flex !important;
  }
}

@media (min-width: 480px) {
  .align-items-xs-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-sm-down {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-sm-only {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .align-items-sm-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-md-down {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-md-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1024px) {
  .align-items-md-up {
    display: inline-flex !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-lg-down {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-lg-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .align-items-lg-up {
    display: inline-flex !important;
  }
}

.align-items-xl-down {
  display: inline-flex !important;
}

@media (min-width: 1600px) {
  .align-items-xl-only {
    display: inline-flex !important;
  }
}

@media (min-width: 1600px) {
  .align-items-xl-up {
    display: inline-flex !important;
  }
}

.flex {
  display: flex !important;
  flex-wrap: wrap;
}
.flex::after, .flex::before {
  content: normal;
}
.flex > * {
  display: flex;
  flex-direction: column;
}
.flex > *::after, .flex > *::before {
  content: normal;
}

.flex-wrap,
.flex-wrap-wrap {
  flex-wrap: wrap !important;
}

@media (max-width: 479.98px) {
  .flex-wrap-wrap-xxs-down {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 479.98px) {
  .flex-wrap-wrap-xxs-only {
    flex-wrap: wrap !important;
  }
}

.flex-wrap-wrap-xxs-up {
  flex-wrap: wrap !important;
}

@media (max-width: 767.98px) {
  .flex-wrap-wrap-xs-down {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-wrap-wrap-xs-only {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 480px) {
  .flex-wrap-wrap-xs-up {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-wrap-wrap-sm-down {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-wrap-wrap-sm-only {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 768px) {
  .flex-wrap-wrap-sm-up {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-wrap-wrap-md-down {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-wrap-wrap-md-only {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1024px) {
  .flex-wrap-wrap-md-up {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-wrap-wrap-lg-down {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-wrap-wrap-lg-only {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1200px) {
  .flex-wrap-wrap-lg-up {
    flex-wrap: wrap !important;
  }
}

.flex-wrap-wrap-xl-down {
  flex-wrap: wrap !important;
}

@media (min-width: 1600px) {
  .flex-wrap-wrap-xl-only {
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1600px) {
  .flex-wrap-wrap-xl-up {
    flex-wrap: wrap !important;
  }
}

.flex-nowrap,
.flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

@media (max-width: 479.98px) {
  .flex-wrap-nowrap-xxs-down {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 479.98px) {
  .flex-wrap-nowrap-xxs-only {
    flex-wrap: nowrap !important;
  }
}

.flex-wrap-nowrap-xxs-up {
  flex-wrap: nowrap !important;
}

@media (max-width: 767.98px) {
  .flex-wrap-nowrap-xs-down {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-wrap-nowrap-xs-only {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 480px) {
  .flex-wrap-nowrap-xs-up {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-wrap-nowrap-sm-down {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-wrap-nowrap-sm-only {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 768px) {
  .flex-wrap-nowrap-sm-up {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-wrap-nowrap-md-down {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-wrap-nowrap-md-only {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1024px) {
  .flex-wrap-nowrap-md-up {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-wrap-nowrap-lg-down {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-wrap-nowrap-lg-only {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1200px) {
  .flex-wrap-nowrap-lg-up {
    flex-wrap: nowrap !important;
  }
}

.flex-wrap-nowrap-xl-down {
  flex-wrap: nowrap !important;
}

@media (min-width: 1600px) {
  .flex-wrap-nowrap-xl-only {
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 1600px) {
  .flex-wrap-nowrap-xl-up {
    flex-wrap: nowrap !important;
  }
}

.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media (max-width: 479.98px) {
  .flex-wrap-wrap-reverse-xxs-down {
    flex-wrap: wrap-reverse !important;
  }
}

@media (max-width: 479.98px) {
  .flex-wrap-wrap-reverse-xxs-only {
    flex-wrap: wrap-reverse !important;
  }
}

.flex-wrap-wrap-reverse-xxs-up {
  flex-wrap: wrap-reverse !important;
}

@media (max-width: 767.98px) {
  .flex-wrap-wrap-reverse-xs-down {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-wrap-wrap-reverse-xs-only {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 480px) {
  .flex-wrap-wrap-reverse-xs-up {
    flex-wrap: wrap-reverse !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-wrap-wrap-reverse-sm-down {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-wrap-wrap-reverse-sm-only {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 768px) {
  .flex-wrap-wrap-reverse-sm-up {
    flex-wrap: wrap-reverse !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-wrap-wrap-reverse-md-down {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-wrap-wrap-reverse-md-only {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1024px) {
  .flex-wrap-wrap-reverse-md-up {
    flex-wrap: wrap-reverse !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-wrap-wrap-reverse-lg-down {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-wrap-wrap-reverse-lg-only {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1200px) {
  .flex-wrap-wrap-reverse-lg-up {
    flex-wrap: wrap-reverse !important;
  }
}

.flex-wrap-wrap-reverse-xl-down {
  flex-wrap: wrap-reverse !important;
}

@media (min-width: 1600px) {
  .flex-wrap-wrap-reverse-xl-only {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1600px) {
  .flex-wrap-wrap-reverse-xl-up {
    flex-wrap: wrap-reverse !important;
  }
}

.flex-fill {
  flex: 1 1 auto !important;
}

@media (max-width: 479.98px) {
  .flex-fill-xxs-down {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 479.98px) {
  .flex-fill-xxs-only {
    flex: 1 1 auto !important;
  }
}

.flex-fill-xxs-up {
  flex: 1 1 auto !important;
}

@media (max-width: 767.98px) {
  .flex-fill-xs-down {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-fill-xs-only {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 480px) {
  .flex-fill-xs-up {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-fill-sm-down {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-fill-sm-only {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 768px) {
  .flex-fill-sm-up {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-fill-md-down {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-fill-md-only {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 1024px) {
  .flex-fill-md-up {
    flex: 1 1 auto !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-fill-lg-down {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-fill-lg-only {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 1200px) {
  .flex-fill-lg-up {
    flex: 1 1 auto !important;
  }
}

.flex-fill-xl-down {
  flex: 1 1 auto !important;
}

@media (min-width: 1600px) {
  .flex-fill-xl-only {
    flex: 1 1 auto !important;
  }
}

@media (min-width: 1600px) {
  .flex-fill-xl-up {
    flex: 1 1 auto !important;
  }
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

@media (max-width: 479.98px) {
  .flex-grow-0-xxs-down {
    flex-grow: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .flex-grow-0-xxs-only {
    flex-grow: 0 !important;
  }
}

.flex-grow-0-xxs-up {
  flex-grow: 0 !important;
}

@media (max-width: 767.98px) {
  .flex-grow-0-xs-down {
    flex-grow: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-grow-0-xs-only {
    flex-grow: 0 !important;
  }
}

@media (min-width: 480px) {
  .flex-grow-0-xs-up {
    flex-grow: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-grow-0-sm-down {
    flex-grow: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-grow-0-sm-only {
    flex-grow: 0 !important;
  }
}

@media (min-width: 768px) {
  .flex-grow-0-sm-up {
    flex-grow: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-grow-0-md-down {
    flex-grow: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-grow-0-md-only {
    flex-grow: 0 !important;
  }
}

@media (min-width: 1024px) {
  .flex-grow-0-md-up {
    flex-grow: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-grow-0-lg-down {
    flex-grow: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-grow-0-lg-only {
    flex-grow: 0 !important;
  }
}

@media (min-width: 1200px) {
  .flex-grow-0-lg-up {
    flex-grow: 0 !important;
  }
}

.flex-grow-0-xl-down {
  flex-grow: 0 !important;
}

@media (min-width: 1600px) {
  .flex-grow-0-xl-only {
    flex-grow: 0 !important;
  }
}

@media (min-width: 1600px) {
  .flex-grow-0-xl-up {
    flex-grow: 0 !important;
  }
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

@media (max-width: 479.98px) {
  .flex-grow-1-xxs-down {
    flex-grow: 1 !important;
  }
}

@media (max-width: 479.98px) {
  .flex-grow-1-xxs-only {
    flex-grow: 1 !important;
  }
}

.flex-grow-1-xxs-up {
  flex-grow: 1 !important;
}

@media (max-width: 767.98px) {
  .flex-grow-1-xs-down {
    flex-grow: 1 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-grow-1-xs-only {
    flex-grow: 1 !important;
  }
}

@media (min-width: 480px) {
  .flex-grow-1-xs-up {
    flex-grow: 1 !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-grow-1-sm-down {
    flex-grow: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-grow-1-sm-only {
    flex-grow: 1 !important;
  }
}

@media (min-width: 768px) {
  .flex-grow-1-sm-up {
    flex-grow: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-grow-1-md-down {
    flex-grow: 1 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-grow-1-md-only {
    flex-grow: 1 !important;
  }
}

@media (min-width: 1024px) {
  .flex-grow-1-md-up {
    flex-grow: 1 !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-grow-1-lg-down {
    flex-grow: 1 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-grow-1-lg-only {
    flex-grow: 1 !important;
  }
}

@media (min-width: 1200px) {
  .flex-grow-1-lg-up {
    flex-grow: 1 !important;
  }
}

.flex-grow-1-xl-down {
  flex-grow: 1 !important;
}

@media (min-width: 1600px) {
  .flex-grow-1-xl-only {
    flex-grow: 1 !important;
  }
}

@media (min-width: 1600px) {
  .flex-grow-1-xl-up {
    flex-grow: 1 !important;
  }
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

@media (max-width: 479.98px) {
  .flex-shrink-0-xxs-down {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .flex-shrink-0-xxs-only {
    flex-shrink: 0 !important;
  }
}

.flex-shrink-0-xxs-up {
  flex-shrink: 0 !important;
}

@media (max-width: 767.98px) {
  .flex-shrink-0-xs-down {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-shrink-0-xs-only {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 480px) {
  .flex-shrink-0-xs-up {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-shrink-0-sm-down {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-shrink-0-sm-only {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 768px) {
  .flex-shrink-0-sm-up {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-shrink-0-md-down {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-shrink-0-md-only {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1024px) {
  .flex-shrink-0-md-up {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-shrink-0-lg-down {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-shrink-0-lg-only {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1200px) {
  .flex-shrink-0-lg-up {
    flex-shrink: 0 !important;
  }
}

.flex-shrink-0-xl-down {
  flex-shrink: 0 !important;
}

@media (min-width: 1600px) {
  .flex-shrink-0-xl-only {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1600px) {
  .flex-shrink-0-xl-up {
    flex-shrink: 0 !important;
  }
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media (max-width: 479.98px) {
  .flex-shrink-1-xxs-down {
    flex-shrink: 1 !important;
  }
}

@media (max-width: 479.98px) {
  .flex-shrink-1-xxs-only {
    flex-shrink: 1 !important;
  }
}

.flex-shrink-1-xxs-up {
  flex-shrink: 1 !important;
}

@media (max-width: 767.98px) {
  .flex-shrink-1-xs-down {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-shrink-1-xs-only {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 480px) {
  .flex-shrink-1-xs-up {
    flex-shrink: 1 !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-shrink-1-sm-down {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-shrink-1-sm-only {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 768px) {
  .flex-shrink-1-sm-up {
    flex-shrink: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-shrink-1-md-down {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-shrink-1-md-only {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 1024px) {
  .flex-shrink-1-md-up {
    flex-shrink: 1 !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-shrink-1-lg-down {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-shrink-1-lg-only {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 1200px) {
  .flex-shrink-1-lg-up {
    flex-shrink: 1 !important;
  }
}

.flex-shrink-1-xl-down {
  flex-shrink: 1 !important;
}

@media (min-width: 1600px) {
  .flex-shrink-1-xl-only {
    flex-shrink: 1 !important;
  }
}

@media (min-width: 1600px) {
  .flex-shrink-1-xl-up {
    flex-shrink: 1 !important;
  }
}

.flex-1 {
  flex: 1 !important;
}

.flex-2 {
  flex: 2 !important;
}

.flex-3 {
  flex: 3 !important;
}

.flex-4 {
  flex: 4 !important;
}

.flex-5 {
  flex: 5 !important;
}

.flex-6 {
  flex: 6 !important;
}

.flex-7 {
  flex: 7 !important;
}

.flex-8 {
  flex: 8 !important;
}

.flex-9 {
  flex: 9 !important;
}

.flex-10 {
  flex: 10 !important;
}

.flex-11 {
  flex: 11 !important;
}

.flex-12 {
  flex: 12 !important;
}

.flex-center-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.flex-center-middle-columns {
  display: flex !important;
}
.flex-center-middle-columns > * {
  display: flex;
  position: relative;
  height: 100%;
  flex: 1;
  align-self: center;
}
.flex-center-middle-columns > * .fill {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .flex-center-middle-columns-sm {
    display: flex !important;
  }
  .flex-center-middle-columns-sm > * {
    display: flex;
    position: relative;
    height: 100%;
    flex: 1;
    align-self: center;
  }
  .flex-center-middle-columns-sm > * .fill {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
  }
}

.flex-direction-row {
  flex-direction: row !important;
}

@media (max-width: 479.98px) {
  .flex-direction-row-xxs-down {
    flex-direction: row !important;
  }
}

@media (max-width: 479.98px) {
  .flex-direction-row-xxs-only {
    flex-direction: row !important;
  }
}

.flex-direction-row-xxs-up {
  flex-direction: row !important;
}

@media (max-width: 767.98px) {
  .flex-direction-row-xs-down {
    flex-direction: row !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-direction-row-xs-only {
    flex-direction: row !important;
  }
}

@media (min-width: 480px) {
  .flex-direction-row-xs-up {
    flex-direction: row !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-direction-row-sm-down {
    flex-direction: row !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-direction-row-sm-only {
    flex-direction: row !important;
  }
}

@media (min-width: 768px) {
  .flex-direction-row-sm-up {
    flex-direction: row !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-direction-row-md-down {
    flex-direction: row !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-direction-row-md-only {
    flex-direction: row !important;
  }
}

@media (min-width: 1024px) {
  .flex-direction-row-md-up {
    flex-direction: row !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-direction-row-lg-down {
    flex-direction: row !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-direction-row-lg-only {
    flex-direction: row !important;
  }
}

@media (min-width: 1200px) {
  .flex-direction-row-lg-up {
    flex-direction: row !important;
  }
}

.flex-direction-row-xl-down {
  flex-direction: row !important;
}

@media (min-width: 1600px) {
  .flex-direction-row-xl-only {
    flex-direction: row !important;
  }
}

@media (min-width: 1600px) {
  .flex-direction-row-xl-up {
    flex-direction: row !important;
  }
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

@media (max-width: 479.98px) {
  .flex-direction-row-reverse-xxs-down {
    flex-direction: row-reverse !important;
  }
}

@media (max-width: 479.98px) {
  .flex-direction-row-reverse-xxs-only {
    flex-direction: row-reverse !important;
  }
}

.flex-direction-row-reverse-xxs-up {
  flex-direction: row-reverse !important;
}

@media (max-width: 767.98px) {
  .flex-direction-row-reverse-xs-down {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-direction-row-reverse-xs-only {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 480px) {
  .flex-direction-row-reverse-xs-up {
    flex-direction: row-reverse !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-direction-row-reverse-sm-down {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-direction-row-reverse-sm-only {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 768px) {
  .flex-direction-row-reverse-sm-up {
    flex-direction: row-reverse !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-direction-row-reverse-md-down {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-direction-row-reverse-md-only {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 1024px) {
  .flex-direction-row-reverse-md-up {
    flex-direction: row-reverse !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-direction-row-reverse-lg-down {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-direction-row-reverse-lg-only {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 1200px) {
  .flex-direction-row-reverse-lg-up {
    flex-direction: row-reverse !important;
  }
}

.flex-direction-row-reverse-xl-down {
  flex-direction: row-reverse !important;
}

@media (min-width: 1600px) {
  .flex-direction-row-reverse-xl-only {
    flex-direction: row-reverse !important;
  }
}

@media (min-width: 1600px) {
  .flex-direction-row-reverse-xl-up {
    flex-direction: row-reverse !important;
  }
}

.flex-column,
.flex-direction-column {
  flex-direction: column !important;
}

@media (max-width: 479.98px) {
  .flex-direction-column-xxs-down {
    flex-direction: column !important;
  }
}

@media (max-width: 479.98px) {
  .flex-direction-column-xxs-only {
    flex-direction: column !important;
  }
}

.flex-direction-column-xxs-up {
  flex-direction: column !important;
}

@media (max-width: 767.98px) {
  .flex-direction-column-xs-down {
    flex-direction: column !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-direction-column-xs-only {
    flex-direction: column !important;
  }
}

@media (min-width: 480px) {
  .flex-direction-column-xs-up {
    flex-direction: column !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-direction-column-sm-down {
    flex-direction: column !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-direction-column-sm-only {
    flex-direction: column !important;
  }
}

@media (min-width: 768px) {
  .flex-direction-column-sm-up {
    flex-direction: column !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-direction-column-md-down {
    flex-direction: column !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-direction-column-md-only {
    flex-direction: column !important;
  }
}

@media (min-width: 1024px) {
  .flex-direction-column-md-up {
    flex-direction: column !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-direction-column-lg-down {
    flex-direction: column !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-direction-column-lg-only {
    flex-direction: column !important;
  }
}

@media (min-width: 1200px) {
  .flex-direction-column-lg-up {
    flex-direction: column !important;
  }
}

.flex-direction-column-xl-down {
  flex-direction: column !important;
}

@media (min-width: 1600px) {
  .flex-direction-column-xl-only {
    flex-direction: column !important;
  }
}

@media (min-width: 1600px) {
  .flex-direction-column-xl-up {
    flex-direction: column !important;
  }
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media (max-width: 479.98px) {
  .flex-direction-column-reverse-xxs-down {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 479.98px) {
  .flex-direction-column-reverse-xxs-only {
    flex-direction: column-reverse !important;
  }
}

.flex-direction-column-reverse-xxs-up {
  flex-direction: column-reverse !important;
}

@media (max-width: 767.98px) {
  .flex-direction-column-reverse-xs-down {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .flex-direction-column-reverse-xs-only {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 480px) {
  .flex-direction-column-reverse-xs-up {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 1023.98px) {
  .flex-direction-column-reverse-sm-down {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .flex-direction-column-reverse-sm-only {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 768px) {
  .flex-direction-column-reverse-sm-up {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 1199.98px) {
  .flex-direction-column-reverse-md-down {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .flex-direction-column-reverse-md-only {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1024px) {
  .flex-direction-column-reverse-md-up {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 1599.98px) {
  .flex-direction-column-reverse-lg-down {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .flex-direction-column-reverse-lg-only {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1200px) {
  .flex-direction-column-reverse-lg-up {
    flex-direction: column-reverse !important;
  }
}

.flex-direction-column-reverse-xl-down {
  flex-direction: column-reverse !important;
}

@media (min-width: 1600px) {
  .flex-direction-column-reverse-xl-only {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1600px) {
  .flex-direction-column-reverse-xl-up {
    flex-direction: column-reverse !important;
  }
}

.justify-content-start,
.justify-content-flex-start {
  justify-content: flex-start !important;
}

@media (max-width: 479.98px) {
  .justify-content-flex-start-xxs-down {
    justify-content: flex-start !important;
  }
}

@media (max-width: 479.98px) {
  .justify-content-flex-start-xxs-only {
    justify-content: flex-start !important;
  }
}

.justify-content-flex-start-xxs-up {
  justify-content: flex-start !important;
}

@media (max-width: 767.98px) {
  .justify-content-flex-start-xs-down {
    justify-content: flex-start !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .justify-content-flex-start-xs-only {
    justify-content: flex-start !important;
  }
}

@media (min-width: 480px) {
  .justify-content-flex-start-xs-up {
    justify-content: flex-start !important;
  }
}

@media (max-width: 1023.98px) {
  .justify-content-flex-start-sm-down {
    justify-content: flex-start !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .justify-content-flex-start-sm-only {
    justify-content: flex-start !important;
  }
}

@media (min-width: 768px) {
  .justify-content-flex-start-sm-up {
    justify-content: flex-start !important;
  }
}

@media (max-width: 1199.98px) {
  .justify-content-flex-start-md-down {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .justify-content-flex-start-md-only {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1024px) {
  .justify-content-flex-start-md-up {
    justify-content: flex-start !important;
  }
}

@media (max-width: 1599.98px) {
  .justify-content-flex-start-lg-down {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .justify-content-flex-start-lg-only {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1200px) {
  .justify-content-flex-start-lg-up {
    justify-content: flex-start !important;
  }
}

.justify-content-flex-start-xl-down {
  justify-content: flex-start !important;
}

@media (min-width: 1600px) {
  .justify-content-flex-start-xl-only {
    justify-content: flex-start !important;
  }
}

@media (min-width: 1600px) {
  .justify-content-flex-start-xl-up {
    justify-content: flex-start !important;
  }
}

.justify-content-end,
.justify-content-flex-end {
  justify-content: flex-end !important;
}

@media (max-width: 479.98px) {
  .justify-content-flex-end-xxs-down {
    justify-content: flex-end !important;
  }
}

@media (max-width: 479.98px) {
  .justify-content-flex-end-xxs-only {
    justify-content: flex-end !important;
  }
}

.justify-content-flex-end-xxs-up {
  justify-content: flex-end !important;
}

@media (max-width: 767.98px) {
  .justify-content-flex-end-xs-down {
    justify-content: flex-end !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .justify-content-flex-end-xs-only {
    justify-content: flex-end !important;
  }
}

@media (min-width: 480px) {
  .justify-content-flex-end-xs-up {
    justify-content: flex-end !important;
  }
}

@media (max-width: 1023.98px) {
  .justify-content-flex-end-sm-down {
    justify-content: flex-end !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .justify-content-flex-end-sm-only {
    justify-content: flex-end !important;
  }
}

@media (min-width: 768px) {
  .justify-content-flex-end-sm-up {
    justify-content: flex-end !important;
  }
}

@media (max-width: 1199.98px) {
  .justify-content-flex-end-md-down {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .justify-content-flex-end-md-only {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1024px) {
  .justify-content-flex-end-md-up {
    justify-content: flex-end !important;
  }
}

@media (max-width: 1599.98px) {
  .justify-content-flex-end-lg-down {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .justify-content-flex-end-lg-only {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1200px) {
  .justify-content-flex-end-lg-up {
    justify-content: flex-end !important;
  }
}

.justify-content-flex-end-xl-down {
  justify-content: flex-end !important;
}

@media (min-width: 1600px) {
  .justify-content-flex-end-xl-only {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1600px) {
  .justify-content-flex-end-xl-up {
    justify-content: flex-end !important;
  }
}

.justify-content-center {
  justify-content: center !important;
}

@media (max-width: 479.98px) {
  .justify-content-center-xxs-down {
    justify-content: center !important;
  }
}

@media (max-width: 479.98px) {
  .justify-content-center-xxs-only {
    justify-content: center !important;
  }
}

.justify-content-center-xxs-up {
  justify-content: center !important;
}

@media (max-width: 767.98px) {
  .justify-content-center-xs-down {
    justify-content: center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .justify-content-center-xs-only {
    justify-content: center !important;
  }
}

@media (min-width: 480px) {
  .justify-content-center-xs-up {
    justify-content: center !important;
  }
}

@media (max-width: 1023.98px) {
  .justify-content-center-sm-down {
    justify-content: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .justify-content-center-sm-only {
    justify-content: center !important;
  }
}

@media (min-width: 768px) {
  .justify-content-center-sm-up {
    justify-content: center !important;
  }
}

@media (max-width: 1199.98px) {
  .justify-content-center-md-down {
    justify-content: center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .justify-content-center-md-only {
    justify-content: center !important;
  }
}

@media (min-width: 1024px) {
  .justify-content-center-md-up {
    justify-content: center !important;
  }
}

@media (max-width: 1599.98px) {
  .justify-content-center-lg-down {
    justify-content: center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .justify-content-center-lg-only {
    justify-content: center !important;
  }
}

@media (min-width: 1200px) {
  .justify-content-center-lg-up {
    justify-content: center !important;
  }
}

.justify-content-center-xl-down {
  justify-content: center !important;
}

@media (min-width: 1600px) {
  .justify-content-center-xl-only {
    justify-content: center !important;
  }
}

@media (min-width: 1600px) {
  .justify-content-center-xl-up {
    justify-content: center !important;
  }
}

.justify-content-between,
.justify-content-space-between {
  justify-content: space-between !important;
}

@media (max-width: 479.98px) {
  .justify-content-space-between-xxs-down {
    justify-content: space-between !important;
  }
}

@media (max-width: 479.98px) {
  .justify-content-space-between-xxs-only {
    justify-content: space-between !important;
  }
}

.justify-content-space-between-xxs-up {
  justify-content: space-between !important;
}

@media (max-width: 767.98px) {
  .justify-content-space-between-xs-down {
    justify-content: space-between !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .justify-content-space-between-xs-only {
    justify-content: space-between !important;
  }
}

@media (min-width: 480px) {
  .justify-content-space-between-xs-up {
    justify-content: space-between !important;
  }
}

@media (max-width: 1023.98px) {
  .justify-content-space-between-sm-down {
    justify-content: space-between !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .justify-content-space-between-sm-only {
    justify-content: space-between !important;
  }
}

@media (min-width: 768px) {
  .justify-content-space-between-sm-up {
    justify-content: space-between !important;
  }
}

@media (max-width: 1199.98px) {
  .justify-content-space-between-md-down {
    justify-content: space-between !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .justify-content-space-between-md-only {
    justify-content: space-between !important;
  }
}

@media (min-width: 1024px) {
  .justify-content-space-between-md-up {
    justify-content: space-between !important;
  }
}

@media (max-width: 1599.98px) {
  .justify-content-space-between-lg-down {
    justify-content: space-between !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .justify-content-space-between-lg-only {
    justify-content: space-between !important;
  }
}

@media (min-width: 1200px) {
  .justify-content-space-between-lg-up {
    justify-content: space-between !important;
  }
}

.justify-content-space-between-xl-down {
  justify-content: space-between !important;
}

@media (min-width: 1600px) {
  .justify-content-space-between-xl-only {
    justify-content: space-between !important;
  }
}

@media (min-width: 1600px) {
  .justify-content-space-between-xl-up {
    justify-content: space-between !important;
  }
}

.justify-content-space-around {
  justify-content: space-around !important;
}

@media (max-width: 479.98px) {
  .justify-content-space-around-xxs-down {
    justify-content: space-around !important;
  }
}

@media (max-width: 479.98px) {
  .justify-content-space-around-xxs-only {
    justify-content: space-around !important;
  }
}

.justify-content-space-around-xxs-up {
  justify-content: space-around !important;
}

@media (max-width: 767.98px) {
  .justify-content-space-around-xs-down {
    justify-content: space-around !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .justify-content-space-around-xs-only {
    justify-content: space-around !important;
  }
}

@media (min-width: 480px) {
  .justify-content-space-around-xs-up {
    justify-content: space-around !important;
  }
}

@media (max-width: 1023.98px) {
  .justify-content-space-around-sm-down {
    justify-content: space-around !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .justify-content-space-around-sm-only {
    justify-content: space-around !important;
  }
}

@media (min-width: 768px) {
  .justify-content-space-around-sm-up {
    justify-content: space-around !important;
  }
}

@media (max-width: 1199.98px) {
  .justify-content-space-around-md-down {
    justify-content: space-around !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .justify-content-space-around-md-only {
    justify-content: space-around !important;
  }
}

@media (min-width: 1024px) {
  .justify-content-space-around-md-up {
    justify-content: space-around !important;
  }
}

@media (max-width: 1599.98px) {
  .justify-content-space-around-lg-down {
    justify-content: space-around !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .justify-content-space-around-lg-only {
    justify-content: space-around !important;
  }
}

@media (min-width: 1200px) {
  .justify-content-space-around-lg-up {
    justify-content: space-around !important;
  }
}

.justify-content-space-around-xl-down {
  justify-content: space-around !important;
}

@media (min-width: 1600px) {
  .justify-content-space-around-xl-only {
    justify-content: space-around !important;
  }
}

@media (min-width: 1600px) {
  .justify-content-space-around-xl-up {
    justify-content: space-around !important;
  }
}

.align-items-flex-start {
  align-items: flex-start !important;
}

@media (max-width: 479.98px) {
  .align-items-flex-start-xxs-down {
    align-items: flex-start !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-flex-start-xxs-only {
    align-items: flex-start !important;
  }
}

.align-items-flex-start-xxs-up {
  align-items: flex-start !important;
}

@media (max-width: 767.98px) {
  .align-items-flex-start-xs-down {
    align-items: flex-start !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-flex-start-xs-only {
    align-items: flex-start !important;
  }
}

@media (min-width: 480px) {
  .align-items-flex-start-xs-up {
    align-items: flex-start !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-flex-start-sm-down {
    align-items: flex-start !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-flex-start-sm-only {
    align-items: flex-start !important;
  }
}

@media (min-width: 768px) {
  .align-items-flex-start-sm-up {
    align-items: flex-start !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-flex-start-md-down {
    align-items: flex-start !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-flex-start-md-only {
    align-items: flex-start !important;
  }
}

@media (min-width: 1024px) {
  .align-items-flex-start-md-up {
    align-items: flex-start !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-flex-start-lg-down {
    align-items: flex-start !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-flex-start-lg-only {
    align-items: flex-start !important;
  }
}

@media (min-width: 1200px) {
  .align-items-flex-start-lg-up {
    align-items: flex-start !important;
  }
}

.align-items-flex-start-xl-down {
  align-items: flex-start !important;
}

@media (min-width: 1600px) {
  .align-items-flex-start-xl-only {
    align-items: flex-start !important;
  }
}

@media (min-width: 1600px) {
  .align-items-flex-start-xl-up {
    align-items: flex-start !important;
  }
}

.align-items-end,
.align-items-flex-end {
  align-items: flex-end !important;
}

@media (max-width: 479.98px) {
  .align-items-flex-end-xxs-down {
    align-items: flex-end !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-flex-end-xxs-only {
    align-items: flex-end !important;
  }
}

.align-items-flex-end-xxs-up {
  align-items: flex-end !important;
}

@media (max-width: 767.98px) {
  .align-items-flex-end-xs-down {
    align-items: flex-end !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-flex-end-xs-only {
    align-items: flex-end !important;
  }
}

@media (min-width: 480px) {
  .align-items-flex-end-xs-up {
    align-items: flex-end !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-flex-end-sm-down {
    align-items: flex-end !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-flex-end-sm-only {
    align-items: flex-end !important;
  }
}

@media (min-width: 768px) {
  .align-items-flex-end-sm-up {
    align-items: flex-end !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-flex-end-md-down {
    align-items: flex-end !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-flex-end-md-only {
    align-items: flex-end !important;
  }
}

@media (min-width: 1024px) {
  .align-items-flex-end-md-up {
    align-items: flex-end !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-flex-end-lg-down {
    align-items: flex-end !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-flex-end-lg-only {
    align-items: flex-end !important;
  }
}

@media (min-width: 1200px) {
  .align-items-flex-end-lg-up {
    align-items: flex-end !important;
  }
}

.align-items-flex-end-xl-down {
  align-items: flex-end !important;
}

@media (min-width: 1600px) {
  .align-items-flex-end-xl-only {
    align-items: flex-end !important;
  }
}

@media (min-width: 1600px) {
  .align-items-flex-end-xl-up {
    align-items: flex-end !important;
  }
}

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

@media (max-width: 479.98px) {
  .align-items-center-xxs-down {
    align-items: center !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-center-xxs-only {
    align-items: center !important;
  }
}

.align-items-center-xxs-up {
  align-items: center !important;
}

@media (max-width: 767.98px) {
  .align-items-center-xs-down {
    align-items: center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-center-xs-only {
    align-items: center !important;
  }
}

@media (min-width: 480px) {
  .align-items-center-xs-up {
    align-items: center !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-center-sm-down {
    align-items: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-center-sm-only {
    align-items: center !important;
  }
}

@media (min-width: 768px) {
  .align-items-center-sm-up {
    align-items: center !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-center-md-down {
    align-items: center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-center-md-only {
    align-items: center !important;
  }
}

@media (min-width: 1024px) {
  .align-items-center-md-up {
    align-items: center !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-center-lg-down {
    align-items: center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-center-lg-only {
    align-items: center !important;
  }
}

@media (min-width: 1200px) {
  .align-items-center-lg-up {
    align-items: center !important;
  }
}

.align-items-center-xl-down {
  align-items: center !important;
}

@media (min-width: 1600px) {
  .align-items-center-xl-only {
    align-items: center !important;
  }
}

@media (min-width: 1600px) {
  .align-items-center-xl-up {
    align-items: center !important;
  }
}

.align-items-baseline {
  align-items: baseline !important;
}

@media (max-width: 479.98px) {
  .align-items-baseline-xxs-down {
    align-items: baseline !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-baseline-xxs-only {
    align-items: baseline !important;
  }
}

.align-items-baseline-xxs-up {
  align-items: baseline !important;
}

@media (max-width: 767.98px) {
  .align-items-baseline-xs-down {
    align-items: baseline !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-baseline-xs-only {
    align-items: baseline !important;
  }
}

@media (min-width: 480px) {
  .align-items-baseline-xs-up {
    align-items: baseline !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-baseline-sm-down {
    align-items: baseline !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-baseline-sm-only {
    align-items: baseline !important;
  }
}

@media (min-width: 768px) {
  .align-items-baseline-sm-up {
    align-items: baseline !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-baseline-md-down {
    align-items: baseline !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-baseline-md-only {
    align-items: baseline !important;
  }
}

@media (min-width: 1024px) {
  .align-items-baseline-md-up {
    align-items: baseline !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-baseline-lg-down {
    align-items: baseline !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-baseline-lg-only {
    align-items: baseline !important;
  }
}

@media (min-width: 1200px) {
  .align-items-baseline-lg-up {
    align-items: baseline !important;
  }
}

.align-items-baseline-xl-down {
  align-items: baseline !important;
}

@media (min-width: 1600px) {
  .align-items-baseline-xl-only {
    align-items: baseline !important;
  }
}

@media (min-width: 1600px) {
  .align-items-baseline-xl-up {
    align-items: baseline !important;
  }
}

.align-items-stretch {
  align-items: stretch !important;
}

@media (max-width: 479.98px) {
  .align-items-stretch-xxs-down {
    align-items: stretch !important;
  }
}

@media (max-width: 479.98px) {
  .align-items-stretch-xxs-only {
    align-items: stretch !important;
  }
}

.align-items-stretch-xxs-up {
  align-items: stretch !important;
}

@media (max-width: 767.98px) {
  .align-items-stretch-xs-down {
    align-items: stretch !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-items-stretch-xs-only {
    align-items: stretch !important;
  }
}

@media (min-width: 480px) {
  .align-items-stretch-xs-up {
    align-items: stretch !important;
  }
}

@media (max-width: 1023.98px) {
  .align-items-stretch-sm-down {
    align-items: stretch !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-items-stretch-sm-only {
    align-items: stretch !important;
  }
}

@media (min-width: 768px) {
  .align-items-stretch-sm-up {
    align-items: stretch !important;
  }
}

@media (max-width: 1199.98px) {
  .align-items-stretch-md-down {
    align-items: stretch !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-items-stretch-md-only {
    align-items: stretch !important;
  }
}

@media (min-width: 1024px) {
  .align-items-stretch-md-up {
    align-items: stretch !important;
  }
}

@media (max-width: 1599.98px) {
  .align-items-stretch-lg-down {
    align-items: stretch !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-items-stretch-lg-only {
    align-items: stretch !important;
  }
}

@media (min-width: 1200px) {
  .align-items-stretch-lg-up {
    align-items: stretch !important;
  }
}

.align-items-stretch-xl-down {
  align-items: stretch !important;
}

@media (min-width: 1600px) {
  .align-items-stretch-xl-only {
    align-items: stretch !important;
  }
}

@media (min-width: 1600px) {
  .align-items-stretch-xl-up {
    align-items: stretch !important;
  }
}

.align-content-flex-start {
  align-content: flex-start !important;
}

@media (max-width: 479.98px) {
  .align-content-flex-start-xxs-down {
    align-content: flex-start !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-flex-start-xxs-only {
    align-content: flex-start !important;
  }
}

.align-content-flex-start-xxs-up {
  align-content: flex-start !important;
}

@media (max-width: 767.98px) {
  .align-content-flex-start-xs-down {
    align-content: flex-start !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-flex-start-xs-only {
    align-content: flex-start !important;
  }
}

@media (min-width: 480px) {
  .align-content-flex-start-xs-up {
    align-content: flex-start !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-flex-start-sm-down {
    align-content: flex-start !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-flex-start-sm-only {
    align-content: flex-start !important;
  }
}

@media (min-width: 768px) {
  .align-content-flex-start-sm-up {
    align-content: flex-start !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-flex-start-md-down {
    align-content: flex-start !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-flex-start-md-only {
    align-content: flex-start !important;
  }
}

@media (min-width: 1024px) {
  .align-content-flex-start-md-up {
    align-content: flex-start !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-flex-start-lg-down {
    align-content: flex-start !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-flex-start-lg-only {
    align-content: flex-start !important;
  }
}

@media (min-width: 1200px) {
  .align-content-flex-start-lg-up {
    align-content: flex-start !important;
  }
}

.align-content-flex-start-xl-down {
  align-content: flex-start !important;
}

@media (min-width: 1600px) {
  .align-content-flex-start-xl-only {
    align-content: flex-start !important;
  }
}

@media (min-width: 1600px) {
  .align-content-flex-start-xl-up {
    align-content: flex-start !important;
  }
}

.align-content-end,
.align-content-flex-end {
  align-content: flex-end !important;
}

@media (max-width: 479.98px) {
  .align-content-flex-end-xxs-down {
    align-content: flex-end !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-flex-end-xxs-only {
    align-content: flex-end !important;
  }
}

.align-content-flex-end-xxs-up {
  align-content: flex-end !important;
}

@media (max-width: 767.98px) {
  .align-content-flex-end-xs-down {
    align-content: flex-end !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-flex-end-xs-only {
    align-content: flex-end !important;
  }
}

@media (min-width: 480px) {
  .align-content-flex-end-xs-up {
    align-content: flex-end !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-flex-end-sm-down {
    align-content: flex-end !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-flex-end-sm-only {
    align-content: flex-end !important;
  }
}

@media (min-width: 768px) {
  .align-content-flex-end-sm-up {
    align-content: flex-end !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-flex-end-md-down {
    align-content: flex-end !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-flex-end-md-only {
    align-content: flex-end !important;
  }
}

@media (min-width: 1024px) {
  .align-content-flex-end-md-up {
    align-content: flex-end !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-flex-end-lg-down {
    align-content: flex-end !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-flex-end-lg-only {
    align-content: flex-end !important;
  }
}

@media (min-width: 1200px) {
  .align-content-flex-end-lg-up {
    align-content: flex-end !important;
  }
}

.align-content-flex-end-xl-down {
  align-content: flex-end !important;
}

@media (min-width: 1600px) {
  .align-content-flex-end-xl-only {
    align-content: flex-end !important;
  }
}

@media (min-width: 1600px) {
  .align-content-flex-end-xl-up {
    align-content: flex-end !important;
  }
}

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

@media (max-width: 479.98px) {
  .align-content-center-xxs-down {
    align-content: center !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-center-xxs-only {
    align-content: center !important;
  }
}

.align-content-center-xxs-up {
  align-content: center !important;
}

@media (max-width: 767.98px) {
  .align-content-center-xs-down {
    align-content: center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-center-xs-only {
    align-content: center !important;
  }
}

@media (min-width: 480px) {
  .align-content-center-xs-up {
    align-content: center !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-center-sm-down {
    align-content: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-center-sm-only {
    align-content: center !important;
  }
}

@media (min-width: 768px) {
  .align-content-center-sm-up {
    align-content: center !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-center-md-down {
    align-content: center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-center-md-only {
    align-content: center !important;
  }
}

@media (min-width: 1024px) {
  .align-content-center-md-up {
    align-content: center !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-center-lg-down {
    align-content: center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-center-lg-only {
    align-content: center !important;
  }
}

@media (min-width: 1200px) {
  .align-content-center-lg-up {
    align-content: center !important;
  }
}

.align-content-center-xl-down {
  align-content: center !important;
}

@media (min-width: 1600px) {
  .align-content-center-xl-only {
    align-content: center !important;
  }
}

@media (min-width: 1600px) {
  .align-content-center-xl-up {
    align-content: center !important;
  }
}

.align-content-between,
.align-content-space-between {
  align-content: space-between !important;
}

@media (max-width: 479.98px) {
  .align-content-between-xxs-down {
    align-content: align-content-between !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-between-xxs-only {
    align-content: align-content-between !important;
  }
}

.align-content-between-xxs-up {
  align-content: align-content-between !important;
}

@media (max-width: 767.98px) {
  .align-content-between-xs-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-between-xs-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 480px) {
  .align-content-between-xs-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-between-sm-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-between-sm-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 768px) {
  .align-content-between-sm-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-between-md-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-between-md-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1024px) {
  .align-content-between-md-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-between-lg-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-between-lg-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1200px) {
  .align-content-between-lg-up {
    align-content: align-content-between !important;
  }
}

.align-content-between-xl-down {
  align-content: align-content-between !important;
}

@media (min-width: 1600px) {
  .align-content-between-xl-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1600px) {
  .align-content-between-xl-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-space-between-xxs-down {
    align-content: align-content-between !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-space-between-xxs-only {
    align-content: align-content-between !important;
  }
}

.align-content-space-between-xxs-up {
  align-content: align-content-between !important;
}

@media (max-width: 767.98px) {
  .align-content-space-between-xs-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-space-between-xs-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 480px) {
  .align-content-space-between-xs-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-space-between-sm-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-space-between-sm-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 768px) {
  .align-content-space-between-sm-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-space-between-md-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-space-between-md-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1024px) {
  .align-content-space-between-md-up {
    align-content: align-content-between !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-space-between-lg-down {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-space-between-lg-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1200px) {
  .align-content-space-between-lg-up {
    align-content: align-content-between !important;
  }
}

.align-content-space-between-xl-down {
  align-content: align-content-between !important;
}

@media (min-width: 1600px) {
  .align-content-space-between-xl-only {
    align-content: align-content-between !important;
  }
}

@media (min-width: 1600px) {
  .align-content-space-between-xl-up {
    align-content: align-content-between !important;
  }
}

.align-content-around,
.align-content-space-around {
  align-content: space-around !important;
}

@media (max-width: 479.98px) {
  .align-content-around-xxs-down {
    align-content: space-around !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-around-xxs-only {
    align-content: space-around !important;
  }
}

.align-content-around-xxs-up {
  align-content: space-around !important;
}

@media (max-width: 767.98px) {
  .align-content-around-xs-down {
    align-content: space-around !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-around-xs-only {
    align-content: space-around !important;
  }
}

@media (min-width: 480px) {
  .align-content-around-xs-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-around-sm-down {
    align-content: space-around !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-around-sm-only {
    align-content: space-around !important;
  }
}

@media (min-width: 768px) {
  .align-content-around-sm-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-around-md-down {
    align-content: space-around !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-around-md-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1024px) {
  .align-content-around-md-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-around-lg-down {
    align-content: space-around !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-around-lg-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1200px) {
  .align-content-around-lg-up {
    align-content: space-around !important;
  }
}

.align-content-around-xl-down {
  align-content: space-around !important;
}

@media (min-width: 1600px) {
  .align-content-around-xl-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1600px) {
  .align-content-around-xl-up {
    align-content: space-around !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-space-around-xxs-down {
    align-content: space-around !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-space-around-xxs-only {
    align-content: space-around !important;
  }
}

.align-content-space-around-xxs-up {
  align-content: space-around !important;
}

@media (max-width: 767.98px) {
  .align-content-space-around-xs-down {
    align-content: space-around !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-space-around-xs-only {
    align-content: space-around !important;
  }
}

@media (min-width: 480px) {
  .align-content-space-around-xs-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-space-around-sm-down {
    align-content: space-around !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-space-around-sm-only {
    align-content: space-around !important;
  }
}

@media (min-width: 768px) {
  .align-content-space-around-sm-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-space-around-md-down {
    align-content: space-around !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-space-around-md-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1024px) {
  .align-content-space-around-md-up {
    align-content: space-around !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-space-around-lg-down {
    align-content: space-around !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-space-around-lg-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1200px) {
  .align-content-space-around-lg-up {
    align-content: space-around !important;
  }
}

.align-content-space-around-xl-down {
  align-content: space-around !important;
}

@media (min-width: 1600px) {
  .align-content-space-around-xl-only {
    align-content: space-around !important;
  }
}

@media (min-width: 1600px) {
  .align-content-space-around-xl-up {
    align-content: space-around !important;
  }
}

.align-content-stretch {
  align-content: stretch !important;
}

@media (max-width: 479.98px) {
  .align-content-stretch-xxs-down {
    align-content: stretch !important;
  }
}

@media (max-width: 479.98px) {
  .align-content-stretch-xxs-only {
    align-content: stretch !important;
  }
}

.align-content-stretch-xxs-up {
  align-content: stretch !important;
}

@media (max-width: 767.98px) {
  .align-content-stretch-xs-down {
    align-content: stretch !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-content-stretch-xs-only {
    align-content: stretch !important;
  }
}

@media (min-width: 480px) {
  .align-content-stretch-xs-up {
    align-content: stretch !important;
  }
}

@media (max-width: 1023.98px) {
  .align-content-stretch-sm-down {
    align-content: stretch !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-content-stretch-sm-only {
    align-content: stretch !important;
  }
}

@media (min-width: 768px) {
  .align-content-stretch-sm-up {
    align-content: stretch !important;
  }
}

@media (max-width: 1199.98px) {
  .align-content-stretch-md-down {
    align-content: stretch !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-content-stretch-md-only {
    align-content: stretch !important;
  }
}

@media (min-width: 1024px) {
  .align-content-stretch-md-up {
    align-content: stretch !important;
  }
}

@media (max-width: 1599.98px) {
  .align-content-stretch-lg-down {
    align-content: stretch !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-content-stretch-lg-only {
    align-content: stretch !important;
  }
}

@media (min-width: 1200px) {
  .align-content-stretch-lg-up {
    align-content: stretch !important;
  }
}

.align-content-stretch-xl-down {
  align-content: stretch !important;
}

@media (min-width: 1600px) {
  .align-content-stretch-xl-only {
    align-content: stretch !important;
  }
}

@media (min-width: 1600px) {
  .align-content-stretch-xl-up {
    align-content: stretch !important;
  }
}

.align-self-auto {
  align-self: auto !important;
}

@media (max-width: 479.98px) {
  .align-self-auto-xxs-down {
    align-self: auto !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-auto-xxs-only {
    align-self: auto !important;
  }
}

.align-self-auto-xxs-up {
  align-self: auto !important;
}

@media (max-width: 767.98px) {
  .align-self-auto-xs-down {
    align-self: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-auto-xs-only {
    align-self: auto !important;
  }
}

@media (min-width: 480px) {
  .align-self-auto-xs-up {
    align-self: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-auto-sm-down {
    align-self: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-auto-sm-only {
    align-self: auto !important;
  }
}

@media (min-width: 768px) {
  .align-self-auto-sm-up {
    align-self: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-auto-md-down {
    align-self: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-auto-md-only {
    align-self: auto !important;
  }
}

@media (min-width: 1024px) {
  .align-self-auto-md-up {
    align-self: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-auto-lg-down {
    align-self: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-auto-lg-only {
    align-self: auto !important;
  }
}

@media (min-width: 1200px) {
  .align-self-auto-lg-up {
    align-self: auto !important;
  }
}

.align-self-auto-xl-down {
  align-self: auto !important;
}

@media (min-width: 1600px) {
  .align-self-auto-xl-only {
    align-self: auto !important;
  }
}

@media (min-width: 1600px) {
  .align-self-auto-xl-up {
    align-self: auto !important;
  }
}

.align-self-start,
.align-self-flex-start {
  align-self: flex-start !important;
}

@media (max-width: 479.98px) {
  .align-self-flex-start-xxs-down {
    align-self: flex-start !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-flex-start-xxs-only {
    align-self: flex-start !important;
  }
}

.align-self-flex-start-xxs-up {
  align-self: flex-start !important;
}

@media (max-width: 767.98px) {
  .align-self-flex-start-xs-down {
    align-self: flex-start !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-flex-start-xs-only {
    align-self: flex-start !important;
  }
}

@media (min-width: 480px) {
  .align-self-flex-start-xs-up {
    align-self: flex-start !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-flex-start-sm-down {
    align-self: flex-start !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-flex-start-sm-only {
    align-self: flex-start !important;
  }
}

@media (min-width: 768px) {
  .align-self-flex-start-sm-up {
    align-self: flex-start !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-flex-start-md-down {
    align-self: flex-start !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-flex-start-md-only {
    align-self: flex-start !important;
  }
}

@media (min-width: 1024px) {
  .align-self-flex-start-md-up {
    align-self: flex-start !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-flex-start-lg-down {
    align-self: flex-start !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-flex-start-lg-only {
    align-self: flex-start !important;
  }
}

@media (min-width: 1200px) {
  .align-self-flex-start-lg-up {
    align-self: flex-start !important;
  }
}

.align-self-flex-start-xl-down {
  align-self: flex-start !important;
}

@media (min-width: 1600px) {
  .align-self-flex-start-xl-only {
    align-self: flex-start !important;
  }
}

@media (min-width: 1600px) {
  .align-self-flex-start-xl-up {
    align-self: flex-start !important;
  }
}

.align-self-end,
.align-self-flex-end {
  align-self: flex-end !important;
}

@media (max-width: 479.98px) {
  .align-self-flex-end-xxs-down {
    align-self: flex-end !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-flex-end-xxs-only {
    align-self: flex-end !important;
  }
}

.align-self-flex-end-xxs-up {
  align-self: flex-end !important;
}

@media (max-width: 767.98px) {
  .align-self-flex-end-xs-down {
    align-self: flex-end !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-flex-end-xs-only {
    align-self: flex-end !important;
  }
}

@media (min-width: 480px) {
  .align-self-flex-end-xs-up {
    align-self: flex-end !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-flex-end-sm-down {
    align-self: flex-end !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-flex-end-sm-only {
    align-self: flex-end !important;
  }
}

@media (min-width: 768px) {
  .align-self-flex-end-sm-up {
    align-self: flex-end !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-flex-end-md-down {
    align-self: flex-end !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-flex-end-md-only {
    align-self: flex-end !important;
  }
}

@media (min-width: 1024px) {
  .align-self-flex-end-md-up {
    align-self: flex-end !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-flex-end-lg-down {
    align-self: flex-end !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-flex-end-lg-only {
    align-self: flex-end !important;
  }
}

@media (min-width: 1200px) {
  .align-self-flex-end-lg-up {
    align-self: flex-end !important;
  }
}

.align-self-flex-end-xl-down {
  align-self: flex-end !important;
}

@media (min-width: 1600px) {
  .align-self-flex-end-xl-only {
    align-self: flex-end !important;
  }
}

@media (min-width: 1600px) {
  .align-self-flex-end-xl-up {
    align-self: flex-end !important;
  }
}

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

@media (max-width: 479.98px) {
  .align-self-center-xxs-down {
    align-self: align-self-center !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-center-xxs-only {
    align-self: align-self-center !important;
  }
}

.align-self-center-xxs-up {
  align-self: align-self-center !important;
}

@media (max-width: 767.98px) {
  .align-self-center-xs-down {
    align-self: align-self-center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-center-xs-only {
    align-self: align-self-center !important;
  }
}

@media (min-width: 480px) {
  .align-self-center-xs-up {
    align-self: align-self-center !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-center-sm-down {
    align-self: align-self-center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-center-sm-only {
    align-self: align-self-center !important;
  }
}

@media (min-width: 768px) {
  .align-self-center-sm-up {
    align-self: align-self-center !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-center-md-down {
    align-self: align-self-center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-center-md-only {
    align-self: align-self-center !important;
  }
}

@media (min-width: 1024px) {
  .align-self-center-md-up {
    align-self: align-self-center !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-center-lg-down {
    align-self: align-self-center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-center-lg-only {
    align-self: align-self-center !important;
  }
}

@media (min-width: 1200px) {
  .align-self-center-lg-up {
    align-self: align-self-center !important;
  }
}

.align-self-center-xl-down {
  align-self: align-self-center !important;
}

@media (min-width: 1600px) {
  .align-self-center-xl-only {
    align-self: align-self-center !important;
  }
}

@media (min-width: 1600px) {
  .align-self-center-xl-up {
    align-self: align-self-center !important;
  }
}

.align-self-baseline {
  align-self: baseline !important;
}

@media (max-width: 479.98px) {
  .align-self-baseline-xxs-down {
    align-self: baseline !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-baseline-xxs-only {
    align-self: baseline !important;
  }
}

.align-self-baseline-xxs-up {
  align-self: baseline !important;
}

@media (max-width: 767.98px) {
  .align-self-baseline-xs-down {
    align-self: baseline !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-baseline-xs-only {
    align-self: baseline !important;
  }
}

@media (min-width: 480px) {
  .align-self-baseline-xs-up {
    align-self: baseline !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-baseline-sm-down {
    align-self: baseline !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-baseline-sm-only {
    align-self: baseline !important;
  }
}

@media (min-width: 768px) {
  .align-self-baseline-sm-up {
    align-self: baseline !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-baseline-md-down {
    align-self: baseline !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-baseline-md-only {
    align-self: baseline !important;
  }
}

@media (min-width: 1024px) {
  .align-self-baseline-md-up {
    align-self: baseline !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-baseline-lg-down {
    align-self: baseline !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-baseline-lg-only {
    align-self: baseline !important;
  }
}

@media (min-width: 1200px) {
  .align-self-baseline-lg-up {
    align-self: baseline !important;
  }
}

.align-self-baseline-xl-down {
  align-self: baseline !important;
}

@media (min-width: 1600px) {
  .align-self-baseline-xl-only {
    align-self: baseline !important;
  }
}

@media (min-width: 1600px) {
  .align-self-baseline-xl-up {
    align-self: baseline !important;
  }
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (max-width: 479.98px) {
  .align-self-stretch-xxs-down {
    align-self: stretch !important;
  }
}

@media (max-width: 479.98px) {
  .align-self-stretch-xxs-only {
    align-self: stretch !important;
  }
}

.align-self-stretch-xxs-up {
  align-self: stretch !important;
}

@media (max-width: 767.98px) {
  .align-self-stretch-xs-down {
    align-self: stretch !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-self-stretch-xs-only {
    align-self: stretch !important;
  }
}

@media (min-width: 480px) {
  .align-self-stretch-xs-up {
    align-self: stretch !important;
  }
}

@media (max-width: 1023.98px) {
  .align-self-stretch-sm-down {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-self-stretch-sm-only {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .align-self-stretch-sm-up {
    align-self: stretch !important;
  }
}

@media (max-width: 1199.98px) {
  .align-self-stretch-md-down {
    align-self: stretch !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-self-stretch-md-only {
    align-self: stretch !important;
  }
}

@media (min-width: 1024px) {
  .align-self-stretch-md-up {
    align-self: stretch !important;
  }
}

@media (max-width: 1599.98px) {
  .align-self-stretch-lg-down {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-self-stretch-lg-only {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .align-self-stretch-lg-up {
    align-self: stretch !important;
  }
}

.align-self-stretch-xl-down {
  align-self: stretch !important;
}

@media (min-width: 1600px) {
  .align-self-stretch-xl-only {
    align-self: stretch !important;
  }
}

@media (min-width: 1600px) {
  .align-self-stretch-xl-up {
    align-self: stretch !important;
  }
}

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

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

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

.has-overflow-scrollable {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.has-overlap-top {
  bottom: 100%;
  transform: translateX(-50%) translateY(50%);
}

.has-overlap-bottom {
  top: 100%;
  transform: translateX(-50%) translateY(-50%);
}

.h-align-absolute {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

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

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

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

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

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

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

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

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

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

@media (max-width: 479.98px) {
  .position-absolute-xxs-down {
    position: absolute !important;
  }
}

@media (max-width: 479.98px) {
  .position-absolute-xxs-only {
    position: absolute !important;
  }
}

.position-absolute-xxs-up {
  position: absolute !important;
}

@media (max-width: 767.98px) {
  .position-absolute-xs-down {
    position: absolute !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .position-absolute-xs-only {
    position: absolute !important;
  }
}

@media (min-width: 480px) {
  .position-absolute-xs-up {
    position: absolute !important;
  }
}

@media (max-width: 1023.98px) {
  .position-absolute-sm-down {
    position: absolute !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .position-absolute-sm-only {
    position: absolute !important;
  }
}

@media (min-width: 768px) {
  .position-absolute-sm-up {
    position: absolute !important;
  }
}

@media (max-width: 1199.98px) {
  .position-absolute-md-down {
    position: absolute !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .position-absolute-md-only {
    position: absolute !important;
  }
}

@media (min-width: 1024px) {
  .position-absolute-md-up {
    position: absolute !important;
  }
}

@media (max-width: 1599.98px) {
  .position-absolute-lg-down {
    position: absolute !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .position-absolute-lg-only {
    position: absolute !important;
  }
}

@media (min-width: 1200px) {
  .position-absolute-lg-up {
    position: absolute !important;
  }
}

.position-absolute-xl-down {
  position: absolute !important;
}

@media (min-width: 1600px) {
  .position-absolute-xl-only {
    position: absolute !important;
  }
}

@media (min-width: 1600px) {
  .position-absolute-xl-up {
    position: absolute !important;
  }
}

.position-absolute-bottom {
  bottom: 0 !important;
}

.position-absolute-left {
  left: 0 !important;
}

.position-absolute-right {
  right: 0 !important;
}

.position-absolute-top {
  top: 0 !important;
}

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

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

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

.position-sticky {
  position: sticky !important;
  top: 0;
}

.transform-flip-horizontally {
  transform: scaleX(-1) !important;
}

.transform-flip-vertically {
  transform: scaleY(-1) !important;
}

.transform-rotate-45deg {
  transform: rotate(45deg) !important;
}

.transform-rotate-90deg {
  transform: rotate(90deg) !important;
}

.transform-rotate-135deg {
  transform: rotate(135deg) !important;
}

.transform-rotate-180deg {
  transform: rotate(180deg) !important;
}

.transform-rotate-225deg {
  transform: rotate(225deg) !important;
}

.transform-rotate-270deg {
  transform: rotate(270deg) !important;
}

.transform-rotate-315deg {
  transform: rotate(315deg) !important;
}

.transform-rotate-360deg {
  transform: rotate(360deg) !important;
}

.inset-0 {
  inset: 0 !important;
}

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

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

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

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

.align-absolute-bottom {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
}

.align-absolute-top {
  position: absolute !important;
  top: 0 !important;
  bottom: auto !important;
}

.align-absolute-left {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
}

.align-absolute-right {
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
}

.align-absolute-vertical {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 479.98px) {
  .align-absolute-vertical-xxs-down {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 479.98px) {
  .align-absolute-vertical-xxs-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

.align-absolute-vertical-xxs-up {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 767.98px) {
  .align-absolute-vertical-xs-down {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-absolute-vertical-xs-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 480px) {
  .align-absolute-vertical-xs-up {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 1023.98px) {
  .align-absolute-vertical-sm-down {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-absolute-vertical-sm-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 768px) {
  .align-absolute-vertical-sm-up {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 1199.98px) {
  .align-absolute-vertical-md-down {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-absolute-vertical-md-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1024px) {
  .align-absolute-vertical-md-up {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 1599.98px) {
  .align-absolute-vertical-lg-down {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-absolute-vertical-lg-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1200px) {
  .align-absolute-vertical-lg-up {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

.align-absolute-vertical-xl-down {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media (min-width: 1600px) {
  .align-absolute-vertical-xl-only {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1600px) {
  .align-absolute-vertical-xl-up {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

.align-absolute-horizontal {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 479.98px) {
  .align-absolute-horizontal-xxs-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 479.98px) {
  .align-absolute-horizontal-xxs-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

.align-absolute-horizontal-xxs-up {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 767.98px) {
  .align-absolute-horizontal-xs-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .align-absolute-horizontal-xs-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 480px) {
  .align-absolute-horizontal-xs-up {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 1023.98px) {
  .align-absolute-horizontal-sm-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .align-absolute-horizontal-sm-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 768px) {
  .align-absolute-horizontal-sm-up {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 1199.98px) {
  .align-absolute-horizontal-md-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .align-absolute-horizontal-md-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1024px) {
  .align-absolute-horizontal-md-up {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 1599.98px) {
  .align-absolute-horizontal-lg-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .align-absolute-horizontal-lg-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1200px) {
  .align-absolute-horizontal-lg-up {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

.align-absolute-horizontal-xl-down {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (min-width: 1600px) {
  .align-absolute-horizontal-xl-only {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 1600px) {
  .align-absolute-horizontal-xl-up {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

.align-absolute-all,
.align-absolute-vertical.align-absolute-horizontal {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  transform: translateY(-50%);
}

.align-pseudo::before {
  content: "\200b" !important;
  display: inline-block !important;
  height: 100% !important;
  margin-right: -0.25rem !important;
  vertical-align: middle !important;
}

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

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

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

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

.visibility-hidden, .visibility-hidden-hide-width {
  visibility: hidden !important;
}

.visibility-hidden-with-children,
.visibility-hidden-with-children * {
  visibility: hidden !important;
}

.visibility-hidden-hide-width {
  width: 0 !important;
  overflow: hidden !important;
}

.visibility-visible {
  visibility: visible !important;
}

.visually-hidden {
  display: block !important;
  width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  overflow: hidden;
  visibility: hidden !important;
}

.visually-hidden-keep-width {
  display: block !important;
  width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  overflow: hidden;
  visibility: hidden !important;
  width: auto !important;
}

.no-faux-border {
  background: none;
}

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

.z-index-0 {
  z-index: 0 !important;
}

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

.z-index-2 {
  z-index: 2 !important;
}

[ng-click] {
  cursor: pointer;
}

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

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

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

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

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

.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-not-allowed:hover {
  cursor: not-allowed !important;
}

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

.fill {
  display: block;
  width: 100%;
  height: 100%;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.pointer-events-none,
.no-event {
  pointer-events: none !important;
}
.pointer-events-none[ng-click],
.no-event[ng-click] {
  cursor: default;
}

.no-focus:focus {
  border-color: inherit;
  box-shadow: none;
  outline: 0;
}

.no-outline, .no-outline:focus, .no-outline:hover {
  outline: 0 !important;
}

.no-overflow-x {
  overflow-x: hidden;
}

.no-selection,
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.no-tap-highlight {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.no-scrollbar {
  scrollbar-width: none !important;
}
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.breakpoint {
  display: block;
  page-break-before: always;
}

.no-page-break {
  page-break-inside: avoid !important;
}

.border-all {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-all-xxs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-all-xxs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-all-xxs-up {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-all-xs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-all-xs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-all-xs-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-all-sm-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-all-sm-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-all-sm-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-all-md-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-all-md-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-all-md-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-all-lg-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-all-lg-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-all-lg-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-all-xl-down {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-all-xl-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-all-xl-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-vertical {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-vertical-xxs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-vertical-xxs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-vertical-xxs-up {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-vertical-xs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-vertical-xs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-vertical-xs-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-vertical-sm-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-vertical-sm-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-vertical-sm-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-vertical-md-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-vertical-md-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-vertical-md-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-vertical-lg-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-vertical-lg-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-vertical-lg-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-vertical-xl-down {
  border-top: 0.0625rem solid #d2d2d2 !important;
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-vertical-xl-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-vertical-xl-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-horizontal {
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-horizontal-xxs-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-horizontal-xxs-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-horizontal-xxs-up {
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-horizontal-xs-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-horizontal-xs-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-horizontal-xs-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-horizontal-sm-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-horizontal-sm-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-horizontal-sm-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-horizontal-md-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-horizontal-md-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-horizontal-md-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-horizontal-lg-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-horizontal-lg-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-horizontal-lg-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-horizontal-xl-down {
  border-left: 0.0625rem solid #d2d2d2 !important;
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-horizontal-xl-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-horizontal-xl-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-top {
  border-top: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-top-xxs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-top-xxs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-top-xxs-up {
  border-top: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-top-xs-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-top-xs-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-top-xs-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-top-sm-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-top-sm-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-top-sm-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-top-md-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-top-md-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-top-md-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-top-lg-down {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-top-lg-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-top-lg-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-top-xl-down {
  border-top: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-top-xl-only {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-top-xl-up {
    border-top: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-bottom {
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-bottom-xxs-down {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-bottom-xxs-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-bottom-xxs-up {
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-bottom-xs-down {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-bottom-xs-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-bottom-xs-up {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-bottom-sm-down {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-bottom-sm-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-bottom-sm-up {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-bottom-md-down {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-bottom-md-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-bottom-md-up {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-bottom-lg-down {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-bottom-lg-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-bottom-lg-up {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-bottom-xl-down {
  border-bottom: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-bottom-xl-only {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-bottom-xl-up {
    border-bottom: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-left {
  border-left: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-left-xxs-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-left-xxs-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-left-xxs-up {
  border-left: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-left-xs-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-left-xs-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-left-xs-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-left-sm-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-left-sm-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-left-sm-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-left-md-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-left-md-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-left-md-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-left-lg-down {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-left-lg-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-left-lg-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-left-xl-down {
  border-left: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-left-xl-only {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-left-xl-up {
    border-left: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-right {
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 479.98px) {
  .border-right-xxs-down {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 479.98px) {
  .border-right-xxs-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-right-xxs-up {
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (max-width: 767.98px) {
  .border-right-xs-down {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .border-right-xs-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 480px) {
  .border-right-xs-up {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1023.98px) {
  .border-right-sm-down {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .border-right-sm-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 768px) {
  .border-right-sm-up {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1199.98px) {
  .border-right-md-down {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .border-right-md-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1024px) {
  .border-right-md-up {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (max-width: 1599.98px) {
  .border-right-lg-down {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .border-right-lg-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1200px) {
  .border-right-lg-up {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-right-xl-down {
  border-right: 0.0625rem solid #d2d2d2 !important;
}

@media (min-width: 1600px) {
  .border-right-xl-only {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

@media (min-width: 1600px) {
  .border-right-xl-up {
    border-right: 0.0625rem solid #d2d2d2 !important;
  }
}

.border-small {
  border-width: 1px !important;
}

.border-medium {
  border-width: 2px !important;
}

.border-large {
  border-width: 3px !important;
}

.gap-xsmall {
  gap: 0.3125rem !important;
}

.gap-small {
  gap: 0.9375rem !important;
}

.gap-medium {
  gap: 1.875rem !important;
}

.gap-large {
  gap: 3.1250625rem !important;
}

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

@media (max-width: 479.98px) {
  .gap-auto-xxs-down {
    gap: auto !important;
  }
}

@media (max-width: 479.98px) {
  .gap-auto-xxs-only {
    gap: auto !important;
  }
}

.gap-auto-xxs-up {
  gap: auto !important;
}

@media (max-width: 767.98px) {
  .gap-auto-xs-down {
    gap: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .gap-auto-xs-only {
    gap: auto !important;
  }
}

@media (min-width: 480px) {
  .gap-auto-xs-up {
    gap: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .gap-auto-sm-down {
    gap: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .gap-auto-sm-only {
    gap: auto !important;
  }
}

@media (min-width: 768px) {
  .gap-auto-sm-up {
    gap: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .gap-auto-md-down {
    gap: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .gap-auto-md-only {
    gap: auto !important;
  }
}

@media (min-width: 1024px) {
  .gap-auto-md-up {
    gap: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .gap-auto-lg-down {
    gap: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .gap-auto-lg-only {
    gap: auto !important;
  }
}

@media (min-width: 1200px) {
  .gap-auto-lg-up {
    gap: auto !important;
  }
}

.gap-auto-xl-down {
  gap: auto !important;
}

@media (min-width: 1600px) {
  .gap-auto-xl-only {
    gap: auto !important;
  }
}

@media (min-width: 1600px) {
  .gap-auto-xl-up {
    gap: auto !important;
  }
}

.gap-xsmall {
  gap: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .gap-xsmall-xxs-down {
    gap: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .gap-xsmall-xxs-only {
    gap: 0.3125rem !important;
  }
}

.gap-xsmall-xxs-up {
  gap: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .gap-xsmall-xs-down {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .gap-xsmall-xs-only {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .gap-xsmall-xs-up {
    gap: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .gap-xsmall-sm-down {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .gap-xsmall-sm-only {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .gap-xsmall-sm-up {
    gap: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .gap-xsmall-md-down {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .gap-xsmall-md-only {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .gap-xsmall-md-up {
    gap: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .gap-xsmall-lg-down {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .gap-xsmall-lg-only {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .gap-xsmall-lg-up {
    gap: 0.3125rem !important;
  }
}

.gap-xsmall-xl-down {
  gap: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .gap-xsmall-xl-only {
    gap: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .gap-xsmall-xl-up {
    gap: 0.3125rem !important;
  }
}

.gap-small {
  gap: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .gap-small-xxs-down {
    gap: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .gap-small-xxs-only {
    gap: 0.9375rem !important;
  }
}

.gap-small-xxs-up {
  gap: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .gap-small-xs-down {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .gap-small-xs-only {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .gap-small-xs-up {
    gap: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .gap-small-sm-down {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .gap-small-sm-only {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .gap-small-sm-up {
    gap: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .gap-small-md-down {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .gap-small-md-only {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .gap-small-md-up {
    gap: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .gap-small-lg-down {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .gap-small-lg-only {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .gap-small-lg-up {
    gap: 0.9375rem !important;
  }
}

.gap-small-xl-down {
  gap: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .gap-small-xl-only {
    gap: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .gap-small-xl-up {
    gap: 0.9375rem !important;
  }
}

.gap-medium {
  gap: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .gap-medium-xxs-down {
    gap: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .gap-medium-xxs-only {
    gap: 1.875rem !important;
  }
}

.gap-medium-xxs-up {
  gap: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .gap-medium-xs-down {
    gap: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .gap-medium-xs-only {
    gap: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .gap-medium-xs-up {
    gap: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .gap-medium-sm-down {
    gap: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .gap-medium-sm-only {
    gap: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .gap-medium-sm-up {
    gap: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .gap-medium-md-down {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .gap-medium-md-only {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .gap-medium-md-up {
    gap: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .gap-medium-lg-down {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .gap-medium-lg-only {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .gap-medium-lg-up {
    gap: 1.875rem !important;
  }
}

.gap-medium-xl-down {
  gap: 1.875rem !important;
}

@media (min-width: 1600px) {
  .gap-medium-xl-only {
    gap: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .gap-medium-xl-up {
    gap: 1.875rem !important;
  }
}

.gap-large {
  gap: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .gap-large-xxs-down {
    gap: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .gap-large-xxs-only {
    gap: 3.1250625rem !important;
  }
}

.gap-large-xxs-up {
  gap: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .gap-large-xs-down {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .gap-large-xs-only {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .gap-large-xs-up {
    gap: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .gap-large-sm-down {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .gap-large-sm-only {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .gap-large-sm-up {
    gap: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .gap-large-md-down {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .gap-large-md-only {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .gap-large-md-up {
    gap: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .gap-large-lg-down {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .gap-large-lg-only {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .gap-large-lg-up {
    gap: 3.1250625rem !important;
  }
}

.gap-large-xl-down {
  gap: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .gap-large-xl-only {
    gap: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .gap-large-xl-up {
    gap: 3.1250625rem !important;
  }
}

.has-max-width-10\% {
  max-width: 10% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-10\%-xxs-down {
    max-width: 10% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-10\%-xxs-only {
    max-width: 10% !important;
  }
}

.has-max-width-10\%-xxs-up {
  max-width: 10% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-10\%-xs-down {
    max-width: 10% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-10\%-xs-only {
    max-width: 10% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-10\%-xs-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-10\%-sm-down {
    max-width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-10\%-sm-only {
    max-width: 10% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-10\%-sm-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-10\%-md-down {
    max-width: 10% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-10\%-md-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-10\%-md-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-10\%-lg-down {
    max-width: 10% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-10\%-lg-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-10\%-lg-up {
    max-width: 10% !important;
  }
}

.has-max-width-10\%-xl-down {
  max-width: 10% !important;
}

@media (min-width: 1600px) {
  .has-max-width-10\%-xl-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-10\%-xl-up {
    max-width: 10% !important;
  }
}

.has-max-width-20\% {
  max-width: 20% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-20\%-xxs-down {
    max-width: 20% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-20\%-xxs-only {
    max-width: 20% !important;
  }
}

.has-max-width-20\%-xxs-up {
  max-width: 20% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-20\%-xs-down {
    max-width: 20% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-20\%-xs-only {
    max-width: 20% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-20\%-xs-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-20\%-sm-down {
    max-width: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-20\%-sm-only {
    max-width: 20% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-20\%-sm-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-20\%-md-down {
    max-width: 20% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-20\%-md-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-20\%-md-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-20\%-lg-down {
    max-width: 20% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-20\%-lg-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-20\%-lg-up {
    max-width: 20% !important;
  }
}

.has-max-width-20\%-xl-down {
  max-width: 20% !important;
}

@media (min-width: 1600px) {
  .has-max-width-20\%-xl-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-20\%-xl-up {
    max-width: 20% !important;
  }
}

.has-max-width-25\% {
  max-width: 25% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-25\%-xxs-down {
    max-width: 25% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-25\%-xxs-only {
    max-width: 25% !important;
  }
}

.has-max-width-25\%-xxs-up {
  max-width: 25% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-25\%-xs-down {
    max-width: 25% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-25\%-xs-only {
    max-width: 25% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-25\%-xs-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-25\%-sm-down {
    max-width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-25\%-sm-only {
    max-width: 25% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-25\%-sm-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-25\%-md-down {
    max-width: 25% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-25\%-md-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-25\%-md-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-25\%-lg-down {
    max-width: 25% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-25\%-lg-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-25\%-lg-up {
    max-width: 25% !important;
  }
}

.has-max-width-25\%-xl-down {
  max-width: 25% !important;
}

@media (min-width: 1600px) {
  .has-max-width-25\%-xl-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-25\%-xl-up {
    max-width: 25% !important;
  }
}

.has-max-width-33\% {
  max-width: 33.33333% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-33\%-xxs-down {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-33\%-xxs-only {
    max-width: 33.33333% !important;
  }
}

.has-max-width-33\%-xxs-up {
  max-width: 33.33333% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-33\%-xs-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-33\%-xs-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-33\%-xs-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-33\%-sm-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-33\%-sm-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-33\%-sm-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-33\%-md-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-33\%-md-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-33\%-md-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-33\%-lg-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-33\%-lg-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-33\%-lg-up {
    max-width: 33.33333% !important;
  }
}

.has-max-width-33\%-xl-down {
  max-width: 33.33333% !important;
}

@media (min-width: 1600px) {
  .has-max-width-33\%-xl-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-33\%-xl-up {
    max-width: 33.33333% !important;
  }
}

.has-max-width-40\% {
  max-width: 40% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-40\%-xxs-down {
    max-width: 40% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-40\%-xxs-only {
    max-width: 40% !important;
  }
}

.has-max-width-40\%-xxs-up {
  max-width: 40% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-40\%-xs-down {
    max-width: 40% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-40\%-xs-only {
    max-width: 40% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-40\%-xs-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-40\%-sm-down {
    max-width: 40% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-40\%-sm-only {
    max-width: 40% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-40\%-sm-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-40\%-md-down {
    max-width: 40% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-40\%-md-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-40\%-md-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-40\%-lg-down {
    max-width: 40% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-40\%-lg-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-40\%-lg-up {
    max-width: 40% !important;
  }
}

.has-max-width-40\%-xl-down {
  max-width: 40% !important;
}

@media (min-width: 1600px) {
  .has-max-width-40\%-xl-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-40\%-xl-up {
    max-width: 40% !important;
  }
}

.has-max-width-50\% {
  max-width: 50% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-50\%-xxs-down {
    max-width: 50% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-50\%-xxs-only {
    max-width: 50% !important;
  }
}

.has-max-width-50\%-xxs-up {
  max-width: 50% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-50\%-xs-down {
    max-width: 50% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-50\%-xs-only {
    max-width: 50% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-50\%-xs-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-50\%-sm-down {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-50\%-sm-only {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-50\%-sm-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-50\%-md-down {
    max-width: 50% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-50\%-md-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-50\%-md-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-50\%-lg-down {
    max-width: 50% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-50\%-lg-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-50\%-lg-up {
    max-width: 50% !important;
  }
}

.has-max-width-50\%-xl-down {
  max-width: 50% !important;
}

@media (min-width: 1600px) {
  .has-max-width-50\%-xl-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-50\%-xl-up {
    max-width: 50% !important;
  }
}

.has-max-width-60\% {
  max-width: 60% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-60\%-xxs-down {
    max-width: 60% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-60\%-xxs-only {
    max-width: 60% !important;
  }
}

.has-max-width-60\%-xxs-up {
  max-width: 60% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-60\%-xs-down {
    max-width: 60% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-60\%-xs-only {
    max-width: 60% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-60\%-xs-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-60\%-sm-down {
    max-width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-60\%-sm-only {
    max-width: 60% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-60\%-sm-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-60\%-md-down {
    max-width: 60% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-60\%-md-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-60\%-md-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-60\%-lg-down {
    max-width: 60% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-60\%-lg-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-60\%-lg-up {
    max-width: 60% !important;
  }
}

.has-max-width-60\%-xl-down {
  max-width: 60% !important;
}

@media (min-width: 1600px) {
  .has-max-width-60\%-xl-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-60\%-xl-up {
    max-width: 60% !important;
  }
}

.has-max-width-66\% {
  max-width: 66.66666% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-66\%-xxs-down {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-66\%-xxs-only {
    max-width: 66.66666% !important;
  }
}

.has-max-width-66\%-xxs-up {
  max-width: 66.66666% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-66\%-xs-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-66\%-xs-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-66\%-xs-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-66\%-sm-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-66\%-sm-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-66\%-sm-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-66\%-md-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-66\%-md-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-66\%-md-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-66\%-lg-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-66\%-lg-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-66\%-lg-up {
    max-width: 66.66666% !important;
  }
}

.has-max-width-66\%-xl-down {
  max-width: 66.66666% !important;
}

@media (min-width: 1600px) {
  .has-max-width-66\%-xl-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-66\%-xl-up {
    max-width: 66.66666% !important;
  }
}

.has-max-width-75\% {
  max-width: 75% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-75\%-xxs-down {
    max-width: 75% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-75\%-xxs-only {
    max-width: 75% !important;
  }
}

.has-max-width-75\%-xxs-up {
  max-width: 75% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-75\%-xs-down {
    max-width: 75% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-75\%-xs-only {
    max-width: 75% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-75\%-xs-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-75\%-sm-down {
    max-width: 75% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-75\%-sm-only {
    max-width: 75% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-75\%-sm-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-75\%-md-down {
    max-width: 75% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-75\%-md-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-75\%-md-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-75\%-lg-down {
    max-width: 75% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-75\%-lg-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-75\%-lg-up {
    max-width: 75% !important;
  }
}

.has-max-width-75\%-xl-down {
  max-width: 75% !important;
}

@media (min-width: 1600px) {
  .has-max-width-75\%-xl-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-75\%-xl-up {
    max-width: 75% !important;
  }
}

.has-max-width-80\% {
  max-width: 80% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-80\%-xxs-down {
    max-width: 80% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-80\%-xxs-only {
    max-width: 80% !important;
  }
}

.has-max-width-80\%-xxs-up {
  max-width: 80% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-80\%-xs-down {
    max-width: 80% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-80\%-xs-only {
    max-width: 80% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-80\%-xs-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-80\%-sm-down {
    max-width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-80\%-sm-only {
    max-width: 80% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-80\%-sm-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-80\%-md-down {
    max-width: 80% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-80\%-md-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-80\%-md-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-80\%-lg-down {
    max-width: 80% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-80\%-lg-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-80\%-lg-up {
    max-width: 80% !important;
  }
}

.has-max-width-80\%-xl-down {
  max-width: 80% !important;
}

@media (min-width: 1600px) {
  .has-max-width-80\%-xl-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-80\%-xl-up {
    max-width: 80% !important;
  }
}

.has-max-width-100\% {
  max-width: 100% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-100\%-xxs-down {
    max-width: 100% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-100\%-xxs-only {
    max-width: 100% !important;
  }
}

.has-max-width-100\%-xxs-up {
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-100\%-xs-down {
    max-width: 100% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-100\%-xs-only {
    max-width: 100% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-100\%-xs-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-100\%-sm-down {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-100\%-sm-only {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-100\%-sm-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-100\%-md-down {
    max-width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-100\%-md-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-100\%-md-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-100\%-lg-down {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-100\%-lg-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-100\%-lg-up {
    max-width: 100% !important;
  }
}

.has-max-width-100\%-xl-down {
  max-width: 100% !important;
}

@media (min-width: 1600px) {
  .has-max-width-100\%-xl-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-100\%-xl-up {
    max-width: 100% !important;
  }
}

.has-max-width-small {
  max-width: 383.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-small-xxs-down {
    max-width: 383.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-small-xxs-only {
    max-width: 383.5px !important;
  }
}

.has-max-width-small-xxs-up {
  max-width: 383.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-small-xs-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-small-xs-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-small-xs-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-small-sm-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-small-sm-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-small-sm-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-small-md-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-small-md-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-small-md-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-small-lg-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-small-lg-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-small-lg-up {
    max-width: 383.5px !important;
  }
}

.has-max-width-small-xl-down {
  max-width: 383.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-small-xl-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-small-xl-up {
    max-width: 383.5px !important;
  }
}

.has-max-width-medium {
  max-width: 511.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-medium-xxs-down {
    max-width: 511.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-medium-xxs-only {
    max-width: 511.5px !important;
  }
}

.has-max-width-medium-xxs-up {
  max-width: 511.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-medium-xs-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-medium-xs-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-medium-xs-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-medium-sm-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-medium-sm-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-medium-sm-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-medium-md-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-medium-md-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-medium-md-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-medium-lg-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-medium-lg-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-medium-lg-up {
    max-width: 511.5px !important;
  }
}

.has-max-width-medium-xl-down {
  max-width: 511.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-medium-xl-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-medium-xl-up {
    max-width: 511.5px !important;
  }
}

.has-max-width-large {
  max-width: 599.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-large-xxs-down {
    max-width: 599.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-large-xxs-only {
    max-width: 599.5px !important;
  }
}

.has-max-width-large-xxs-up {
  max-width: 599.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-large-xs-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-large-xs-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-large-xs-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-large-sm-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-large-sm-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-large-sm-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-large-md-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-large-md-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-large-md-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-large-lg-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-large-lg-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-large-lg-up {
    max-width: 599.5px !important;
  }
}

.has-max-width-large-xl-down {
  max-width: 599.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-large-xl-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-large-xl-up {
    max-width: 599.5px !important;
  }
}

.has-js-height {
  overflow-y: auto !important;
}

.has-max-height-var {
  max-height: var(--max-height) !important;
}
.has-max-height-var:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

.has-max-height-small {
  max-height: 11.875rem !important;
}
.has-max-height-small:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 479.98px) {
  .has-max-height-small-xxs-down {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xxs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-height-small-xxs-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xxs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-small-xxs-up {
  max-height: 11.875rem !important;
}
.has-max-height-small-xxs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 767.98px) {
  .has-max-height-small-xs-down {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-height-small-xs-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) {
  .has-max-height-small-xs-up {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-height-small-sm-down {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-sm-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-height-small-sm-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-sm-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) {
  .has-max-height-small-sm-up {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-sm-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-height-small-md-down {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-md-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-height-small-md-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-md-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) {
  .has-max-height-small-md-up {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-md-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-height-small-lg-down {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-lg-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-height-small-lg-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-lg-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) {
  .has-max-height-small-lg-up {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-lg-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-small-xl-down {
  max-height: 11.875rem !important;
}
.has-max-height-small-xl-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (min-width: 1600px) {
  .has-max-height-small-xl-only {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xl-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1600px) {
  .has-max-height-small-xl-up {
    max-height: 11.875rem !important;
  }
  .has-max-height-small-xl-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-medium {
  max-height: 23.75rem !important;
}
.has-max-height-medium:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 479.98px) {
  .has-max-height-medium-xxs-down {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xxs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-height-medium-xxs-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xxs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-medium-xxs-up {
  max-height: 23.75rem !important;
}
.has-max-height-medium-xxs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 767.98px) {
  .has-max-height-medium-xs-down {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-height-medium-xs-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) {
  .has-max-height-medium-xs-up {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-height-medium-sm-down {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-sm-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-height-medium-sm-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-sm-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) {
  .has-max-height-medium-sm-up {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-sm-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-height-medium-md-down {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-md-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-height-medium-md-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-md-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) {
  .has-max-height-medium-md-up {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-md-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-height-medium-lg-down {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-lg-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-height-medium-lg-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-lg-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) {
  .has-max-height-medium-lg-up {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-lg-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-medium-xl-down {
  max-height: 23.75rem !important;
}
.has-max-height-medium-xl-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (min-width: 1600px) {
  .has-max-height-medium-xl-only {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xl-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1600px) {
  .has-max-height-medium-xl-up {
    max-height: 23.75rem !important;
  }
  .has-max-height-medium-xl-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-large {
  max-height: 46.875rem !important;
}
.has-max-height-large:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 479.98px) {
  .has-max-height-large-xxs-down {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xxs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-height-large-xxs-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xxs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-large-xxs-up {
  max-height: 46.875rem !important;
}
.has-max-height-large-xxs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (max-width: 767.98px) {
  .has-max-height-large-xs-down {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xs-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-height-large-xs-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xs-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 480px) {
  .has-max-height-large-xs-up {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xs-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-height-large-sm-down {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-sm-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-height-large-sm-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-sm-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) {
  .has-max-height-large-sm-up {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-sm-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-height-large-md-down {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-md-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-height-large-md-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-md-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1024px) {
  .has-max-height-large-md-up {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-md-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-height-large-lg-down {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-lg-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-height-large-lg-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-lg-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) {
  .has-max-height-large-lg-up {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-lg-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-height-large-xl-down {
  max-height: 46.875rem !important;
}
.has-max-height-large-xl-down:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
  overflow-y: auto !important;
}

@media (min-width: 1600px) {
  .has-max-height-large-xl-only {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xl-only:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

@media (min-width: 1600px) {
  .has-max-height-large-xl-up {
    max-height: 46.875rem !important;
  }
  .has-max-height-large-xl-up:where(:not(.overflow-hidden):not(.overflow-y-hidden)) {
    overflow-y: auto !important;
  }
}

.has-max-width {
  max-width: 75rem !important;
}

.has-max-width-10\% {
  max-width: 10% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-10\%-xxs-down {
    max-width: 10% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-10\%-xxs-only {
    max-width: 10% !important;
  }
}

.has-max-width-10\%-xxs-up {
  max-width: 10% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-10\%-xs-down {
    max-width: 10% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-10\%-xs-only {
    max-width: 10% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-10\%-xs-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-10\%-sm-down {
    max-width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-10\%-sm-only {
    max-width: 10% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-10\%-sm-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-10\%-md-down {
    max-width: 10% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-10\%-md-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-10\%-md-up {
    max-width: 10% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-10\%-lg-down {
    max-width: 10% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-10\%-lg-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-10\%-lg-up {
    max-width: 10% !important;
  }
}

.has-max-width-10\%-xl-down {
  max-width: 10% !important;
}

@media (min-width: 1600px) {
  .has-max-width-10\%-xl-only {
    max-width: 10% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-10\%-xl-up {
    max-width: 10% !important;
  }
}

.has-max-width-20\% {
  max-width: 20% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-20\%-xxs-down {
    max-width: 20% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-20\%-xxs-only {
    max-width: 20% !important;
  }
}

.has-max-width-20\%-xxs-up {
  max-width: 20% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-20\%-xs-down {
    max-width: 20% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-20\%-xs-only {
    max-width: 20% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-20\%-xs-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-20\%-sm-down {
    max-width: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-20\%-sm-only {
    max-width: 20% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-20\%-sm-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-20\%-md-down {
    max-width: 20% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-20\%-md-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-20\%-md-up {
    max-width: 20% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-20\%-lg-down {
    max-width: 20% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-20\%-lg-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-20\%-lg-up {
    max-width: 20% !important;
  }
}

.has-max-width-20\%-xl-down {
  max-width: 20% !important;
}

@media (min-width: 1600px) {
  .has-max-width-20\%-xl-only {
    max-width: 20% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-20\%-xl-up {
    max-width: 20% !important;
  }
}

.has-max-width-25\% {
  max-width: 25% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-25\%-xxs-down {
    max-width: 25% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-25\%-xxs-only {
    max-width: 25% !important;
  }
}

.has-max-width-25\%-xxs-up {
  max-width: 25% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-25\%-xs-down {
    max-width: 25% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-25\%-xs-only {
    max-width: 25% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-25\%-xs-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-25\%-sm-down {
    max-width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-25\%-sm-only {
    max-width: 25% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-25\%-sm-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-25\%-md-down {
    max-width: 25% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-25\%-md-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-25\%-md-up {
    max-width: 25% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-25\%-lg-down {
    max-width: 25% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-25\%-lg-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-25\%-lg-up {
    max-width: 25% !important;
  }
}

.has-max-width-25\%-xl-down {
  max-width: 25% !important;
}

@media (min-width: 1600px) {
  .has-max-width-25\%-xl-only {
    max-width: 25% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-25\%-xl-up {
    max-width: 25% !important;
  }
}

.has-max-width-33\% {
  max-width: 33.33333% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-33\%-xxs-down {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-33\%-xxs-only {
    max-width: 33.33333% !important;
  }
}

.has-max-width-33\%-xxs-up {
  max-width: 33.33333% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-33\%-xs-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-33\%-xs-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-33\%-xs-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-33\%-sm-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-33\%-sm-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-33\%-sm-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-33\%-md-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-33\%-md-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-33\%-md-up {
    max-width: 33.33333% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-33\%-lg-down {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-33\%-lg-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-33\%-lg-up {
    max-width: 33.33333% !important;
  }
}

.has-max-width-33\%-xl-down {
  max-width: 33.33333% !important;
}

@media (min-width: 1600px) {
  .has-max-width-33\%-xl-only {
    max-width: 33.33333% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-33\%-xl-up {
    max-width: 33.33333% !important;
  }
}

.has-max-width-40\% {
  max-width: 40% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-40\%-xxs-down {
    max-width: 40% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-40\%-xxs-only {
    max-width: 40% !important;
  }
}

.has-max-width-40\%-xxs-up {
  max-width: 40% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-40\%-xs-down {
    max-width: 40% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-40\%-xs-only {
    max-width: 40% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-40\%-xs-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-40\%-sm-down {
    max-width: 40% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-40\%-sm-only {
    max-width: 40% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-40\%-sm-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-40\%-md-down {
    max-width: 40% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-40\%-md-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-40\%-md-up {
    max-width: 40% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-40\%-lg-down {
    max-width: 40% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-40\%-lg-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-40\%-lg-up {
    max-width: 40% !important;
  }
}

.has-max-width-40\%-xl-down {
  max-width: 40% !important;
}

@media (min-width: 1600px) {
  .has-max-width-40\%-xl-only {
    max-width: 40% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-40\%-xl-up {
    max-width: 40% !important;
  }
}

.has-max-width-50\% {
  max-width: 50% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-50\%-xxs-down {
    max-width: 50% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-50\%-xxs-only {
    max-width: 50% !important;
  }
}

.has-max-width-50\%-xxs-up {
  max-width: 50% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-50\%-xs-down {
    max-width: 50% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-50\%-xs-only {
    max-width: 50% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-50\%-xs-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-50\%-sm-down {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-50\%-sm-only {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-50\%-sm-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-50\%-md-down {
    max-width: 50% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-50\%-md-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-50\%-md-up {
    max-width: 50% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-50\%-lg-down {
    max-width: 50% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-50\%-lg-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-50\%-lg-up {
    max-width: 50% !important;
  }
}

.has-max-width-50\%-xl-down {
  max-width: 50% !important;
}

@media (min-width: 1600px) {
  .has-max-width-50\%-xl-only {
    max-width: 50% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-50\%-xl-up {
    max-width: 50% !important;
  }
}

.has-max-width-60\% {
  max-width: 60% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-60\%-xxs-down {
    max-width: 60% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-60\%-xxs-only {
    max-width: 60% !important;
  }
}

.has-max-width-60\%-xxs-up {
  max-width: 60% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-60\%-xs-down {
    max-width: 60% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-60\%-xs-only {
    max-width: 60% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-60\%-xs-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-60\%-sm-down {
    max-width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-60\%-sm-only {
    max-width: 60% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-60\%-sm-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-60\%-md-down {
    max-width: 60% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-60\%-md-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-60\%-md-up {
    max-width: 60% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-60\%-lg-down {
    max-width: 60% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-60\%-lg-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-60\%-lg-up {
    max-width: 60% !important;
  }
}

.has-max-width-60\%-xl-down {
  max-width: 60% !important;
}

@media (min-width: 1600px) {
  .has-max-width-60\%-xl-only {
    max-width: 60% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-60\%-xl-up {
    max-width: 60% !important;
  }
}

.has-max-width-66\% {
  max-width: 66.66666% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-66\%-xxs-down {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-66\%-xxs-only {
    max-width: 66.66666% !important;
  }
}

.has-max-width-66\%-xxs-up {
  max-width: 66.66666% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-66\%-xs-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-66\%-xs-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-66\%-xs-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-66\%-sm-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-66\%-sm-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-66\%-sm-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-66\%-md-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-66\%-md-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-66\%-md-up {
    max-width: 66.66666% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-66\%-lg-down {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-66\%-lg-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-66\%-lg-up {
    max-width: 66.66666% !important;
  }
}

.has-max-width-66\%-xl-down {
  max-width: 66.66666% !important;
}

@media (min-width: 1600px) {
  .has-max-width-66\%-xl-only {
    max-width: 66.66666% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-66\%-xl-up {
    max-width: 66.66666% !important;
  }
}

.has-max-width-75\% {
  max-width: 75% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-75\%-xxs-down {
    max-width: 75% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-75\%-xxs-only {
    max-width: 75% !important;
  }
}

.has-max-width-75\%-xxs-up {
  max-width: 75% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-75\%-xs-down {
    max-width: 75% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-75\%-xs-only {
    max-width: 75% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-75\%-xs-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-75\%-sm-down {
    max-width: 75% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-75\%-sm-only {
    max-width: 75% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-75\%-sm-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-75\%-md-down {
    max-width: 75% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-75\%-md-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-75\%-md-up {
    max-width: 75% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-75\%-lg-down {
    max-width: 75% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-75\%-lg-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-75\%-lg-up {
    max-width: 75% !important;
  }
}

.has-max-width-75\%-xl-down {
  max-width: 75% !important;
}

@media (min-width: 1600px) {
  .has-max-width-75\%-xl-only {
    max-width: 75% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-75\%-xl-up {
    max-width: 75% !important;
  }
}

.has-max-width-80\% {
  max-width: 80% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-80\%-xxs-down {
    max-width: 80% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-80\%-xxs-only {
    max-width: 80% !important;
  }
}

.has-max-width-80\%-xxs-up {
  max-width: 80% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-80\%-xs-down {
    max-width: 80% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-80\%-xs-only {
    max-width: 80% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-80\%-xs-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-80\%-sm-down {
    max-width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-80\%-sm-only {
    max-width: 80% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-80\%-sm-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-80\%-md-down {
    max-width: 80% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-80\%-md-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-80\%-md-up {
    max-width: 80% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-80\%-lg-down {
    max-width: 80% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-80\%-lg-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-80\%-lg-up {
    max-width: 80% !important;
  }
}

.has-max-width-80\%-xl-down {
  max-width: 80% !important;
}

@media (min-width: 1600px) {
  .has-max-width-80\%-xl-only {
    max-width: 80% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-80\%-xl-up {
    max-width: 80% !important;
  }
}

.has-max-width-100\% {
  max-width: 100% !important;
}

@media (max-width: 479.98px) {
  .has-max-width-100\%-xxs-down {
    max-width: 100% !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-100\%-xxs-only {
    max-width: 100% !important;
  }
}

.has-max-width-100\%-xxs-up {
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  .has-max-width-100\%-xs-down {
    max-width: 100% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-100\%-xs-only {
    max-width: 100% !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-100\%-xs-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-100\%-sm-down {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-100\%-sm-only {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-100\%-sm-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-100\%-md-down {
    max-width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-100\%-md-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-100\%-md-up {
    max-width: 100% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-100\%-lg-down {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-100\%-lg-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-100\%-lg-up {
    max-width: 100% !important;
  }
}

.has-max-width-100\%-xl-down {
  max-width: 100% !important;
}

@media (min-width: 1600px) {
  .has-max-width-100\%-xl-only {
    max-width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-100\%-xl-up {
    max-width: 100% !important;
  }
}

.has-max-width-small {
  max-width: 383.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-small-xxs-down {
    max-width: 383.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-small-xxs-only {
    max-width: 383.5px !important;
  }
}

.has-max-width-small-xxs-up {
  max-width: 383.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-small-xs-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-small-xs-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-small-xs-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-small-sm-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-small-sm-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-small-sm-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-small-md-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-small-md-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-small-md-up {
    max-width: 383.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-small-lg-down {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-small-lg-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-small-lg-up {
    max-width: 383.5px !important;
  }
}

.has-max-width-small-xl-down {
  max-width: 383.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-small-xl-only {
    max-width: 383.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-small-xl-up {
    max-width: 383.5px !important;
  }
}

.has-max-width-medium {
  max-width: 511.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-medium-xxs-down {
    max-width: 511.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-medium-xxs-only {
    max-width: 511.5px !important;
  }
}

.has-max-width-medium-xxs-up {
  max-width: 511.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-medium-xs-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-medium-xs-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-medium-xs-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-medium-sm-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-medium-sm-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-medium-sm-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-medium-md-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-medium-md-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-medium-md-up {
    max-width: 511.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-medium-lg-down {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-medium-lg-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-medium-lg-up {
    max-width: 511.5px !important;
  }
}

.has-max-width-medium-xl-down {
  max-width: 511.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-medium-xl-only {
    max-width: 511.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-medium-xl-up {
    max-width: 511.5px !important;
  }
}

.has-max-width-large {
  max-width: 599.5px !important;
}

@media (max-width: 479.98px) {
  .has-max-width-large-xxs-down {
    max-width: 599.5px !important;
  }
}

@media (max-width: 479.98px) {
  .has-max-width-large-xxs-only {
    max-width: 599.5px !important;
  }
}

.has-max-width-large-xxs-up {
  max-width: 599.5px !important;
}

@media (max-width: 767.98px) {
  .has-max-width-large-xs-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-max-width-large-xs-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 480px) {
  .has-max-width-large-xs-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .has-max-width-large-sm-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-max-width-large-sm-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 768px) {
  .has-max-width-large-sm-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .has-max-width-large-md-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-max-width-large-md-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1024px) {
  .has-max-width-large-md-up {
    max-width: 599.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .has-max-width-large-lg-down {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-max-width-large-lg-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1200px) {
  .has-max-width-large-lg-up {
    max-width: 599.5px !important;
  }
}

.has-max-width-large-xl-down {
  max-width: 599.5px !important;
}

@media (min-width: 1600px) {
  .has-max-width-large-xl-only {
    max-width: 599.5px !important;
  }
}

@media (min-width: 1600px) {
  .has-max-width-large-xl-up {
    max-width: 599.5px !important;
  }
}

.has-max-width-1ch {
  max-width: 1ch !important;
}

.has-max-width-2ch {
  max-width: 2ch !important;
}

.has-max-width-3ch {
  max-width: 3ch !important;
}

.has-max-width-4ch {
  max-width: 4ch !important;
}

.has-max-width-5ch {
  max-width: 5ch !important;
}

.has-max-width-6ch {
  max-width: 6ch !important;
}

.has-max-width-7ch {
  max-width: 7ch !important;
}

.has-max-width-8ch {
  max-width: 8ch !important;
}

.has-max-width-9ch {
  max-width: 9ch !important;
}

.has-max-width-10ch {
  max-width: 10ch !important;
}

.has-max-width-11ch {
  max-width: 11ch !important;
}

.has-max-width-12ch {
  max-width: 12ch !important;
}

.has-max-width-13ch {
  max-width: 13ch !important;
}

.has-max-width-14ch {
  max-width: 14ch !important;
}

.has-max-width-15ch {
  max-width: 15ch !important;
}

.has-max-width-16ch {
  max-width: 16ch !important;
}

.has-max-width-17ch {
  max-width: 17ch !important;
}

.has-max-width-18ch {
  max-width: 18ch !important;
}

.has-max-width-19ch {
  max-width: 19ch !important;
}

.has-max-width-20ch {
  max-width: 20ch !important;
}

.has-max-width-21ch {
  max-width: 21ch !important;
}

.has-max-width-22ch {
  max-width: 22ch !important;
}

.has-max-width-23ch {
  max-width: 23ch !important;
}

.has-max-width-24ch {
  max-width: 24ch !important;
}

.has-max-width-25ch {
  max-width: 25ch !important;
}

.has-max-width-26ch {
  max-width: 26ch !important;
}

.has-max-width-27ch {
  max-width: 27ch !important;
}

.has-max-width-28ch {
  max-width: 28ch !important;
}

.has-max-width-29ch {
  max-width: 29ch !important;
}

.has-max-width-30ch {
  max-width: 30ch !important;
}

.has-max-width-31ch {
  max-width: 31ch !important;
}

.has-max-width-32ch {
  max-width: 32ch !important;
}

.has-max-width-33ch {
  max-width: 33ch !important;
}

.has-max-width-34ch {
  max-width: 34ch !important;
}

.has-max-width-35ch {
  max-width: 35ch !important;
}

.has-max-width-36ch {
  max-width: 36ch !important;
}

.has-max-width-37ch {
  max-width: 37ch !important;
}

.has-max-width-38ch {
  max-width: 38ch !important;
}

.has-max-width-39ch {
  max-width: 39ch !important;
}

.has-max-width-40ch {
  max-width: 40ch !important;
}

.has-max-width-41ch {
  max-width: 41ch !important;
}

.has-max-width-42ch {
  max-width: 42ch !important;
}

.has-max-width-43ch {
  max-width: 43ch !important;
}

.has-max-width-44ch {
  max-width: 44ch !important;
}

.has-max-width-45ch {
  max-width: 45ch !important;
}

.has-max-width-46ch {
  max-width: 46ch !important;
}

.has-max-width-47ch {
  max-width: 47ch !important;
}

.has-max-width-48ch {
  max-width: 48ch !important;
}

.has-max-width-49ch {
  max-width: 49ch !important;
}

.has-max-width-50ch {
  max-width: 50ch !important;
}

.has-max-width-char-single {
  max-width: 1ch !important;
}

.has-max-width-char-small {
  max-width: 5ch !important;
}

.has-max-width-char-medium {
  max-width: 10ch !important;
}

.has-max-width-char-large {
  max-width: 15ch !important;
}

.has-max-width-custom {
  max-width: var(--max-width) !important;
  overflow-x: auto !important;
}

[class*=has-max-lines-] {
  display: -webkit-box !important;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.has-max-lines-single {
  -webkit-line-clamp: 1 !important;
}

.has-max-lines-double {
  -webkit-line-clamp: 2 !important;
}

.has-max-lines-triple {
  -webkit-line-clamp: 3 !important;
}

.has-max-lines-small {
  -webkit-line-clamp: 5 !important;
}

.has-max-lines-medium {
  -webkit-line-clamp: 10 !important;
}

.has-max-lines-large {
  -webkit-line-clamp: 20 !important;
}

.has-max-lines-custom {
  -webkit-line-clamp: var(--max-lines) !important;
  overflow-y: auto !important;
}

.has-min-height-custom {
  min-height: var(--min-height) !important;
}

.has-min-height-small {
  min-height: 11.875rem !important;
}

@media (max-width: 479.98px) {
  .has-min-height-small-xxs-down {
    min-height: 11.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-height-small-xxs-only {
    min-height: 11.875rem !important;
  }
}

.has-min-height-small-xxs-up {
  min-height: 11.875rem !important;
}

@media (max-width: 767.98px) {
  .has-min-height-small-xs-down {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-height-small-xs-only {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-height-small-xs-up {
    min-height: 11.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-height-small-sm-down {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-height-small-sm-only {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-height-small-sm-up {
    min-height: 11.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-height-small-md-down {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-height-small-md-only {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-height-small-md-up {
    min-height: 11.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-height-small-lg-down {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-height-small-lg-only {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-height-small-lg-up {
    min-height: 11.875rem !important;
  }
}

.has-min-height-small-xl-down {
  min-height: 11.875rem !important;
}

@media (min-width: 1600px) {
  .has-min-height-small-xl-only {
    min-height: 11.875rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-height-small-xl-up {
    min-height: 11.875rem !important;
  }
}

.has-min-height-medium {
  min-height: 23.75rem !important;
}

@media (max-width: 479.98px) {
  .has-min-height-medium-xxs-down {
    min-height: 23.75rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-height-medium-xxs-only {
    min-height: 23.75rem !important;
  }
}

.has-min-height-medium-xxs-up {
  min-height: 23.75rem !important;
}

@media (max-width: 767.98px) {
  .has-min-height-medium-xs-down {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-height-medium-xs-only {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-height-medium-xs-up {
    min-height: 23.75rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-height-medium-sm-down {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-height-medium-sm-only {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-height-medium-sm-up {
    min-height: 23.75rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-height-medium-md-down {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-height-medium-md-only {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-height-medium-md-up {
    min-height: 23.75rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-height-medium-lg-down {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-height-medium-lg-only {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-height-medium-lg-up {
    min-height: 23.75rem !important;
  }
}

.has-min-height-medium-xl-down {
  min-height: 23.75rem !important;
}

@media (min-width: 1600px) {
  .has-min-height-medium-xl-only {
    min-height: 23.75rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-height-medium-xl-up {
    min-height: 23.75rem !important;
  }
}

.has-min-height-large {
  min-height: 46.875rem !important;
}

@media (max-width: 479.98px) {
  .has-min-height-large-xxs-down {
    min-height: 46.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-height-large-xxs-only {
    min-height: 46.875rem !important;
  }
}

.has-min-height-large-xxs-up {
  min-height: 46.875rem !important;
}

@media (max-width: 767.98px) {
  .has-min-height-large-xs-down {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-height-large-xs-only {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-height-large-xs-up {
    min-height: 46.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-height-large-sm-down {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-height-large-sm-only {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-height-large-sm-up {
    min-height: 46.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-height-large-md-down {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-height-large-md-only {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-height-large-md-up {
    min-height: 46.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-height-large-lg-down {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-height-large-lg-only {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-height-large-lg-up {
    min-height: 46.875rem !important;
  }
}

.has-min-height-large-xl-down {
  min-height: 46.875rem !important;
}

@media (min-width: 1600px) {
  .has-min-height-large-xl-only {
    min-height: 46.875rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-height-large-xl-up {
    min-height: 46.875rem !important;
  }
}

.has-min-width-custom {
  min-width: var(--min-width) !important;
}

.has-min-width-10\% {
  min-width: 10% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-10\%-xxs-down {
    min-width: 10% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-10\%-xxs-only {
    min-width: 10% !important;
  }
}

.has-min-width-10\%-xxs-up {
  min-width: 10% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-10\%-xs-down {
    min-width: 10% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-10\%-xs-only {
    min-width: 10% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-10\%-xs-up {
    min-width: 10% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-10\%-sm-down {
    min-width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-10\%-sm-only {
    min-width: 10% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-10\%-sm-up {
    min-width: 10% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-10\%-md-down {
    min-width: 10% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-10\%-md-only {
    min-width: 10% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-10\%-md-up {
    min-width: 10% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-10\%-lg-down {
    min-width: 10% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-10\%-lg-only {
    min-width: 10% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-10\%-lg-up {
    min-width: 10% !important;
  }
}

.has-min-width-10\%-xl-down {
  min-width: 10% !important;
}

@media (min-width: 1600px) {
  .has-min-width-10\%-xl-only {
    min-width: 10% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-10\%-xl-up {
    min-width: 10% !important;
  }
}

.has-min-width-20\% {
  min-width: 20% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-20\%-xxs-down {
    min-width: 20% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-20\%-xxs-only {
    min-width: 20% !important;
  }
}

.has-min-width-20\%-xxs-up {
  min-width: 20% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-20\%-xs-down {
    min-width: 20% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-20\%-xs-only {
    min-width: 20% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-20\%-xs-up {
    min-width: 20% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-20\%-sm-down {
    min-width: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-20\%-sm-only {
    min-width: 20% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-20\%-sm-up {
    min-width: 20% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-20\%-md-down {
    min-width: 20% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-20\%-md-only {
    min-width: 20% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-20\%-md-up {
    min-width: 20% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-20\%-lg-down {
    min-width: 20% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-20\%-lg-only {
    min-width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-20\%-lg-up {
    min-width: 20% !important;
  }
}

.has-min-width-20\%-xl-down {
  min-width: 20% !important;
}

@media (min-width: 1600px) {
  .has-min-width-20\%-xl-only {
    min-width: 20% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-20\%-xl-up {
    min-width: 20% !important;
  }
}

.has-min-width-25\% {
  min-width: 25% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-25\%-xxs-down {
    min-width: 25% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-25\%-xxs-only {
    min-width: 25% !important;
  }
}

.has-min-width-25\%-xxs-up {
  min-width: 25% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-25\%-xs-down {
    min-width: 25% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-25\%-xs-only {
    min-width: 25% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-25\%-xs-up {
    min-width: 25% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-25\%-sm-down {
    min-width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-25\%-sm-only {
    min-width: 25% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-25\%-sm-up {
    min-width: 25% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-25\%-md-down {
    min-width: 25% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-25\%-md-only {
    min-width: 25% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-25\%-md-up {
    min-width: 25% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-25\%-lg-down {
    min-width: 25% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-25\%-lg-only {
    min-width: 25% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-25\%-lg-up {
    min-width: 25% !important;
  }
}

.has-min-width-25\%-xl-down {
  min-width: 25% !important;
}

@media (min-width: 1600px) {
  .has-min-width-25\%-xl-only {
    min-width: 25% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-25\%-xl-up {
    min-width: 25% !important;
  }
}

.has-min-width-33\% {
  min-width: 33.33333% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-33\%-xxs-down {
    min-width: 33.33333% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-33\%-xxs-only {
    min-width: 33.33333% !important;
  }
}

.has-min-width-33\%-xxs-up {
  min-width: 33.33333% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-33\%-xs-down {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-33\%-xs-only {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-33\%-xs-up {
    min-width: 33.33333% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-33\%-sm-down {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-33\%-sm-only {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-33\%-sm-up {
    min-width: 33.33333% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-33\%-md-down {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-33\%-md-only {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-33\%-md-up {
    min-width: 33.33333% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-33\%-lg-down {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-33\%-lg-only {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-33\%-lg-up {
    min-width: 33.33333% !important;
  }
}

.has-min-width-33\%-xl-down {
  min-width: 33.33333% !important;
}

@media (min-width: 1600px) {
  .has-min-width-33\%-xl-only {
    min-width: 33.33333% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-33\%-xl-up {
    min-width: 33.33333% !important;
  }
}

.has-min-width-40\% {
  min-width: 40% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-40\%-xxs-down {
    min-width: 40% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-40\%-xxs-only {
    min-width: 40% !important;
  }
}

.has-min-width-40\%-xxs-up {
  min-width: 40% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-40\%-xs-down {
    min-width: 40% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-40\%-xs-only {
    min-width: 40% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-40\%-xs-up {
    min-width: 40% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-40\%-sm-down {
    min-width: 40% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-40\%-sm-only {
    min-width: 40% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-40\%-sm-up {
    min-width: 40% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-40\%-md-down {
    min-width: 40% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-40\%-md-only {
    min-width: 40% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-40\%-md-up {
    min-width: 40% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-40\%-lg-down {
    min-width: 40% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-40\%-lg-only {
    min-width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-40\%-lg-up {
    min-width: 40% !important;
  }
}

.has-min-width-40\%-xl-down {
  min-width: 40% !important;
}

@media (min-width: 1600px) {
  .has-min-width-40\%-xl-only {
    min-width: 40% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-40\%-xl-up {
    min-width: 40% !important;
  }
}

.has-min-width-50\% {
  min-width: 50% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-50\%-xxs-down {
    min-width: 50% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-50\%-xxs-only {
    min-width: 50% !important;
  }
}

.has-min-width-50\%-xxs-up {
  min-width: 50% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-50\%-xs-down {
    min-width: 50% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-50\%-xs-only {
    min-width: 50% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-50\%-xs-up {
    min-width: 50% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-50\%-sm-down {
    min-width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-50\%-sm-only {
    min-width: 50% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-50\%-sm-up {
    min-width: 50% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-50\%-md-down {
    min-width: 50% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-50\%-md-only {
    min-width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-50\%-md-up {
    min-width: 50% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-50\%-lg-down {
    min-width: 50% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-50\%-lg-only {
    min-width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-50\%-lg-up {
    min-width: 50% !important;
  }
}

.has-min-width-50\%-xl-down {
  min-width: 50% !important;
}

@media (min-width: 1600px) {
  .has-min-width-50\%-xl-only {
    min-width: 50% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-50\%-xl-up {
    min-width: 50% !important;
  }
}

.has-min-width-60\% {
  min-width: 60% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-60\%-xxs-down {
    min-width: 60% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-60\%-xxs-only {
    min-width: 60% !important;
  }
}

.has-min-width-60\%-xxs-up {
  min-width: 60% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-60\%-xs-down {
    min-width: 60% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-60\%-xs-only {
    min-width: 60% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-60\%-xs-up {
    min-width: 60% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-60\%-sm-down {
    min-width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-60\%-sm-only {
    min-width: 60% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-60\%-sm-up {
    min-width: 60% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-60\%-md-down {
    min-width: 60% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-60\%-md-only {
    min-width: 60% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-60\%-md-up {
    min-width: 60% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-60\%-lg-down {
    min-width: 60% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-60\%-lg-only {
    min-width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-60\%-lg-up {
    min-width: 60% !important;
  }
}

.has-min-width-60\%-xl-down {
  min-width: 60% !important;
}

@media (min-width: 1600px) {
  .has-min-width-60\%-xl-only {
    min-width: 60% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-60\%-xl-up {
    min-width: 60% !important;
  }
}

.has-min-width-66\% {
  min-width: 66.66666% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-66\%-xxs-down {
    min-width: 66.66666% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-66\%-xxs-only {
    min-width: 66.66666% !important;
  }
}

.has-min-width-66\%-xxs-up {
  min-width: 66.66666% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-66\%-xs-down {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-66\%-xs-only {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-66\%-xs-up {
    min-width: 66.66666% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-66\%-sm-down {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-66\%-sm-only {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-66\%-sm-up {
    min-width: 66.66666% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-66\%-md-down {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-66\%-md-only {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-66\%-md-up {
    min-width: 66.66666% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-66\%-lg-down {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-66\%-lg-only {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-66\%-lg-up {
    min-width: 66.66666% !important;
  }
}

.has-min-width-66\%-xl-down {
  min-width: 66.66666% !important;
}

@media (min-width: 1600px) {
  .has-min-width-66\%-xl-only {
    min-width: 66.66666% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-66\%-xl-up {
    min-width: 66.66666% !important;
  }
}

.has-min-width-75\% {
  min-width: 75% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-75\%-xxs-down {
    min-width: 75% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-75\%-xxs-only {
    min-width: 75% !important;
  }
}

.has-min-width-75\%-xxs-up {
  min-width: 75% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-75\%-xs-down {
    min-width: 75% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-75\%-xs-only {
    min-width: 75% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-75\%-xs-up {
    min-width: 75% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-75\%-sm-down {
    min-width: 75% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-75\%-sm-only {
    min-width: 75% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-75\%-sm-up {
    min-width: 75% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-75\%-md-down {
    min-width: 75% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-75\%-md-only {
    min-width: 75% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-75\%-md-up {
    min-width: 75% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-75\%-lg-down {
    min-width: 75% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-75\%-lg-only {
    min-width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-75\%-lg-up {
    min-width: 75% !important;
  }
}

.has-min-width-75\%-xl-down {
  min-width: 75% !important;
}

@media (min-width: 1600px) {
  .has-min-width-75\%-xl-only {
    min-width: 75% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-75\%-xl-up {
    min-width: 75% !important;
  }
}

.has-min-width-80\% {
  min-width: 80% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-80\%-xxs-down {
    min-width: 80% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-80\%-xxs-only {
    min-width: 80% !important;
  }
}

.has-min-width-80\%-xxs-up {
  min-width: 80% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-80\%-xs-down {
    min-width: 80% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-80\%-xs-only {
    min-width: 80% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-80\%-xs-up {
    min-width: 80% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-80\%-sm-down {
    min-width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-80\%-sm-only {
    min-width: 80% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-80\%-sm-up {
    min-width: 80% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-80\%-md-down {
    min-width: 80% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-80\%-md-only {
    min-width: 80% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-80\%-md-up {
    min-width: 80% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-80\%-lg-down {
    min-width: 80% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-80\%-lg-only {
    min-width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-80\%-lg-up {
    min-width: 80% !important;
  }
}

.has-min-width-80\%-xl-down {
  min-width: 80% !important;
}

@media (min-width: 1600px) {
  .has-min-width-80\%-xl-only {
    min-width: 80% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-80\%-xl-up {
    min-width: 80% !important;
  }
}

.has-min-width-100\% {
  min-width: 100% !important;
}

@media (max-width: 479.98px) {
  .has-min-width-100\%-xxs-down {
    min-width: 100% !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-100\%-xxs-only {
    min-width: 100% !important;
  }
}

.has-min-width-100\%-xxs-up {
  min-width: 100% !important;
}

@media (max-width: 767.98px) {
  .has-min-width-100\%-xs-down {
    min-width: 100% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-100\%-xs-only {
    min-width: 100% !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-100\%-xs-up {
    min-width: 100% !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-100\%-sm-down {
    min-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-100\%-sm-only {
    min-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-100\%-sm-up {
    min-width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-100\%-md-down {
    min-width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-100\%-md-only {
    min-width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-100\%-md-up {
    min-width: 100% !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-100\%-lg-down {
    min-width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-100\%-lg-only {
    min-width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-100\%-lg-up {
    min-width: 100% !important;
  }
}

.has-min-width-100\%-xl-down {
  min-width: 100% !important;
}

@media (min-width: 1600px) {
  .has-min-width-100\%-xl-only {
    min-width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-100\%-xl-up {
    min-width: 100% !important;
  }
}

.has-min-width-small {
  min-width: 11.875rem !important;
}

@media (max-width: 479.98px) {
  .has-min-width-small-xxs-down {
    min-width: 11.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-small-xxs-only {
    min-width: 11.875rem !important;
  }
}

.has-min-width-small-xxs-up {
  min-width: 11.875rem !important;
}

@media (max-width: 767.98px) {
  .has-min-width-small-xs-down {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-small-xs-only {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-small-xs-up {
    min-width: 11.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-small-sm-down {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-small-sm-only {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-small-sm-up {
    min-width: 11.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-small-md-down {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-small-md-only {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-small-md-up {
    min-width: 11.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-small-lg-down {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-small-lg-only {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-small-lg-up {
    min-width: 11.875rem !important;
  }
}

.has-min-width-small-xl-down {
  min-width: 11.875rem !important;
}

@media (min-width: 1600px) {
  .has-min-width-small-xl-only {
    min-width: 11.875rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-small-xl-up {
    min-width: 11.875rem !important;
  }
}

.has-min-width-medium {
  min-width: 23.75rem !important;
}

@media (max-width: 479.98px) {
  .has-min-width-medium-xxs-down {
    min-width: 23.75rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-medium-xxs-only {
    min-width: 23.75rem !important;
  }
}

.has-min-width-medium-xxs-up {
  min-width: 23.75rem !important;
}

@media (max-width: 767.98px) {
  .has-min-width-medium-xs-down {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-medium-xs-only {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-medium-xs-up {
    min-width: 23.75rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-medium-sm-down {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-medium-sm-only {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-medium-sm-up {
    min-width: 23.75rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-medium-md-down {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-medium-md-only {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-medium-md-up {
    min-width: 23.75rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-medium-lg-down {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-medium-lg-only {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-medium-lg-up {
    min-width: 23.75rem !important;
  }
}

.has-min-width-medium-xl-down {
  min-width: 23.75rem !important;
}

@media (min-width: 1600px) {
  .has-min-width-medium-xl-only {
    min-width: 23.75rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-medium-xl-up {
    min-width: 23.75rem !important;
  }
}

.has-min-width-large {
  min-width: 46.875rem !important;
}

@media (max-width: 479.98px) {
  .has-min-width-large-xxs-down {
    min-width: 46.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .has-min-width-large-xxs-only {
    min-width: 46.875rem !important;
  }
}

.has-min-width-large-xxs-up {
  min-width: 46.875rem !important;
}

@media (max-width: 767.98px) {
  .has-min-width-large-xs-down {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .has-min-width-large-xs-only {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 480px) {
  .has-min-width-large-xs-up {
    min-width: 46.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .has-min-width-large-sm-down {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .has-min-width-large-sm-only {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 768px) {
  .has-min-width-large-sm-up {
    min-width: 46.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .has-min-width-large-md-down {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .has-min-width-large-md-only {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 1024px) {
  .has-min-width-large-md-up {
    min-width: 46.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .has-min-width-large-lg-down {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .has-min-width-large-lg-only {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 1200px) {
  .has-min-width-large-lg-up {
    min-width: 46.875rem !important;
  }
}

.has-min-width-large-xl-down {
  min-width: 46.875rem !important;
}

@media (min-width: 1600px) {
  .has-min-width-large-xl-only {
    min-width: 46.875rem !important;
  }
}

@media (min-width: 1600px) {
  .has-min-width-large-xl-up {
    min-width: 46.875rem !important;
  }
}

.has-min-width-1ch {
  min-width: 1ch !important;
}

.has-min-width-2ch {
  min-width: 2ch !important;
}

.has-min-width-3ch {
  min-width: 3ch !important;
}

.has-min-width-4ch {
  min-width: 4ch !important;
}

.has-min-width-5ch {
  min-width: 5ch !important;
}

.has-min-width-6ch {
  min-width: 6ch !important;
}

.has-min-width-7ch {
  min-width: 7ch !important;
}

.has-min-width-8ch {
  min-width: 8ch !important;
}

.has-min-width-9ch {
  min-width: 9ch !important;
}

.has-min-width-10ch {
  min-width: 10ch !important;
}

.has-min-width-11ch {
  min-width: 11ch !important;
}

.has-min-width-12ch {
  min-width: 12ch !important;
}

.has-min-width-13ch {
  min-width: 13ch !important;
}

.has-min-width-14ch {
  min-width: 14ch !important;
}

.has-min-width-15ch {
  min-width: 15ch !important;
}

.has-min-width-16ch {
  min-width: 16ch !important;
}

.has-min-width-17ch {
  min-width: 17ch !important;
}

.has-min-width-18ch {
  min-width: 18ch !important;
}

.has-min-width-19ch {
  min-width: 19ch !important;
}

.has-min-width-20ch {
  min-width: 20ch !important;
}

.has-min-width-21ch {
  min-width: 21ch !important;
}

.has-min-width-22ch {
  min-width: 22ch !important;
}

.has-min-width-23ch {
  min-width: 23ch !important;
}

.has-min-width-24ch {
  min-width: 24ch !important;
}

.has-min-width-25ch {
  min-width: 25ch !important;
}

.has-min-width-26ch {
  min-width: 26ch !important;
}

.has-min-width-27ch {
  min-width: 27ch !important;
}

.has-min-width-28ch {
  min-width: 28ch !important;
}

.has-min-width-29ch {
  min-width: 29ch !important;
}

.has-min-width-30ch {
  min-width: 30ch !important;
}

.has-min-width-31ch {
  min-width: 31ch !important;
}

.has-min-width-32ch {
  min-width: 32ch !important;
}

.has-min-width-33ch {
  min-width: 33ch !important;
}

.has-min-width-34ch {
  min-width: 34ch !important;
}

.has-min-width-35ch {
  min-width: 35ch !important;
}

.has-min-width-36ch {
  min-width: 36ch !important;
}

.has-min-width-37ch {
  min-width: 37ch !important;
}

.has-min-width-38ch {
  min-width: 38ch !important;
}

.has-min-width-39ch {
  min-width: 39ch !important;
}

.has-min-width-40ch {
  min-width: 40ch !important;
}

.has-min-width-41ch {
  min-width: 41ch !important;
}

.has-min-width-42ch {
  min-width: 42ch !important;
}

.has-min-width-43ch {
  min-width: 43ch !important;
}

.has-min-width-44ch {
  min-width: 44ch !important;
}

.has-min-width-45ch {
  min-width: 45ch !important;
}

.has-min-width-46ch {
  min-width: 46ch !important;
}

.has-min-width-47ch {
  min-width: 47ch !important;
}

.has-min-width-48ch {
  min-width: 48ch !important;
}

.has-min-width-49ch {
  min-width: 49ch !important;
}

.has-min-width-50ch {
  min-width: 50ch !important;
}

.no-min-width {
  min-width: 0 !important;
}

.has-min-height-ui-xsmall {
  min-height: 1.25rem;
}

.has-min-height-ui-small {
  min-height: 1.875rem;
}

.has-min-height-ui-normal {
  min-height: 2.5rem;
}

.has-min-height-ui-large {
  min-height: 3.75rem;
}

.has-min-height-ui-xlarge {
  min-height: 4.6875rem;
}

/* stylelint-disable selector-class-pattern */
.height-100, .height-100.modal-open,
.height-100\%,
.height-100\%.modal-open {
  height: 100% !important;
}

/* stylelint-enable selector-class-pattern */
.margin-all-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 479.98px) {
  .margin-all-auto-xxs-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-all-auto-xxs-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-all-auto-xxs-up {
  margin-top: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767.98px) {
  .margin-all-auto-xs-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-all-auto-xs-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-all-auto-xs-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-all-auto-sm-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-all-auto-sm-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-all-auto-sm-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-all-auto-md-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-all-auto-md-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-all-auto-md-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-all-auto-lg-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-all-auto-lg-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-all-auto-lg-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-all-auto-xl-down {
  margin-top: auto !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 1600px) {
  .margin-all-auto-xl-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-all-auto-xl-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-all-xsmall {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .margin-all-xsmall-xxs-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-all-xsmall-xxs-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-all-xsmall-xxs-up {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-all-xsmall-xs-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-all-xsmall-xs-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-all-xsmall-xs-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-all-xsmall-sm-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-all-xsmall-sm-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-all-xsmall-sm-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-all-xsmall-md-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-all-xsmall-md-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-all-xsmall-md-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-all-xsmall-lg-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-all-xsmall-lg-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-all-xsmall-lg-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-all-xsmall-xl-down {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-all-xsmall-xl-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-all-xsmall-xl-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-all-small {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .margin-all-small-xxs-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-all-small-xxs-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-all-small-xxs-up {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-all-small-xs-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-all-small-xs-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-all-small-xs-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-all-small-sm-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-all-small-sm-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-all-small-sm-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-all-small-md-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-all-small-md-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-all-small-md-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-all-small-lg-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-all-small-lg-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-all-small-lg-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-all-small-xl-down {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-all-small-xl-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-all-small-xl-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-all-medium {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .margin-all-medium-xxs-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-all-medium-xxs-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-all-medium-xxs-up {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-all-medium-xs-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-all-medium-xs-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-all-medium-xs-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-all-medium-sm-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-all-medium-sm-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-all-medium-sm-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-all-medium-md-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-all-medium-md-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-all-medium-md-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-all-medium-lg-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-all-medium-lg-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-all-medium-lg-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-all-medium-xl-down {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-all-medium-xl-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-all-medium-xl-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-all-large {
  margin-top: 3.1250625rem !important;
  margin-bottom: 3.1250625rem !important;
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .margin-all-large-xxs-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-all-large-xxs-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-all-large-xxs-up {
  margin-top: 3.1250625rem !important;
  margin-bottom: 3.1250625rem !important;
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-all-large-xs-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-all-large-xs-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-all-large-xs-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-all-large-sm-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-all-large-sm-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-all-large-sm-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-all-large-md-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-all-large-md-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-all-large-md-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-all-large-lg-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-all-large-lg-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-all-large-lg-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-all-large-xl-down {
  margin-top: 3.1250625rem !important;
  margin-bottom: 3.1250625rem !important;
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-all-large-xl-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-all-large-xl-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-vertical-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (max-width: 479.98px) {
  .margin-vertical-auto-xxs-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-vertical-auto-xxs-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.margin-vertical-auto-xxs-up {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (max-width: 767.98px) {
  .margin-vertical-auto-xs-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-vertical-auto-xs-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-vertical-auto-xs-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-vertical-auto-sm-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-vertical-auto-sm-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-vertical-auto-sm-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-vertical-auto-md-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-vertical-auto-md-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-vertical-auto-md-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-vertical-auto-lg-down {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-vertical-auto-lg-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-vertical-auto-lg-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.margin-vertical-auto-xl-down {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 1600px) {
  .margin-vertical-auto-xl-only {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-vertical-auto-xl-up {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-vertical-xsmall-xxs-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-vertical-xsmall-xxs-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

.margin-vertical-xsmall-xxs-up {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-vertical-xsmall-xs-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-vertical-xsmall-xs-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-vertical-xsmall-xs-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-vertical-xsmall-sm-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-vertical-xsmall-sm-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-vertical-xsmall-sm-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-vertical-xsmall-md-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-vertical-xsmall-md-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-vertical-xsmall-md-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-vertical-xsmall-lg-down {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-vertical-xsmall-lg-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-vertical-xsmall-lg-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

.margin-vertical-xsmall-xl-down {
  margin-top: 0.3125rem !important;
  margin-bottom: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-vertical-xsmall-xl-only {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-vertical-xsmall-xl-up {
    margin-top: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-vertical-small-xxs-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-vertical-small-xxs-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

.margin-vertical-small-xxs-up {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-vertical-small-xs-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-vertical-small-xs-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-vertical-small-xs-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-vertical-small-sm-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-vertical-small-sm-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-vertical-small-sm-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-vertical-small-md-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-vertical-small-md-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-vertical-small-md-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-vertical-small-lg-down {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-vertical-small-lg-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-vertical-small-lg-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

.margin-vertical-small-xl-down {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-vertical-small-xl-only {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-vertical-small-xl-up {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-vertical-medium-xxs-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-vertical-medium-xxs-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

.margin-vertical-medium-xxs-up {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-vertical-medium-xs-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-vertical-medium-xs-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-vertical-medium-xs-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-vertical-medium-sm-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-vertical-medium-sm-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-vertical-medium-sm-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-vertical-medium-md-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-vertical-medium-md-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-vertical-medium-md-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-vertical-medium-lg-down {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-vertical-medium-lg-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-vertical-medium-lg-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

.margin-vertical-medium-xl-down {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-vertical-medium-xl-only {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-vertical-medium-xl-up {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-vertical-large-xxs-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-vertical-large-xxs-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

.margin-vertical-large-xxs-up {
  margin-top: 3.1250625rem !important;
  margin-bottom: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-vertical-large-xs-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-vertical-large-xs-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-vertical-large-xs-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-vertical-large-sm-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-vertical-large-sm-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-vertical-large-sm-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-vertical-large-md-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-vertical-large-md-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-vertical-large-md-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-vertical-large-lg-down {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-vertical-large-lg-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-vertical-large-lg-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

.margin-vertical-large-xl-down {
  margin-top: 3.1250625rem !important;
  margin-bottom: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-vertical-large-xl-only {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-vertical-large-xl-up {
    margin-top: 3.1250625rem !important;
    margin-bottom: 3.1250625rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-horizontal-auto-xxs-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-horizontal-auto-xxs-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-horizontal-auto-xxs-up {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767.98px) {
  .margin-horizontal-auto-xs-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-horizontal-auto-xs-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-horizontal-auto-xs-up {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-horizontal-auto-sm-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-horizontal-auto-sm-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-horizontal-auto-sm-up {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-horizontal-auto-md-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-horizontal-auto-md-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-horizontal-auto-md-up {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-horizontal-auto-lg-down {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-horizontal-auto-lg-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-horizontal-auto-lg-up {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-horizontal-auto-xl-down {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 1600px) {
  .margin-horizontal-auto-xl-only {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-horizontal-auto-xl-up {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.margin-horizontal-xsmall {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .margin-horizontal-xsmall-xxs-down {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-horizontal-xsmall-xxs-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-horizontal-xsmall-xxs-up {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-horizontal-xsmall-xs-down {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-horizontal-xsmall-xs-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-horizontal-xsmall-xs-up {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-horizontal-xsmall-sm-down {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-horizontal-xsmall-sm-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-horizontal-xsmall-sm-up {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-horizontal-xsmall-md-down {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-horizontal-xsmall-md-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-horizontal-xsmall-md-up {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-horizontal-xsmall-lg-down {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-horizontal-xsmall-lg-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-horizontal-xsmall-lg-up {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-horizontal-xsmall-xl-down {
  margin-left: 0.3125rem !important;
  margin-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-horizontal-xsmall-xl-only {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-horizontal-xsmall-xl-up {
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }
}

.margin-horizontal-small {
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .margin-horizontal-small-xxs-down {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-horizontal-small-xxs-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-horizontal-small-xxs-up {
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-horizontal-small-xs-down {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-horizontal-small-xs-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-horizontal-small-xs-up {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-horizontal-small-sm-down {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-horizontal-small-sm-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-horizontal-small-sm-up {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-horizontal-small-md-down {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-horizontal-small-md-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-horizontal-small-md-up {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-horizontal-small-lg-down {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-horizontal-small-lg-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-horizontal-small-lg-up {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-horizontal-small-xl-down {
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-horizontal-small-xl-only {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-horizontal-small-xl-up {
    margin-left: 0.9375rem !important;
    margin-right: 0.9375rem !important;
  }
}

.margin-horizontal-medium {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .margin-horizontal-medium-xxs-down {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-horizontal-medium-xxs-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-horizontal-medium-xxs-up {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-horizontal-medium-xs-down {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-horizontal-medium-xs-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-horizontal-medium-xs-up {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-horizontal-medium-sm-down {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-horizontal-medium-sm-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-horizontal-medium-sm-up {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-horizontal-medium-md-down {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-horizontal-medium-md-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-horizontal-medium-md-up {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-horizontal-medium-lg-down {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-horizontal-medium-lg-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-horizontal-medium-lg-up {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-horizontal-medium-xl-down {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-horizontal-medium-xl-only {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-horizontal-medium-xl-up {
    margin-left: 1.875rem !important;
    margin-right: 1.875rem !important;
  }
}

.margin-horizontal-large {
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .margin-horizontal-large-xxs-down {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-horizontal-large-xxs-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-horizontal-large-xxs-up {
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-horizontal-large-xs-down {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-horizontal-large-xs-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-horizontal-large-xs-up {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-horizontal-large-sm-down {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-horizontal-large-sm-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-horizontal-large-sm-up {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-horizontal-large-md-down {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-horizontal-large-md-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-horizontal-large-md-up {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-horizontal-large-lg-down {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-horizontal-large-lg-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-horizontal-large-lg-up {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-horizontal-large-xl-down {
  margin-left: 3.1250625rem !important;
  margin-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-horizontal-large-xl-only {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-horizontal-large-xl-up {
    margin-left: 3.1250625rem !important;
    margin-right: 3.1250625rem !important;
  }
}

.margin-top-auto {
  margin-top: auto !important;
}

@media (max-width: 479.98px) {
  .margin-top-auto-xxs-down {
    margin-top: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-top-auto-xxs-only {
    margin-top: auto !important;
  }
}

.margin-top-auto-xxs-up {
  margin-top: auto !important;
}

@media (max-width: 767.98px) {
  .margin-top-auto-xs-down {
    margin-top: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-top-auto-xs-only {
    margin-top: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-top-auto-xs-up {
    margin-top: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-top-auto-sm-down {
    margin-top: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-top-auto-sm-only {
    margin-top: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-top-auto-sm-up {
    margin-top: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-top-auto-md-down {
    margin-top: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-top-auto-md-only {
    margin-top: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-top-auto-md-up {
    margin-top: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-top-auto-lg-down {
    margin-top: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-top-auto-lg-only {
    margin-top: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-top-auto-lg-up {
    margin-top: auto !important;
  }
}

.margin-top-auto-xl-down {
  margin-top: auto !important;
}

@media (min-width: 1600px) {
  .margin-top-auto-xl-only {
    margin-top: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-top-auto-xl-up {
    margin-top: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-top-xsmall-xxs-down {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-top-xsmall-xxs-only {
    margin-top: 0.3125rem !important;
  }
}

.margin-top-xsmall-xxs-up {
  margin-top: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-top-xsmall-xs-down {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-top-xsmall-xs-only {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-top-xsmall-xs-up {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-top-xsmall-sm-down {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-top-xsmall-sm-only {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-xsmall-sm-up {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-top-xsmall-md-down {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-top-xsmall-md-only {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-top-xsmall-md-up {
    margin-top: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-top-xsmall-lg-down {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-top-xsmall-lg-only {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-top-xsmall-lg-up {
    margin-top: 0.3125rem !important;
  }
}

.margin-top-xsmall-xl-down {
  margin-top: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-top-xsmall-xl-only {
    margin-top: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-top-xsmall-xl-up {
    margin-top: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-top-small-xxs-down {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-top-small-xxs-only {
    margin-top: 0.9375rem !important;
  }
}

.margin-top-small-xxs-up {
  margin-top: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-top-small-xs-down {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-top-small-xs-only {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-top-small-xs-up {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-top-small-sm-down {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-top-small-sm-only {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-small-sm-up {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-top-small-md-down {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-top-small-md-only {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-top-small-md-up {
    margin-top: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-top-small-lg-down {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-top-small-lg-only {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-top-small-lg-up {
    margin-top: 0.9375rem !important;
  }
}

.margin-top-small-xl-down {
  margin-top: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-top-small-xl-only {
    margin-top: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-top-small-xl-up {
    margin-top: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-top-medium-xxs-down {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-top-medium-xxs-only {
    margin-top: 1.875rem !important;
  }
}

.margin-top-medium-xxs-up {
  margin-top: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-top-medium-xs-down {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-top-medium-xs-only {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-top-medium-xs-up {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-top-medium-sm-down {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-top-medium-sm-only {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-medium-sm-up {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-top-medium-md-down {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-top-medium-md-only {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-top-medium-md-up {
    margin-top: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-top-medium-lg-down {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-top-medium-lg-only {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-top-medium-lg-up {
    margin-top: 1.875rem !important;
  }
}

.margin-top-medium-xl-down {
  margin-top: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-top-medium-xl-only {
    margin-top: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-top-medium-xl-up {
    margin-top: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-top-large-xxs-down {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-top-large-xxs-only {
    margin-top: 3.1250625rem !important;
  }
}

.margin-top-large-xxs-up {
  margin-top: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-top-large-xs-down {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-top-large-xs-only {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-top-large-xs-up {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-top-large-sm-down {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-top-large-sm-only {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-large-sm-up {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-top-large-md-down {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-top-large-md-only {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-top-large-md-up {
    margin-top: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-top-large-lg-down {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-top-large-lg-only {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-top-large-lg-up {
    margin-top: 3.1250625rem !important;
  }
}

.margin-top-large-xl-down {
  margin-top: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-top-large-xl-only {
    margin-top: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-top-large-xl-up {
    margin-top: 3.1250625rem !important;
  }
}

.margin-bottom-auto {
  margin-bottom: auto !important;
}

@media (max-width: 479.98px) {
  .margin-bottom-auto-xxs-down {
    margin-bottom: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-bottom-auto-xxs-only {
    margin-bottom: auto !important;
  }
}

.margin-bottom-auto-xxs-up {
  margin-bottom: auto !important;
}

@media (max-width: 767.98px) {
  .margin-bottom-auto-xs-down {
    margin-bottom: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-bottom-auto-xs-only {
    margin-bottom: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-bottom-auto-xs-up {
    margin-bottom: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-bottom-auto-sm-down {
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-bottom-auto-sm-only {
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-auto-sm-up {
    margin-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-bottom-auto-md-down {
    margin-bottom: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-bottom-auto-md-only {
    margin-bottom: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-bottom-auto-md-up {
    margin-bottom: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-bottom-auto-lg-down {
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-bottom-auto-lg-only {
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-bottom-auto-lg-up {
    margin-bottom: auto !important;
  }
}

.margin-bottom-auto-xl-down {
  margin-bottom: auto !important;
}

@media (min-width: 1600px) {
  .margin-bottom-auto-xl-only {
    margin-bottom: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-bottom-auto-xl-up {
    margin-bottom: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-bottom-xsmall-xxs-down {
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-bottom-xsmall-xxs-only {
    margin-bottom: 0.3125rem !important;
  }
}

.margin-bottom-xsmall-xxs-up {
  margin-bottom: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-bottom-xsmall-xs-down {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-bottom-xsmall-xs-only {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-bottom-xsmall-xs-up {
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-bottom-xsmall-sm-down {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-bottom-xsmall-sm-only {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-xsmall-sm-up {
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-bottom-xsmall-md-down {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-bottom-xsmall-md-only {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-bottom-xsmall-md-up {
    margin-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-bottom-xsmall-lg-down {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-bottom-xsmall-lg-only {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-bottom-xsmall-lg-up {
    margin-bottom: 0.3125rem !important;
  }
}

.margin-bottom-xsmall-xl-down {
  margin-bottom: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-bottom-xsmall-xl-only {
    margin-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-bottom-xsmall-xl-up {
    margin-bottom: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-bottom-small-xxs-down {
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-bottom-small-xxs-only {
    margin-bottom: 0.9375rem !important;
  }
}

.margin-bottom-small-xxs-up {
  margin-bottom: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-bottom-small-xs-down {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-bottom-small-xs-only {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-bottom-small-xs-up {
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-bottom-small-sm-down {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-bottom-small-sm-only {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-small-sm-up {
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-bottom-small-md-down {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-bottom-small-md-only {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-bottom-small-md-up {
    margin-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-bottom-small-lg-down {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-bottom-small-lg-only {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-bottom-small-lg-up {
    margin-bottom: 0.9375rem !important;
  }
}

.margin-bottom-small-xl-down {
  margin-bottom: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-bottom-small-xl-only {
    margin-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-bottom-small-xl-up {
    margin-bottom: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-bottom-medium-xxs-down {
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-bottom-medium-xxs-only {
    margin-bottom: 1.875rem !important;
  }
}

.margin-bottom-medium-xxs-up {
  margin-bottom: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-bottom-medium-xs-down {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-bottom-medium-xs-only {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-bottom-medium-xs-up {
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-bottom-medium-sm-down {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-bottom-medium-sm-only {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-medium-sm-up {
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-bottom-medium-md-down {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-bottom-medium-md-only {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-bottom-medium-md-up {
    margin-bottom: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-bottom-medium-lg-down {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-bottom-medium-lg-only {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-bottom-medium-lg-up {
    margin-bottom: 1.875rem !important;
  }
}

.margin-bottom-medium-xl-down {
  margin-bottom: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-bottom-medium-xl-only {
    margin-bottom: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-bottom-medium-xl-up {
    margin-bottom: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-bottom-large-xxs-down {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-bottom-large-xxs-only {
    margin-bottom: 3.1250625rem !important;
  }
}

.margin-bottom-large-xxs-up {
  margin-bottom: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-bottom-large-xs-down {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-bottom-large-xs-only {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-bottom-large-xs-up {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-bottom-large-sm-down {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-bottom-large-sm-only {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-large-sm-up {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-bottom-large-md-down {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-bottom-large-md-only {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-bottom-large-md-up {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-bottom-large-lg-down {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-bottom-large-lg-only {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-bottom-large-lg-up {
    margin-bottom: 3.1250625rem !important;
  }
}

.margin-bottom-large-xl-down {
  margin-bottom: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-bottom-large-xl-only {
    margin-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-bottom-large-xl-up {
    margin-bottom: 3.1250625rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-left-auto-xxs-down {
    margin-left: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-left-auto-xxs-only {
    margin-left: auto !important;
  }
}

.margin-left-auto-xxs-up {
  margin-left: auto !important;
}

@media (max-width: 767.98px) {
  .margin-left-auto-xs-down {
    margin-left: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-left-auto-xs-only {
    margin-left: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-left-auto-xs-up {
    margin-left: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-left-auto-sm-down {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-left-auto-sm-only {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-left-auto-sm-up {
    margin-left: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-left-auto-md-down {
    margin-left: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-left-auto-md-only {
    margin-left: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-left-auto-md-up {
    margin-left: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-left-auto-lg-down {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-left-auto-lg-only {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-left-auto-lg-up {
    margin-left: auto !important;
  }
}

.margin-left-auto-xl-down {
  margin-left: auto !important;
}

@media (min-width: 1600px) {
  .margin-left-auto-xl-only {
    margin-left: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-left-auto-xl-up {
    margin-left: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-left-xsmall-xxs-down {
    margin-left: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-left-xsmall-xxs-only {
    margin-left: 0.3125rem !important;
  }
}

.margin-left-xsmall-xxs-up {
  margin-left: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-left-xsmall-xs-down {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-left-xsmall-xs-only {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-left-xsmall-xs-up {
    margin-left: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-left-xsmall-sm-down {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-left-xsmall-sm-only {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-xsmall-sm-up {
    margin-left: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-left-xsmall-md-down {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-left-xsmall-md-only {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-left-xsmall-md-up {
    margin-left: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-left-xsmall-lg-down {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-left-xsmall-lg-only {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-left-xsmall-lg-up {
    margin-left: 0.3125rem !important;
  }
}

.margin-left-xsmall-xl-down {
  margin-left: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-left-xsmall-xl-only {
    margin-left: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-left-xsmall-xl-up {
    margin-left: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-left-small-xxs-down {
    margin-left: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-left-small-xxs-only {
    margin-left: 0.9375rem !important;
  }
}

.margin-left-small-xxs-up {
  margin-left: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-left-small-xs-down {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-left-small-xs-only {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-left-small-xs-up {
    margin-left: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-left-small-sm-down {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-left-small-sm-only {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-small-sm-up {
    margin-left: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-left-small-md-down {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-left-small-md-only {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-left-small-md-up {
    margin-left: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-left-small-lg-down {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-left-small-lg-only {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-left-small-lg-up {
    margin-left: 0.9375rem !important;
  }
}

.margin-left-small-xl-down {
  margin-left: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-left-small-xl-only {
    margin-left: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-left-small-xl-up {
    margin-left: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-left-medium-xxs-down {
    margin-left: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-left-medium-xxs-only {
    margin-left: 1.875rem !important;
  }
}

.margin-left-medium-xxs-up {
  margin-left: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-left-medium-xs-down {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-left-medium-xs-only {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-left-medium-xs-up {
    margin-left: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-left-medium-sm-down {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-left-medium-sm-only {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-medium-sm-up {
    margin-left: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-left-medium-md-down {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-left-medium-md-only {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-left-medium-md-up {
    margin-left: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-left-medium-lg-down {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-left-medium-lg-only {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-left-medium-lg-up {
    margin-left: 1.875rem !important;
  }
}

.margin-left-medium-xl-down {
  margin-left: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-left-medium-xl-only {
    margin-left: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-left-medium-xl-up {
    margin-left: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-left-large-xxs-down {
    margin-left: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-left-large-xxs-only {
    margin-left: 3.1250625rem !important;
  }
}

.margin-left-large-xxs-up {
  margin-left: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-left-large-xs-down {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-left-large-xs-only {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-left-large-xs-up {
    margin-left: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-left-large-sm-down {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-left-large-sm-only {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-large-sm-up {
    margin-left: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-left-large-md-down {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-left-large-md-only {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-left-large-md-up {
    margin-left: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-left-large-lg-down {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-left-large-lg-only {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-left-large-lg-up {
    margin-left: 3.1250625rem !important;
  }
}

.margin-left-large-xl-down {
  margin-left: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-left-large-xl-only {
    margin-left: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-left-large-xl-up {
    margin-left: 3.1250625rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-right-auto-xxs-down {
    margin-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .margin-right-auto-xxs-only {
    margin-right: auto !important;
  }
}

.margin-right-auto-xxs-up {
  margin-right: auto !important;
}

@media (max-width: 767.98px) {
  .margin-right-auto-xs-down {
    margin-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-right-auto-xs-only {
    margin-right: auto !important;
  }
}

@media (min-width: 480px) {
  .margin-right-auto-xs-up {
    margin-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-right-auto-sm-down {
    margin-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-right-auto-sm-only {
    margin-right: auto !important;
  }
}

@media (min-width: 768px) {
  .margin-right-auto-sm-up {
    margin-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-right-auto-md-down {
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-right-auto-md-only {
    margin-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .margin-right-auto-md-up {
    margin-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-right-auto-lg-down {
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-right-auto-lg-only {
    margin-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .margin-right-auto-lg-up {
    margin-right: auto !important;
  }
}

.margin-right-auto-xl-down {
  margin-right: auto !important;
}

@media (min-width: 1600px) {
  .margin-right-auto-xl-only {
    margin-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .margin-right-auto-xl-up {
    margin-right: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-right-xsmall-xxs-down {
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-right-xsmall-xxs-only {
    margin-right: 0.3125rem !important;
  }
}

.margin-right-xsmall-xxs-up {
  margin-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .margin-right-xsmall-xs-down {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-right-xsmall-xs-only {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .margin-right-xsmall-xs-up {
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-right-xsmall-sm-down {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-right-xsmall-sm-only {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-xsmall-sm-up {
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-right-xsmall-md-down {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-right-xsmall-md-only {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-right-xsmall-md-up {
    margin-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-right-xsmall-lg-down {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-right-xsmall-lg-only {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-right-xsmall-lg-up {
    margin-right: 0.3125rem !important;
  }
}

.margin-right-xsmall-xl-down {
  margin-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .margin-right-xsmall-xl-only {
    margin-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-right-xsmall-xl-up {
    margin-right: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-right-small-xxs-down {
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-right-small-xxs-only {
    margin-right: 0.9375rem !important;
  }
}

.margin-right-small-xxs-up {
  margin-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .margin-right-small-xs-down {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-right-small-xs-only {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .margin-right-small-xs-up {
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-right-small-sm-down {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-right-small-sm-only {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-small-sm-up {
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-right-small-md-down {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-right-small-md-only {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-right-small-md-up {
    margin-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-right-small-lg-down {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-right-small-lg-only {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-right-small-lg-up {
    margin-right: 0.9375rem !important;
  }
}

.margin-right-small-xl-down {
  margin-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .margin-right-small-xl-only {
    margin-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-right-small-xl-up {
    margin-right: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-right-medium-xxs-down {
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-right-medium-xxs-only {
    margin-right: 1.875rem !important;
  }
}

.margin-right-medium-xxs-up {
  margin-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .margin-right-medium-xs-down {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-right-medium-xs-only {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .margin-right-medium-xs-up {
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-right-medium-sm-down {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-right-medium-sm-only {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-medium-sm-up {
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-right-medium-md-down {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-right-medium-md-only {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-right-medium-md-up {
    margin-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-right-medium-lg-down {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-right-medium-lg-only {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-right-medium-lg-up {
    margin-right: 1.875rem !important;
  }
}

.margin-right-medium-xl-down {
  margin-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .margin-right-medium-xl-only {
    margin-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-right-medium-xl-up {
    margin-right: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .margin-right-large-xxs-down {
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .margin-right-large-xxs-only {
    margin-right: 3.1250625rem !important;
  }
}

.margin-right-large-xxs-up {
  margin-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .margin-right-large-xs-down {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .margin-right-large-xs-only {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .margin-right-large-xs-up {
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .margin-right-large-sm-down {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .margin-right-large-sm-only {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-large-sm-up {
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .margin-right-large-md-down {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .margin-right-large-md-only {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .margin-right-large-md-up {
    margin-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .margin-right-large-lg-down {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .margin-right-large-lg-only {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .margin-right-large-lg-up {
    margin-right: 3.1250625rem !important;
  }
}

.margin-right-large-xl-down {
  margin-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .margin-right-large-xl-only {
    margin-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .margin-right-large-xl-up {
    margin-right: 3.1250625rem !important;
  }
}

.padding-all-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (max-width: 479.98px) {
  .padding-all-auto-xxs-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-all-auto-xxs-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-all-auto-xxs-up {
  padding-top: auto !important;
  padding-bottom: auto !important;
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (max-width: 767.98px) {
  .padding-all-auto-xs-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-all-auto-xs-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-all-auto-xs-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-all-auto-sm-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-all-auto-sm-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-all-auto-sm-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-all-auto-md-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-all-auto-md-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-all-auto-md-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-all-auto-lg-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-all-auto-lg-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-all-auto-lg-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-all-auto-xl-down {
  padding-top: auto !important;
  padding-bottom: auto !important;
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (min-width: 1600px) {
  .padding-all-auto-xl-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-all-auto-xl-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-all-xsmall {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .padding-all-xsmall-xxs-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-all-xsmall-xxs-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-all-xsmall-xxs-up {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-all-xsmall-xs-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-all-xsmall-xs-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-all-xsmall-xs-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-all-xsmall-sm-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-all-xsmall-sm-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-all-xsmall-sm-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-all-xsmall-md-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-all-xsmall-md-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-all-xsmall-md-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-all-xsmall-lg-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-all-xsmall-lg-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-all-xsmall-lg-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-all-xsmall-xl-down {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-all-xsmall-xl-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-all-xsmall-xl-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-all-small {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .padding-all-small-xxs-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-all-small-xxs-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-all-small-xxs-up {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-all-small-xs-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-all-small-xs-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-all-small-xs-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-all-small-sm-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-all-small-sm-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-all-small-sm-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-all-small-md-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-all-small-md-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-all-small-md-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-all-small-lg-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-all-small-lg-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-all-small-lg-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-all-small-xl-down {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-all-small-xl-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-all-small-xl-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-all-medium {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .padding-all-medium-xxs-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-all-medium-xxs-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-all-medium-xxs-up {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-all-medium-xs-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-all-medium-xs-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-all-medium-xs-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-all-medium-sm-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-all-medium-sm-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-all-medium-sm-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-all-medium-md-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-all-medium-md-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-all-medium-md-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-all-medium-lg-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-all-medium-lg-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-all-medium-lg-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-all-medium-xl-down {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-all-medium-xl-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-all-medium-xl-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-all-large {
  padding-top: 3.1250625rem !important;
  padding-bottom: 3.1250625rem !important;
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .padding-all-large-xxs-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-all-large-xxs-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-all-large-xxs-up {
  padding-top: 3.1250625rem !important;
  padding-bottom: 3.1250625rem !important;
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-all-large-xs-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-all-large-xs-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-all-large-xs-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-all-large-sm-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-all-large-sm-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-all-large-sm-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-all-large-md-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-all-large-md-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-all-large-md-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-all-large-lg-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-all-large-lg-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-all-large-lg-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-all-large-xl-down {
  padding-top: 3.1250625rem !important;
  padding-bottom: 3.1250625rem !important;
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-all-large-xl-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-all-large-xl-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-vertical-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media (max-width: 479.98px) {
  .padding-vertical-auto-xxs-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-vertical-auto-xxs-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

.padding-vertical-auto-xxs-up {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media (max-width: 767.98px) {
  .padding-vertical-auto-xs-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-vertical-auto-xs-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-vertical-auto-xs-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-vertical-auto-sm-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-vertical-auto-sm-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-vertical-auto-sm-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-vertical-auto-md-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-vertical-auto-md-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-vertical-auto-md-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-vertical-auto-lg-down {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-vertical-auto-lg-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-vertical-auto-lg-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

.padding-vertical-auto-xl-down {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

@media (min-width: 1600px) {
  .padding-vertical-auto-xl-only {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-vertical-auto-xl-up {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-vertical-xsmall-xxs-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-vertical-xsmall-xxs-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

.padding-vertical-xsmall-xxs-up {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-vertical-xsmall-xs-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-vertical-xsmall-xs-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-vertical-xsmall-xs-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-vertical-xsmall-sm-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-vertical-xsmall-sm-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-vertical-xsmall-sm-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-vertical-xsmall-md-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-vertical-xsmall-md-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-vertical-xsmall-md-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-vertical-xsmall-lg-down {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-vertical-xsmall-lg-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-vertical-xsmall-lg-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

.padding-vertical-xsmall-xl-down {
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-vertical-xsmall-xl-only {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-vertical-xsmall-xl-up {
    padding-top: 0.3125rem !important;
    padding-bottom: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-vertical-small-xxs-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-vertical-small-xxs-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

.padding-vertical-small-xxs-up {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-vertical-small-xs-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-vertical-small-xs-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-vertical-small-xs-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-vertical-small-sm-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-vertical-small-sm-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-vertical-small-sm-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-vertical-small-md-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-vertical-small-md-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-vertical-small-md-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-vertical-small-lg-down {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-vertical-small-lg-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-vertical-small-lg-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

.padding-vertical-small-xl-down {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-vertical-small-xl-only {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-vertical-small-xl-up {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-vertical-medium-xxs-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-vertical-medium-xxs-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

.padding-vertical-medium-xxs-up {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-vertical-medium-xs-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-vertical-medium-xs-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-vertical-medium-xs-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-vertical-medium-sm-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-vertical-medium-sm-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-vertical-medium-sm-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-vertical-medium-md-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-vertical-medium-md-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-vertical-medium-md-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-vertical-medium-lg-down {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-vertical-medium-lg-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-vertical-medium-lg-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

.padding-vertical-medium-xl-down {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-vertical-medium-xl-only {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-vertical-medium-xl-up {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-vertical-large-xxs-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-vertical-large-xxs-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-vertical-large-xxs-up {
  padding-top: 3.1250625rem !important;
  padding-bottom: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-vertical-large-xs-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-vertical-large-xs-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-vertical-large-xs-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-vertical-large-sm-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-vertical-large-sm-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-vertical-large-sm-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-vertical-large-md-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-vertical-large-md-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-vertical-large-md-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-vertical-large-lg-down {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-vertical-large-lg-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-vertical-large-lg-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-vertical-large-xl-down {
  padding-top: 3.1250625rem !important;
  padding-bottom: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-vertical-large-xl-only {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-vertical-large-xl-up {
    padding-top: 3.1250625rem !important;
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-horizontal-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (max-width: 479.98px) {
  .padding-horizontal-auto-xxs-down {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-horizontal-auto-xxs-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-horizontal-auto-xxs-up {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (max-width: 767.98px) {
  .padding-horizontal-auto-xs-down {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-horizontal-auto-xs-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-horizontal-auto-xs-up {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-horizontal-auto-sm-down {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-horizontal-auto-sm-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-horizontal-auto-sm-up {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-horizontal-auto-md-down {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-horizontal-auto-md-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-horizontal-auto-md-up {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-horizontal-auto-lg-down {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-horizontal-auto-lg-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-horizontal-auto-lg-up {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-horizontal-auto-xl-down {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (min-width: 1600px) {
  .padding-horizontal-auto-xl-only {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-horizontal-auto-xl-up {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

.padding-horizontal-xsmall {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (max-width: 479.98px) {
  .padding-horizontal-xsmall-xxs-down {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-horizontal-xsmall-xxs-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-horizontal-xsmall-xxs-up {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-horizontal-xsmall-xs-down {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-horizontal-xsmall-xs-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-horizontal-xsmall-xs-up {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-horizontal-xsmall-sm-down {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-horizontal-xsmall-sm-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-horizontal-xsmall-sm-up {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-horizontal-xsmall-md-down {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-horizontal-xsmall-md-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-horizontal-xsmall-md-up {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-horizontal-xsmall-lg-down {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-horizontal-xsmall-lg-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-horizontal-xsmall-lg-up {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-horizontal-xsmall-xl-down {
  padding-left: 0.3125rem !important;
  padding-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-horizontal-xsmall-xl-only {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-horizontal-xsmall-xl-up {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
}

.padding-horizontal-small {
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (max-width: 479.98px) {
  .padding-horizontal-small-xxs-down {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-horizontal-small-xxs-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-horizontal-small-xxs-up {
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-horizontal-small-xs-down {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-horizontal-small-xs-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-horizontal-small-xs-up {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-horizontal-small-sm-down {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-horizontal-small-sm-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-horizontal-small-sm-up {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-horizontal-small-md-down {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-horizontal-small-md-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-horizontal-small-md-up {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-horizontal-small-lg-down {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-horizontal-small-lg-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-horizontal-small-lg-up {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-horizontal-small-xl-down {
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-horizontal-small-xl-only {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-horizontal-small-xl-up {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
  }
}

.padding-horizontal-medium {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (max-width: 479.98px) {
  .padding-horizontal-medium-xxs-down {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-horizontal-medium-xxs-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-horizontal-medium-xxs-up {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-horizontal-medium-xs-down {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-horizontal-medium-xs-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-horizontal-medium-xs-up {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-horizontal-medium-sm-down {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-horizontal-medium-sm-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-horizontal-medium-sm-up {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-horizontal-medium-md-down {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-horizontal-medium-md-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-horizontal-medium-md-up {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-horizontal-medium-lg-down {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-horizontal-medium-lg-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-horizontal-medium-lg-up {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-horizontal-medium-xl-down {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-horizontal-medium-xl-only {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-horizontal-medium-xl-up {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}

.padding-horizontal-large {
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (max-width: 479.98px) {
  .padding-horizontal-large-xxs-down {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-horizontal-large-xxs-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-horizontal-large-xxs-up {
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-horizontal-large-xs-down {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-horizontal-large-xs-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-horizontal-large-xs-up {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-horizontal-large-sm-down {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-horizontal-large-sm-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-horizontal-large-sm-up {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-horizontal-large-md-down {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-horizontal-large-md-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-horizontal-large-md-up {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-horizontal-large-lg-down {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-horizontal-large-lg-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-horizontal-large-lg-up {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-horizontal-large-xl-down {
  padding-left: 3.1250625rem !important;
  padding-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-horizontal-large-xl-only {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-horizontal-large-xl-up {
    padding-left: 3.1250625rem !important;
    padding-right: 3.1250625rem !important;
  }
}

.padding-top-auto {
  padding-top: auto !important;
}

@media (max-width: 479.98px) {
  .padding-top-auto-xxs-down {
    padding-top: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-top-auto-xxs-only {
    padding-top: auto !important;
  }
}

.padding-top-auto-xxs-up {
  padding-top: auto !important;
}

@media (max-width: 767.98px) {
  .padding-top-auto-xs-down {
    padding-top: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-top-auto-xs-only {
    padding-top: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-top-auto-xs-up {
    padding-top: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-top-auto-sm-down {
    padding-top: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-top-auto-sm-only {
    padding-top: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-top-auto-sm-up {
    padding-top: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-top-auto-md-down {
    padding-top: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-top-auto-md-only {
    padding-top: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-top-auto-md-up {
    padding-top: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-top-auto-lg-down {
    padding-top: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-top-auto-lg-only {
    padding-top: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-top-auto-lg-up {
    padding-top: auto !important;
  }
}

.padding-top-auto-xl-down {
  padding-top: auto !important;
}

@media (min-width: 1600px) {
  .padding-top-auto-xl-only {
    padding-top: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-top-auto-xl-up {
    padding-top: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-top-xsmall-xxs-down {
    padding-top: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-top-xsmall-xxs-only {
    padding-top: 0.3125rem !important;
  }
}

.padding-top-xsmall-xxs-up {
  padding-top: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-top-xsmall-xs-down {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-top-xsmall-xs-only {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-top-xsmall-xs-up {
    padding-top: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-top-xsmall-sm-down {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-top-xsmall-sm-only {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-xsmall-sm-up {
    padding-top: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-top-xsmall-md-down {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-top-xsmall-md-only {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-top-xsmall-md-up {
    padding-top: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-top-xsmall-lg-down {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-top-xsmall-lg-only {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-top-xsmall-lg-up {
    padding-top: 0.3125rem !important;
  }
}

.padding-top-xsmall-xl-down {
  padding-top: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-top-xsmall-xl-only {
    padding-top: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-top-xsmall-xl-up {
    padding-top: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-top-small-xxs-down {
    padding-top: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-top-small-xxs-only {
    padding-top: 0.9375rem !important;
  }
}

.padding-top-small-xxs-up {
  padding-top: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-top-small-xs-down {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-top-small-xs-only {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-top-small-xs-up {
    padding-top: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-top-small-sm-down {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-top-small-sm-only {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-small-sm-up {
    padding-top: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-top-small-md-down {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-top-small-md-only {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-top-small-md-up {
    padding-top: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-top-small-lg-down {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-top-small-lg-only {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-top-small-lg-up {
    padding-top: 0.9375rem !important;
  }
}

.padding-top-small-xl-down {
  padding-top: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-top-small-xl-only {
    padding-top: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-top-small-xl-up {
    padding-top: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-top-medium-xxs-down {
    padding-top: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-top-medium-xxs-only {
    padding-top: 1.875rem !important;
  }
}

.padding-top-medium-xxs-up {
  padding-top: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-top-medium-xs-down {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-top-medium-xs-only {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-top-medium-xs-up {
    padding-top: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-top-medium-sm-down {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-top-medium-sm-only {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-medium-sm-up {
    padding-top: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-top-medium-md-down {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-top-medium-md-only {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-top-medium-md-up {
    padding-top: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-top-medium-lg-down {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-top-medium-lg-only {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-top-medium-lg-up {
    padding-top: 1.875rem !important;
  }
}

.padding-top-medium-xl-down {
  padding-top: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-top-medium-xl-only {
    padding-top: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-top-medium-xl-up {
    padding-top: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-top-large-xxs-down {
    padding-top: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-top-large-xxs-only {
    padding-top: 3.1250625rem !important;
  }
}

.padding-top-large-xxs-up {
  padding-top: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-top-large-xs-down {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-top-large-xs-only {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-top-large-xs-up {
    padding-top: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-top-large-sm-down {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-top-large-sm-only {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-large-sm-up {
    padding-top: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-top-large-md-down {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-top-large-md-only {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-top-large-md-up {
    padding-top: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-top-large-lg-down {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-top-large-lg-only {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-top-large-lg-up {
    padding-top: 3.1250625rem !important;
  }
}

.padding-top-large-xl-down {
  padding-top: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-top-large-xl-only {
    padding-top: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-top-large-xl-up {
    padding-top: 3.1250625rem !important;
  }
}

.padding-bottom-auto {
  padding-bottom: auto !important;
}

@media (max-width: 479.98px) {
  .padding-bottom-auto-xxs-down {
    padding-bottom: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-bottom-auto-xxs-only {
    padding-bottom: auto !important;
  }
}

.padding-bottom-auto-xxs-up {
  padding-bottom: auto !important;
}

@media (max-width: 767.98px) {
  .padding-bottom-auto-xs-down {
    padding-bottom: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-bottom-auto-xs-only {
    padding-bottom: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-bottom-auto-xs-up {
    padding-bottom: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-bottom-auto-sm-down {
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-bottom-auto-sm-only {
    padding-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-auto-sm-up {
    padding-bottom: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-bottom-auto-md-down {
    padding-bottom: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-bottom-auto-md-only {
    padding-bottom: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-bottom-auto-md-up {
    padding-bottom: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-bottom-auto-lg-down {
    padding-bottom: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-bottom-auto-lg-only {
    padding-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-bottom-auto-lg-up {
    padding-bottom: auto !important;
  }
}

.padding-bottom-auto-xl-down {
  padding-bottom: auto !important;
}

@media (min-width: 1600px) {
  .padding-bottom-auto-xl-only {
    padding-bottom: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-bottom-auto-xl-up {
    padding-bottom: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-bottom-xsmall-xxs-down {
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-bottom-xsmall-xxs-only {
    padding-bottom: 0.3125rem !important;
  }
}

.padding-bottom-xsmall-xxs-up {
  padding-bottom: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-bottom-xsmall-xs-down {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-bottom-xsmall-xs-only {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-bottom-xsmall-xs-up {
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-bottom-xsmall-sm-down {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-bottom-xsmall-sm-only {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-xsmall-sm-up {
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-bottom-xsmall-md-down {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-bottom-xsmall-md-only {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-bottom-xsmall-md-up {
    padding-bottom: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-bottom-xsmall-lg-down {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-bottom-xsmall-lg-only {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-bottom-xsmall-lg-up {
    padding-bottom: 0.3125rem !important;
  }
}

.padding-bottom-xsmall-xl-down {
  padding-bottom: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-bottom-xsmall-xl-only {
    padding-bottom: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-bottom-xsmall-xl-up {
    padding-bottom: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-bottom-small-xxs-down {
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-bottom-small-xxs-only {
    padding-bottom: 0.9375rem !important;
  }
}

.padding-bottom-small-xxs-up {
  padding-bottom: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-bottom-small-xs-down {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-bottom-small-xs-only {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-bottom-small-xs-up {
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-bottom-small-sm-down {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-bottom-small-sm-only {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-small-sm-up {
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-bottom-small-md-down {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-bottom-small-md-only {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-bottom-small-md-up {
    padding-bottom: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-bottom-small-lg-down {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-bottom-small-lg-only {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-bottom-small-lg-up {
    padding-bottom: 0.9375rem !important;
  }
}

.padding-bottom-small-xl-down {
  padding-bottom: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-bottom-small-xl-only {
    padding-bottom: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-bottom-small-xl-up {
    padding-bottom: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-bottom-medium-xxs-down {
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-bottom-medium-xxs-only {
    padding-bottom: 1.875rem !important;
  }
}

.padding-bottom-medium-xxs-up {
  padding-bottom: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-bottom-medium-xs-down {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-bottom-medium-xs-only {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-bottom-medium-xs-up {
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-bottom-medium-sm-down {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-bottom-medium-sm-only {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-medium-sm-up {
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-bottom-medium-md-down {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-bottom-medium-md-only {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-bottom-medium-md-up {
    padding-bottom: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-bottom-medium-lg-down {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-bottom-medium-lg-only {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-bottom-medium-lg-up {
    padding-bottom: 1.875rem !important;
  }
}

.padding-bottom-medium-xl-down {
  padding-bottom: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-bottom-medium-xl-only {
    padding-bottom: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-bottom-medium-xl-up {
    padding-bottom: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-bottom-large-xxs-down {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-bottom-large-xxs-only {
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-bottom-large-xxs-up {
  padding-bottom: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-bottom-large-xs-down {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-bottom-large-xs-only {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-bottom-large-xs-up {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-bottom-large-sm-down {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-bottom-large-sm-only {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-large-sm-up {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-bottom-large-md-down {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-bottom-large-md-only {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-bottom-large-md-up {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-bottom-large-lg-down {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-bottom-large-lg-only {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-bottom-large-lg-up {
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-bottom-large-xl-down {
  padding-bottom: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-bottom-large-xl-only {
    padding-bottom: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-bottom-large-xl-up {
    padding-bottom: 3.1250625rem !important;
  }
}

.padding-left-auto {
  padding-left: auto !important;
}

@media (max-width: 479.98px) {
  .padding-left-auto-xxs-down {
    padding-left: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-left-auto-xxs-only {
    padding-left: auto !important;
  }
}

.padding-left-auto-xxs-up {
  padding-left: auto !important;
}

@media (max-width: 767.98px) {
  .padding-left-auto-xs-down {
    padding-left: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-left-auto-xs-only {
    padding-left: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-left-auto-xs-up {
    padding-left: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-left-auto-sm-down {
    padding-left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-left-auto-sm-only {
    padding-left: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-left-auto-sm-up {
    padding-left: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-left-auto-md-down {
    padding-left: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-left-auto-md-only {
    padding-left: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-left-auto-md-up {
    padding-left: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-left-auto-lg-down {
    padding-left: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-left-auto-lg-only {
    padding-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-left-auto-lg-up {
    padding-left: auto !important;
  }
}

.padding-left-auto-xl-down {
  padding-left: auto !important;
}

@media (min-width: 1600px) {
  .padding-left-auto-xl-only {
    padding-left: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-left-auto-xl-up {
    padding-left: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-left-xsmall-xxs-down {
    padding-left: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-left-xsmall-xxs-only {
    padding-left: 0.3125rem !important;
  }
}

.padding-left-xsmall-xxs-up {
  padding-left: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-left-xsmall-xs-down {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-left-xsmall-xs-only {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-left-xsmall-xs-up {
    padding-left: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-left-xsmall-sm-down {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-left-xsmall-sm-only {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-xsmall-sm-up {
    padding-left: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-left-xsmall-md-down {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-left-xsmall-md-only {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-left-xsmall-md-up {
    padding-left: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-left-xsmall-lg-down {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-left-xsmall-lg-only {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-left-xsmall-lg-up {
    padding-left: 0.3125rem !important;
  }
}

.padding-left-xsmall-xl-down {
  padding-left: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-left-xsmall-xl-only {
    padding-left: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-left-xsmall-xl-up {
    padding-left: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-left-small-xxs-down {
    padding-left: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-left-small-xxs-only {
    padding-left: 0.9375rem !important;
  }
}

.padding-left-small-xxs-up {
  padding-left: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-left-small-xs-down {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-left-small-xs-only {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-left-small-xs-up {
    padding-left: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-left-small-sm-down {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-left-small-sm-only {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-small-sm-up {
    padding-left: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-left-small-md-down {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-left-small-md-only {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-left-small-md-up {
    padding-left: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-left-small-lg-down {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-left-small-lg-only {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-left-small-lg-up {
    padding-left: 0.9375rem !important;
  }
}

.padding-left-small-xl-down {
  padding-left: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-left-small-xl-only {
    padding-left: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-left-small-xl-up {
    padding-left: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-left-medium-xxs-down {
    padding-left: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-left-medium-xxs-only {
    padding-left: 1.875rem !important;
  }
}

.padding-left-medium-xxs-up {
  padding-left: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-left-medium-xs-down {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-left-medium-xs-only {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-left-medium-xs-up {
    padding-left: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-left-medium-sm-down {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-left-medium-sm-only {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-medium-sm-up {
    padding-left: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-left-medium-md-down {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-left-medium-md-only {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-left-medium-md-up {
    padding-left: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-left-medium-lg-down {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-left-medium-lg-only {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-left-medium-lg-up {
    padding-left: 1.875rem !important;
  }
}

.padding-left-medium-xl-down {
  padding-left: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-left-medium-xl-only {
    padding-left: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-left-medium-xl-up {
    padding-left: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-left-large-xxs-down {
    padding-left: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-left-large-xxs-only {
    padding-left: 3.1250625rem !important;
  }
}

.padding-left-large-xxs-up {
  padding-left: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-left-large-xs-down {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-left-large-xs-only {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-left-large-xs-up {
    padding-left: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-left-large-sm-down {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-left-large-sm-only {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-large-sm-up {
    padding-left: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-left-large-md-down {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-left-large-md-only {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-left-large-md-up {
    padding-left: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-left-large-lg-down {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-left-large-lg-only {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-left-large-lg-up {
    padding-left: 3.1250625rem !important;
  }
}

.padding-left-large-xl-down {
  padding-left: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-left-large-xl-only {
    padding-left: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-left-large-xl-up {
    padding-left: 3.1250625rem !important;
  }
}

.padding-right-auto {
  padding-right: auto !important;
}

@media (max-width: 479.98px) {
  .padding-right-auto-xxs-down {
    padding-right: auto !important;
  }
}

@media (max-width: 479.98px) {
  .padding-right-auto-xxs-only {
    padding-right: auto !important;
  }
}

.padding-right-auto-xxs-up {
  padding-right: auto !important;
}

@media (max-width: 767.98px) {
  .padding-right-auto-xs-down {
    padding-right: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-right-auto-xs-only {
    padding-right: auto !important;
  }
}

@media (min-width: 480px) {
  .padding-right-auto-xs-up {
    padding-right: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-right-auto-sm-down {
    padding-right: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-right-auto-sm-only {
    padding-right: auto !important;
  }
}

@media (min-width: 768px) {
  .padding-right-auto-sm-up {
    padding-right: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-right-auto-md-down {
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-right-auto-md-only {
    padding-right: auto !important;
  }
}

@media (min-width: 1024px) {
  .padding-right-auto-md-up {
    padding-right: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-right-auto-lg-down {
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-right-auto-lg-only {
    padding-right: auto !important;
  }
}

@media (min-width: 1200px) {
  .padding-right-auto-lg-up {
    padding-right: auto !important;
  }
}

.padding-right-auto-xl-down {
  padding-right: auto !important;
}

@media (min-width: 1600px) {
  .padding-right-auto-xl-only {
    padding-right: auto !important;
  }
}

@media (min-width: 1600px) {
  .padding-right-auto-xl-up {
    padding-right: auto !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-right-xsmall-xxs-down {
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-right-xsmall-xxs-only {
    padding-right: 0.3125rem !important;
  }
}

.padding-right-xsmall-xxs-up {
  padding-right: 0.3125rem !important;
}

@media (max-width: 767.98px) {
  .padding-right-xsmall-xs-down {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-right-xsmall-xs-only {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 480px) {
  .padding-right-xsmall-xs-up {
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-right-xsmall-sm-down {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-right-xsmall-sm-only {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-xsmall-sm-up {
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-right-xsmall-md-down {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-right-xsmall-md-only {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-right-xsmall-md-up {
    padding-right: 0.3125rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-right-xsmall-lg-down {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-right-xsmall-lg-only {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-right-xsmall-lg-up {
    padding-right: 0.3125rem !important;
  }
}

.padding-right-xsmall-xl-down {
  padding-right: 0.3125rem !important;
}

@media (min-width: 1600px) {
  .padding-right-xsmall-xl-only {
    padding-right: 0.3125rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-right-xsmall-xl-up {
    padding-right: 0.3125rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-right-small-xxs-down {
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-right-small-xxs-only {
    padding-right: 0.9375rem !important;
  }
}

.padding-right-small-xxs-up {
  padding-right: 0.9375rem !important;
}

@media (max-width: 767.98px) {
  .padding-right-small-xs-down {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-right-small-xs-only {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 480px) {
  .padding-right-small-xs-up {
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-right-small-sm-down {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-right-small-sm-only {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-small-sm-up {
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-right-small-md-down {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-right-small-md-only {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-right-small-md-up {
    padding-right: 0.9375rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-right-small-lg-down {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-right-small-lg-only {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-right-small-lg-up {
    padding-right: 0.9375rem !important;
  }
}

.padding-right-small-xl-down {
  padding-right: 0.9375rem !important;
}

@media (min-width: 1600px) {
  .padding-right-small-xl-only {
    padding-right: 0.9375rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-right-small-xl-up {
    padding-right: 0.9375rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-right-medium-xxs-down {
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-right-medium-xxs-only {
    padding-right: 1.875rem !important;
  }
}

.padding-right-medium-xxs-up {
  padding-right: 1.875rem !important;
}

@media (max-width: 767.98px) {
  .padding-right-medium-xs-down {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-right-medium-xs-only {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 480px) {
  .padding-right-medium-xs-up {
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-right-medium-sm-down {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-right-medium-sm-only {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-medium-sm-up {
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-right-medium-md-down {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-right-medium-md-only {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-right-medium-md-up {
    padding-right: 1.875rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-right-medium-lg-down {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-right-medium-lg-only {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-right-medium-lg-up {
    padding-right: 1.875rem !important;
  }
}

.padding-right-medium-xl-down {
  padding-right: 1.875rem !important;
}

@media (min-width: 1600px) {
  .padding-right-medium-xl-only {
    padding-right: 1.875rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-right-medium-xl-up {
    padding-right: 1.875rem !important;
  }
}

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

@media (max-width: 479.98px) {
  .padding-right-large-xxs-down {
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 479.98px) {
  .padding-right-large-xxs-only {
    padding-right: 3.1250625rem !important;
  }
}

.padding-right-large-xxs-up {
  padding-right: 3.1250625rem !important;
}

@media (max-width: 767.98px) {
  .padding-right-large-xs-down {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .padding-right-large-xs-only {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 480px) {
  .padding-right-large-xs-up {
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1023.98px) {
  .padding-right-large-sm-down {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .padding-right-large-sm-only {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-large-sm-up {
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1199.98px) {
  .padding-right-large-md-down {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .padding-right-large-md-only {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1024px) {
  .padding-right-large-md-up {
    padding-right: 3.1250625rem !important;
  }
}

@media (max-width: 1599.98px) {
  .padding-right-large-lg-down {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .padding-right-large-lg-only {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1200px) {
  .padding-right-large-lg-up {
    padding-right: 3.1250625rem !important;
  }
}

.padding-right-large-xl-down {
  padding-right: 3.1250625rem !important;
}

@media (min-width: 1600px) {
  .padding-right-large-xl-only {
    padding-right: 3.1250625rem !important;
  }
}

@media (min-width: 1600px) {
  .padding-right-large-xl-up {
    padding-right: 3.1250625rem !important;
  }
}

.no-border-all {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-border-all-xxs-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-all-xxs-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

.no-border-all-xxs-up {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-all-xs-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-all-xs-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-all-xs-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-all-sm-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-all-sm-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-all-sm-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-all-md-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-all-md-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-all-md-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-all-lg-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-all-lg-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-all-lg-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

.no-border-all-xl-down {
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-all-xl-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-all-xl-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

.no-border-vertical {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 479.98px) {
  .no-border-vertical-xxs-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-vertical-xxs-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

.no-border-vertical-xxs-up {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-vertical-xs-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-vertical-xs-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-vertical-xs-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-vertical-sm-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-vertical-sm-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-vertical-sm-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-vertical-md-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-vertical-md-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-vertical-md-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-vertical-lg-down {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-vertical-lg-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-vertical-lg-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

.no-border-vertical-xl-down {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-vertical-xl-only {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-vertical-xl-up {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}

.no-border-horizontal {
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-border-horizontal-xxs-down {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-horizontal-xxs-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

.no-border-horizontal-xxs-up {
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-horizontal-xs-down {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-horizontal-xs-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-horizontal-xs-up {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-horizontal-sm-down {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-horizontal-sm-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-horizontal-sm-up {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-horizontal-md-down {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-horizontal-md-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-horizontal-md-up {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-horizontal-lg-down {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-horizontal-lg-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-horizontal-lg-up {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

.no-border-horizontal-xl-down {
  border-left: 0 !important;
  border-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-horizontal-xl-only {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-horizontal-xl-up {
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-border-top-xxs-down {
    border-top: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-top-xxs-only {
    border-top: 0 !important;
  }
}

.no-border-top-xxs-up {
  border-top: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-top-xs-down {
    border-top: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-top-xs-only {
    border-top: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-top-xs-up {
    border-top: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-top-sm-down {
    border-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-top-sm-only {
    border-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-top-sm-up {
    border-top: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-top-md-down {
    border-top: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-top-md-only {
    border-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-top-md-up {
    border-top: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-top-lg-down {
    border-top: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-top-lg-only {
    border-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-top-lg-up {
    border-top: 0 !important;
  }
}

.no-border-top-xl-down {
  border-top: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-top-xl-only {
    border-top: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-top-xl-up {
    border-top: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-border-bottom-xxs-down {
    border-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-bottom-xxs-only {
    border-bottom: 0 !important;
  }
}

.no-border-bottom-xxs-up {
  border-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-bottom-xs-down {
    border-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-bottom-xs-only {
    border-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-bottom-xs-up {
    border-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-bottom-sm-down {
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-bottom-sm-only {
    border-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-bottom-sm-up {
    border-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-bottom-md-down {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-bottom-md-only {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-bottom-md-up {
    border-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-bottom-lg-down {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-bottom-lg-only {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-bottom-lg-up {
    border-bottom: 0 !important;
  }
}

.no-border-bottom-xl-down {
  border-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-bottom-xl-only {
    border-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-bottom-xl-up {
    border-bottom: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-border-left-xxs-down {
    border-left: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-left-xxs-only {
    border-left: 0 !important;
  }
}

.no-border-left-xxs-up {
  border-left: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-left-xs-down {
    border-left: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-left-xs-only {
    border-left: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-left-xs-up {
    border-left: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-left-sm-down {
    border-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-left-sm-only {
    border-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-left-sm-up {
    border-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-left-md-down {
    border-left: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-left-md-only {
    border-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-left-md-up {
    border-left: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-left-lg-down {
    border-left: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-left-lg-only {
    border-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-left-lg-up {
    border-left: 0 !important;
  }
}

.no-border-left-xl-down {
  border-left: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-left-xl-only {
    border-left: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-left-xl-up {
    border-left: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-border-right-xxs-down {
    border-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-border-right-xxs-only {
    border-right: 0 !important;
  }
}

.no-border-right-xxs-up {
  border-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-border-right-xs-down {
    border-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-border-right-xs-only {
    border-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-border-right-xs-up {
    border-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-border-right-sm-down {
    border-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-border-right-sm-only {
    border-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-border-right-sm-up {
    border-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-border-right-md-down {
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-border-right-md-only {
    border-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-border-right-md-up {
    border-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-border-right-lg-down {
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-border-right-lg-only {
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-border-right-lg-up {
    border-right: 0 !important;
  }
}

.no-border-right-xl-down {
  border-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-border-right-xl-only {
    border-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-border-right-xl-up {
    border-right: 0 !important;
  }
}

.no-margin-all {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-all-xxs-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-all-xxs-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.no-margin-all-xxs-up {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-all-xs-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-all-xs-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-all-xs-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-all-sm-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-all-sm-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-all-sm-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-all-md-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-all-md-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-all-md-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-all-lg-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-all-lg-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-all-lg-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.no-margin-all-xl-down {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-all-xl-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-all-xl-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-margin-vertical-xxs-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-vertical-xxs-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.no-margin-vertical-xxs-up {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-vertical-xs-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-vertical-xs-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-vertical-xs-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-vertical-sm-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-vertical-sm-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-vertical-sm-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-vertical-md-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-vertical-md-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-vertical-md-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-vertical-lg-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-vertical-lg-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-vertical-lg-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.no-margin-vertical-xl-down {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-vertical-xl-only {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-vertical-xl-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.no-margin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-horizontal-xxs-down {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-horizontal-xxs-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.no-margin-horizontal-xxs-up {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-horizontal-xs-down {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-horizontal-xs-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-horizontal-xs-up {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-horizontal-sm-down {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-horizontal-sm-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-horizontal-sm-up {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-horizontal-md-down {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-horizontal-md-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-horizontal-md-up {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-horizontal-lg-down {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-horizontal-lg-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-horizontal-lg-up {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.no-margin-horizontal-xl-down {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-horizontal-xl-only {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-horizontal-xl-up {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.no-margin-top {
  margin-top: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-top-xxs-down {
    margin-top: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-top-xxs-only {
    margin-top: 0 !important;
  }
}

.no-margin-top-xxs-up {
  margin-top: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-top-xs-down {
    margin-top: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-top-xs-only {
    margin-top: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-top-xs-up {
    margin-top: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-top-sm-down {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-top-sm-only {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-top-sm-up {
    margin-top: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-top-md-down {
    margin-top: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-top-md-only {
    margin-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-top-md-up {
    margin-top: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-top-lg-down {
    margin-top: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-top-lg-only {
    margin-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-top-lg-up {
    margin-top: 0 !important;
  }
}

.no-margin-top-xl-down {
  margin-top: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-top-xl-only {
    margin-top: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-top-xl-up {
    margin-top: 0 !important;
  }
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-bottom-xxs-down {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-bottom-xxs-only {
    margin-bottom: 0 !important;
  }
}

.no-margin-bottom-xxs-up {
  margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-bottom-xs-down {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-bottom-xs-only {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-bottom-xs-up {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-bottom-sm-down {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-bottom-sm-only {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-bottom-sm-up {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-bottom-md-down {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-bottom-md-only {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-bottom-md-up {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-bottom-lg-down {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-bottom-lg-only {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-bottom-lg-up {
    margin-bottom: 0 !important;
  }
}

.no-margin-bottom-xl-down {
  margin-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-bottom-xl-only {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-bottom-xl-up {
    margin-bottom: 0 !important;
  }
}

.no-margin-left {
  margin-left: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-left-xxs-down {
    margin-left: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-left-xxs-only {
    margin-left: 0 !important;
  }
}

.no-margin-left-xxs-up {
  margin-left: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-left-xs-down {
    margin-left: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-left-xs-only {
    margin-left: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-left-xs-up {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-left-sm-down {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-left-sm-only {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-left-sm-up {
    margin-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-left-md-down {
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-left-md-only {
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-left-md-up {
    margin-left: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-left-lg-down {
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-left-lg-only {
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-left-lg-up {
    margin-left: 0 !important;
  }
}

.no-margin-left-xl-down {
  margin-left: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-left-xl-only {
    margin-left: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-left-xl-up {
    margin-left: 0 !important;
  }
}

.no-margin-right {
  margin-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-margin-right-xxs-down {
    margin-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-margin-right-xxs-only {
    margin-right: 0 !important;
  }
}

.no-margin-right-xxs-up {
  margin-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-margin-right-xs-down {
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-margin-right-xs-only {
    margin-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-margin-right-xs-up {
    margin-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-margin-right-sm-down {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-margin-right-sm-only {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-margin-right-sm-up {
    margin-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-margin-right-md-down {
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-margin-right-md-only {
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-margin-right-md-up {
    margin-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-margin-right-lg-down {
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-margin-right-lg-only {
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-margin-right-lg-up {
    margin-right: 0 !important;
  }
}

.no-margin-right-xl-down {
  margin-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-margin-right-xl-only {
    margin-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-margin-right-xl-up {
    margin-right: 0 !important;
  }
}

.no-padding-all {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-all-xxs-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-all-xxs-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.no-padding-all-xxs-up {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-all-xs-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-all-xs-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-all-xs-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-all-sm-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-all-sm-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-all-sm-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-all-md-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-all-md-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-all-md-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-all-lg-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-all-lg-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-all-lg-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.no-padding-all-xl-down {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-all-xl-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-all-xl-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

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

@media (max-width: 479.98px) {
  .no-padding-vertical-xxs-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-vertical-xxs-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.no-padding-vertical-xxs-up {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-vertical-xs-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-vertical-xs-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-vertical-xs-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-vertical-sm-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-vertical-sm-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-vertical-sm-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-vertical-md-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-vertical-md-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-vertical-md-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-vertical-lg-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-vertical-lg-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-vertical-lg-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.no-padding-vertical-xl-down {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-vertical-xl-only {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-vertical-xl-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.no-padding-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-horizontal-xxs-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-horizontal-xxs-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.no-padding-horizontal-xxs-up {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-horizontal-xs-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-horizontal-xs-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-horizontal-xs-up {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-horizontal-sm-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-horizontal-sm-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-horizontal-sm-up {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-horizontal-md-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-horizontal-md-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-horizontal-md-up {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-horizontal-lg-down {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-horizontal-lg-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-horizontal-lg-up {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.no-padding-horizontal-xl-down {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-horizontal-xl-only {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-horizontal-xl-up {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.no-padding-top {
  padding-top: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-top-xxs-down {
    padding-top: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-top-xxs-only {
    padding-top: 0 !important;
  }
}

.no-padding-top-xxs-up {
  padding-top: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-top-xs-down {
    padding-top: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-top-xs-only {
    padding-top: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-top-xs-up {
    padding-top: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-top-sm-down {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-top-sm-only {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-top-sm-up {
    padding-top: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-top-md-down {
    padding-top: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-top-md-only {
    padding-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-top-md-up {
    padding-top: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-top-lg-down {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-top-lg-only {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-top-lg-up {
    padding-top: 0 !important;
  }
}

.no-padding-top-xl-down {
  padding-top: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-top-xl-only {
    padding-top: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-top-xl-up {
    padding-top: 0 !important;
  }
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-bottom-xxs-down {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-bottom-xxs-only {
    padding-bottom: 0 !important;
  }
}

.no-padding-bottom-xxs-up {
  padding-bottom: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-bottom-xs-down {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-bottom-xs-only {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-bottom-xs-up {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-bottom-sm-down {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-bottom-sm-only {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-bottom-sm-up {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-bottom-md-down {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-bottom-md-only {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-bottom-md-up {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-bottom-lg-down {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-bottom-lg-only {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-bottom-lg-up {
    padding-bottom: 0 !important;
  }
}

.no-padding-bottom-xl-down {
  padding-bottom: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-bottom-xl-only {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-bottom-xl-up {
    padding-bottom: 0 !important;
  }
}

.no-padding-left {
  padding-left: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-left-xxs-down {
    padding-left: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-left-xxs-only {
    padding-left: 0 !important;
  }
}

.no-padding-left-xxs-up {
  padding-left: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-left-xs-down {
    padding-left: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-left-xs-only {
    padding-left: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-left-xs-up {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-left-sm-down {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-left-sm-only {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-left-sm-up {
    padding-left: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-left-md-down {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-left-md-only {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-left-md-up {
    padding-left: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-left-lg-down {
    padding-left: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-left-lg-only {
    padding-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-left-lg-up {
    padding-left: 0 !important;
  }
}

.no-padding-left-xl-down {
  padding-left: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-left-xl-only {
    padding-left: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-left-xl-up {
    padding-left: 0 !important;
  }
}

.no-padding-right {
  padding-right: 0 !important;
}

@media (max-width: 479.98px) {
  .no-padding-right-xxs-down {
    padding-right: 0 !important;
  }
}

@media (max-width: 479.98px) {
  .no-padding-right-xxs-only {
    padding-right: 0 !important;
  }
}

.no-padding-right-xxs-up {
  padding-right: 0 !important;
}

@media (max-width: 767.98px) {
  .no-padding-right-xs-down {
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-padding-right-xs-only {
    padding-right: 0 !important;
  }
}

@media (min-width: 480px) {
  .no-padding-right-xs-up {
    padding-right: 0 !important;
  }
}

@media (max-width: 1023.98px) {
  .no-padding-right-sm-down {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-padding-right-sm-only {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .no-padding-right-sm-up {
    padding-right: 0 !important;
  }
}

@media (max-width: 1199.98px) {
  .no-padding-right-md-down {
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-padding-right-md-only {
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .no-padding-right-md-up {
    padding-right: 0 !important;
  }
}

@media (max-width: 1599.98px) {
  .no-padding-right-lg-down {
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-padding-right-lg-only {
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .no-padding-right-lg-up {
    padding-right: 0 !important;
  }
}

.no-padding-right-xl-down {
  padding-right: 0 !important;
}

@media (min-width: 1600px) {
  .no-padding-right-xl-only {
    padding-right: 0 !important;
  }
}

@media (min-width: 1600px) {
  .no-padding-right-xl-up {
    padding-right: 0 !important;
  }
}

.no-max-width {
  max-width: none !important;
}

@media (max-width: 479.98px) {
  .no-max-width-xxs-down {
    max-width: none !important;
  }
}

@media (max-width: 479.98px) {
  .no-max-width-xxs-only {
    max-width: none !important;
  }
}

.no-max-width-xxs-up {
  max-width: none !important;
}

@media (max-width: 767.98px) {
  .no-max-width-xs-down {
    max-width: none !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .no-max-width-xs-only {
    max-width: none !important;
  }
}

@media (min-width: 480px) {
  .no-max-width-xs-up {
    max-width: none !important;
  }
}

@media (max-width: 1023.98px) {
  .no-max-width-sm-down {
    max-width: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .no-max-width-sm-only {
    max-width: none !important;
  }
}

@media (min-width: 768px) {
  .no-max-width-sm-up {
    max-width: none !important;
  }
}

@media (max-width: 1199.98px) {
  .no-max-width-md-down {
    max-width: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .no-max-width-md-only {
    max-width: none !important;
  }
}

@media (min-width: 1024px) {
  .no-max-width-md-up {
    max-width: none !important;
  }
}

@media (max-width: 1599.98px) {
  .no-max-width-lg-down {
    max-width: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .no-max-width-lg-only {
    max-width: none !important;
  }
}

@media (min-width: 1200px) {
  .no-max-width-lg-up {
    max-width: none !important;
  }
}

.no-max-width-xl-down {
  max-width: none !important;
}

@media (min-width: 1600px) {
  .no-max-width-xl-only {
    max-width: none !important;
  }
}

@media (min-width: 1600px) {
  .no-max-width-xl-up {
    max-width: none !important;
  }
}

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

@media (max-width: 479.98px) {
  .width-auto-xxs-down {
    width: auto !important;
  }
}

@media (max-width: 479.98px) {
  .width-auto-xxs-only {
    width: auto !important;
  }
}

.width-auto-xxs-up {
  width: auto !important;
}

@media (max-width: 767.98px) {
  .width-auto-xs-down {
    width: auto !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-auto-xs-only {
    width: auto !important;
  }
}

@media (min-width: 480px) {
  .width-auto-xs-up {
    width: auto !important;
  }
}

@media (max-width: 1023.98px) {
  .width-auto-sm-down {
    width: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-auto-sm-only {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .width-auto-sm-up {
    width: auto !important;
  }
}

@media (max-width: 1199.98px) {
  .width-auto-md-down {
    width: auto !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-auto-md-only {
    width: auto !important;
  }
}

@media (min-width: 1024px) {
  .width-auto-md-up {
    width: auto !important;
  }
}

@media (max-width: 1599.98px) {
  .width-auto-lg-down {
    width: auto !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-auto-lg-only {
    width: auto !important;
  }
}

@media (min-width: 1200px) {
  .width-auto-lg-up {
    width: auto !important;
  }
}

.width-auto-xl-down {
  width: auto !important;
}

@media (min-width: 1600px) {
  .width-auto-xl-only {
    width: auto !important;
  }
}

@media (min-width: 1600px) {
  .width-auto-xl-up {
    width: auto !important;
  }
}

.width-10\% {
  width: 10% !important;
}

@media (max-width: 479.98px) {
  .width-10\%-xxs-down {
    width: 10% !important;
  }
}

@media (max-width: 479.98px) {
  .width-10\%-xxs-only {
    width: 10% !important;
  }
}

.width-10\%-xxs-up {
  width: 10% !important;
}

@media (max-width: 767.98px) {
  .width-10\%-xs-down {
    width: 10% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-10\%-xs-only {
    width: 10% !important;
  }
}

@media (min-width: 480px) {
  .width-10\%-xs-up {
    width: 10% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-10\%-sm-down {
    width: 10% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-10\%-sm-only {
    width: 10% !important;
  }
}

@media (min-width: 768px) {
  .width-10\%-sm-up {
    width: 10% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-10\%-md-down {
    width: 10% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-10\%-md-only {
    width: 10% !important;
  }
}

@media (min-width: 1024px) {
  .width-10\%-md-up {
    width: 10% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-10\%-lg-down {
    width: 10% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-10\%-lg-only {
    width: 10% !important;
  }
}

@media (min-width: 1200px) {
  .width-10\%-lg-up {
    width: 10% !important;
  }
}

.width-10\%-xl-down {
  width: 10% !important;
}

@media (min-width: 1600px) {
  .width-10\%-xl-only {
    width: 10% !important;
  }
}

@media (min-width: 1600px) {
  .width-10\%-xl-up {
    width: 10% !important;
  }
}

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

@media (max-width: 479.98px) {
  .width-20\%-xxs-down {
    width: 20% !important;
  }
}

@media (max-width: 479.98px) {
  .width-20\%-xxs-only {
    width: 20% !important;
  }
}

.width-20\%-xxs-up {
  width: 20% !important;
}

@media (max-width: 767.98px) {
  .width-20\%-xs-down {
    width: 20% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-20\%-xs-only {
    width: 20% !important;
  }
}

@media (min-width: 480px) {
  .width-20\%-xs-up {
    width: 20% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-20\%-sm-down {
    width: 20% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-20\%-sm-only {
    width: 20% !important;
  }
}

@media (min-width: 768px) {
  .width-20\%-sm-up {
    width: 20% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-20\%-md-down {
    width: 20% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-20\%-md-only {
    width: 20% !important;
  }
}

@media (min-width: 1024px) {
  .width-20\%-md-up {
    width: 20% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-20\%-lg-down {
    width: 20% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-20\%-lg-only {
    width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .width-20\%-lg-up {
    width: 20% !important;
  }
}

.width-20\%-xl-down {
  width: 20% !important;
}

@media (min-width: 1600px) {
  .width-20\%-xl-only {
    width: 20% !important;
  }
}

@media (min-width: 1600px) {
  .width-20\%-xl-up {
    width: 20% !important;
  }
}

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

@media (max-width: 479.98px) {
  .width-25\%-xxs-down {
    width: 25% !important;
  }
}

@media (max-width: 479.98px) {
  .width-25\%-xxs-only {
    width: 25% !important;
  }
}

.width-25\%-xxs-up {
  width: 25% !important;
}

@media (max-width: 767.98px) {
  .width-25\%-xs-down {
    width: 25% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-25\%-xs-only {
    width: 25% !important;
  }
}

@media (min-width: 480px) {
  .width-25\%-xs-up {
    width: 25% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-25\%-sm-down {
    width: 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-25\%-sm-only {
    width: 25% !important;
  }
}

@media (min-width: 768px) {
  .width-25\%-sm-up {
    width: 25% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-25\%-md-down {
    width: 25% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-25\%-md-only {
    width: 25% !important;
  }
}

@media (min-width: 1024px) {
  .width-25\%-md-up {
    width: 25% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-25\%-lg-down {
    width: 25% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-25\%-lg-only {
    width: 25% !important;
  }
}

@media (min-width: 1200px) {
  .width-25\%-lg-up {
    width: 25% !important;
  }
}

.width-25\%-xl-down {
  width: 25% !important;
}

@media (min-width: 1600px) {
  .width-25\%-xl-only {
    width: 25% !important;
  }
}

@media (min-width: 1600px) {
  .width-25\%-xl-up {
    width: 25% !important;
  }
}

.width-33\% {
  width: 33.33333% !important;
}

@media (max-width: 479.98px) {
  .width-33\%-xxs-down {
    width: 33.33333% !important;
  }
}

@media (max-width: 479.98px) {
  .width-33\%-xxs-only {
    width: 33.33333% !important;
  }
}

.width-33\%-xxs-up {
  width: 33.33333% !important;
}

@media (max-width: 767.98px) {
  .width-33\%-xs-down {
    width: 33.33333% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-33\%-xs-only {
    width: 33.33333% !important;
  }
}

@media (min-width: 480px) {
  .width-33\%-xs-up {
    width: 33.33333% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-33\%-sm-down {
    width: 33.33333% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-33\%-sm-only {
    width: 33.33333% !important;
  }
}

@media (min-width: 768px) {
  .width-33\%-sm-up {
    width: 33.33333% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-33\%-md-down {
    width: 33.33333% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-33\%-md-only {
    width: 33.33333% !important;
  }
}

@media (min-width: 1024px) {
  .width-33\%-md-up {
    width: 33.33333% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-33\%-lg-down {
    width: 33.33333% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-33\%-lg-only {
    width: 33.33333% !important;
  }
}

@media (min-width: 1200px) {
  .width-33\%-lg-up {
    width: 33.33333% !important;
  }
}

.width-33\%-xl-down {
  width: 33.33333% !important;
}

@media (min-width: 1600px) {
  .width-33\%-xl-only {
    width: 33.33333% !important;
  }
}

@media (min-width: 1600px) {
  .width-33\%-xl-up {
    width: 33.33333% !important;
  }
}

.width-40\% {
  width: 40% !important;
}

@media (max-width: 479.98px) {
  .width-40\%-xxs-down {
    width: 40% !important;
  }
}

@media (max-width: 479.98px) {
  .width-40\%-xxs-only {
    width: 40% !important;
  }
}

.width-40\%-xxs-up {
  width: 40% !important;
}

@media (max-width: 767.98px) {
  .width-40\%-xs-down {
    width: 40% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-40\%-xs-only {
    width: 40% !important;
  }
}

@media (min-width: 480px) {
  .width-40\%-xs-up {
    width: 40% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-40\%-sm-down {
    width: 40% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-40\%-sm-only {
    width: 40% !important;
  }
}

@media (min-width: 768px) {
  .width-40\%-sm-up {
    width: 40% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-40\%-md-down {
    width: 40% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-40\%-md-only {
    width: 40% !important;
  }
}

@media (min-width: 1024px) {
  .width-40\%-md-up {
    width: 40% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-40\%-lg-down {
    width: 40% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-40\%-lg-only {
    width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .width-40\%-lg-up {
    width: 40% !important;
  }
}

.width-40\%-xl-down {
  width: 40% !important;
}

@media (min-width: 1600px) {
  .width-40\%-xl-only {
    width: 40% !important;
  }
}

@media (min-width: 1600px) {
  .width-40\%-xl-up {
    width: 40% !important;
  }
}

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

@media (max-width: 479.98px) {
  .width-50\%-xxs-down {
    width: 50% !important;
  }
}

@media (max-width: 479.98px) {
  .width-50\%-xxs-only {
    width: 50% !important;
  }
}

.width-50\%-xxs-up {
  width: 50% !important;
}

@media (max-width: 767.98px) {
  .width-50\%-xs-down {
    width: 50% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-50\%-xs-only {
    width: 50% !important;
  }
}

@media (min-width: 480px) {
  .width-50\%-xs-up {
    width: 50% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-50\%-sm-down {
    width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-50\%-sm-only {
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .width-50\%-sm-up {
    width: 50% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-50\%-md-down {
    width: 50% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-50\%-md-only {
    width: 50% !important;
  }
}

@media (min-width: 1024px) {
  .width-50\%-md-up {
    width: 50% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-50\%-lg-down {
    width: 50% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-50\%-lg-only {
    width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .width-50\%-lg-up {
    width: 50% !important;
  }
}

.width-50\%-xl-down {
  width: 50% !important;
}

@media (min-width: 1600px) {
  .width-50\%-xl-only {
    width: 50% !important;
  }
}

@media (min-width: 1600px) {
  .width-50\%-xl-up {
    width: 50% !important;
  }
}

.width-60\% {
  width: 60% !important;
}

@media (max-width: 479.98px) {
  .width-60\%-xxs-down {
    width: 60% !important;
  }
}

@media (max-width: 479.98px) {
  .width-60\%-xxs-only {
    width: 60% !important;
  }
}

.width-60\%-xxs-up {
  width: 60% !important;
}

@media (max-width: 767.98px) {
  .width-60\%-xs-down {
    width: 60% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-60\%-xs-only {
    width: 60% !important;
  }
}

@media (min-width: 480px) {
  .width-60\%-xs-up {
    width: 60% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-60\%-sm-down {
    width: 60% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-60\%-sm-only {
    width: 60% !important;
  }
}

@media (min-width: 768px) {
  .width-60\%-sm-up {
    width: 60% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-60\%-md-down {
    width: 60% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-60\%-md-only {
    width: 60% !important;
  }
}

@media (min-width: 1024px) {
  .width-60\%-md-up {
    width: 60% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-60\%-lg-down {
    width: 60% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-60\%-lg-only {
    width: 60% !important;
  }
}

@media (min-width: 1200px) {
  .width-60\%-lg-up {
    width: 60% !important;
  }
}

.width-60\%-xl-down {
  width: 60% !important;
}

@media (min-width: 1600px) {
  .width-60\%-xl-only {
    width: 60% !important;
  }
}

@media (min-width: 1600px) {
  .width-60\%-xl-up {
    width: 60% !important;
  }
}

.width-66\% {
  width: 66.66666% !important;
}

@media (max-width: 479.98px) {
  .width-66\%-xxs-down {
    width: 66.66666% !important;
  }
}

@media (max-width: 479.98px) {
  .width-66\%-xxs-only {
    width: 66.66666% !important;
  }
}

.width-66\%-xxs-up {
  width: 66.66666% !important;
}

@media (max-width: 767.98px) {
  .width-66\%-xs-down {
    width: 66.66666% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-66\%-xs-only {
    width: 66.66666% !important;
  }
}

@media (min-width: 480px) {
  .width-66\%-xs-up {
    width: 66.66666% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-66\%-sm-down {
    width: 66.66666% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-66\%-sm-only {
    width: 66.66666% !important;
  }
}

@media (min-width: 768px) {
  .width-66\%-sm-up {
    width: 66.66666% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-66\%-md-down {
    width: 66.66666% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-66\%-md-only {
    width: 66.66666% !important;
  }
}

@media (min-width: 1024px) {
  .width-66\%-md-up {
    width: 66.66666% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-66\%-lg-down {
    width: 66.66666% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-66\%-lg-only {
    width: 66.66666% !important;
  }
}

@media (min-width: 1200px) {
  .width-66\%-lg-up {
    width: 66.66666% !important;
  }
}

.width-66\%-xl-down {
  width: 66.66666% !important;
}

@media (min-width: 1600px) {
  .width-66\%-xl-only {
    width: 66.66666% !important;
  }
}

@media (min-width: 1600px) {
  .width-66\%-xl-up {
    width: 66.66666% !important;
  }
}

.width-75\% {
  width: 75% !important;
}

@media (max-width: 479.98px) {
  .width-75\%-xxs-down {
    width: 75% !important;
  }
}

@media (max-width: 479.98px) {
  .width-75\%-xxs-only {
    width: 75% !important;
  }
}

.width-75\%-xxs-up {
  width: 75% !important;
}

@media (max-width: 767.98px) {
  .width-75\%-xs-down {
    width: 75% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-75\%-xs-only {
    width: 75% !important;
  }
}

@media (min-width: 480px) {
  .width-75\%-xs-up {
    width: 75% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-75\%-sm-down {
    width: 75% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-75\%-sm-only {
    width: 75% !important;
  }
}

@media (min-width: 768px) {
  .width-75\%-sm-up {
    width: 75% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-75\%-md-down {
    width: 75% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-75\%-md-only {
    width: 75% !important;
  }
}

@media (min-width: 1024px) {
  .width-75\%-md-up {
    width: 75% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-75\%-lg-down {
    width: 75% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-75\%-lg-only {
    width: 75% !important;
  }
}

@media (min-width: 1200px) {
  .width-75\%-lg-up {
    width: 75% !important;
  }
}

.width-75\%-xl-down {
  width: 75% !important;
}

@media (min-width: 1600px) {
  .width-75\%-xl-only {
    width: 75% !important;
  }
}

@media (min-width: 1600px) {
  .width-75\%-xl-up {
    width: 75% !important;
  }
}

.width-80\% {
  width: 80% !important;
}

@media (max-width: 479.98px) {
  .width-80\%-xxs-down {
    width: 80% !important;
  }
}

@media (max-width: 479.98px) {
  .width-80\%-xxs-only {
    width: 80% !important;
  }
}

.width-80\%-xxs-up {
  width: 80% !important;
}

@media (max-width: 767.98px) {
  .width-80\%-xs-down {
    width: 80% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-80\%-xs-only {
    width: 80% !important;
  }
}

@media (min-width: 480px) {
  .width-80\%-xs-up {
    width: 80% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-80\%-sm-down {
    width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-80\%-sm-only {
    width: 80% !important;
  }
}

@media (min-width: 768px) {
  .width-80\%-sm-up {
    width: 80% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-80\%-md-down {
    width: 80% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-80\%-md-only {
    width: 80% !important;
  }
}

@media (min-width: 1024px) {
  .width-80\%-md-up {
    width: 80% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-80\%-lg-down {
    width: 80% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-80\%-lg-only {
    width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .width-80\%-lg-up {
    width: 80% !important;
  }
}

.width-80\%-xl-down {
  width: 80% !important;
}

@media (min-width: 1600px) {
  .width-80\%-xl-only {
    width: 80% !important;
  }
}

@media (min-width: 1600px) {
  .width-80\%-xl-up {
    width: 80% !important;
  }
}

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

@media (max-width: 479.98px) {
  .width-100\%-xxs-down {
    width: 100% !important;
  }
}

@media (max-width: 479.98px) {
  .width-100\%-xxs-only {
    width: 100% !important;
  }
}

.width-100\%-xxs-up {
  width: 100% !important;
}

@media (max-width: 767.98px) {
  .width-100\%-xs-down {
    width: 100% !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-100\%-xs-only {
    width: 100% !important;
  }
}

@media (min-width: 480px) {
  .width-100\%-xs-up {
    width: 100% !important;
  }
}

@media (max-width: 1023.98px) {
  .width-100\%-sm-down {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-100\%-sm-only {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .width-100\%-sm-up {
    width: 100% !important;
  }
}

@media (max-width: 1199.98px) {
  .width-100\%-md-down {
    width: 100% !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-100\%-md-only {
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .width-100\%-md-up {
    width: 100% !important;
  }
}

@media (max-width: 1599.98px) {
  .width-100\%-lg-down {
    width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-100\%-lg-only {
    width: 100% !important;
  }
}

@media (min-width: 1200px) {
  .width-100\%-lg-up {
    width: 100% !important;
  }
}

.width-100\%-xl-down {
  width: 100% !important;
}

@media (min-width: 1600px) {
  .width-100\%-xl-only {
    width: 100% !important;
  }
}

@media (min-width: 1600px) {
  .width-100\%-xl-up {
    width: 100% !important;
  }
}

.width-small {
  width: 383.5px !important;
}

@media (max-width: 479.98px) {
  .width-small-xxs-down {
    width: 383.5px !important;
  }
}

@media (max-width: 479.98px) {
  .width-small-xxs-only {
    width: 383.5px !important;
  }
}

.width-small-xxs-up {
  width: 383.5px !important;
}

@media (max-width: 767.98px) {
  .width-small-xs-down {
    width: 383.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-small-xs-only {
    width: 383.5px !important;
  }
}

@media (min-width: 480px) {
  .width-small-xs-up {
    width: 383.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .width-small-sm-down {
    width: 383.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-small-sm-only {
    width: 383.5px !important;
  }
}

@media (min-width: 768px) {
  .width-small-sm-up {
    width: 383.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .width-small-md-down {
    width: 383.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-small-md-only {
    width: 383.5px !important;
  }
}

@media (min-width: 1024px) {
  .width-small-md-up {
    width: 383.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .width-small-lg-down {
    width: 383.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-small-lg-only {
    width: 383.5px !important;
  }
}

@media (min-width: 1200px) {
  .width-small-lg-up {
    width: 383.5px !important;
  }
}

.width-small-xl-down {
  width: 383.5px !important;
}

@media (min-width: 1600px) {
  .width-small-xl-only {
    width: 383.5px !important;
  }
}

@media (min-width: 1600px) {
  .width-small-xl-up {
    width: 383.5px !important;
  }
}

.width-medium {
  width: 511.5px !important;
}

@media (max-width: 479.98px) {
  .width-medium-xxs-down {
    width: 511.5px !important;
  }
}

@media (max-width: 479.98px) {
  .width-medium-xxs-only {
    width: 511.5px !important;
  }
}

.width-medium-xxs-up {
  width: 511.5px !important;
}

@media (max-width: 767.98px) {
  .width-medium-xs-down {
    width: 511.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-medium-xs-only {
    width: 511.5px !important;
  }
}

@media (min-width: 480px) {
  .width-medium-xs-up {
    width: 511.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .width-medium-sm-down {
    width: 511.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-medium-sm-only {
    width: 511.5px !important;
  }
}

@media (min-width: 768px) {
  .width-medium-sm-up {
    width: 511.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .width-medium-md-down {
    width: 511.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-medium-md-only {
    width: 511.5px !important;
  }
}

@media (min-width: 1024px) {
  .width-medium-md-up {
    width: 511.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .width-medium-lg-down {
    width: 511.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-medium-lg-only {
    width: 511.5px !important;
  }
}

@media (min-width: 1200px) {
  .width-medium-lg-up {
    width: 511.5px !important;
  }
}

.width-medium-xl-down {
  width: 511.5px !important;
}

@media (min-width: 1600px) {
  .width-medium-xl-only {
    width: 511.5px !important;
  }
}

@media (min-width: 1600px) {
  .width-medium-xl-up {
    width: 511.5px !important;
  }
}

.width-large {
  width: 599.5px !important;
}

@media (max-width: 479.98px) {
  .width-large-xxs-down {
    width: 599.5px !important;
  }
}

@media (max-width: 479.98px) {
  .width-large-xxs-only {
    width: 599.5px !important;
  }
}

.width-large-xxs-up {
  width: 599.5px !important;
}

@media (max-width: 767.98px) {
  .width-large-xs-down {
    width: 599.5px !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .width-large-xs-only {
    width: 599.5px !important;
  }
}

@media (min-width: 480px) {
  .width-large-xs-up {
    width: 599.5px !important;
  }
}

@media (max-width: 1023.98px) {
  .width-large-sm-down {
    width: 599.5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .width-large-sm-only {
    width: 599.5px !important;
  }
}

@media (min-width: 768px) {
  .width-large-sm-up {
    width: 599.5px !important;
  }
}

@media (max-width: 1199.98px) {
  .width-large-md-down {
    width: 599.5px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .width-large-md-only {
    width: 599.5px !important;
  }
}

@media (min-width: 1024px) {
  .width-large-md-up {
    width: 599.5px !important;
  }
}

@media (max-width: 1599.98px) {
  .width-large-lg-down {
    width: 599.5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .width-large-lg-only {
    width: 599.5px !important;
  }
}

@media (min-width: 1200px) {
  .width-large-lg-up {
    width: 599.5px !important;
  }
}

.width-large-xl-down {
  width: 599.5px !important;
}

@media (min-width: 1600px) {
  .width-large-xl-only {
    width: 599.5px !important;
  }
}

@media (min-width: 1600px) {
  .width-large-xl-up {
    width: 599.5px !important;
  }
}

.line-height-0 {
  line-height: 0 !important;
}
.line-height-0 a,
.line-height-0 p {
  line-height: inherit !important;
}

.line-height-1 {
  line-height: 1 !important;
}
.line-height-1 a,
.line-height-1 p {
  line-height: inherit !important;
}

.line-height-small {
  line-height: 1.2 !important;
}
.line-height-small a,
.line-height-small p {
  line-height: inherit !important;
}

.line-height-medium {
  line-height: 1.5 !important;
}
.line-height-medium a,
.line-height-medium p {
  line-height: inherit !important;
}

.line-height-large {
  line-height: 1.8 !important;
}
.line-height-large a,
.line-height-large p {
  line-height: inherit !important;
}

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

@media (max-width: 479.98px) {
  .text-center-xxs-down {
    text-align: center !important;
  }
}

@media (max-width: 479.98px) {
  .text-center-xxs-only {
    text-align: center !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-center-xs-down {
    text-align: center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-center-xs-only {
    text-align: center !important;
  }
}

@media (min-width: 480px) {
  .text-center-xs-up {
    text-align: center !important;
  }
}

@media (max-width: 1023.98px) {
  .text-center-sm-down {
    text-align: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-center-sm-only {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-center-sm-up {
    text-align: center !important;
  }
}

@media (max-width: 1199.98px) {
  .text-center-md-down {
    text-align: center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-center-md-only {
    text-align: center !important;
  }
}

@media (min-width: 1024px) {
  .text-center-md-up {
    text-align: center !important;
  }
}

@media (max-width: 1599.98px) {
  .text-center-lg-down {
    text-align: center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-center-lg-only {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-center-lg-up {
    text-align: center !important;
  }
}

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

@media (min-width: 1600px) {
  .text-center-xl-only {
    text-align: center !important;
  }
}

@media (min-width: 1600px) {
  .text-center-xl-up {
    text-align: center !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-center-xxs-down {
    text-align: center !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-center-xxs-only {
    text-align: center !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-align-center-xs-down {
    text-align: center !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-align-center-xs-only {
    text-align: center !important;
  }
}

@media (min-width: 480px) {
  .text-align-center-xs-up {
    text-align: center !important;
  }
}

@media (max-width: 1023.98px) {
  .text-align-center-sm-down {
    text-align: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-align-center-sm-only {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-align-center-sm-up {
    text-align: center !important;
  }
}

@media (max-width: 1199.98px) {
  .text-align-center-md-down {
    text-align: center !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-align-center-md-only {
    text-align: center !important;
  }
}

@media (min-width: 1024px) {
  .text-align-center-md-up {
    text-align: center !important;
  }
}

@media (max-width: 1599.98px) {
  .text-align-center-lg-down {
    text-align: center !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-align-center-lg-only {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-align-center-lg-up {
    text-align: center !important;
  }
}

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

@media (min-width: 1600px) {
  .text-align-center-xl-only {
    text-align: center !important;
  }
}

@media (min-width: 1600px) {
  .text-align-center-xl-up {
    text-align: center !important;
  }
}

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

@media (max-width: 479.98px) {
  .text-left-xxs-down {
    text-align: left !important;
  }
}

@media (max-width: 479.98px) {
  .text-left-xxs-only {
    text-align: left !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-left-xs-down {
    text-align: left !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-left-xs-only {
    text-align: left !important;
  }
}

@media (min-width: 480px) {
  .text-left-xs-up {
    text-align: left !important;
  }
}

@media (max-width: 1023.98px) {
  .text-left-sm-down {
    text-align: left !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-left-sm-only {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .text-left-sm-up {
    text-align: left !important;
  }
}

@media (max-width: 1199.98px) {
  .text-left-md-down {
    text-align: left !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-left-md-only {
    text-align: left !important;
  }
}

@media (min-width: 1024px) {
  .text-left-md-up {
    text-align: left !important;
  }
}

@media (max-width: 1599.98px) {
  .text-left-lg-down {
    text-align: left !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-left-lg-only {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .text-left-lg-up {
    text-align: left !important;
  }
}

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

@media (min-width: 1600px) {
  .text-left-xl-only {
    text-align: left !important;
  }
}

@media (min-width: 1600px) {
  .text-left-xl-up {
    text-align: left !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-left-xxs-down {
    text-align: left !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-left-xxs-only {
    text-align: left !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-align-left-xs-down {
    text-align: left !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-align-left-xs-only {
    text-align: left !important;
  }
}

@media (min-width: 480px) {
  .text-align-left-xs-up {
    text-align: left !important;
  }
}

@media (max-width: 1023.98px) {
  .text-align-left-sm-down {
    text-align: left !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-align-left-sm-only {
    text-align: left !important;
  }
}

@media (min-width: 768px) {
  .text-align-left-sm-up {
    text-align: left !important;
  }
}

@media (max-width: 1199.98px) {
  .text-align-left-md-down {
    text-align: left !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-align-left-md-only {
    text-align: left !important;
  }
}

@media (min-width: 1024px) {
  .text-align-left-md-up {
    text-align: left !important;
  }
}

@media (max-width: 1599.98px) {
  .text-align-left-lg-down {
    text-align: left !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-align-left-lg-only {
    text-align: left !important;
  }
}

@media (min-width: 1200px) {
  .text-align-left-lg-up {
    text-align: left !important;
  }
}

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

@media (min-width: 1600px) {
  .text-align-left-xl-only {
    text-align: left !important;
  }
}

@media (min-width: 1600px) {
  .text-align-left-xl-up {
    text-align: left !important;
  }
}

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

@media (max-width: 479.98px) {
  .text-right-xxs-down {
    text-align: right !important;
  }
}

@media (max-width: 479.98px) {
  .text-right-xxs-only {
    text-align: right !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-right-xs-down {
    text-align: right !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-right-xs-only {
    text-align: right !important;
  }
}

@media (min-width: 480px) {
  .text-right-xs-up {
    text-align: right !important;
  }
}

@media (max-width: 1023.98px) {
  .text-right-sm-down {
    text-align: right !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-right-sm-only {
    text-align: right !important;
  }
}

@media (min-width: 768px) {
  .text-right-sm-up {
    text-align: right !important;
  }
}

@media (max-width: 1199.98px) {
  .text-right-md-down {
    text-align: right !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-right-md-only {
    text-align: right !important;
  }
}

@media (min-width: 1024px) {
  .text-right-md-up {
    text-align: right !important;
  }
}

@media (max-width: 1599.98px) {
  .text-right-lg-down {
    text-align: right !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-right-lg-only {
    text-align: right !important;
  }
}

@media (min-width: 1200px) {
  .text-right-lg-up {
    text-align: right !important;
  }
}

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

@media (min-width: 1600px) {
  .text-right-xl-only {
    text-align: right !important;
  }
}

@media (min-width: 1600px) {
  .text-right-xl-up {
    text-align: right !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-right-xxs-down {
    text-align: right !important;
  }
}

@media (max-width: 479.98px) {
  .text-align-right-xxs-only {
    text-align: right !important;
  }
}

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

@media (max-width: 767.98px) {
  .text-align-right-xs-down {
    text-align: right !important;
  }
}

@media (min-width: 480px) and (max-width: 767.98px) {
  .text-align-right-xs-only {
    text-align: right !important;
  }
}

@media (min-width: 480px) {
  .text-align-right-xs-up {
    text-align: right !important;
  }
}

@media (max-width: 1023.98px) {
  .text-align-right-sm-down {
    text-align: right !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .text-align-right-sm-only {
    text-align: right !important;
  }
}

@media (min-width: 768px) {
  .text-align-right-sm-up {
    text-align: right !important;
  }
}

@media (max-width: 1199.98px) {
  .text-align-right-md-down {
    text-align: right !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .text-align-right-md-only {
    text-align: right !important;
  }
}

@media (min-width: 1024px) {
  .text-align-right-md-up {
    text-align: right !important;
  }
}

@media (max-width: 1599.98px) {
  .text-align-right-lg-down {
    text-align: right !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .text-align-right-lg-only {
    text-align: right !important;
  }
}

@media (min-width: 1200px) {
  .text-align-right-lg-up {
    text-align: right !important;
  }
}

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

@media (min-width: 1600px) {
  .text-align-right-xl-only {
    text-align: right !important;
  }
}

@media (min-width: 1600px) {
  .text-align-right-xl-up {
    text-align: right !important;
  }
}

.font-family-primary {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
}

.font-family-secondary {
  font-family: "Lato", "Arial", "Helvetica Neue", "Helvetica", sans-serif !important;
}

.font-size-0 {
  font-size: 0 !important;
}

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

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

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

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

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

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

.text-break-all {
  word-break: break-all !important;
}

.text-decoration-none, .text-decoration-none:active, .text-decoration-none:focus, .text-decoration-none:hover {
  text-decoration: none !important;
}

.text-decoration-line-through, .text-decoration-line-through:active, .text-decoration-line-through:focus, .text-decoration-line-through:hover {
  text-decoration: line-through !important;
}

.text-decoration-underline, .text-decoration-underline:active, .text-decoration-underline:focus, .text-decoration-underline:hover {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.text-overflow-multi {
  position: relative !important;
  max-height: 2.4em !important;
  margin-right: -1em !important;
  padding-right: 1em !important;
  line-height: 1.2em !important;
  text-align: justify !important;
  overflow: hidden !important;
}
.text-overflow-multi::before {
  content: "\2026" !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 8px !important;
  opacity: 0.7 !important;
}
.text-overflow-multi::after {
  content: "" !important;
  position: absolute !important;
  right: 8px !important;
  width: 1em !important;
  height: 1em !important;
  margin-top: 0.2em !important;
  background: #fff !important;
}

.text-hyphen {
  hyphens: auto !important;
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.text-capitalize,
.text-transform-capitalize {
  text-transform: capitalize !important;
}

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

.text-uppercase,
.text-transform-uppercase {
  text-transform: uppercase !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

.text-weight-thin {
  font-weight: 100 !important;
}

.text-weight-ultralight {
  font-weight: 200 !important;
}

.text-weight-light {
  font-weight: 300 !important;
}

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

.text-weight-medium {
  font-weight: 500 !important;
}

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

.text-weight-bold {
  font-weight: 700 !important;
}

.text-weight-bolder {
  font-weight: 800 !important;
}

.text-weight-heavy {
  font-weight: 900 !important;
}

.no-text-decoration, .no-text-decoration:active, .no-text-decoration:focus, .no-text-decoration:hover {
  text-decoration: none !important;
}

.no-text-hyphen {
  hyphens: none !important;
  word-break: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
}

.no-text-transform {
  text-transform: none !important;
}

.white-space-nowrap,
.no-wrap {
  white-space: nowrap !important;
}

.white-space-pre-wrap {
  white-space: pre-wrap !important;
}

.anchor-point {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

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

.fixed-postion {
  width: 15.71% !important;
}

.hide {
  display: none;
}
@media (min-width: 768px) {
  .hide {
    display: block;
  }
}



/*# sourceMappingURL=maps/styles.css.map */