@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);
:root {
  --secondary: #5b586e;
  --light: #f4f5f7;
  --dark: #0e0e0e;
  --white: #fff;
  --gray-200: #dde1ec;
  --gray-300: #b3b1c3;
  --black: #000;
  --primary: #395aff;
} /*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #395aff;
  --bs-indigo: #6610f2;
  --bs-purple: #a659ff;
  --bs-pink: #e05fc4;
  --bs-red: #ff3838;
  --bs-orange: #ff7e1b;
  --bs-yellow: #ffc21d;
  --bs-green: #3eca76;
  --bs-teal: #20c997;
  --bs-cyan: #20bbd3;
  --bs-white: #fff;
  --bs-gray: #5b586e;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f4f5f7;
  --bs-gray-200: #dde1ec;
  --bs-gray-300: #b3b1c3;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #5b586e;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #0e0e0e;
  --bs-primary: #395aff;
  --bs-secondary: #5b586e;
  --bs-success: #3eca76;
  --bs-info: #20bbd3;
  --bs-warning: #ffc21d;
  --bs-danger: #ff3838;
  --bs-light: #f4f5f7;
  --bs-dark: #0e0e0e;
  --bs-primary-rgb: 57, 90, 255;
  --bs-secondary-rgb: 91, 88, 110;
  --bs-success-rgb: 62, 202, 118;
  --bs-info-rgb: 32, 187, 211;
  --bs-warning-rgb: 255, 194, 29;
  --bs-danger-rgb: 255, 56, 56;
  --bs-light-rgb: 244, 245, 247;
  --bs-dark-rgb: 34, 32, 50;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 34, 32, 50;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #0e0e0e;
  --bs-body-bg: #fff;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
hr:not([size]) {
  height: 1px;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
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: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #395aff;
  text-decoration: underline;
}
a:hover {
  color: #2e48cc;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: #e05fc4;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #0e0e0e;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #5b586e;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
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,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
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;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #5b586e;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #b3b1c3;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: #5b586e;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.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%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .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%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #0e0e0e;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #0e0e0e;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #0e0e0e;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #0e0e0e;
  vertical-align: top;
  border-color: #b3b1c3;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
.table-primary {
  --bs-table-bg: #d7deff;
  --bs-table-striped-bg: #ccd3f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c2c8e6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c7cdec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c2c8e6;
}
.table-secondary {
  --bs-table-bg: #dedee2;
  --bs-table-striped-bg: #d3d3d7;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c8c8cb;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #cdcdd1;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c8c8cb;
}
.table-success {
  --bs-table-bg: #d8f4e4;
  --bs-table-striped-bg: #cde8d9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c2dccd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c8e2d3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c2dccd;
}
.table-info {
  --bs-table-bg: #d2f1f6;
  --bs-table-striped-bg: #c8e5ea;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bdd9dd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c2dfe4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bdd9dd;
}
.table-warning {
  --bs-table-bg: #fff3d2;
  --bs-table-striped-bg: #f2e7c8;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbbd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1c2;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbbd;
}
.table-danger {
  --bs-table-bg: #ffd7d7;
  --bs-table-striped-bg: #f2cccc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6c2c2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ecc7c7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6c2c2;
}
.table-light {
  --bs-table-bg: #f4f5f7;
  --bs-table-striped-bg: #e8e9eb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dcddde;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e2e3e4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dcddde;
}
.table-dark {
  --bs-table-bg: #0e0e0e;
  --bs-table-striped-bg: #2d2b3c;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #383647;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #333141;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #383647;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #5b586e;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0e0e0e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #0e0e0e;
  background-color: #fff;
  border-color: #9cadff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #5b586e;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #dde1ec;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #0e0e0e;
  background-color: #dde1ec;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #d2d6e0;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #0e0e0e;
  background-color: #dde1ec;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #d2d6e0;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #0e0e0e;
  background-color: rgba(0, 0, 0, 0);
  border: solid rgba(0, 0, 0, 0);
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0e0e0e;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #9cadff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #dde1ec;
}
.form-select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #0e0e0e;
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #9cadff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.form-check-input:checked {
  background-color: #395aff;
  border-color: #395aff;
}
.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #395aff;
  border-color: #395aff;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%239cadff%27/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #395aff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c4ceff;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: #b3b1c3;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #395aff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #c4ceff;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  background-color: #b3b1c3;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0);
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: rgba(0, 0, 0, 0);
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0e0e0e;
  text-align: center;
  white-space: nowrap;
  background-color: #dde1ec;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #3eca76;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(62, 202, 118, 0.9);
  border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #3eca76;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%233ECA76%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #3eca76;
  box-shadow: 0 0 0 0.25rem rgba(62, 202, 118, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #3eca76;
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%233ECA76%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #3eca76;
  box-shadow: 0 0 0 0.25rem rgba(62, 202, 118, 0.25);
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #3eca76;
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #3eca76;
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(62, 202, 118, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #3eca76;
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #ff3838;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(255, 56, 56, 0.9);
  border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #ff3838;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23ff3838%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23ff3838%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #ff3838;
  box-shadow: 0 0 0 0.25rem rgba(255, 56, 56, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #ff3838;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23ff3838%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23ff3838%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #ff3838;
  box-shadow: 0 0 0 0.25rem rgba(255, 56, 56, 0.25);
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #ff3838;
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #ff3838;
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 56, 56, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #ff3838;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}
.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #0e0e0e;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #0e0e0e;
}
.btn-check:focus + .btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}
.btn-primary {
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #304dd9;
  border-color: #2e48cc;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #304dd9;
  border-color: #2e48cc;
  box-shadow: 0 0 0 0.25rem rgba(87, 115, 255, 0.5);
}
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2e48cc;
  border-color: #2b44bf;
}
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(87, 115, 255, 0.5);
}
.btn-primary:disabled,
.btn-primary.disabled {
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.btn-secondary {
  color: #fff;
  background-color: #5b586e;
  border-color: #5b586e;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #4d4b5e;
  border-color: #494658;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: #4d4b5e;
  border-color: #494658;
  box-shadow: 0 0 0 0.25rem rgba(116, 113, 132, 0.5);
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #494658;
  border-color: #444253;
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 113, 132, 0.5);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #fff;
  background-color: #5b586e;
  border-color: #5b586e;
}
.btn-success {
  color: #000;
  background-color: #3eca76;
  border-color: #3eca76;
}
.btn-success:hover {
  color: #000;
  background-color: #5bd28b;
  border-color: #51cf84;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
  color: #000;
  background-color: #5bd28b;
  border-color: #51cf84;
  box-shadow: 0 0 0 0.25rem rgba(53, 172, 100, 0.5);
}
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
  color: #000;
  background-color: #65d591;
  border-color: #51cf84;
}
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(53, 172, 100, 0.5);
}
.btn-success:disabled,
.btn-success.disabled {
  color: #000;
  background-color: #3eca76;
  border-color: #3eca76;
}
.btn-info {
  color: #000;
  background-color: #20bbd3;
  border-color: #20bbd3;
}
.btn-info:hover {
  color: #000;
  background-color: #41c5da;
  border-color: #36c2d7;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
  color: #000;
  background-color: #41c5da;
  border-color: #36c2d7;
  box-shadow: 0 0 0 0.25rem rgba(27, 159, 179, 0.5);
}
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #4dc9dc;
  border-color: #36c2d7;
}
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(27, 159, 179, 0.5);
}
.btn-info:disabled,
.btn-info.disabled {
  color: #000;
  background-color: #20bbd3;
  border-color: #20bbd3;
}
.btn-warning {
  color: #000;
  background-color: #ffc21d;
  border-color: #ffc21d;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffcb3f;
  border-color: #ffc834;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #ffcb3f;
  border-color: #ffc834;
  box-shadow: 0 0 0 0.25rem rgba(217, 165, 25, 0.5);
}
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffce4a;
  border-color: #ffc834;
}
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 165, 25, 0.5);
}
.btn-warning:disabled,
.btn-warning.disabled {
  color: #000;
  background-color: #ffc21d;
  border-color: #ffc21d;
}
.btn-danger {
  color: #000;
  background-color: #ff3838;
  border-color: #ff3838;
}
.btn-danger:hover {
  color: #000;
  background-color: #ff5656;
  border-color: #ff4c4c;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
  color: #000;
  background-color: #ff5656;
  border-color: #ff4c4c;
  box-shadow: 0 0 0 0.25rem rgba(217, 48, 48, 0.5);
}
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #000;
  background-color: #ff6060;
  border-color: #ff4c4c;
}
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 48, 48, 0.5);
}
.btn-danger:disabled,
.btn-danger.disabled {
  color: #000;
  background-color: #ff3838;
  border-color: #ff3838;
}
.btn-light {
  color: #000;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
}
.btn-light:hover {
  color: #000;
  background-color: #f6f7f8;
  border-color: #f5f6f8;
}
.btn-check:focus + .btn-light,
.btn-light:focus {
  color: #000;
  background-color: #f6f7f8;
  border-color: #f5f6f8;
  box-shadow: 0 0 0 0.25rem rgba(207, 208, 210, 0.5);
}
.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light:active,
.btn-light.active,
.show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f6f7f9;
  border-color: #f5f6f8;
}
.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 208, 210, 0.5);
}
.btn-light:disabled,
.btn-light.disabled {
  color: #000;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
}
.btn-dark {
  color: #fff;
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1d1b2b;
  border-color: #1b1a28;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #1d1b2b;
  border-color: #1b1a28;
  box-shadow: 0 0 0 0.25rem rgba(67, 65, 81, 0.5);
}
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark,
.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1b1a28;
  border-color: #1a1826;
}
.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(67, 65, 81, 0.5);
}
.btn-dark:disabled,
.btn-dark.disabled {
  color: #fff;
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}
.btn-outline-primary {
  color: #395aff;
  border-color: #395aff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.5);
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.5);
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #395aff;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-secondary {
  color: #5b586e;
  border-color: #5b586e;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #5b586e;
  border-color: #5b586e;
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(91, 88, 110, 0.5);
}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #5b586e;
  border-color: #5b586e;
}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(91, 88, 110, 0.5);
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: #5b586e;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-success {
  color: #3eca76;
  border-color: #3eca76;
}
.btn-outline-success:hover {
  color: #000;
  background-color: #3eca76;
  border-color: #3eca76;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(62, 202, 118, 0.5);
}
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
  color: #000;
  background-color: #3eca76;
  border-color: #3eca76;
}
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(62, 202, 118, 0.5);
}
.btn-outline-success:disabled,
.btn-outline-success.disabled {
  color: #3eca76;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-info {
  color: #20bbd3;
  border-color: #20bbd3;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #20bbd3;
  border-color: #20bbd3;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(32, 187, 211, 0.5);
}
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #20bbd3;
  border-color: #20bbd3;
}
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(32, 187, 211, 0.5);
}
.btn-outline-info:disabled,
.btn-outline-info.disabled {
  color: #20bbd3;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-warning {
  color: #ffc21d;
  border-color: #ffc21d;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc21d;
  border-color: #ffc21d;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 194, 29, 0.5);
}
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc21d;
  border-color: #ffc21d;
}
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 194, 29, 0.5);
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  color: #ffc21d;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-danger {
  color: #ff3838;
  border-color: #ff3838;
}
.btn-outline-danger:hover {
  color: #000;
  background-color: #ff3838;
  border-color: #ff3838;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 56, 56, 0.5);
}
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
  color: #000;
  background-color: #ff3838;
  border-color: #ff3838;
}
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 56, 56, 0.5);
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  color: #ff3838;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-light {
  color: #f4f5f7;
  border-color: #f4f5f7;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 245, 247, 0.5);
}
.btn-check:checked + .btn-outline-light,
.btn-check:active + .btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
}
.btn-check:checked + .btn-outline-light:focus,
.btn-check:active + .btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 245, 247, 0.5);
}
.btn-outline-light:disabled,
.btn-outline-light.disabled {
  color: #f4f5f7;
  background-color: rgba(0, 0, 0, 0);
}
.btn-outline-dark {
  color: #0e0e0e;
  border-color: #0e0e0e;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 32, 50, 0.5);
}
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}
.btn-check:checked + .btn-outline-dark:focus,
.btn-check:active + .btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 32, 50, 0.5);
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  color: #0e0e0e;
  background-color: rgba(0, 0, 0, 0);
}
.btn-link {
  font-weight: 400;
  color: #395aff;
  text-decoration: underline;
}
.btn-link:hover {
  color: #2e48cc;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #5b586e;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.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 {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart {
  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 rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 0.3em solid rgba(0, 0, 0, 0);
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #0e0e0e;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-bottom: 0.3em solid;
  border-left: 0.3em solid rgba(0, 0, 0, 0);
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid rgba(0, 0, 0, 0);
  border-right: 0;
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid rgba(0, 0, 0, 0);
  border-right: 0.3em solid;
  border-bottom: 0.3em solid rgba(0, 0, 0, 0);
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #0e0e0e;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #1f1d2d;
  background-color: #dde1ec;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #395aff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #5b586e;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #0e0e0e;
}
.dropdown-menu-dark {
  color: #b3b1c3;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #b3b1c3;
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #395aff;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #b3b1c3;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #395aff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: #2e48cc;
}
.nav-link.disabled {
  color: #5b586e;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #b3b1c3;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #dde1ec #dde1ec #b3b1c3;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #5b586e;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #b3b1c3 #b3b1c3 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #395aff;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
  .navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
  .navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
  .navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
  .navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
  .navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: rgba(0, 0, 0, 0);
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.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: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
.card-title {
  margin-bottom: 0.5rem;
}
.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: 1rem;
}
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .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;
  }
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #0e0e0e;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #3351e6;
  background-color: #ebefff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%233351e6%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23222032%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #9cadff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-body {
  padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #5b586e;
  content: var(
    --bs-breadcrumb-divider,
    "/"
  ); /* rtl: var(--bs-breadcrumb-divider, "/") */
}
.breadcrumb-item.active {
  color: #5b586e;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  color: #395aff;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #b3b1c3;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #2e48cc;
  background-color: #dde1ec;
  border-color: #b3b1c3;
}
.page-link:focus {
  z-index: 3;
  color: #2e48cc;
  background-color: #dde1ec;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
}
.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.page-item.disabled .page-link {
  color: #5b586e;
  pointer-events: none;
  background-color: #fff;
  border-color: #b3b1c3;
}
.page-link {
  padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  color: #223699;
  background-color: #d7deff;
  border-color: #c4ceff;
}
.alert-primary .alert-link {
  color: #1b2b7a;
}
.alert-secondary {
  color: #373542;
  background-color: #dedee2;
  border-color: #cecdd4;
}
.alert-secondary .alert-link {
  color: #2c2a35;
}
.alert-success {
  color: #257947;
  background-color: #d8f4e4;
  border-color: #c5efd6;
}
.alert-success .alert-link {
  color: #1e6139;
}
.alert-info {
  color: #13707f;
  background-color: #d2f1f6;
  border-color: #bcebf2;
}
.alert-info .alert-link {
  color: #0f5a66;
}
.alert-warning {
  color: #664e0c;
  background-color: #fff3d2;
  border-color: #ffedbb;
}
.alert-warning .alert-link {
  color: #523e0a;
}
.alert-danger {
  color: #922;
  background-color: #ffd7d7;
  border-color: #ffc3c3;
}
.alert-danger .alert-link {
  color: #7a1b1b;
}
.alert-light {
  color: #626263;
  background-color: #fdfdfd;
  border-color: #fcfcfd;
}
.alert-light .alert-link {
  color: #4e4e4f;
}
.alert-dark {
  color: #14131e;
  background-color: #d3d2d6;
  border-color: #bdbcc2;
}
.alert-dark .alert-link {
  color: #100f18;
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #dde1ec;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #395aff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f4f5f7;
}
.list-group-item-action:active {
  color: #0e0e0e;
  background-color: #dde1ec;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #0e0e0e;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #5b586e;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #395aff;
  border-color: #395aff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #223699;
  background-color: #d7deff;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #223699;
  background-color: #c2c8e6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #223699;
  border-color: #223699;
}
.list-group-item-secondary {
  color: #373542;
  background-color: #dedee2;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #373542;
  background-color: #c8c8cb;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #373542;
  border-color: #373542;
}
.list-group-item-success {
  color: #257947;
  background-color: #d8f4e4;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #257947;
  background-color: #c2dccd;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #257947;
  border-color: #257947;
}
.list-group-item-info {
  color: #13707f;
  background-color: #d2f1f6;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #13707f;
  background-color: #bdd9dd;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #13707f;
  border-color: #13707f;
}
.list-group-item-warning {
  color: #664e0c;
  background-color: #fff3d2;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #664e0c;
  background-color: #e6dbbd;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664e0c;
  border-color: #664e0c;
}
.list-group-item-danger {
  color: #922;
  background-color: #ffd7d7;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #922;
  background-color: #e6c2c2;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #922;
  border-color: #922;
}
.list-group-item-light {
  color: #626263;
  background-color: #fdfdfd;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #626263;
  background-color: #e4e4e4;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #626263;
  border-color: #626263;
}
.list-group-item-dark {
  color: #14131e;
  background-color: #d3d2d6;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #14131e;
  background-color: #bebdc1;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #14131e;
  border-color: #14131e;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: rgba(0, 0, 0, 0)
    url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(57, 90, 255, 0.25);
  opacity: 1;
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}
.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #5b586e;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}
.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  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 {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #b3b1c3;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem 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;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #b3b1c3;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-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;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 1rem 1rem;
  color: #0e0e0e;
}
.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-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  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-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    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: 0.5;
  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.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg); /* rtl:ignore */
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}
.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}
.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}
.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}
.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}
.offcanvas.show {
  transform: none;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(
    130deg,
    #000 55%,
    rgba(0, 0, 0, 0.8) 75%,
    #000 95%
  );
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.link-primary {
  color: #395aff;
}
.link-primary:hover,
.link-primary:focus {
  color: #2e48cc;
}
.link-secondary {
  color: #5b586e;
}
.link-secondary:hover,
.link-secondary:focus {
  color: #494658;
}
.link-success {
  color: #3eca76;
}
.link-success:hover,
.link-success:focus {
  color: #65d591;
}
.link-info {
  color: #20bbd3;
}
.link-info:hover,
.link-info:focus {
  color: #4dc9dc;
}
.link-warning {
  color: #ffc21d;
}
.link-warning:hover,
.link-warning:focus {
  color: #ffce4a;
}
.link-danger {
  color: #ff3838;
}
.link-danger:hover,
.link-danger:focus {
  color: #ff6060;
}
.link-light {
  color: #f4f5f7;
}
.link-light:hover,
.link-light:focus {
  color: #f6f7f9;
}
.link-dark {
  color: #0e0e0e;
}
.link-dark:hover,
.link-dark:focus {
  color: #1b1a28;
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: 1px solid #b3b1c3 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: 1px solid #b3b1c3 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: 1px solid #b3b1c3 !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #b3b1c3 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: 1px solid #b3b1c3 !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #395aff !important;
}
.border-secondary {
  border-color: #5b586e !important;
}
.border-success {
  border-color: #3eca76 !important;
}
.border-info {
  border-color: #20bbd3 !important;
}
.border-warning {
  border-color: #ffc21d !important;
}
.border-danger {
  border-color: #ff3838 !important;
}
.border-light {
  border-color: #f4f5f7 !important;
}
.border-dark {
  border-color: #0e0e0e !important;
}
.border-white {
  border-color: #fff !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.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;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !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;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: #5b586e !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.2rem !important;
}
.rounded-2 {
  border-radius: 0.25rem !important;
}
.rounded-3 {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@-webkit-keyframes background-fade {
  0% {
    background: #0e0e0e;
    color: #fff;
  }
  100% {
    background: #fff;
    color: #0e0e0e;
  }
}
@-moz-keyframes background-fade {
  0% {
    background: #0e0e0e;
    color: #fff;
  }
  100% {
    background: #fff;
    color: #0e0e0e;
  }
}
@keyframes background-fade {
  0% {
    background: #0e0e0e;
    color: #fff;
  }
  100% {
    background: #fff;
    color: #0e0e0e;
  }
}
@-webkit-keyframes floating-1 {
  0% {
    transform: translate(0%, -15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, -15%);
  }
}
@-moz-keyframes floating-1 {
  0% {
    transform: translate(0%, -15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, -15%);
  }
}
@keyframes floating-1 {
  0% {
    transform: translate(0%, -15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, -15%);
  }
}
@-webkit-keyframes floating-2 {
  0% {
    transform: translate(0%, 15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, 15%);
  }
}
@-moz-keyframes floating-2 {
  0% {
    transform: translate(0%, 15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, 15%);
  }
}
@keyframes floating-2 {
  0% {
    transform: translate(0%, 15%);
  }
  50% {
    transform: translate(15%, 0%);
  }
  100% {
    transform: translate(0%, 15%);
  }
}
@-webkit-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes sk-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes sk-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes animation_clickable {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
@-moz-keyframes animation_clickable {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes animation_clickable {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
.lds-spinner {
  display: flex;
  justify-content: center;
  position: relative;
  width: calc(100% - 80px);
  height: 70px;
  margin-top: -20px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 27px;
  left: 39px;
  width: 2.3px;
  height: 7px;
  border-radius: 50px;
  background: var(--secondary);
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.btn-xs-size {
  min-width: 62px;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-xs-size.border-primary {
  border: 1px solid #395aff;
}
.btn-sm-size {
  min-width: 86px;
  height: 36px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-sm-size.border-primary {
  border: 1px solid #395aff;
}
.btn-md-size {
  min-width: 95px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-md-size.border-primary {
  border: 1px solid #395aff;
}
.effect-click {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.effect-click span {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: animation_clickable 600ms linear;
  background-color: rgba(34, 32, 50, 0.2);
}
.btn-bid-items {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 190px;
  height: 60px;
  border-radius: 50px;
  background-color: #395aff;
  padding: 10px 10px 10px 20px;
}
.btn-bid-items p {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.btn-bid-items .ico {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.btn-box-check {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.btn-box-check .icon-box {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background-color: #395aff;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.btn-box-check input {
  position: absolute;
  font-size: 40px;
  width: 35px;
  height: 35px;
  opacity: 0;
}
.btn-box-check input:checked ~ .icon-box {
  background-color: var(--light);
  color: var(--dark);
}
.btn-box-check input:checked ~ .icon-box i::before {
  content: "";
}
.item-add-NFTs-plus {
  position: fixed;
  bottom: 40px;
}
.item-add-NFTs-plus a {
  width: 56px;
  text-decoration: none;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #395aff;
  color: #fff;
  font-weight: 600;
  font-size: 23px;
}
.btn-sm-arrow {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 165px;
  height: 55px;
  border-radius: 50px;
  padding: 10px 10px 10px 20px;
}
.btn-sm-arrow p {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding-right: 20px;
}
.btn-sm-arrow p span {
  font-size: 11px;
}
.btn-sm-arrow .ico {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.btn-md-arrow {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 190px;
  height: 60px;
  border-radius: 50px;
  padding: 10px 10px 10px 20px;
}
.btn-md-arrow p {
  font-size: 15px;
  font-weight: 500;
  color: var(--white);
  margin: 0;
  padding-right: 20px;
}
.btn-md-arrow .ico {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.size-0 {
  font-size: 0px !important;
}
.size-1 {
  font-size: 1px !important;
}
.size-2 {
  font-size: 2px !important;
}
.size-3 {
  font-size: 3px !important;
}
.size-4 {
  font-size: 4px !important;
}
.size-5 {
  font-size: 5px !important;
}
.size-6 {
  font-size: 6px !important;
}
.size-7 {
  font-size: 7px !important;
}
.size-8 {
  font-size: 8px !important;
}
.size-9 {
  font-size: 9px !important;
}
.size-10 {
  font-size: 10px !important;
}
.size-11 {
  font-size: 11px !important;
}
.size-12 {
  font-size: 12px !important;
}
.size-13 {
  font-size: 13px !important;
}
.size-14 {
  font-size: 14px !important;
}
.size-15 {
  font-size: 15px !important;
}
.size-16 {
  font-size: 16px !important;
}
.size-17 {
  font-size: 17px !important;
}
.size-18 {
  font-size: 18px !important;
}
.size-19 {
  font-size: 19px !important;
}
.size-20 {
  font-size: 20px !important;
}
.size-21 {
  font-size: 21px !important;
}
.size-22 {
  font-size: 22px !important;
}
.size-23 {
  font-size: 23px !important;
}
.size-24 {
  font-size: 24px !important;
}
.size-25 {
  font-size: 25px !important;
}
.size-26 {
  font-size: 26px !important;
}
.size-27 {
  font-size: 27px !important;
}
.size-28 {
  font-size: 28px !important;
}
.size-29 {
  font-size: 29px !important;
}
.size-30 {
  font-size: 30px !important;
}
.size-31 {
  font-size: 31px !important;
}
.size-32 {
  font-size: 32px !important;
}
.size-33 {
  font-size: 33px !important;
}
.size-34 {
  font-size: 34px !important;
}
.size-35 {
  font-size: 35px !important;
}
.weight-100 {
  font-weight: 100 !important;
}
.weight-200 {
  font-weight: 200 !important;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-400 {
  font-weight: 400 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-600 {
  font-weight: 600 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-800 {
  font-weight: 800 !important;
}
.weight-900 {
  font-weight: 900 !important;
}
.color-black {
  color: #000;
}
.color-white {
  color: var(--white);
}
.color-primary {
  color: #395aff;
}
.color-secondary {
  color: var(--dark);
}
.color-snow {
  color: var(--light);
}
.color-red {
  color: #ff3838;
}
.color-orange {
  color: #ff7e1b;
}
.color-blue {
  color: #395aff;
}
.color-yellow {
  color: #ffc21d;
}
.color-green {
  color: #3eca76;
}
.color-text {
  color: var(--secondary);
}
.color-pink {
  color: #e05fc4;
}
.color-cyan {
  color: #20bbd3;
}
.color-purple {
  color: #a659ff;
}
.bg-black {
  background-color: #000;
}
.bg-white {
  background-color: var(--white);
}
.bg-primary {
  background-color: #395aff;
}
.bg-secondary {
  background-color: var(--dark);
}
.bg-snow {
  background-color: var(--light);
}
.bg-red {
  background-color: #ff3838;
}
.bg-orange {
  background-color: #ff7e1b;
}
.bg-blue {
  background-color: #395aff;
}
.bg-yellow {
  background-color: #ffc21d;
}
.bg-green {
  background-color: #3eca76;
}
.bg-text {
  background-color: var(--secondary);
}
.bg-pink {
  background-color: #e05fc4;
}
.bg-cyan {
  background-color: #20bbd3;
}
.bg-purple {
  background-color: #a659ff;
}
.bg-black-1 {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-white-1 {
  background-color: rgba(var(--white), 0.1);
}
.bg-primary-1 {
  background-color: rgba(57, 90, 255, 0.1);
}
.bg-secondary-1 {
  background-color: rgba(var(--dark), 0.1);
}
.bg-snow-1 {
  background-color: rgba(var(--light), 0.1);
}
.bg-red-1 {
  background-color: rgba(255, 56, 56, 0.1);
}
.bg-orange-1 {
  background-color: rgba(255, 126, 27, 0.1);
}
.bg-blue-1 {
  background-color: rgba(57, 90, 255, 0.1);
}
.bg-yellow-1 {
  background-color: rgba(255, 194, 29, 0.1);
}
.bg-green-1 {
  background-color: rgba(62, 202, 118, 0.1);
}
.bg-text-1 {
  background-color: rgba(var(--secondary), 0.1);
}
.bg-pink-1 {
  background-color: rgba(224, 95, 196, 0.1);
}
.bg-cyan-1 {
  background-color: rgba(32, 187, 211, 0.1);
}
.bg-purple-1 {
  background-color: rgba(166, 89, 255, 0.1);
}
.switch_toggle {
  position: relative;
  width: 43px;
  height: 25px;
  border-radius: 50px;
  border: 0;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.switch_toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch_toggle input:checked ~ .handle {
  background-color: #395aff;
}
.switch_toggle input:checked ~ .handle::before {
  -webkit-transform: translateX(14px);
  -moz-transform: translateX(14px);
  -o-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.switch_toggle .handle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d0d3dc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50px;
}
.switch_toggle .handle::before {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  left: 7px;
  top: 5px;
  background-color: #fff;
  -webkit-transition: 0.26s;
  -moz-transition: 0.26s;
  -o-transition: 0.26s;
  -ms-transition: 0.26s;
  transition: 0.26s;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -o-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -ms-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
}
.switch_toggle.toggle_lg {
  width: 48px;
  height: 30px;
}
.switch_toggle.toggle_lg .handle::before {
  width: 22px;
  height: 22px;
  left: 6px;
  top: 4px;
}
.em_toggle .btn-toggle {
  position: relative;
  width: 34px;
  height: 23px;
  border-radius: 50px;
  border: 0;
  background-color: #e9eaec;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.em_toggle .btn-toggle .handle {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--white);
  top: 4px;
  left: 5px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -o-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -ms-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -webkit-transition: left 0.25s;
  -moz-transition: left 0.25s;
  -o-transition: left 0.25s;
  -ms-transition: left 0.25s;
  transition: left 0.25s;
}
.em_toggle .btn-toggle.active {
  background-color: #3eca76;
}
.em_toggle .btn-toggle.active > .handle {
  left: 15px;
  background-color: var(--white);
}
.em_toggle .btn-toggle.toggle_md {
  width: 39px;
  height: 26px;
}
.em_toggle .btn-toggle.toggle_md .handle {
  top: 5px;
  height: 16px;
  width: 16px;
}
.em_toggle .btn-toggle.toggle_md.active > .handle {
  left: 18px;
}
.em_toggle .btn-toggle.toggle_lg {
  width: 48px;
  height: 30px;
}
.em_toggle .btn-toggle.toggle_lg .handle {
  top: 4px;
  width: 22px;
  height: 22px;
}
.em_toggle .btn-toggle.toggle_lg.active > .handle {
  left: 21px;
}
.form-group {
  margin-bottom: 15px;
}
.form-group label {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--secondary);
}
.form-group .form-control {
  height: 50px;
  border-radius: 10px;
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  padding-left: 20px;
  font-weight: 500;
  font-size: 16px;
  color: var(--dark);
  box-shadow: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group .form-control::placeholder {
  font-size: 13px;
  color: var(--gray-300);
  font-weight: 400;
}
.form-group .form-control:-moz-placeholder {
  font-size: 13px;
  color: var(--gray-300);
  font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
  font-size: 13px;
  color: var(--gray-300);
  font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
  font-size: 13px;
  color: var(--gray-300);
  font-weight: 400;
}
.form-group .form-control:focus {
  border-color: #adb5bd !important;
}
.form-group .form-control:hover,
.form-group .form-control:focus,
.form-group .form-control:valid {
  background-color: var(--white);
  border-color: var(--gray-200);
}
.form-group .form-control.is-invalid {
  border-color: #ff3838;
  background-color: var(--white);
  background-image: none;
}
.form-group .form-control.is-invalid ~ .icon_password {
  opacity: 0;
  pointer-events: none;
}
.form-group .form-control.is-valid {
  border-color: #3eca76;
  background-color: var(--white);
  background-image: none;
}
.form-group .form-control.is-valid ~ .icon_password {
  opacity: 0;
  pointer-events: none;
}
.form-group .custom-select {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Group_8600%27 data-name=%27Group 8600%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath id=%27Path_1959%27 data-name=%27Path 1959%27 d=%27M0,0H24V24H0Z%27 fill=%27none%27/%3E%3Cpath id=%27Path_1960%27 data-name=%27Path 1960%27 d=%27M12,15,7.757,10.757,9.172,9.343,12,12.172l2.828-2.829,1.415,1.414Z%27 fill=%27%237d7996%27/%3E%3C/svg%3E%0A") !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position-x: calc(100% - 12px);
  background-repeat: no-repeat;
  background-size: 25px;
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group .custom-select.is-invalid {
  border-color: #ff3838;
  background-color: var(--white);
}
.form-group textarea {
  height: auto !important;
  padding-top: 15px;
}
.form-group textarea::-webkit-resizer {
  display: none;
}
.form-group.icon-left .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group.icon-left .input_group .icon {
  position: absolute;
  left: 18px;
}
.form-group.icon-left .input_group .icon svg {
  width: 22px;
  height: 22px;
}
.form-group.icon-left .input_group .icon svg path,
.form-group.icon-left .input_group .icon svg circle {
  stroke: var(--secondary);
}
.form-group.icon-left .input_group .icon i {
  font-size: 20px;
  color: var(--gray-300);
}
.form-group.icon-left .input_group .form-control {
  padding-left: 50px;
}
.form-group.icon-right .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group.icon-right .input_group .icon {
  position: absolute;
  right: 18px;
}
.form-group.icon-right .input_group .icon svg {
  width: 22px;
  height: 22px;
}
.form-group.icon-right .input_group .icon svg path,
.form-group.icon-right .input_group .icon svg circle {
  stroke: var(--secondary);
}
.form-group.icon-right .input_group .icon i {
  font-size: 20px;
  color: var(--gray-300);
}
.form-group.icon-right .input_group .form-control {
  padding-right: 50px;
}
.form-group.with_icon .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group.with_icon .input_group .icon {
  position: absolute;
  left: 18px;
}
.form-group.with_icon .input_group .icon svg {
  width: 22px;
  height: 22px;
}
.form-group.with_icon .input_group .icon svg path,
.form-group.with_icon .input_group .icon svg circle {
  stroke: var(--secondary);
}
.form-group.with_icon .input_group .icon i {
  font-size: 20px;
  color: var(--gray-300);
}
.form-group.with_icon .input_group .form-control {
  padding-left: 50px;
}
.form-group .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group .input_group .icon_password {
  position: absolute;
  right: 18px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
.form-group .input_group .icon_password i {
  font-size: 20px;
  color: var(--secondary);
}
.form-group .invalid-feedback {
  font-size: 12px;
  color: #ff3838;
  display: block;
  margin-top: 5px;
}
.form-group.input-lined {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 20px;
}
.form-group.input-lined label {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 5px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.input-lined .form-control {
  padding-left: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--gray-200);
  background-color: rgba(0, 0, 0, 0);
  height: 45px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.input-lined .form-control:focus {
  border-bottom-color: var(--border-blue);
}
.form-group.input-lined .form-control:focus + label {
  color: #395aff !important;
}
.form-group.input-lined .form-control::placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control:-moz-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control:-ms-input-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control::-webkit-input-placeholder {
  font-size: 16px;
}
.form-group.input-lined .form-control.is-valid {
  border-bottom-color: #3eca76;
  background-color: rgba(0, 0, 0, 0);
}
.form-group.input-lined .form-control.is-invalid {
  border-bottom-color: #ff3838;
  background-color: rgba(0, 0, 0, 0);
}
.form-group.input-lined .additional_txt {
  font-size: 12px;
  color: var(--secondary);
  margin-top: 5px;
}
.form-group.input-lined .group_additional {
  display: flex;
  flex-direction: column-reverse;
}
.form-group.input-lined .custom-select {
  background-position-x: calc(100% - 3px);
}
.form-group.input-lined:focus-within label {
  color: #395aff;
}
.form-group.inputDefault-animated .group_anime {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group.inputDefault-animated .group_anime label {
  position: absolute;
  z-index: 1;
  left: 20px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  color: var(--secondary);
  padding: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.form-group.inputDefault-animated .group_anime .form-control:focus ~ label,
.form-group.inputDefault-animated .group_anime .form-control:valid ~ label {
  -webkit-transform: scale(0.85) translateY(-30px);
  -moz-transform: scale(0.85) translateY(-30px);
  -o-transform: scale(0.85) translateY(-30px);
  -ms-transform: scale(0.85) translateY(-30px);
  transform: scale(0.85) translateY(-30px);
  background-color: var(--white);
  padding: 2px 6px;
  left: 10px;
}
.form-group.inputDefault-animated
  .group_anime
  .form-control:focus.is-valid
  ~ label,
.form-group.inputDefault-animated
  .group_anime
  .form-control:valid.is-valid
  ~ label {
  color: #3eca76;
}
.form-group.inputDefault-animated
  .group_anime
  .form-control:focus.is-invalid
  ~ label,
.form-group.inputDefault-animated
  .group_anime
  .form-control:valid.is-invalid
  ~ label {
  color: #ff3838;
}
.form-group.inputDefault-animated .group_anime .form-control::placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated .group_anime .form-control:-moz-placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated
  .group_anime
  .form-control:-ms-input-placeholder {
  opacity: 0;
}
.form-group.inputDefault-animated
  .group_anime
  .form-control::-webkit-input-placeholder {
  opacity: 0;
}
.form-group.lined__iconed .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form-group.lined__iconed .input_group .icon {
  position: absolute;
  left: 0;
}
.form-group.lined__iconed .input_group .icon svg {
  width: 22px;
  height: 22px;
}
.form-group.lined__iconed .input_group .icon svg path,
.form-group.lined__iconed .input_group .icon svg circle {
  stroke: var(--secondary);
}
.form-group.lined__iconed .input_group .icon i {
  font-size: 20px;
  color: var(--secondary);
}
.form-group.lined__iconed .input_group .form-control {
  padding-left: 30px;
}
.form-group .feedback-text {
  font-size: 12px;
  margin-top: 8px;
  color: var(--secondary);
}
.form-report .btn-report {
  width: 100%;
  min-height: 52px;
  border-radius: 10px;
  color: #fff;
  background-color: #395aff;
  font-size: 15px;
  font-weight: 500;
}
.padding-0 {
  padding: 0px;
}
.padding-t-0 {
  padding-top: 0px;
}
.padding-b-0 {
  padding-bottom: 0px;
}
.padding-r-0 {
  padding-right: 0px;
}
.padding-l-0 {
  padding-left: 0px;
}
.padding-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.padding-x-0 {
  padding-right: 0px;
  padding-left: 0px;
}
.margin-0 {
  margin: 0px;
}
.margin-t-0 {
  margin-top: 0px;
}
.margin-b-0 {
  margin-bottom: 0px;
}
.margin-r-0 {
  margin-right: 0px;
}
.margin-l-0 {
  margin-left: 0px;
}
.margin-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.margin-x-0 {
  margin-right: 0px;
  margin-left: 0px;
}
.padding-1 {
  padding: 1px;
}
.padding-t-1 {
  padding-top: 1px;
}
.padding-b-1 {
  padding-bottom: 1px;
}
.padding-r-1 {
  padding-right: 1px;
}
.padding-l-1 {
  padding-left: 1px;
}
.padding-y-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.padding-x-1 {
  padding-right: 1px;
  padding-left: 1px;
}
.margin-1 {
  margin: 1px;
}
.margin-t-1 {
  margin-top: 1px;
}
.margin-b-1 {
  margin-bottom: 1px;
}
.margin-r-1 {
  margin-right: 1px;
}
.margin-l-1 {
  margin-left: 1px;
}
.margin-y-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.margin-x-1 {
  margin-right: 1px;
  margin-left: 1px;
}
.padding-2 {
  padding: 2px;
}
.padding-t-2 {
  padding-top: 2px;
}
.padding-b-2 {
  padding-bottom: 2px;
}
.padding-r-2 {
  padding-right: 2px;
}
.padding-l-2 {
  padding-left: 2px;
}
.padding-y-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.padding-x-2 {
  padding-right: 2px;
  padding-left: 2px;
}
.margin-2 {
  margin: 2px;
}
.margin-t-2 {
  margin-top: 2px;
}
.margin-b-2 {
  margin-bottom: 2px;
}
.margin-r-2 {
  margin-right: 2px;
}
.margin-l-2 {
  margin-left: 2px;
}
.margin-y-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.margin-x-2 {
  margin-right: 2px;
  margin-left: 2px;
}
.padding-3 {
  padding: 3px;
}
.padding-t-3 {
  padding-top: 3px;
}
.padding-b-3 {
  padding-bottom: 3px;
}
.padding-r-3 {
  padding-right: 3px;
}
.padding-l-3 {
  padding-left: 3px;
}
.padding-y-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding-x-3 {
  padding-right: 3px;
  padding-left: 3px;
}
.margin-3 {
  margin: 3px;
}
.margin-t-3 {
  margin-top: 3px;
}
.margin-b-3 {
  margin-bottom: 3px;
}
.margin-r-3 {
  margin-right: 3px;
}
.margin-l-3 {
  margin-left: 3px;
}
.margin-y-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin-x-3 {
  margin-right: 3px;
  margin-left: 3px;
}
.padding-4 {
  padding: 4px;
}
.padding-t-4 {
  padding-top: 4px;
}
.padding-b-4 {
  padding-bottom: 4px;
}
.padding-r-4 {
  padding-right: 4px;
}
.padding-l-4 {
  padding-left: 4px;
}
.padding-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.padding-x-4 {
  padding-right: 4px;
  padding-left: 4px;
}
.margin-4 {
  margin: 4px;
}
.margin-t-4 {
  margin-top: 4px;
}
.margin-b-4 {
  margin-bottom: 4px;
}
.margin-r-4 {
  margin-right: 4px;
}
.margin-l-4 {
  margin-left: 4px;
}
.margin-y-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.margin-x-4 {
  margin-right: 4px;
  margin-left: 4px;
}
.padding-5 {
  padding: 5px;
}
.padding-t-5 {
  padding-top: 5px;
}
.padding-b-5 {
  padding-bottom: 5px;
}
.padding-r-5 {
  padding-right: 5px;
}
.padding-l-5 {
  padding-left: 5px;
}
.padding-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-x-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.margin-5 {
  margin: 5px;
}
.margin-t-5 {
  margin-top: 5px;
}
.margin-b-5 {
  margin-bottom: 5px;
}
.margin-r-5 {
  margin-right: 5px;
}
.margin-l-5 {
  margin-left: 5px;
}
.margin-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-x-5 {
  margin-right: 5px;
  margin-left: 5px;
}
.padding-6 {
  padding: 6px;
}
.padding-t-6 {
  padding-top: 6px;
}
.padding-b-6 {
  padding-bottom: 6px;
}
.padding-r-6 {
  padding-right: 6px;
}
.padding-l-6 {
  padding-left: 6px;
}
.padding-y-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.padding-x-6 {
  padding-right: 6px;
  padding-left: 6px;
}
.margin-6 {
  margin: 6px;
}
.margin-t-6 {
  margin-top: 6px;
}
.margin-b-6 {
  margin-bottom: 6px;
}
.margin-r-6 {
  margin-right: 6px;
}
.margin-l-6 {
  margin-left: 6px;
}
.margin-y-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.margin-x-6 {
  margin-right: 6px;
  margin-left: 6px;
}
.padding-7 {
  padding: 7px;
}
.padding-t-7 {
  padding-top: 7px;
}
.padding-b-7 {
  padding-bottom: 7px;
}
.padding-r-7 {
  padding-right: 7px;
}
.padding-l-7 {
  padding-left: 7px;
}
.padding-y-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.padding-x-7 {
  padding-right: 7px;
  padding-left: 7px;
}
.margin-7 {
  margin: 7px;
}
.margin-t-7 {
  margin-top: 7px;
}
.margin-b-7 {
  margin-bottom: 7px;
}
.margin-r-7 {
  margin-right: 7px;
}
.margin-l-7 {
  margin-left: 7px;
}
.margin-y-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.margin-x-7 {
  margin-right: 7px;
  margin-left: 7px;
}
.padding-8 {
  padding: 8px;
}
.padding-t-8 {
  padding-top: 8px;
}
.padding-b-8 {
  padding-bottom: 8px;
}
.padding-r-8 {
  padding-right: 8px;
}
.padding-l-8 {
  padding-left: 8px;
}
.padding-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding-x-8 {
  padding-right: 8px;
  padding-left: 8px;
}
.margin-8 {
  margin: 8px;
}
.margin-t-8 {
  margin-top: 8px;
}
.margin-b-8 {
  margin-bottom: 8px;
}
.margin-r-8 {
  margin-right: 8px;
}
.margin-l-8 {
  margin-left: 8px;
}
.margin-y-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin-x-8 {
  margin-right: 8px;
  margin-left: 8px;
}
.padding-9 {
  padding: 9px;
}
.padding-t-9 {
  padding-top: 9px;
}
.padding-b-9 {
  padding-bottom: 9px;
}
.padding-r-9 {
  padding-right: 9px;
}
.padding-l-9 {
  padding-left: 9px;
}
.padding-y-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.padding-x-9 {
  padding-right: 9px;
  padding-left: 9px;
}
.margin-9 {
  margin: 9px;
}
.margin-t-9 {
  margin-top: 9px;
}
.margin-b-9 {
  margin-bottom: 9px;
}
.margin-r-9 {
  margin-right: 9px;
}
.margin-l-9 {
  margin-left: 9px;
}
.margin-y-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.margin-x-9 {
  margin-right: 9px;
  margin-left: 9px;
}
.padding-10 {
  padding: 10px;
}
.padding-t-10 {
  padding-top: 10px;
}
.padding-b-10 {
  padding-bottom: 10px;
}
.padding-r-10 {
  padding-right: 10px;
}
.padding-l-10 {
  padding-left: 10px;
}
.padding-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-x-10 {
  padding-right: 10px;
  padding-left: 10px;
}
.margin-10 {
  margin: 10px;
}
.margin-t-10 {
  margin-top: 10px;
}
.margin-b-10 {
  margin-bottom: 10px;
}
.margin-r-10 {
  margin-right: 10px;
}
.margin-l-10 {
  margin-left: 10px;
}
.margin-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-x-10 {
  margin-right: 10px;
  margin-left: 10px;
}
.padding-11 {
  padding: 11px;
}
.padding-t-11 {
  padding-top: 11px;
}
.padding-b-11 {
  padding-bottom: 11px;
}
.padding-r-11 {
  padding-right: 11px;
}
.padding-l-11 {
  padding-left: 11px;
}
.padding-y-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.padding-x-11 {
  padding-right: 11px;
  padding-left: 11px;
}
.margin-11 {
  margin: 11px;
}
.margin-t-11 {
  margin-top: 11px;
}
.margin-b-11 {
  margin-bottom: 11px;
}
.margin-r-11 {
  margin-right: 11px;
}
.margin-l-11 {
  margin-left: 11px;
}
.margin-y-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.margin-x-11 {
  margin-right: 11px;
  margin-left: 11px;
}
.padding-12 {
  padding: 12px;
}
.padding-t-12 {
  padding-top: 12px;
}
.padding-b-12 {
  padding-bottom: 12px;
}
.padding-r-12 {
  padding-right: 12px;
}
.padding-l-12 {
  padding-left: 12px;
}
.padding-y-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.padding-x-12 {
  padding-right: 12px;
  padding-left: 12px;
}
.margin-12 {
  margin: 12px;
}
.margin-t-12 {
  margin-top: 12px;
}
.margin-b-12 {
  margin-bottom: 12px;
}
.margin-r-12 {
  margin-right: 12px;
}
.margin-l-12 {
  margin-left: 12px;
}
.margin-y-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.margin-x-12 {
  margin-right: 12px;
  margin-left: 12px;
}
.padding-13 {
  padding: 13px;
}
.padding-t-13 {
  padding-top: 13px;
}
.padding-b-13 {
  padding-bottom: 13px;
}
.padding-r-13 {
  padding-right: 13px;
}
.padding-l-13 {
  padding-left: 13px;
}
.padding-y-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}
.padding-x-13 {
  padding-right: 13px;
  padding-left: 13px;
}
.margin-13 {
  margin: 13px;
}
.margin-t-13 {
  margin-top: 13px;
}
.margin-b-13 {
  margin-bottom: 13px;
}
.margin-r-13 {
  margin-right: 13px;
}
.margin-l-13 {
  margin-left: 13px;
}
.margin-y-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}
.margin-x-13 {
  margin-right: 13px;
  margin-left: 13px;
}
.padding-14 {
  padding: 14px;
}
.padding-t-14 {
  padding-top: 14px;
}
.padding-b-14 {
  padding-bottom: 14px;
}
.padding-r-14 {
  padding-right: 14px;
}
.padding-l-14 {
  padding-left: 14px;
}
.padding-y-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.padding-x-14 {
  padding-right: 14px;
  padding-left: 14px;
}
.margin-14 {
  margin: 14px;
}
.margin-t-14 {
  margin-top: 14px;
}
.margin-b-14 {
  margin-bottom: 14px;
}
.margin-r-14 {
  margin-right: 14px;
}
.margin-l-14 {
  margin-left: 14px;
}
.margin-y-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.margin-x-14 {
  margin-right: 14px;
  margin-left: 14px;
}
.padding-15 {
  padding: 15px;
}
.padding-t-15 {
  padding-top: 15px;
}
.padding-b-15 {
  padding-bottom: 15px;
}
.padding-r-15 {
  padding-right: 15px;
}
.padding-l-15 {
  padding-left: 15px;
}
.padding-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-x-15 {
  padding-right: 15px;
  padding-left: 15px;
}
.margin-15 {
  margin: 15px;
}
.margin-t-15 {
  margin-top: 15px;
}
.margin-b-15 {
  margin-bottom: 15px;
}
.margin-r-15 {
  margin-right: 15px;
}
.margin-l-15 {
  margin-left: 15px;
}
.margin-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-x-15 {
  margin-right: 15px;
  margin-left: 15px;
}
.padding-16 {
  padding: 16px;
}
.padding-t-16 {
  padding-top: 16px;
}
.padding-b-16 {
  padding-bottom: 16px;
}
.padding-r-16 {
  padding-right: 16px;
}
.padding-l-16 {
  padding-left: 16px;
}
.padding-y-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.padding-x-16 {
  padding-right: 16px;
  padding-left: 16px;
}
.margin-16 {
  margin: 16px;
}
.margin-t-16 {
  margin-top: 16px;
}
.margin-b-16 {
  margin-bottom: 16px;
}
.margin-r-16 {
  margin-right: 16px;
}
.margin-l-16 {
  margin-left: 16px;
}
.margin-y-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.margin-x-16 {
  margin-right: 16px;
  margin-left: 16px;
}
.padding-17 {
  padding: 17px;
}
.padding-t-17 {
  padding-top: 17px;
}
.padding-b-17 {
  padding-bottom: 17px;
}
.padding-r-17 {
  padding-right: 17px;
}
.padding-l-17 {
  padding-left: 17px;
}
.padding-y-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}
.padding-x-17 {
  padding-right: 17px;
  padding-left: 17px;
}
.margin-17 {
  margin: 17px;
}
.margin-t-17 {
  margin-top: 17px;
}
.margin-b-17 {
  margin-bottom: 17px;
}
.margin-r-17 {
  margin-right: 17px;
}
.margin-l-17 {
  margin-left: 17px;
}
.margin-y-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}
.margin-x-17 {
  margin-right: 17px;
  margin-left: 17px;
}
.padding-18 {
  padding: 18px;
}
.padding-t-18 {
  padding-top: 18px;
}
.padding-b-18 {
  padding-bottom: 18px;
}
.padding-r-18 {
  padding-right: 18px;
}
.padding-l-18 {
  padding-left: 18px;
}
.padding-y-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-x-18 {
  padding-right: 18px;
  padding-left: 18px;
}
.margin-18 {
  margin: 18px;
}
.margin-t-18 {
  margin-top: 18px;
}
.margin-b-18 {
  margin-bottom: 18px;
}
.margin-r-18 {
  margin-right: 18px;
}
.margin-l-18 {
  margin-left: 18px;
}
.margin-y-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-x-18 {
  margin-right: 18px;
  margin-left: 18px;
}
.padding-19 {
  padding: 19px;
}
.padding-t-19 {
  padding-top: 19px;
}
.padding-b-19 {
  padding-bottom: 19px;
}
.padding-r-19 {
  padding-right: 19px;
}
.padding-l-19 {
  padding-left: 19px;
}
.padding-y-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}
.padding-x-19 {
  padding-right: 19px;
  padding-left: 19px;
}
.margin-19 {
  margin: 19px;
}
.margin-t-19 {
  margin-top: 19px;
}
.margin-b-19 {
  margin-bottom: 19px;
}
.margin-r-19 {
  margin-right: 19px;
}
.margin-l-19 {
  margin-left: 19px;
}
.margin-y-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}
.margin-x-19 {
  margin-right: 19px;
  margin-left: 19px;
}
.padding-20 {
  padding: 20px;
}
.padding-t-20 {
  padding-top: 20px;
}
.padding-b-20 {
  padding-bottom: 20px;
}
.padding-r-20 {
  padding-right: 20px;
}
.padding-l-20 {
  padding-left: 20px;
}
.padding-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-x-20 {
  padding-right: 20px;
  padding-left: 20px;
}
.margin-20 {
  margin: 20px;
}
.margin-t-20 {
  margin-top: 20px;
}
.margin-b-20 {
  margin-bottom: 20px;
}
.margin-r-20 {
  margin-right: 20px;
}
.margin-l-20 {
  margin-left: 20px;
}
.margin-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-x-20 {
  margin-right: 20px;
  margin-left: 20px;
}
.padding-21 {
  padding: 21px;
}
.padding-t-21 {
  padding-top: 21px;
}
.padding-b-21 {
  padding-bottom: 21px;
}
.padding-r-21 {
  padding-right: 21px;
}
.padding-l-21 {
  padding-left: 21px;
}
.padding-y-21 {
  padding-top: 21px;
  padding-bottom: 21px;
}
.padding-x-21 {
  padding-right: 21px;
  padding-left: 21px;
}
.margin-21 {
  margin: 21px;
}
.margin-t-21 {
  margin-top: 21px;
}
.margin-b-21 {
  margin-bottom: 21px;
}
.margin-r-21 {
  margin-right: 21px;
}
.margin-l-21 {
  margin-left: 21px;
}
.margin-y-21 {
  margin-top: 21px;
  margin-bottom: 21px;
}
.margin-x-21 {
  margin-right: 21px;
  margin-left: 21px;
}
.padding-22 {
  padding: 22px;
}
.padding-t-22 {
  padding-top: 22px;
}
.padding-b-22 {
  padding-bottom: 22px;
}
.padding-r-22 {
  padding-right: 22px;
}
.padding-l-22 {
  padding-left: 22px;
}
.padding-y-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.padding-x-22 {
  padding-right: 22px;
  padding-left: 22px;
}
.margin-22 {
  margin: 22px;
}
.margin-t-22 {
  margin-top: 22px;
}
.margin-b-22 {
  margin-bottom: 22px;
}
.margin-r-22 {
  margin-right: 22px;
}
.margin-l-22 {
  margin-left: 22px;
}
.margin-y-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.margin-x-22 {
  margin-right: 22px;
  margin-left: 22px;
}
.padding-23 {
  padding: 23px;
}
.padding-t-23 {
  padding-top: 23px;
}
.padding-b-23 {
  padding-bottom: 23px;
}
.padding-r-23 {
  padding-right: 23px;
}
.padding-l-23 {
  padding-left: 23px;
}
.padding-y-23 {
  padding-top: 23px;
  padding-bottom: 23px;
}
.padding-x-23 {
  padding-right: 23px;
  padding-left: 23px;
}
.margin-23 {
  margin: 23px;
}
.margin-t-23 {
  margin-top: 23px;
}
.margin-b-23 {
  margin-bottom: 23px;
}
.margin-r-23 {
  margin-right: 23px;
}
.margin-l-23 {
  margin-left: 23px;
}
.margin-y-23 {
  margin-top: 23px;
  margin-bottom: 23px;
}
.margin-x-23 {
  margin-right: 23px;
  margin-left: 23px;
}
.padding-24 {
  padding: 24px;
}
.padding-t-24 {
  padding-top: 24px;
}
.padding-b-24 {
  padding-bottom: 24px;
}
.padding-r-24 {
  padding-right: 24px;
}
.padding-l-24 {
  padding-left: 24px;
}
.padding-y-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.padding-x-24 {
  padding-right: 24px;
  padding-left: 24px;
}
.margin-24 {
  margin: 24px;
}
.margin-t-24 {
  margin-top: 24px;
}
.margin-b-24 {
  margin-bottom: 24px;
}
.margin-r-24 {
  margin-right: 24px;
}
.margin-l-24 {
  margin-left: 24px;
}
.margin-y-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.margin-x-24 {
  margin-right: 24px;
  margin-left: 24px;
}
.padding-25 {
  padding: 25px;
}
.padding-t-25 {
  padding-top: 25px;
}
.padding-b-25 {
  padding-bottom: 25px;
}
.padding-r-25 {
  padding-right: 25px;
}
.padding-l-25 {
  padding-left: 25px;
}
.padding-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.padding-x-25 {
  padding-right: 25px;
  padding-left: 25px;
}
.margin-25 {
  margin: 25px;
}
.margin-t-25 {
  margin-top: 25px;
}
.margin-b-25 {
  margin-bottom: 25px;
}
.margin-r-25 {
  margin-right: 25px;
}
.margin-l-25 {
  margin-left: 25px;
}
.margin-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.margin-x-25 {
  margin-right: 25px;
  margin-left: 25px;
}
.padding-26 {
  padding: 26px;
}
.padding-t-26 {
  padding-top: 26px;
}
.padding-b-26 {
  padding-bottom: 26px;
}
.padding-r-26 {
  padding-right: 26px;
}
.padding-l-26 {
  padding-left: 26px;
}
.padding-y-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}
.padding-x-26 {
  padding-right: 26px;
  padding-left: 26px;
}
.margin-26 {
  margin: 26px;
}
.margin-t-26 {
  margin-top: 26px;
}
.margin-b-26 {
  margin-bottom: 26px;
}
.margin-r-26 {
  margin-right: 26px;
}
.margin-l-26 {
  margin-left: 26px;
}
.margin-y-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}
.margin-x-26 {
  margin-right: 26px;
  margin-left: 26px;
}
.padding-27 {
  padding: 27px;
}
.padding-t-27 {
  padding-top: 27px;
}
.padding-b-27 {
  padding-bottom: 27px;
}
.padding-r-27 {
  padding-right: 27px;
}
.padding-l-27 {
  padding-left: 27px;
}
.padding-y-27 {
  padding-top: 27px;
  padding-bottom: 27px;
}
.padding-x-27 {
  padding-right: 27px;
  padding-left: 27px;
}
.margin-27 {
  margin: 27px;
}
.margin-t-27 {
  margin-top: 27px;
}
.margin-b-27 {
  margin-bottom: 27px;
}
.margin-r-27 {
  margin-right: 27px;
}
.margin-l-27 {
  margin-left: 27px;
}
.margin-y-27 {
  margin-top: 27px;
  margin-bottom: 27px;
}
.margin-x-27 {
  margin-right: 27px;
  margin-left: 27px;
}
.padding-28 {
  padding: 28px;
}
.padding-t-28 {
  padding-top: 28px;
}
.padding-b-28 {
  padding-bottom: 28px;
}
.padding-r-28 {
  padding-right: 28px;
}
.padding-l-28 {
  padding-left: 28px;
}
.padding-y-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.padding-x-28 {
  padding-right: 28px;
  padding-left: 28px;
}
.margin-28 {
  margin: 28px;
}
.margin-t-28 {
  margin-top: 28px;
}
.margin-b-28 {
  margin-bottom: 28px;
}
.margin-r-28 {
  margin-right: 28px;
}
.margin-l-28 {
  margin-left: 28px;
}
.margin-y-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.margin-x-28 {
  margin-right: 28px;
  margin-left: 28px;
}
.padding-29 {
  padding: 29px;
}
.padding-t-29 {
  padding-top: 29px;
}
.padding-b-29 {
  padding-bottom: 29px;
}
.padding-r-29 {
  padding-right: 29px;
}
.padding-l-29 {
  padding-left: 29px;
}
.padding-y-29 {
  padding-top: 29px;
  padding-bottom: 29px;
}
.padding-x-29 {
  padding-right: 29px;
  padding-left: 29px;
}
.margin-29 {
  margin: 29px;
}
.margin-t-29 {
  margin-top: 29px;
}
.margin-b-29 {
  margin-bottom: 29px;
}
.margin-r-29 {
  margin-right: 29px;
}
.margin-l-29 {
  margin-left: 29px;
}
.margin-y-29 {
  margin-top: 29px;
  margin-bottom: 29px;
}
.margin-x-29 {
  margin-right: 29px;
  margin-left: 29px;
}
.padding-30 {
  padding: 30px;
}
.padding-t-30 {
  padding-top: 30px;
}
.padding-b-30 {
  padding-bottom: 30px;
}
.padding-r-30 {
  padding-right: 30px;
}
.padding-l-30 {
  padding-left: 30px;
}
.padding-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-x-30 {
  padding-right: 30px;
  padding-left: 30px;
}
.margin-30 {
  margin: 30px;
}
.margin-t-30 {
  margin-top: 30px;
}
.margin-b-30 {
  margin-bottom: 30px;
}
.margin-r-30 {
  margin-right: 30px;
}
.margin-l-30 {
  margin-left: 30px;
}
.margin-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-x-30 {
  margin-right: 30px;
  margin-left: 30px;
}
.padding-31 {
  padding: 31px;
}
.padding-t-31 {
  padding-top: 31px;
}
.padding-b-31 {
  padding-bottom: 31px;
}
.padding-r-31 {
  padding-right: 31px;
}
.padding-l-31 {
  padding-left: 31px;
}
.padding-y-31 {
  padding-top: 31px;
  padding-bottom: 31px;
}
.padding-x-31 {
  padding-right: 31px;
  padding-left: 31px;
}
.margin-31 {
  margin: 31px;
}
.margin-t-31 {
  margin-top: 31px;
}
.margin-b-31 {
  margin-bottom: 31px;
}
.margin-r-31 {
  margin-right: 31px;
}
.margin-l-31 {
  margin-left: 31px;
}
.margin-y-31 {
  margin-top: 31px;
  margin-bottom: 31px;
}
.margin-x-31 {
  margin-right: 31px;
  margin-left: 31px;
}
.padding-32 {
  padding: 32px;
}
.padding-t-32 {
  padding-top: 32px;
}
.padding-b-32 {
  padding-bottom: 32px;
}
.padding-r-32 {
  padding-right: 32px;
}
.padding-l-32 {
  padding-left: 32px;
}
.padding-y-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.padding-x-32 {
  padding-right: 32px;
  padding-left: 32px;
}
.margin-32 {
  margin: 32px;
}
.margin-t-32 {
  margin-top: 32px;
}
.margin-b-32 {
  margin-bottom: 32px;
}
.margin-r-32 {
  margin-right: 32px;
}
.margin-l-32 {
  margin-left: 32px;
}
.margin-y-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.margin-x-32 {
  margin-right: 32px;
  margin-left: 32px;
}
.padding-33 {
  padding: 33px;
}
.padding-t-33 {
  padding-top: 33px;
}
.padding-b-33 {
  padding-bottom: 33px;
}
.padding-r-33 {
  padding-right: 33px;
}
.padding-l-33 {
  padding-left: 33px;
}
.padding-y-33 {
  padding-top: 33px;
  padding-bottom: 33px;
}
.padding-x-33 {
  padding-right: 33px;
  padding-left: 33px;
}
.margin-33 {
  margin: 33px;
}
.margin-t-33 {
  margin-top: 33px;
}
.margin-b-33 {
  margin-bottom: 33px;
}
.margin-r-33 {
  margin-right: 33px;
}
.margin-l-33 {
  margin-left: 33px;
}
.margin-y-33 {
  margin-top: 33px;
  margin-bottom: 33px;
}
.margin-x-33 {
  margin-right: 33px;
  margin-left: 33px;
}
.padding-34 {
  padding: 34px;
}
.padding-t-34 {
  padding-top: 34px;
}
.padding-b-34 {
  padding-bottom: 34px;
}
.padding-r-34 {
  padding-right: 34px;
}
.padding-l-34 {
  padding-left: 34px;
}
.padding-y-34 {
  padding-top: 34px;
  padding-bottom: 34px;
}
.padding-x-34 {
  padding-right: 34px;
  padding-left: 34px;
}
.margin-34 {
  margin: 34px;
}
.margin-t-34 {
  margin-top: 34px;
}
.margin-b-34 {
  margin-bottom: 34px;
}
.margin-r-34 {
  margin-right: 34px;
}
.margin-l-34 {
  margin-left: 34px;
}
.margin-y-34 {
  margin-top: 34px;
  margin-bottom: 34px;
}
.margin-x-34 {
  margin-right: 34px;
  margin-left: 34px;
}
.padding-35 {
  padding: 35px;
}
.padding-t-35 {
  padding-top: 35px;
}
.padding-b-35 {
  padding-bottom: 35px;
}
.padding-r-35 {
  padding-right: 35px;
}
.padding-l-35 {
  padding-left: 35px;
}
.padding-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.padding-x-35 {
  padding-right: 35px;
  padding-left: 35px;
}
.margin-35 {
  margin: 35px;
}
.margin-t-35 {
  margin-top: 35px;
}
.margin-b-35 {
  margin-bottom: 35px;
}
.margin-r-35 {
  margin-right: 35px;
}
.margin-l-35 {
  margin-left: 35px;
}
.margin-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.margin-x-35 {
  margin-right: 35px;
  margin-left: 35px;
}
.padding-36 {
  padding: 36px;
}
.padding-t-36 {
  padding-top: 36px;
}
.padding-b-36 {
  padding-bottom: 36px;
}
.padding-r-36 {
  padding-right: 36px;
}
.padding-l-36 {
  padding-left: 36px;
}
.padding-y-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.padding-x-36 {
  padding-right: 36px;
  padding-left: 36px;
}
.margin-36 {
  margin: 36px;
}
.margin-t-36 {
  margin-top: 36px;
}
.margin-b-36 {
  margin-bottom: 36px;
}
.margin-r-36 {
  margin-right: 36px;
}
.margin-l-36 {
  margin-left: 36px;
}
.margin-y-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.margin-x-36 {
  margin-right: 36px;
  margin-left: 36px;
}
.padding-37 {
  padding: 37px;
}
.padding-t-37 {
  padding-top: 37px;
}
.padding-b-37 {
  padding-bottom: 37px;
}
.padding-r-37 {
  padding-right: 37px;
}
.padding-l-37 {
  padding-left: 37px;
}
.padding-y-37 {
  padding-top: 37px;
  padding-bottom: 37px;
}
.padding-x-37 {
  padding-right: 37px;
  padding-left: 37px;
}
.margin-37 {
  margin: 37px;
}
.margin-t-37 {
  margin-top: 37px;
}
.margin-b-37 {
  margin-bottom: 37px;
}
.margin-r-37 {
  margin-right: 37px;
}
.margin-l-37 {
  margin-left: 37px;
}
.margin-y-37 {
  margin-top: 37px;
  margin-bottom: 37px;
}
.margin-x-37 {
  margin-right: 37px;
  margin-left: 37px;
}
.padding-38 {
  padding: 38px;
}
.padding-t-38 {
  padding-top: 38px;
}
.padding-b-38 {
  padding-bottom: 38px;
}
.padding-r-38 {
  padding-right: 38px;
}
.padding-l-38 {
  padding-left: 38px;
}
.padding-y-38 {
  padding-top: 38px;
  padding-bottom: 38px;
}
.padding-x-38 {
  padding-right: 38px;
  padding-left: 38px;
}
.margin-38 {
  margin: 38px;
}
.margin-t-38 {
  margin-top: 38px;
}
.margin-b-38 {
  margin-bottom: 38px;
}
.margin-r-38 {
  margin-right: 38px;
}
.margin-l-38 {
  margin-left: 38px;
}
.margin-y-38 {
  margin-top: 38px;
  margin-bottom: 38px;
}
.margin-x-38 {
  margin-right: 38px;
  margin-left: 38px;
}
.padding-39 {
  padding: 39px;
}
.padding-t-39 {
  padding-top: 39px;
}
.padding-b-39 {
  padding-bottom: 39px;
}
.padding-r-39 {
  padding-right: 39px;
}
.padding-l-39 {
  padding-left: 39px;
}
.padding-y-39 {
  padding-top: 39px;
  padding-bottom: 39px;
}
.padding-x-39 {
  padding-right: 39px;
  padding-left: 39px;
}
.margin-39 {
  margin: 39px;
}
.margin-t-39 {
  margin-top: 39px;
}
.margin-b-39 {
  margin-bottom: 39px;
}
.margin-r-39 {
  margin-right: 39px;
}
.margin-l-39 {
  margin-left: 39px;
}
.margin-y-39 {
  margin-top: 39px;
  margin-bottom: 39px;
}
.margin-x-39 {
  margin-right: 39px;
  margin-left: 39px;
}
.padding-40 {
  padding: 40px;
}
.padding-t-40 {
  padding-top: 40px;
}
.padding-b-40 {
  padding-bottom: 40px;
}
.padding-r-40 {
  padding-right: 40px;
}
.padding-l-40 {
  padding-left: 40px;
}
.padding-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-x-40 {
  padding-right: 40px;
  padding-left: 40px;
}
.margin-40 {
  margin: 40px;
}
.margin-t-40 {
  margin-top: 40px;
}
.margin-b-40 {
  margin-bottom: 40px;
}
.margin-r-40 {
  margin-right: 40px;
}
.margin-l-40 {
  margin-left: 40px;
}
.margin-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-x-40 {
  margin-right: 40px;
  margin-left: 40px;
}
.padding-41 {
  padding: 41px;
}
.padding-t-41 {
  padding-top: 41px;
}
.padding-b-41 {
  padding-bottom: 41px;
}
.padding-r-41 {
  padding-right: 41px;
}
.padding-l-41 {
  padding-left: 41px;
}
.padding-y-41 {
  padding-top: 41px;
  padding-bottom: 41px;
}
.padding-x-41 {
  padding-right: 41px;
  padding-left: 41px;
}
.margin-41 {
  margin: 41px;
}
.margin-t-41 {
  margin-top: 41px;
}
.margin-b-41 {
  margin-bottom: 41px;
}
.margin-r-41 {
  margin-right: 41px;
}
.margin-l-41 {
  margin-left: 41px;
}
.margin-y-41 {
  margin-top: 41px;
  margin-bottom: 41px;
}
.margin-x-41 {
  margin-right: 41px;
  margin-left: 41px;
}
.padding-42 {
  padding: 42px;
}
.padding-t-42 {
  padding-top: 42px;
}
.padding-b-42 {
  padding-bottom: 42px;
}
.padding-r-42 {
  padding-right: 42px;
}
.padding-l-42 {
  padding-left: 42px;
}
.padding-y-42 {
  padding-top: 42px;
  padding-bottom: 42px;
}
.padding-x-42 {
  padding-right: 42px;
  padding-left: 42px;
}
.margin-42 {
  margin: 42px;
}
.margin-t-42 {
  margin-top: 42px;
}
.margin-b-42 {
  margin-bottom: 42px;
}
.margin-r-42 {
  margin-right: 42px;
}
.margin-l-42 {
  margin-left: 42px;
}
.margin-y-42 {
  margin-top: 42px;
  margin-bottom: 42px;
}
.margin-x-42 {
  margin-right: 42px;
  margin-left: 42px;
}
.padding-43 {
  padding: 43px;
}
.padding-t-43 {
  padding-top: 43px;
}
.padding-b-43 {
  padding-bottom: 43px;
}
.padding-r-43 {
  padding-right: 43px;
}
.padding-l-43 {
  padding-left: 43px;
}
.padding-y-43 {
  padding-top: 43px;
  padding-bottom: 43px;
}
.padding-x-43 {
  padding-right: 43px;
  padding-left: 43px;
}
.margin-43 {
  margin: 43px;
}
.margin-t-43 {
  margin-top: 43px;
}
.margin-b-43 {
  margin-bottom: 43px;
}
.margin-r-43 {
  margin-right: 43px;
}
.margin-l-43 {
  margin-left: 43px;
}
.margin-y-43 {
  margin-top: 43px;
  margin-bottom: 43px;
}
.margin-x-43 {
  margin-right: 43px;
  margin-left: 43px;
}
.padding-44 {
  padding: 44px;
}
.padding-t-44 {
  padding-top: 44px;
}
.padding-b-44 {
  padding-bottom: 44px;
}
.padding-r-44 {
  padding-right: 44px;
}
.padding-l-44 {
  padding-left: 44px;
}
.padding-y-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.padding-x-44 {
  padding-right: 44px;
  padding-left: 44px;
}
.margin-44 {
  margin: 44px;
}
.margin-t-44 {
  margin-top: 44px;
}
.margin-b-44 {
  margin-bottom: 44px;
}
.margin-r-44 {
  margin-right: 44px;
}
.margin-l-44 {
  margin-left: 44px;
}
.margin-y-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}
.margin-x-44 {
  margin-right: 44px;
  margin-left: 44px;
}
.padding-45 {
  padding: 45px;
}
.padding-t-45 {
  padding-top: 45px;
}
.padding-b-45 {
  padding-bottom: 45px;
}
.padding-r-45 {
  padding-right: 45px;
}
.padding-l-45 {
  padding-left: 45px;
}
.padding-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.padding-x-45 {
  padding-right: 45px;
  padding-left: 45px;
}
.margin-45 {
  margin: 45px;
}
.margin-t-45 {
  margin-top: 45px;
}
.margin-b-45 {
  margin-bottom: 45px;
}
.margin-r-45 {
  margin-right: 45px;
}
.margin-l-45 {
  margin-left: 45px;
}
.margin-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.margin-x-45 {
  margin-right: 45px;
  margin-left: 45px;
}
.padding-46 {
  padding: 46px;
}
.padding-t-46 {
  padding-top: 46px;
}
.padding-b-46 {
  padding-bottom: 46px;
}
.padding-r-46 {
  padding-right: 46px;
}
.padding-l-46 {
  padding-left: 46px;
}
.padding-y-46 {
  padding-top: 46px;
  padding-bottom: 46px;
}
.padding-x-46 {
  padding-right: 46px;
  padding-left: 46px;
}
.margin-46 {
  margin: 46px;
}
.margin-t-46 {
  margin-top: 46px;
}
.margin-b-46 {
  margin-bottom: 46px;
}
.margin-r-46 {
  margin-right: 46px;
}
.margin-l-46 {
  margin-left: 46px;
}
.margin-y-46 {
  margin-top: 46px;
  margin-bottom: 46px;
}
.margin-x-46 {
  margin-right: 46px;
  margin-left: 46px;
}
.padding-47 {
  padding: 47px;
}
.padding-t-47 {
  padding-top: 47px;
}
.padding-b-47 {
  padding-bottom: 47px;
}
.padding-r-47 {
  padding-right: 47px;
}
.padding-l-47 {
  padding-left: 47px;
}
.padding-y-47 {
  padding-top: 47px;
  padding-bottom: 47px;
}
.padding-x-47 {
  padding-right: 47px;
  padding-left: 47px;
}
.margin-47 {
  margin: 47px;
}
.margin-t-47 {
  margin-top: 47px;
}
.margin-b-47 {
  margin-bottom: 47px;
}
.margin-r-47 {
  margin-right: 47px;
}
.margin-l-47 {
  margin-left: 47px;
}
.margin-y-47 {
  margin-top: 47px;
  margin-bottom: 47px;
}
.margin-x-47 {
  margin-right: 47px;
  margin-left: 47px;
}
.padding-48 {
  padding: 48px;
}
.padding-t-48 {
  padding-top: 48px;
}
.padding-b-48 {
  padding-bottom: 48px;
}
.padding-r-48 {
  padding-right: 48px;
}
.padding-l-48 {
  padding-left: 48px;
}
.padding-y-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.padding-x-48 {
  padding-right: 48px;
  padding-left: 48px;
}
.margin-48 {
  margin: 48px;
}
.margin-t-48 {
  margin-top: 48px;
}
.margin-b-48 {
  margin-bottom: 48px;
}
.margin-r-48 {
  margin-right: 48px;
}
.margin-l-48 {
  margin-left: 48px;
}
.margin-y-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.margin-x-48 {
  margin-right: 48px;
  margin-left: 48px;
}
.padding-49 {
  padding: 49px;
}
.padding-t-49 {
  padding-top: 49px;
}
.padding-b-49 {
  padding-bottom: 49px;
}
.padding-r-49 {
  padding-right: 49px;
}
.padding-l-49 {
  padding-left: 49px;
}
.padding-y-49 {
  padding-top: 49px;
  padding-bottom: 49px;
}
.padding-x-49 {
  padding-right: 49px;
  padding-left: 49px;
}
.margin-49 {
  margin: 49px;
}
.margin-t-49 {
  margin-top: 49px;
}
.margin-b-49 {
  margin-bottom: 49px;
}
.margin-r-49 {
  margin-right: 49px;
}
.margin-l-49 {
  margin-left: 49px;
}
.margin-y-49 {
  margin-top: 49px;
  margin-bottom: 49px;
}
.margin-x-49 {
  margin-right: 49px;
  margin-left: 49px;
}
.padding-50 {
  padding: 50px;
}
.padding-t-50 {
  padding-top: 50px;
}
.padding-b-50 {
  padding-bottom: 50px;
}
.padding-r-50 {
  padding-right: 50px;
}
.padding-l-50 {
  padding-left: 50px;
}
.padding-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-x-50 {
  padding-right: 50px;
  padding-left: 50px;
}
.margin-50 {
  margin: 50px;
}
.margin-t-50 {
  margin-top: 50px;
}
.margin-b-50 {
  margin-bottom: 50px;
}
.margin-r-50 {
  margin-right: 50px;
}
.margin-l-50 {
  margin-left: 50px;
}
.margin-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-x-50 {
  margin-right: 50px;
  margin-left: 50px;
}
.rounded-0 {
  border-radius: 0px !important;
}
.rounded-1 {
  border-radius: 1px !important;
}
.rounded-2 {
  border-radius: 2px !important;
}
.rounded-3 {
  border-radius: 3px !important;
}
.rounded-4 {
  border-radius: 4px !important;
}
.rounded-5 {
  border-radius: 5px !important;
}
.rounded-6 {
  border-radius: 6px !important;
}
.rounded-7 {
  border-radius: 7px !important;
}
.rounded-8 {
  border-radius: 8px !important;
}
.rounded-9 {
  border-radius: 9px !important;
}
.rounded-10 {
  border-radius: 10px !important;
}
.rounded-11 {
  border-radius: 11px !important;
}
.rounded-12 {
  border-radius: 12px !important;
}
.rounded-13 {
  border-radius: 13px !important;
}
.rounded-14 {
  border-radius: 14px !important;
}
.rounded-15 {
  border-radius: 15px !important;
}
.rounded-16 {
  border-radius: 16px !important;
}
.rounded-17 {
  border-radius: 17px !important;
}
.rounded-18 {
  border-radius: 18px !important;
}
.rounded-19 {
  border-radius: 19px !important;
}
.rounded-20 {
  border-radius: 20px !important;
}
.alert {
  border-radius: 10px;
  padding: 15px;
}
.alert i {
  font-size: 18px;
}
.alert.alert-primary {
  background-color: rgba(57, 90, 255, 0.1);
  border-color: rgba(57, 90, 255, 0.15);
  color: #395aff;
}
.alert.alert-primary a {
  color: #395aff;
}
.alert.alert-secondary {
  background-color: rgba(91, 88, 110, 0.1);
  border-color: rgba(91, 88, 110, 0.15);
  color: #5b586e;
}
.alert.alert-secondary a {
  color: #5b586e;
}
.alert.alert-success {
  background-color: rgba(62, 202, 118, 0.1);
  border-color: rgba(62, 202, 118, 0.15);
  color: #32a25e;
}
.alert.alert-success a {
  color: #32a25e;
}
.alert.alert-danger {
  background-color: rgba(255, 56, 56, 0.1);
  border-color: rgba(255, 56, 56, 0.15);
  color: #ff3838;
}
.alert.alert-danger a {
  color: #ff3838;
}
.alert.alert-warning {
  background-color: rgba(255, 126, 27, 0.1);
  border-color: rgba(255, 126, 27, 0.15);
  color: #ff7e1b;
}
.alert.alert-warning a {
  color: #ff7e1b;
}
.alert.alert-info {
  background-color: rgba(32, 187, 211, 0.1);
  border-color: rgba(32, 187, 211, 0.15);
  color: #20bbd3;
}
.alert.alert-info a {
  color: #20bbd3;
}
.alert.icon {
  display: flex;
  align-items: center;
  gap: 5px;
}
.alert.alert-dismissible {
  padding-right: 65px;
  display: flex;
  align-items: center;
}
.alert.alert-dismissible .btn-close {
  background: none;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(34, 32, 50, 0.06);
  padding: 0;
  opacity: 1;
  right: 15px;
  top: inherit;
}
.alert.alert-dismissible .btn-close::before {
  content: "";
  font-family: remixicon !important;
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
}
.badge {
  border-radius: 6px;
  padding: 6px;
}
.dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown .dropdown-toggle::after {
  content: "";
  font-family: remixicon !important;
  border: 0;
  font-size: 20px;
  color: var(--secondary);
}
.dropdown .dropdown-toggle.text-white::after {
  color: #fff;
}
.dropdown.drop-full .dropdown-menu {
  width: 100%;
}
.dropdown.drop-more .dropdown-toggle::after,
.dropdown.drop-more .dropdown-toggle::before {
  display: none;
}
.dropdown.drop-more .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  color: var(--dark);
}
.dropdown.dropend .dropdown-toggle::after {
  content: "";
  font-family: remixicon !important;
  border: 0;
  font-size: 20px;
  color: var(--secondary);
}
.dropdown.dropend .dropdown-toggle.text-white::after {
  color: #fff;
}
.dropdown.dropstart .dropdown-toggle::before {
  content: "";
  font-family: remixicon !important;
  border: 0;
  font-size: 20px;
  color: var(--secondary);
}
.dropdown.dropstart .dropdown-toggle.text-white::before {
  color: #fff;
}
.dropdown.dropstart .dropdown-menu {
  right: 0;
}
.dropdown-menu {
  border: 0;
  background-color: var(--white);
  border-radius: 10px;
  top: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  margin-top: 0;
  pointer-events: none;
  padding: 0;
  overflow: hidden;
  -webkit-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -moz-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -o-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -ms-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
}
.dropdown-menu .dropdown-item {
  font-size: 14px;
  font-weight: 500;
  color: var(--dark);
  padding: 12px 18px;
  border-bottom: 1px solid var(--gray-200);
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--light);
}
.dropdown-menu li:last-child .dropdown-item {
  border-bottom: 0;
}
.dropdown-menu.shadow-small {
  -webkit-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -moz-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -o-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -ms-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
}
.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  top: 0;
  pointer-events: all;
}
.placeholder {
  border-radius: 50px;
  background-color: var(--gray-300);
  min-height: 12px;
}
.placeholder.w-15p {
  width: 15px;
}
.placeholder.w-25p {
  width: 25px;
}
.placeholder.w-50p {
  width: 50px;
}
.placeholder.w-70p {
  width: 70px;
}
.placeholder.w-100p {
  width: 100px;
}
.placeholder.w-125p {
  width: 125px;
}
.place__top .toast {
  top: -30px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
.place__top .toast.show {
  opacity: 1;
  top: 60px;
  opacity: 1;
  pointer-events: all;
}
.place__top.-full .toast.show {
  top: 0;
}
.place__bottom .toast {
  bottom: -30px;
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
.place__bottom .toast.show {
  opacity: 1;
  bottom: 30px;
  opacity: 1;
  pointer-events: all;
}
.place__bottom.-full .toast.show {
  bottom: 0;
}
.place__center .toast {
  bottom: 48%;
  opacity: 0;
  pointer-events: none;
  position: fixed;
}
.place__center .toast.show {
  opacity: 1;
  bottom: 50%;
  opacity: 1;
  pointer-events: all;
}
.toast {
  z-index: 99;
  border: 0;
  border-radius: 10px;
  background-color: var(--white);
  position: relative;
  box-shadow: none;
  -webkkit-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -ms-transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.toast .toast-body {
  display: flex;
  gap: 10px;
  border-radius: 10px;
  padding: 12px 20px;
}
.toast .toast-body .icon {
  font-size: 22px;
}
.toast .toast-body .content {
  display: flex;
  align-items: center;
}
.toast .toast-body .content .display-link {
  font-size: 13px;
  font-weight: 500;
  display: block;
  text-decoration: none;
}
.toast .toast-body .content .display__text {
  padding-right: 35px;
}
.toast .toast-body .content .display__text p {
  color: var(--dark);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 1px;
}
.toast .btn-close {
  background-image: none !important;
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
}
.toast.bg-orange .toast-body .icon,
.toast.bg-red .toast-body .icon,
.toast.bg-blue .toast-body .icon,
.toast.bg-dark .toast-body .icon,
.toast.bg-yellow .toast-body .icon,
.toast.bg-pink .toast-body .icon {
  color: #fff;
}
.toast.bg-orange .toast-body .display__text p,
.toast.bg-red .toast-body .display__text p,
.toast.bg-blue .toast-body .display__text p,
.toast.bg-dark .toast-body .display__text p,
.toast.bg-yellow .toast-body .display__text p,
.toast.bg-pink .toast-body .display__text p {
  color: #fff;
}
.toast.bg-orange .toast-body .btn-close,
.toast.bg-red .toast-body .btn-close,
.toast.bg-blue .toast-body .btn-close,
.toast.bg-dark .toast-body .btn-close,
.toast.bg-yellow .toast-body .btn-close,
.toast.bg-pink .toast-body .btn-close {
  color: #fff;
  opacity: 0.8;
}
.toast.bg-blue {
  background-color: #395aff;
}
.toast.bg-orange {
  background-color: #ff7e1b;
}
.toast.bg-red {
  background-color: #ff3838;
}
.toast.bg-yellow {
  background-color: #ffc21d;
}
.toast.bg-pink {
  background-color: #e05fc4;
}
.toast.--shadow {
  -webkit-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -moz-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -o-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  -ms-box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
  box-shadow: 0px 25px 70px -4px rgba(34, 32, 50, 0.2);
}
.toast.--shadowfull {
  -webkit-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -moz-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -o-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  -ms-box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
  box-shadow: 0px 10vh 60vw 100vw rgba(34, 32, 50, 0.2);
}
.toast.fullscreen {
  width: 100%;
  border-radius: 0;
}
.toast.fullscreen .toast-body {
  border-radius: 0;
}
.toast:not(.show) {
  display: block;
}
.toast.w-auto .toast-body .display__text {
  padding-right: inherit;
}
.un-my-account .head {
  padding: 20px;
  border-bottom: 1px solid var(--gray-200);
}
.un-my-account .head .my-personal-account {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.un-my-account .head .my-personal-account .user {
  display: flex;
  align-items: center;
}
.un-my-account .head .my-personal-account .user img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}
.un-my-account .head .my-personal-account .user .txt-user h1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 2px;
}
.un-my-account .head .my-personal-account .user .txt-user p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
}
.un-my-account .head .form-address-copy .input_group {
  position: relative;
}
.un-my-account .head .form-address-copy .input_group input {
  padding-right: 50px;
}
.un-my-account .head .form-address-copy .input_group .btn-copy {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 35px;
  height: 35px;
  color: #395aff;
  right: 10px;
}
.un-my-account .body {
  text-align: center;
  padding: 20px;
}
.un-my-account .body .img-coin-eth {
  margin-bottom: 20px;
}
.un-my-account .body .img-coin-eth img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}
.un-my-account .body .my-balance-text h2 {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
  margin-bottom: 5px;
}
.un-my-account .body .my-balance-text p {
  font-size: 30px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 20px;
}
.un-my-account .body .my-balance-text .btn.color-primary {
  color: #395aff !important;
}
.log-table-simple {
  padding: 20px;
}
.log-table-simple h3 {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 15px;
}
.log-table-simple tbody tr:nth-of-type(odd) td {
  background-color: var(--light);
}
.log-table-simple tbody tr td {
  box-shadow: none !important;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
  color: var(--secondary) !important;
  padding: 15px 20px;
  font-weight: 500;
}
.un-activity-toggle {
  padding: 0 20px 30px 20px;
}
.un-activity-toggle .nav .nav-link {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  margin-bottom: 15px;
}
.un-activity-toggle .nav .nav-link .text h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 5px;
}
.un-activity-toggle .nav .nav-link .text p {
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
  width: 60vw;
}
.un-myItem-list {
  padding: 20px 20px 30px 20px;
}
.un-myItem-list .nav-link {
  padding: 12px 15px;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.un-myItem-list .nav-link .cover_img {
  position: relative;
  display: flex;
  align-items: center;
}
.un-myItem-list .nav-link .cover_img img {
  width: 60px;
  height: 50px;
  border-radius: 15px;
  object-fit: cover;
  margin-right: 15px;
}
.un-myItem-list .nav-link .cover_img .txt h2 {
  font-size: 16px;
  color: var(--dark);
  font-weight: 500;
  margin: 0;
  margin-bottom: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 45vw;
}
.un-myItem-list .nav-link .cover_img .txt p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
}
.un-myItem-list .nav-link .other-side .out-link-edit {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background-color: rgba(57, 90, 255, 0.1);
  color: #395aff;
  text-decoration: none;
}
.un-creator-ptofile .head picture {
  width: 100%;
}
.un-creator-ptofile .head .cover-image {
  position: relative;
}
.un-creator-ptofile .head .cover-image img {
  width: 100%;
  height: 155px;
  object-fit: cover;
}
@media (min-width: 992px) {
  .un-creator-ptofile .head .cover-image img {
    height: 220px;
  }
}
.un-creator-ptofile .head .cover-image.overlay {
  overflow: hidden;
}
.un-creator-ptofile .head .cover-image.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 32, 50, 0.6);
}
.un-creator-ptofile .head .text-user-creator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.un-creator-ptofile .head .text-user-creator .user-img {
  position: relative;
  margin-right: 20px;
  margin-top: -30px;
}
.un-creator-ptofile .head .text-user-creator .user-img img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--white);
}
.un-creator-ptofile .head .text-user-creator .user-img i {
  position: absolute;
  font-size: 18px;
  color: #395aff;
  bottom: 0;
  right: 5px;
}
.un-creator-ptofile .head .text-user-creator .user-img .btn-upload-icon {
  position: relative;
  overflow: hidden;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-color: rgba(34, 32, 50, 0.3);
}
.un-creator-ptofile .head .text-user-creator .user-img .btn-upload-icon input {
  width: 100px;
  height: 100px;
  opacity: 0;
}
.un-creator-ptofile .head .text-user-creator .user-img .btn-upload-icon .icon {
  position: absolute;
  bottom: 10%;
  left: 70%;
}
.un-creator-ptofile
  .head
  .text-user-creator
  .user-img
  .btn-upload-icon
  .icon
  i {
  font-size: 24px;
  color: #fff;
}
.un-creator-ptofile .head .text-user-creator .text {
  margin-top: 15px;
}
.un-creator-ptofile .head .text-user-creator .text h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 2px;
}
.un-creator-ptofile .head .text-user-creator .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.un-creator-ptofile .body .item-followers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.un-creator-ptofile .body .item-followers .users-text p {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary);
  margin-bottom: 10px;
}
.un-creator-ptofile
  .body
  .item-followers
  .users-text
  .img-user
  picture:first-of-type
  img {
  margin-left: 0;
}
.un-creator-ptofile .body .item-followers .users-text .img-user img {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--white);
  display: inline-block;
  margin-left: -18px;
}
.un-creator-ptofile .body .item-followers .users-text .img-user .link {
  text-decoration: none;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: var(--dark);
  border: 3px solid var(--white);
  font-size: 11px;
  font-weight: 500;
  color: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: -18px;
}
.un-creator-ptofile .body .item-followers .btn-edit-profile {
  background-color: var(--gray-300);
  color: #fff !important;
}
.un-creator-ptofile .body .statistics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  padding: 15px 20px;
  margin: 0 20px;
}
.un-creator-ptofile .body .statistics .text-grid h4 {
  font-size: 16px;
  color: var(--dark);
  font-weight: 600;
  margin-bottom: 3px;
}
.un-creator-ptofile .body .statistics .text-grid p {
  font-size: 15px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
}
.un-creator-ptofile .body .description {
  padding: 20px;
}
.un-creator-ptofile .body .description p {
  font-size: 14px;
  color: var(--secondary);
  margin: 0;
}
.un-creator-ptofile .body .description p .read-more {
  color: var(--dark);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.un-creator-ptofile .tab-creatore-profile {
  padding: 0 20px;
}
.un-creator-ptofile .tab-creatore-profile .nav-pilled-tab {
  margin-bottom: 20px;
}
.un-creator-ptofile .tab-creatore-profile .nav-pilled-tab .nav-item .nav-link {
  max-width: inherit;
  width: 100%;
}
.un-creator-ptofile .tab-creatore-profile .item-card-gradual {
  margin-bottom: 15px;
}
.empty-items {
  text-align: center;
  padding: 20px;
}
.empty-items img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin-bottom: 10px;
}
.empty-items h4 {
  font-size: 15px;
  color: var(--dark);
  font-weight: 500;
  margin-bottom: 5px;
}
.empty-items p {
  font-size: 13px;
  color: var(--secondary);
}
.empty-items .empty-dark {
  display: none;
}
.btn-upload-text {
  position: relative;
  overflow: hidden;
}
.btn-upload-text input {
  position: absolute;
  font-size: 32px;
  opacity: 0;
}
.btn-upload-text span {
  font-size: 14px;
  color: var(--dark);
  font-weight: 500;
  margin: 0;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 50px;
  background-color: var(--white);
}
.form-edit-profile .bk-social-networks h3 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.form-edit-profile .bk-social-networks .form-group.with_icon .icon::before {
  content: "";
  width: 1px;
  height: 22px;
  background-color: var(--gray-200);
  display: block;
  position: absolute;
  right: -20px;
  top: 5px;
}
.form-edit-profile .bk-social-networks .form-group.with_icon input {
  padding-left: 80px;
}
.footer-pages-forms {
  padding: 15px 20px 20px 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(1) blur(20px);
  -o-backdrop-filter: saturate(1) blur(20px);
  -ms-backdrop-filter: saturate(1) blur(20px);
  backdrop-filter: saturate(1) blur(20px);
}
.footer-pages-forms .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.footer-pages-forms .content .links-clear-data .link-clear {
  color: var(--secondary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.footer-pages-forms .content .links-clear-data .link-clear i {
  font-size: 20px;
  margin-right: 5px;
}
.footer-pages-forms .content .links-clear-data .link-clear span {
  font-weight: 500;
  font-size: 15px;
}
.footer-pages-forms .content .update-auto {
  position: relative;
}
.footer-pages-forms .content .update-auto .auto-saving {
  color: var(--secondary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.footer-pages-forms .content .update-auto .auto-saving .loader-items {
  position: absolute;
  left: -30px;
  top: -10px;
}
.footer-pages-forms
  .content
  .update-auto
  .auto-saving
  .loader-items
  div::after {
  top: 30px;
  left: 39px;
  width: 1.5px;
}
.footer-pages-forms .content .update-auto .auto-saving span {
  font-weight: 500;
  font-size: 15px;
  margin-left: 30px;
}
.space-sticky-footer {
  height: 90px;
}
.un-create-collectibles {
  padding: 20px;
}
.un-create-collectibles .upload-form h2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 5px;
}
.un-create-collectibles .upload-form p {
  font-size: 13px;
  color: var(--secondary);
  margin: 0;
  margin-bottom: 15px;
}
.un-create-collectibles .upload-form .uploaded-image {
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  padding: 15px;
  position: relative;
}
.un-create-collectibles .upload-form .uploaded-image img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  border-radius: 15px;
  object-fit: cover;
}
.un-create-collectibles .upload-form .uploaded-image .icon-clear {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 20px;
  position: absolute;
  top: 30px;
  right: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.upload-input-form {
  position: relative;
  overflow: hidden;
}
.upload-input-form input {
  font-size: 70px;
  position: absolute;
  opacity: 0;
}
.upload-input-form .content-input {
  border-radius: 15px;
  border: 1.5px dashed var(--gray-200);
  text-align: center;
  padding: 15px 20px;
}
.upload-input-form .content-input .icon {
  font-size: 22px;
  color: var(--secondary);
  margin-bottom: 5px;
}
.upload-input-form .content-input span {
  font-size: 11px;
  color: var(--secondary);
  font-weight: 500;
  display: block;
}
.un-put-on-marketplace {
  padding: 20px;
}
.un-put-on-marketplace .head {
  border-bottom: 1px solid var(--gray-200);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.un-put-on-marketplace .head .item-NFTs {
  display: flex;
  align-items: center;
}
.un-put-on-marketplace .head .item-NFTs img {
  width: 55px;
  height: 55px;
  border-radius: 15px;
  object-fit: cover;
  margin-right: 15px;
}
.un-put-on-marketplace .head .item-NFTs .text h2 {
  font-size: 16px;
  color: var(--dark);
  font-weight: 500;
  margin: 0;
  margin-bottom: 5px;
}
.un-put-on-marketplace .head .item-NFTs .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.un-put-on-marketplace .body .title h2 {
  font-size: 15px;
  color: var(--dark);
  font-weight: 600;
  margin: 0;
  margin-bottom: 5px;
}
.un-put-on-marketplace .body .title p {
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary);
  margin: 0;
}
.un-put-on-marketplace .body .nav-tab {
  display: flex;
  flex-flow: row;
  column-gap: 15px;
}
.un-put-on-marketplace .body .nav-tab .nav-item {
  width: 100%;
}
.un-put-on-marketplace .body .nav-tab .nav-item .nav-link {
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px;
  border: 1.5px solid var(--gray-200);
  color: var(--dark);
  width: 100%;
  height: 100%;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.un-put-on-marketplace .body .nav-tab .nav-item .nav-link .icon {
  font-size: 24px;
  color: var(--dark);
  margin-bottom: 12px;
}
.un-put-on-marketplace .body .nav-tab .nav-item .nav-link span {
  font-weight: 600;
  font-size: 14px;
}
.un-put-on-marketplace .body .nav-tab .nav-item .nav-link.active {
  border-color: #395aff;
}
.form-with-select .input_group {
  position: relative;
}
.form-with-select .input_group .content {
  position: absolute;
  right: 0;
}
.form-with-select .input_group .content::before {
  content: "";
  width: 1px;
  height: 22px;
  background-color: var(--gray-200);
  position: absolute;
  display: block;
  left: -10px;
  top: 20%;
}
.form-with-select .input_group .content .form-select {
  border: 0;
  width: 100px;
  font-weight: 600;
  color: var(--dark);
  background-color: rgba(0, 0, 0, 0);
  height: 50px;
  outline: none !important;
  box-shadow: none !important;
}
.un-bottom-navigation {
  padding-top: 56px;
}
@supports (-webkit-touch-callout: none) {
  .un-bottom-navigation {
    padding-top: 90px;
  }
}
.un-bottom-navigation .em_body_navigation {
  background-color: var(--white);
  min-height: 56px;
  position: fixed;
  width: 100%;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 576px) {
  .un-bottom-navigation .em_body_navigation {
    min-height: 60px;
  }
}
.un-bottom-navigation .em_body_navigation .item_link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 56px;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink {
  width: 45px;
  height: 45px;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  justify-items: center;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink::after {
  content: "";
  background-color: var(--dark);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  bottom: 3px;
  opacity: 0;
  left: 45%;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink .icon_active {
  display: none;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .icon_active
  path {
  fill: var(--dark);
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink svg {
  width: 24px;
  height: 24px;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink svg path {
  stroke: var(--dark);
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink i {
  font-size: 24px;
  color: var(--dark);
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink .img_profile {
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .img_profile
  img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .items_basket {
  min-width: 51px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #ff3838;
  color: var(--white);
  font-size: 11px;
  border-radius: 4px;
  top: -16px;
  z-index: 10;
  bottom: env(safe-area-inset-bottom);
  -webkit-box-shadow: 0px 7px 20px 0px rgba(255, 56, 56, 0.2);
  -moz-box-shadow: 0px 7px 20px 0px rgba(255, 56, 56, 0.2);
  -o-box-shadow: 0px 7px 20px 0px rgba(255, 56, 56, 0.2);
  -ms-box-shadow: 0px 7px 20px 0px rgba(255, 56, 56, 0.2);
  box-shadow: 0px 7px 20px 0px rgba(255, 56, 56, 0.2);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .items_basket::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2772%27 height=%2767%27 viewBox=%270 0 72 67%27%3E%3Cdefs%3E%3Cfilter id=%27Polygon_2%27 x=%270%27 y=%270%27 width=%2772%27 height=%2767%27 filterUnits=%27userSpaceOnUse%27%3E%3CfeOffset dy=%277%27 input=%27SourceAlpha%27/%3E%3CfeGaussianBlur stdDeviation=%2710%27 result=%27blur%27/%3E%3CfeFlood flood-color=%27%23556fff%27 flood-opacity=%270.2%27/%3E%3CfeComposite operator=%27in%27 in2=%27blur%27/%3E%3CfeComposite in=%27SourceGraphic%27/%3E%3C/filter%3E%3C/defs%3E%3Cg transform=%27matrix%281, 0, 0, 1, 0, 0%29%27 filter=%27url%28%23Polygon_2%29%27%3E%3Cpath id=%27Polygon_2-2%27 data-name=%27Polygon 2%27 d=%27M5.241.886a1,1,0,0,1,1.519,0l3.826,4.463A1,1,0,0,1,9.826,7H2.174a1,1,0,0,1-.759-1.651Z%27 transform=%27translate%2842 30%29 rotate%28180%29%27 fill=%27%23ff4040%27/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 50px;
  width: 50px;
  height: 26px;
  position: absolute;
  bottom: -9px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .items_basket_circle {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ff3838;
  font-size: 11px;
  border: 2px solid var(--white);
  color: var(--white);
  top: 7px;
  margin-left: -5px;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink .btnCircle {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #395aff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(57, 90, 255, 0.3);
  border-radius: 50%;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle::after {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(57, 90, 255, 0.1);
  border-radius: 50%;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink .btnCircle i {
  font-size: 17px;
  color: var(--white);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle
  svg {
  width: 17px;
  height: 17px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle
  svg
  path {
  stroke: var(--white);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white {
  background-color: var(--white);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white::before {
  border: 1px solid rgba(255, 56, 56, 0.3);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white::after {
  border: 1px solid rgba(255, 56, 56, 0.1);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white
  i {
  font-size: 17px;
  color: var(--dark);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white
  svg {
  width: 17px;
  height: 17px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle.bg-white
  svg
  path {
  stroke: var(--dark);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #395aff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default
  i {
  font-size: 21px;
  color: #fff;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default
  svg {
  width: 21px;
  height: 21px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default
  svg
  path {
  stroke: #fff;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default._lg {
  width: 60px;
  height: 60px;
  margin-top: -22px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default._lg
  i {
  font-size: 26px;
  color: #fff;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default._lg
  svg {
  width: 26px;
  height: 26px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default._lg
  svg
  path {
  stroke: #fff;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white {
  background-color: var(--white);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white::before {
  border: 1px solid rgba(255, 56, 56, 0.3);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white::after {
  border: 1px solid rgba(255, 56, 56, 0.1);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white
  i {
  font-size: 17px;
  color: var(--dark);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white
  svg {
  width: 17px;
  height: 17px;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink
  .btnCircle_default.bg-white
  svg
  path {
  stroke: var(--dark);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.btn_profile.active::after {
  opacity: 0;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.active::after {
  opacity: 1;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.active
  .icon_current {
  display: none;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.active
  .icon_active {
  display: block;
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.active
  .img_profile {
  border: 1px solid var(--gray-200);
}
.un-bottom-navigation
  .em_body_navigation
  .item_link
  .btn_navLink.active
  .img_profile
  img {
  width: 20px;
  height: 20px;
}
.un-bottom-navigation.with__text .em_body_navigation {
  min-height: 60px;
}
.un-bottom-navigation.with__text .em_body_navigation .item_link {
  height: 60px;
}
.un-bottom-navigation.with__text .em_body_navigation .item_link .btn_navLink {
  display: grid;
}
.un-bottom-navigation.with__text
  .em_body_navigation
  .item_link
  .btn_navLink
  .items_basket_circle {
  top: 10px;
  margin-left: 0;
}
.un-bottom-navigation.with__text
  .em_body_navigation
  .item_link
  .btn_navLink
  .txt__tile {
  font-size: 11px;
  font-weight: 400;
  display: block;
  padding-top: 3px;
  color: var(--dark);
}
.un-bottom-navigation.with__text
  .em_body_navigation
  .item_link
  .btn_navLink::after {
  margin-left: 12px;
  top: -1px;
}
.un-bottom-navigation.with__text
  .em_body_navigation.-active_primary
  .item_link
  .btn_navLink.active
  .txt__tile {
  color: #395aff;
}
.un-bottom-navigation.with__text
  .em_body_navigation.-active_primary
  .item_link
  .btn_navLink.active
  svg
  path {
  fill: #395aff;
  stroke: #395aff;
}
.un-bottom-navigation.with__text
  .em_body_navigation.-active_primary
  .item_link
  .btn_navLink::after {
  background-color: #395aff;
}
.un-bottom-navigation.rounded .em_body_navigation {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.un-bottom-navigation.just_color
  .em_body_navigation
  .item_link
  .btn_navLink::after {
  display: none;
}
.un-bottom-navigation .em_body_navigation.bg-blue {
  background-color: #395aff !important;
}
.un-bottom-navigation .em_body_navigation.bg-green {
  background-color: #3eca76 !important;
}
.un-bottom-navigation .em_body_navigation.bg-yellow {
  background-color: #ffc21d !important;
}
.un-bottom-navigation .em_body_navigation.bg-orange {
  background-color: #ff7e1b !important;
}
.un-bottom-navigation .em_body_navigation.bg-black {
  background-color: var(--bg-black) !important;
}
.un-bottom-navigation .em_body_navigation.bg-primary,
.un-bottom-navigation .em_body_navigation.bg-secondary,
.un-bottom-navigation .em_body_navigation.bg-blue,
.un-bottom-navigation .em_body_navigation.bg-orange,
.un-bottom-navigation .em_body_navigation.bg-yellow,
.un-bottom-navigation .em_body_navigation.bg-green,
.un-bottom-navigation .em_body_navigation.bg-black {
  border-top: 0;
}
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .items_basket_circle,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .items_basket_circle {
  background-color: var(--white);
  color: var(--dark);
}
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .txt__tile,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .txt__tile {
  color: var(--white);
}
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .icon_current
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .icon_current
  svg
  circle {
  stroke: var(--white);
}
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .icon_active
  svg
  path,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink
  .icon_active
  svg
  circle {
  fill: var(--white);
  stroke: var(--white);
}
.un-bottom-navigation .em_body_navigation.bg-primary .item_link .btn_navLink i,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink
  i,
.un-bottom-navigation .em_body_navigation.bg-blue .item_link .btn_navLink i,
.un-bottom-navigation .em_body_navigation.bg-orange .item_link .btn_navLink i,
.un-bottom-navigation .em_body_navigation.bg-yellow .item_link .btn_navLink i,
.un-bottom-navigation .em_body_navigation.bg-green .item_link .btn_navLink i,
.un-bottom-navigation .em_body_navigation.bg-black .item_link .btn_navLink i {
  color: var(--white);
}
.un-bottom-navigation
  .em_body_navigation.bg-primary
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-secondary
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-blue
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-orange
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-yellow
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-green
  .item_link
  .btn_navLink::after,
.un-bottom-navigation
  .em_body_navigation.bg-black
  .item_link
  .btn_navLink::after {
  background-color: var(--white);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink
  .txt__tile {
  color: var(--secondary);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink
  svg
  path {
  stroke: var(--secondary);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink
  .icon_current {
  display: block !important;
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink.active::after {
  opacity: 1;
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink.active
  .txt__tile {
  color: var(--dark);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink.active
  svg
  path {
  stroke: var(--dark);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink.without_active
  svg
  path {
  stroke: var(--white);
}
.un-bottom-navigation.ouline_footer
  .em_body_navigation
  .item_link
  .btn_navLink.without_active::after {
  display: none;
}
.un-bottom-navigation.filter-blur .em_body_navigation {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(1) blur(20px);
  -o-backdrop-filter: saturate(1) blur(20px);
  -ms-backdrop-filter: saturate(1) blur(20px);
  backdrop-filter: saturate(1) blur(20px);
}
.item-card-nft {
  position: relative;
  display: block;
  text-align: left;
}
.item-card-nft .body-card {
  padding: 0 20px;
  position: absolute;
}
.item-card-nft .big-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-card-nft .counterdown {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 8px 12px;
  border-radius: 50px;
  background-color: var(--white);
  font-size: 13px;
  font-weight: 500;
  color: var(--dark);
}
.item-card-nft .un-info-card {
  background-color: var(--white);
  border-radius: 15px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 15px;
  width: calc(100% - 30px);
  left: 15px;
  right: 15px;
}
.item-card-nft .un-info-card .block-left h4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 575.98px) {
  .item-card-nft .un-info-card .block-left h4 {
    width: 33vw;
  }
}
.item-card-nft .un-info-card .block-left .user {
  display: flex;
  align-items: center;
}
.item-card-nft .un-info-card .block-left .user h5 {
  font-size: 13px;
  color: var(--secondary);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 575.98px) {
  .item-card-nft .un-info-card .block-left .user h5 {
    width: 22vw;
  }
}
.item-card-nft .un-info-card .block-left .user .img-avatar {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.item-card-nft .un-info-card .block-right {
  text-align: right;
}
.item-card-nft .un-info-card .block-right h6 {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  display: block;
  margin-bottom: 3px;
}
.item-card-nft .un-info-card .block-right p {
  font-size: 15px;
  color: #3eca76;
  font-weight: 500;
  margin: 0;
}
.item-card-nft .un-info-card .block-right p span {
  font-size: 13px;
  margin-right: 3px;
}
.item-card-nft.--swiper .block-left h4 {
  width: 10vw;
}
@media (max-width: 575.98px) {
  .item-card-nft.--swiper .block-left h4 {
    width: 33vw;
  }
}
@media (max-width: 575.98px) {
  .item-card-nft.--swiper .block-left .user h5 {
    width: 22vw;
  }
}
.un-block-cards .swiper {
  padding: 0 25px;
}
.un-block-cards .item-card-nft {
  width: 100%;
  height: 60vh;
}
.un-block-cards .item-card-nft .big-image {
  border-radius: 15px;
}
.item-card-gradual {
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  background-color: var(--white);
}
.item-card-gradual .body-card {
  padding: 20px 20px 15px 20px;
  display: block;
  text-decoration: none !important;
}
.item-card-gradual .body-card .cover-nft {
  position: relative;
}
.item-card-gradual .body-card .cover-nft .img-cover {
  width: 100%;
  height: 170px;
  border-radius: 15px;
  object-fit: cover;
}
.item-card-gradual .body-card .cover-nft .icon-type {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background-color: rgba(34, 32, 50, 0.3);
  font-size: 18px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  margin: 15px;
}
.item-card-gradual .body-card .cover-nft .countdown-time {
  background-color: var(--white);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 12px;
  bottom: 15px;
  left: 15px;
  position: absolute;
  display: inline-block;
  color: var(--dark);
}
.item-card-gradual .body-card .title-card-nft {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.item-card-gradual .body-card .title-card-nft .side-one {
  width: calc(100% - 80px);
}
.item-card-gradual .body-card .title-card-nft .side-one h2 {
  font-size: 16px;
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.item-card-gradual .body-card .title-card-nft .side-one p {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary);
}
.item-card-gradual .body-card .title-card-nft .side-other .no-sales {
  font-size: 13px;
  display: block;
  font-weight: 500;
  color: #3eca76;
}
.item-card-gradual .creator-name {
  display: inline-flex;
  align-items: center;
}
.item-card-gradual .creator-name .image-user {
  position: relative;
  margin-right: 10px;
}
.item-card-gradual .creator-name .image-user .img-avatar {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}
.item-card-gradual .creator-name .image-user .icon {
  position: absolute;
  font-size: 16px;
  color: #395aff;
  top: 15px;
  right: -4px;
}
.item-card-gradual .creator-name h3 {
  font-size: 13px;
  color: var(--dark);
  font-weight: 500;
  margin: 0;
}
.item-card-gradual .head-card {
  padding: 15px 20px;
}
.item-card-gradual .footer-card {
  border-top: 1px solid var(--gray-200);
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.item-card-gradual .footer-card .starting-bad h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 3px;
}
.item-card-gradual .footer-card .starting-bad span {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 400;
  display: block;
}
.btn-like-click {
  display: inline-flex;
  align-items: center;
  align-items: center;
}
.btn-like-click .count-likes {
  font-size: 12px;
  font-weight: 500;
  color: var(--secondary);
  margin-right: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-like-click .btnLike {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-like-click .btnLike input {
  position: absolute;
  font-size: 30px;
  opacity: 0;
  width: 70px;
  height: 30px;
}
.btn-like-click .btnLike input:checked ~ i::before {
  content: "";
  color: #ff3838;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-like-click .btnLike input:checked ~ .count-likes {
  color: #ff3838;
}
.btn-like-click .btnLike i {
  font-size: 20px;
  color: var(--secondary);
}
.btn-like-click .btnLike i::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-like-click.shape-box input {
  width: 90px;
  height: 50px;
}
.btn-like-click.shape-box input:checked ~ .icon-inside {
  background-color: rgba(255, 56, 56, 0.1);
  border-color: rgba(0, 0, 0, 0);
}
.btn-like-click.shape-box input:checked ~ .icon-inside i::before {
  content: "";
  color: #ff3838;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-like-click.shape-box input:checked ~ .count-likes {
  color: #ff3838;
}
.btn-like-click.shape-box .count-likes {
  margin-right: 10px;
}
.btn-like-click.shape-box .icon-inside {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray-200);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-like-click.shape-box .icon-inside i {
  font-size: 19px;
  line-height: 0;
}
.unSwiper-cards .content-cards-NFTs .swiper-slide {
  width: 78%;
  background: rgba(0, 0, 0, 0);
}
@media (max-width: 767.98px) {
  .unSwiper-cards .content-cards-NFTs .swiper-slide {
    width: 36% !important;
  }
  .unSwiper-cards
    .content-cards-NFTs
    .swiper-slide:first-child
    .item-card-gradual {
    margin-left: 20px;
  }
}
@media (max-width: 991.98px) {
  .unSwiper-cards .content-cards-NFTs .swiper-slide {
    width: 46% !important;
  }
}
@media (max-width: 575.98px) {
  .unSwiper-cards .content-cards-NFTs .swiper-slide {
    width: 78% !important;
  }
}
.unSwiper-cards .content-cards-NFTs .swiper-slide .item-card-gradual {
  width: 100%;
  margin-left: 20px;
  text-align: left;
}
.unSwiper-cards .content-cards-NFTs .swiper-slide:last-child {
  margin-right: 20px;
}
.unSwiper-cards .swiper-button-next,
.unSwiper-cards .swiper-button-prev {
  display: none;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--gray-200);
  color: var(--dark);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
@media (min-width: 992px) {
  .unSwiper-cards .swiper-button-next,
  .unSwiper-cards .swiper-button-prev {
    display: inline-flex;
  }
}
.unSwiper-cards .swiper-button-next:hover,
.unSwiper-cards .swiper-button-prev:hover {
  background-color: var(--dark);
  color: var(--white);
  box-shadow: 0 0 0px 6px rgba(34, 32, 50, 0.1);
}
.unSwiper-cards .swiper-button-next::after {
  content: "";
  font-family: remixicon !important;
  font-size: 22px;
}
.unSwiper-cards .swiper-button-prev::after {
  content: "";
  font-family: remixicon !important;
  font-size: 22px;
}
.discover-nft-random .content-NFTs-body {
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.discover-nft-random .content-NFTs-body .item-card-nft {
  width: 100%;
  grid-column: 1/3;
}
.discover-nft-random .content-NFTs-body .item-card-nft .big-image {
  border-radius: 15px;
  height: 355px;
}
.discover-nft-random .content-NFTs-body .item-card-nft .un-info-card {
  text-decoration: none !important;
}
.discover-nft-random .content-NFTs-body .item-card-nft .btn-like-click {
  background-color: var(--white);
  position: absolute;
  padding: 4px 12px;
  border-radius: 50px;
  top: 15px;
  right: 15px;
}
.item-sm-card-NFTs {
  display: block;
  position: relative;
  text-decoration: none !important;
}
.item-sm-card-NFTs .cover-image {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.item-sm-card-NFTs .cover-image .big-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 15px;
}
.item-sm-card-NFTs .cover-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: inherit;
  bottom: 0;
  height: 50%;
  background-image: linear-gradient(to top, #0e0e0e, rgba(34, 32, 50, 0));
}
.item-sm-card-NFTs .cover-image .content-text .icon-type {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background-color: rgba(34, 32, 50, 0.3);
  font-size: 18px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  margin: 15px;
}
.item-sm-card-NFTs .cover-image .content-text .btn-like-click {
  background-color: var(--white);
  position: absolute;
  padding: 4px 12px;
  border-radius: 50px;
  top: 15px;
  right: 15px;
}
.item-sm-card-NFTs .cover-image .user-text {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.item-sm-card-NFTs .cover-image .user-text .user-avatar {
  margin-bottom: 5px;
}
.item-sm-card-NFTs .cover-image .user-text .user-avatar .sm-user {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}
.item-sm-card-NFTs .cover-image .user-text .user-avatar span {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.item-sm-card-NFTs .cover-image .user-text .number-eth span {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
}
.item-sm-card-NFTs .cover-image .user-text .number-eth span.main-price {
  font-size: 14px;
  margin-right: 3px;
}
.discover-NFTs-gradual {
  padding: 0 20px;
}
.discover-NFTs-gradual .item-card-gradual {
  margin-bottom: 15px;
}
.collection-creatores .content-list-creatores {
  padding: 0 !important;
}
.collection-creatores
  .content-list-creatores
  .nav-item:first-of-type
  .nav-link {
  padding-top: 0 !important;
}
.collection-creatores .content-list-creatores .nav-item .nav-link {
  padding: 20px !important;
  display: block !important;
  text-decoration: none !important;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .collection-img {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  margin-bottom: 18px;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .collection-img
  picture {
  width: 100%;
  max-width: 20%;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .collection-img
  .img-cot {
  width: 100%;
  height: 70px;
  border-radius: 10px;
  object-fit: cover;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img {
  text-decoration: none !important;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image {
  position: relative;
}
.collection-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .icon {
  position: absolute;
  bottom: -10px;
  right: 9px;
  font-size: 17px;
}
.un-details-collectibles .head .cover-main-img {
  position: relative;
  margin: 20px 20px 0 20px;
}
.un-details-collectibles .head .cover-main-img .img-full {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  height: 400px;
}
.un-details-collectibles .head .cover-main-img .action-sticky {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  column-gap: 15px;
  flex-direction: row;
}
.un-details-collectibles .head .cover-main-img .action-sticky .btn-share,
.un-details-collectibles .head .cover-main-img .action-sticky .btn-fullScreen {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  background-color: var(--white);
  color: var(--dark);
}
.un-details-collectibles .head .cover-main-img .action-sticky .btn-share i,
.un-details-collectibles
  .head
  .cover-main-img
  .action-sticky
  .btn-fullScreen
  i {
  pointer-events: none;
}
.un-details-collectibles .head .cover-main-img .item-category {
  position: absolute;
  left: 15px;
  top: 15px;
}
.un-details-collectibles .head .cover-main-img.fullscreen .img-full,
.un-details-collectibles .head .cover-main-img:fullscreen .img-full {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  top: 0px;
  left: 0px;
  border-radius: 0;
}
.un-details-collectibles .head .cover-main-img.fullscreen .btn-fullScreen,
.un-details-collectibles .head .cover-main-img:fullscreen .btn-fullScreen {
  background-color: rgba(34, 32, 50, 0.6);
  color: #fff;
}
.un-details-collectibles
  .head
  .cover-main-img.fullscreen
  .btn-fullScreen
  i::before,
.un-details-collectibles
  .head
  .cover-main-img:fullscreen
  .btn-fullScreen
  i::before {
  content: "";
}
.un-details-collectibles .head .cover-main-img.fullscreen .btn-share,
.un-details-collectibles .head .cover-main-img:fullscreen .btn-share {
  display: none;
}
.un-details-collectibles .head .title-card-text {
  border-bottom: 1px solid var(--gray-200);
  padding: 20px;
}
.un-details-collectibles .head .title-card-text .text h1 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 5px;
}
.un-details-collectibles .head .title-card-text .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.un-details-collectibles .head .txt-price-coundown {
  border-bottom: 1px solid var(--gray-200);
  padding: 20px;
}
.un-details-collectibles .head .txt-price-coundown .price h2 {
  font-size: 13px;
  color: var(--secondary);
  margin: 0;
  margin-bottom: 5px;
}
.un-details-collectibles .head .txt-price-coundown .price p {
  font-size: 24px;
  font-weight: 600;
  color: #3eca76;
  margin: 0;
}
.un-details-collectibles .head .txt-price-coundown .price p .dollar {
  font-size: 13px;
  font-weight: 500;
}
.un-details-collectibles .head .txt-price-coundown .coundown h3 {
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 5px;
}
.un-details-collectibles .head .txt-price-coundown .coundown span {
  font-size: 24px;
  font-weight: 600;
  color: var(--dark);
}
.un-details-collectibles .body {
  padding: 20px;
}
.un-details-collectibles .body .description p {
  font-size: 15px;
  color: var(--secondary);
}
.un-details-collectibles .body .nav-users-profile .nav-item .nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  position: relative;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image {
  position: relative;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .avt-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .icon {
  position: absolute;
  bottom: -10px;
  right: 9px;
  font-size: 17px;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  h5 {
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 2px;
  font-weight: 400;
}
.un-details-collectibles
  .body
  .nav-users-profile
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  p {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
}
.un-details-collectibles .body .content-custome-data {
  min-height: 200px;
}
.un-details-collectibles .space-sticky-footer {
  height: 90px;
}
.un-details-collectibles .footer {
  padding: 15px 20px 20px 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: saturate(1) blur(20px);
  -o-backdrop-filter: saturate(1) blur(20px);
  -ms-backdrop-filter: saturate(1) blur(20px);
  backdrop-filter: saturate(1) blur(20px);
}
.un-details-collectibles .footer .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.un-details-collectibles .footer .links-item-pages {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 15px;
}
.un-details-collectibles .footer .links-item-pages .icon-box {
  text-decoration: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--secondary);
  border: 1px solid var(--gray-200);
  background-color: var(--white);
}
.un-details-collectibles .footer .links-item-pages .icon-box.next {
  color: var(--dark);
}
.un-details-collectibles .footer .links-item-pages .icon-box.prev {
  background-color: var(--light);
  border-color: rgba(0, 0, 0, 0);
}
.un-details-collectibles .item-profile-creator {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  position: relative;
}
.un-details-collectibles .item-profile-creator .wrapper-image {
  position: relative;
}
.un-details-collectibles .item-profile-creator .wrapper-image .avt-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.un-details-collectibles .item-profile-creator .wrapper-image .icon {
  position: absolute;
  bottom: -10px;
  right: 9px;
  font-size: 17px;
}
.un-details-collectibles .item-profile-creator .txt-user h5 {
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 2px;
  font-weight: 400;
}
.un-details-collectibles .item-profile-creator .txt-user p {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
}
.btn-copy-address {
  display: inline-flex;
  align-items: center;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.btn-copy-address input {
  position: absolute;
  width: 150px;
  height: 50px;
  opacity: 0;
}
.btn-copy-address input:checked ~ .icon-box {
  background-color: rgba(57, 90, 255, 0.1);
  color: #395aff;
  border-color: rgba(0, 0, 0, 0);
}
.btn-copy-address span {
  font-size: 13px;
  color: var(--secondary);
  margin-right: 10px;
  display: inline-block;
}
.btn-copy-address .icon-box {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #395aff;
  border: 1px solid var(--gray-200);
}
header.default {
  padding: 0 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  width: 100%;
}
header.default .un-title-page h1 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
}
header.default .un-title-page.go-back {
  display: flex;
  align-items: center;
}
header.default .un-title-page.go-back .icon {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--dark);
  background-color: var(--gray-200);
  border-radius: 50%;
  margin-right: 20px;
  text-decoration: none !important;
}
header.default .un-title-page .user-publish {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
header.default .un-item-logo .logo-img {
  width: 56px;
  height: 18px;
  object-fit: contain;
}
header.default .un-block-right {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 20px;
}
header.default .un-block-right .menu-sidebar .btn {
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header.default .un-block-right .menu-sidebar .btn svg {
  width: 19px;
}
header.default .un-block-right .un-user-profile a {
  display: block;
  text-decoration: none !important;
}
header.default .un-block-right .un-user-profile a .img-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
header.default .un-block-right .un-notification {
  position: relative;
}
header.default .un-block-right .un-notification a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-decoration: none !important;
  font-size: 22px;
  color: var(--dark);
}
header.default .un-block-right .un-notification a.active i::before {
  content: "";
}
header.default .un-block-right .un-notification .bull-activity {
  display: block;
  width: 5px;
  height: 5px;
  background-color: #ff3838;
  border-radius: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
header.default .un-block-right .btn-box-icon {
  width: 35px;
  height: 35px;
  font-size: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
}
header.default.border-b-gradient::before {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, white, #d977a7, #8272e1, white);
}
header.default.heade-sticky {
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: var(--white);
}
header.default.header-light {
  background: rgba(34, 32, 50, 0.5);
  -webkit-backdrop-filter: saturate(1) blur(20px);
  -o-backdrop-filter: saturate(1) blur(20px);
  -ms-backdrop-filter: saturate(1) blur(20px);
  backdrop-filter: saturate(1) blur(20px);
}
header.default.header-light .un-block-right .menu-sidebar .btn {
  padding: 0;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
header.default.header-light .un-block-right .menu-sidebar .btn svg {
  width: 19px;
}
header.default.header-light .un-block-right .menu-sidebar .btn svg rect {
  fill: #fff;
}
.space-sticky {
  height: 56px;
}
.un-item-logo .logo-img.dark-mode {
  display: none;
}
.unList-creatores .un-title-default {
  margin-bottom: 5px;
}
.unList-creatores .content-list-creatores {
  padding: 0 20px;
}
.unList-creatores .content-list-creatores .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--gray-200);
  padding: 15px 0;
}
.unList-creatores .content-list-creatores .nav-item .nav-link .item-user-img {
  display: flex;
  align-items: center;
}
.unList-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .avt-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.unList-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  h5 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 2px;
  color: var(--dark);
}
.unList-creatores
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
}
.unList-creatores .content-list-creatores .nav-item:last-child .nav-link {
  border-bottom: 0;
}
.unList-bestSeller .content-list-sellers {
  padding: 20px;
}
.unList-bestSeller .content-list-sellers .item-user-seller {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  padding: 0;
  margin-bottom: 15px;
}
.unList-bestSeller .content-list-sellers .item-user-seller .item-user-img {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  padding: 15px 20px;
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .item-user-img
  .avt-img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .item-user-img
  .txt-user
  h5 {
  font-size: 18px;
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 2px;
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .item-user-img
  .txt-user
  h5
  span {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .item-user-img
  .txt-user
  p {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  color: var(--dark);
  display: flex;
  align-items: center;
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .item-user-img
  .txt-user
  p
  i {
  font-size: 15px;
  color: #3eca76;
  margin-left: 5px;
}
.unList-bestSeller
  .content-list-sellers
  .item-user-seller
  .other-option
  .btn-box-check {
  padding: 15px 20px;
}
.follow-sellers .content-list-creatores .nav-item .nav-link {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}
.follow-sellers .content-list-creatores .nav-item .nav-link .item-user-img {
  text-decoration: none !important;
}
.follow-sellers
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image {
  position: relative;
}
.follow-sellers
  .content-list-creatores
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .icon {
  position: absolute;
  bottom: -10px;
  right: 9px;
  font-size: 17px;
}
.un-activity-page .content-activity .head {
  padding: 15px 20px;
}
.un-activity-page .content-activity .head:first-of-type {
  padding-top: 0;
}
.un-activity-page .content-activity .head .title {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  text-transform: uppercase;
}
.un-activity-page .content-activity .body {
  border-bottom: 1px solid var(--gray-200);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.un-activity-page .content-activity .body:last-of-type {
  border-bottom: 0;
}
.un-activity-page .content-activity .body .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}
.un-activity-page .content-activity .body .nav-item .nav-link .item-user-img {
  display: flex;
  align-items: center;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image {
  position: relative;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .icon-status {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 20px;
  border-radius: 50%;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .avt-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .wrapper-image
  .icon {
  position: absolute;
  bottom: -10px;
  right: 9px;
  font-size: 17px;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  h5 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
  color: var(--dark);
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  h5.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 47vw;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .item-user-img
  .txt-user
  p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 400;
  margin: 0;
}
.un-activity-page
  .content-activity
  .body
  .nav-item
  .nav-link
  .other-option
  .img-activiy-sm {
  width: 55px;
  height: 55px;
  object-fit: cover;
  border-radius: 15px;
}
.un-connect-wallet {
  padding: 0 20px;
}
.un-connect-wallet .cover-image-wallet img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 576px) {
  .un-connect-wallet .cover-image-wallet img {
    height: 240px;
  }
}
.un-connect-wallet .nav .nav-item .nav-link {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.un-connect-wallet .nav .nav-item .nav-link::before {
  content: "";
  font-family: remixicon !important;
  font-size: 24px;
  color: var(--secondary);
  position: absolute;
  right: 20px;
}
.un-connect-wallet .nav .nav-item .nav-link .icon-app {
  margin-right: 20px;
}
.un-connect-wallet .nav .nav-item .nav-link .icon-app img {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.un-connect-wallet .nav .nav-item .nav-link .text-name {
  font-size: 16px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
}
.un-connect-wallet .nav .nav-item .nav-link:active,
.un-connect-wallet .nav .nav-item .nav-link :hover {
  background-color: var(--light);
}
.modal .modal-dialog {
  max-width: 100%;
}
.modal .modal-dialog .modal-content {
  border-radius: 20px;
  border: 0;
  background-color: var(--white);
}
.modal .modal-dialog .modal-content .modal-header {
  position: relative;
}
.modal .modal-dialog .modal-content .modal-header .title-modal {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  color: var(--dark);
}
.modal .modal-dialog .modal-content .modal-header .item-shared {
  display: flex;
  align-items: center;
}
.modal
  .modal-dialog
  .modal-content
  .modal-header
  .item-shared
  .image-items
  .user-img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  margin-right: 15px;
}
.modal .modal-dialog .modal-content .modal-header .item-shared .txt h1 {
  font-size: 14px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
  margin-bottom: 1px;
}
.modal .modal-dialog .modal-content .modal-header .item-shared .txt p {
  font-size: 11px;
  color: var(--secondary);
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-header .icon-socialNetworks {
  display: inline-flex;
  flex-direction: row;
  column-gap: 15px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-header
  .icon-socialNetworks
  .btn-social {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--gray-200);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.modal
  .modal-dialog
  .modal-content
  .modal-header
  .icon-socialNetworks
  .btn-social
  img {
  width: 18px;
  height: 18px;
}
.modal .modal-dialog .modal-content .modal-body {
  background-color: var(--white);
  padding: 20px;
}
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal .modal-dialog.height-full {
  height: 100%;
  max-height: 100%;
}
.modal .modal-dialog.height-full .modal-content {
  max-height: 100%;
}
.modal.defaultModal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom-color: var(--gray-200);
}
.modal.transition-bottom.fade .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  transition: transform 0.35s;
  transform: translateY(100%) !important;
  -webkit-transform: translateY(100%) !important;
  -moz-transform: translateY(100%) !important;
  -o-transform: translateY(285px) !important;
  width: 100%;
}
.modal.transition-bottom.show .modal-dialog {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  bottom: 0;
}
.modal.screenFull .modal-dialog {
  margin: 0;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal.screenFull .modal-dialog .modal-content {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal.screenFull .modal-dialog .modal-content .modal-footer {
  border-radius: 0 !important;
}
.modal.-inside {
  padding-bottom: env(safe-area-inset-bottom);
}
.modal.-inside .modal-dialog {
  padding: 0 20px;
  bottom: 20px;
}
.modal.-inside.show .modal-dialog {
  padding: 0 20px;
  bottom: 20px;
}
.modal.-inside.show .modal-dialog .modal-content {
  border-radius: 10px;
}
.modal.-inside.show .modal-dialog .modal-content.rounded-15 {
  border-radius: 15px !important;
}
.modal.-inside.show .modal-dialog .modal-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.modal.modalCentered .modal-dialog {
  margin: 0 20px;
}
.modal.modalCentered .modal-dialog .modal-header {
  padding: 25px;
}
.modal.modalCentered .modal-dialog .close {
  position: absolute;
  right: 25px;
}
.modal .modal-body .content-upload-item p {
  font-size: 14px;
  color: var(--secondary);
  margin: 0;
}
.modal .modal-body .content-upload-item p span {
  color: var(--dark);
}
.modal .modal-body .content-upload-item .grid_buttonUpload {
  display: grid;
  justify-content: center;
  margin-top: 30px;
}
.modal .modal-body .content-upload-item .btn-create {
  width: 260px;
  height: 60px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 500;
}
.modal .modal-body .content-alert-actions h2 {
  font-size: 14px;
  color: var(--dark);
  margin: 0;
}
.modal .modal-body .content-alert-actions .action-links .btn {
  min-width: 120px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.modal .modal-body .content-share-socials .un-navMenu-default .nav-item {
  margin-bottom: 0 !important;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link {
  padding: 10px 20px;
  border: 0;
  margin-bottom: 12px;
  width: 100%;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link
  .icon-svg {
  margin-right: 10px;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link
  .icon-svg
  img {
  width: 24px;
  height: 24px;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.facebook {
  background-color: rgba(57, 90, 255, 0.1);
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.facebook
  .link-title {
  color: #395aff;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.twitter {
  background-color: rgba(29, 161, 242, 0.1);
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.twitter
  .link-title {
  color: #1da1f2;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.instrgrame {
  background-color: rgba(255, 84, 62, 0.1);
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.instrgrame
  .link-title {
  color: #ff543e;
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.whatsapp {
  background-color: rgba(62, 202, 118, 0.1);
}
.modal
  .modal-body
  .content-share-socials
  .un-navMenu-default
  .nav-item
  .nav-link.whatsapp
  .link-title {
  color: #3eca76;
}
.modal.-left .modal-dialog,
.modal.-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.-left .modal-dialog .modal-content,
.modal.-right .modal-dialog .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: 0;
  background-color: var(--white);
}
.modal.-left .modal-dialog .modal-content .modal-header .btnClose,
.modal.-right .modal-dialog .modal-content .modal-header .btnClose {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 30px;
}
.modal.-left .modal-dialog.modal-dialog-scrollable,
.modal.-right .modal-dialog.modal-dialog-scrollable {
  max-height: 100% !important;
}
.modal.-left .modal-dialog.modal-dialog-scrollable .modal-content,
.modal.-right .modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: 100%;
}
.modal.-right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.modal.-right.fade.show .modal-dialog {
  right: 0;
}
.modal.-left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.modal.-left.fade.show .modal-dialog {
  left: 0;
}
.modal.--fullScreen {
  opacity: 1 !important;
}
.modal.--fullScreen .modal-dialog {
  width: 100%;
}
.modal.--fullScreen.fade .modal-dialog {
  left: -100%;
}
.modal.modal-collectibles .modal-header {
  border: 0;
}
.modal.modal-collectibles .modal-header h1 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 5px;
}
.modal.modal-collectibles .modal-header p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin: 0;
}
.modal.modal-collectibles .modal-header .btnClose {
  top: 20px !important;
}
.modal.modal-collectibles .content-custome-data {
  min-height: 100px;
}
.modal.modal-collectibles .content-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: env(safe-area-inset-bottom);
}
.modal.modal-collectibles .links-item-pages {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 15px;
}
.modal.modal-collectibles .links-item-pages .icon-box {
  text-decoration: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--secondary);
  border: 1px solid var(--gray-200);
  background-color: var(--white);
}
.modal.modal-collectibles .links-item-pages .icon-box.next {
  color: var(--dark);
}
.modal.modal-collectibles .links-item-pages .icon-box.prev {
  background-color: var(--light);
  border-color: rgba(0, 0, 0, 0);
}
.sidebarMenu {
  opacity: 1 !important;
}
.sidebarMenu.-left .modal-dialog,
.sidebarMenu.-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.sidebarMenu.-left .modal-dialog .modal-content,
.sidebarMenu.-right .modal-dialog .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: 0;
  background-color: var(--white);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .btnClose,
.sidebarMenu.-right .modal-dialog .modal-content .modal-header .btnClose {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 30px;
}
.sidebarMenu.-left .modal-dialog.modal-dialog-scrollable,
.sidebarMenu.-right .modal-dialog.modal-dialog-scrollable {
  max-height: 100% !important;
}
.sidebarMenu.-left .modal-dialog.modal-dialog-scrollable .modal-content,
.sidebarMenu.-right .modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: 100%;
}
.sidebarMenu.-right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sidebarMenu.-right.fade.show .modal-dialog {
  right: 0;
}
.sidebarMenu.-left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sidebarMenu.-left.fade.show .modal-dialog {
  left: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  padding: 30px 20px 20px 20px;
  border-radius: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .un-user-profile {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .un-user-profile
  .image_user {
  margin-right: 15px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .un-user-profile
  .image_user
  img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .un-user-profile
  .text-user
  h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 2px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .un-user-profile
  .text-user
  p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
  margin-bottom: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-header .cover-balance {
  position: relative;
  overflow: hidden;
  background-color: var(--dark);
  border-radius: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27312%27 height=%27312%27 viewBox=%270 0 312 312%27%3E%3Cg id=%27Group_8526%27 data-name=%27Group 8526%27 transform=%27translate%2871 107%29%27%3E%3Cg id=%27Ellipse_601%27 data-name=%27Ellipse 601%27 transform=%27translate%28-8 -44%29%27 fill=%27rgba%28255,255,255,0%29%27 stroke=%27%23fff%27 stroke-width=%271.5%27 opacity=%270.1%27%3E%3Ccircle cx=%2793%27 cy=%2793%27 r=%2793%27 stroke=%27none%27/%3E%3Ccircle cx=%2793%27 cy=%2793%27 r=%2792.25%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Ellipse_602%27 data-name=%27Ellipse 602%27 transform=%27translate%28-39 -75%29%27 fill=%27rgba%28255,255,255,0%29%27 stroke=%27%23fff%27 stroke-width=%271.5%27 opacity=%270.1%27%3E%3Ccircle cx=%27124%27 cy=%27124%27 r=%27124%27 stroke=%27none%27/%3E%3Ccircle cx=%27124%27 cy=%27124%27 r=%27123.25%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Ellipse_603%27 data-name=%27Ellipse 603%27 transform=%27translate%28-71 -107%29%27 fill=%27rgba%28255,255,255,0%29%27 stroke=%27%23fff%27 stroke-width=%271.5%27 opacity=%270.1%27%3E%3Ccircle cx=%27156%27 cy=%27156%27 r=%27156%27 stroke=%27none%27/%3E%3Ccircle cx=%27156%27 cy=%27156%27 r=%27155.25%27 fill=%27none%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: -330% 89%;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance {
  position: relative;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance
  .content-balance
  .head-balance {
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance
  .content-balance
  .head-balance
  h4 {
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance
  .content-balance
  .head-balance
  .link-addBalance {
  width: 22px;
  height: 22px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0;
  margin-left: 8px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance
  .content-balance
  .no-balance {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance
  .un-balance
  ~ .btn {
  position: relative;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body {
  padding: 10px 20px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  background-color: var(--white);
  border-radius: 10px;
  margin-bottom: 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  .badge-circle
  .doted_item {
  width: 5px;
  height: 5px;
  background-color: #ff3838;
  border-radius: 20px;
  display: block;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  .xs-badge {
  min-width: 20px;
  height: 20px;
  padding: 0 7px;
  border-radius: 6px;
  background-color: rgba(34, 32, 50, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--dark);
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  .icon_current {
  position: absolute;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  .icon_active {
  position: absolute;
  opacity: 0;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  i {
  font-size: 20px;
  color: var(--secondary);
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link
  .title_link {
  color: var(--dark);
  font-size: 16px;
  padding-left: 30px;
  font-weight: 500;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link.active {
  background-color: var(--light);
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link.active
  .icon_current {
  opacity: 0;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link.active
  .icon_active {
  opacity: 1;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link.active
  .icon_active
  i {
  color: var(--dark);
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-body
  .nav
  .nav-item
  .nav-link:hover {
  background-color: var(--light);
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .title__label {
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid var(--gray-200);
  justify-content: inherit;
  align-items: center;
  padding: 20px;
  border-radius: 0;
}
@supports (-webkit-touch-callout: none) {
  .sidebarMenu.-left .modal-dialog .modal-content .modal-footer {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-footer
  .em_darkMode_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-footer
  .em_darkMode_menu
  .text {
  margin: 0;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-footer
  .em_darkMode_menu
  .text
  h3 {
  font-size: 15px;
  color: var(--dark);
  margin-bottom: 0;
  padding-bottom: 3px;
}
.sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-footer
  .em_darkMode_menu
  .text
  p {
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 0;
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
}
.sidebarMenu.-guest
  .modal-dialog
  .modal-content
  .modal-header
  .welcome_em
  h2
  span {
  color: #395aff;
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em p {
  font-size: 14px;
  color: var(--secondary);
  margin-bottom: 15px;
  width: 85%;
}
.sidebarMenu.-guest .modal-dialog .modal-content .modal-header .welcome_em p a {
  color: var(--dark);
  text-decoration: none;
}
.sidebarMenu.--fullScreen .modal-dialog {
  width: 100%;
}
.sidebarMenu.--fullScreen.fade .modal-dialog {
  left: -100%;
}
.btnClose {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  background-color: var(--gray-200);
  border-radius: 50%;
  text-decoration: none !important;
}
.status-connection {
  position: fixed;
  top: -30px;
  box-shadow: none !important;
  border-radius: 10px;
  border: 0;
  z-index: 999;
  width: auto;
  opacity: 0;
  pointer-events: none;
  -webkkit-transition: 0.35s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-transition: 0.35s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: 0.35s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -ms-transition: 0.35s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: 0.35s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.status-connection .toast-body {
  display: flex;
  align-items: center;
  padding: 12px 20px;
}
.status-connection .toast-body .icon-status {
  font-size: 16px;
  color: var(--white);
  margin-right: 10px;
  display: inline-flex;
}
.status-connection .toast-body .msg-status {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.status-connection .btn-close {
  background-image: none !important;
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
  opacity: 0.8;
  display: flex;
  align-items: center;
  position: relative;
}
.status-connection.offline {
  background-color: var(--dark);
  top: 10px;
  opacity: 1;
  pointer-events: all;
}
.status-connection:not(.show) {
  opacity: 0;
  top: -10px;
  display: block;
  pointer-events: none;
}
.modal-filter .title-modal {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
}
.modal-filter .btn-clear {
  font-size: 14px;
  font-weight: 500;
  color: #ff3838 !important;
  margin-right: 40px;
}
.modal-filter .form-filter-checkbox .title-form {
  font-size: 16px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 20px;
  margin-top: 30px;
}
.modal-filter .form-filter-checkbox .nav-checkbox .nav-item {
  margin-bottom: 18px;
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .item-checkbox-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-filter .form-filter-checkbox .nav-checkbox .nav-item .form-check {
  margin: 0;
  display: flex;
  align-items: center;
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .form-check
  .form-check-input {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .form-check
  .form-check-input:checked[type="checkbox"] {
  background-size: 18px;
  background-color: #395aff;
  border-color: #395aff;
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .form-check
  .form-check-input:checked[type="checkbox"]
  ~ .form-check-label {
  color: var(--dark);
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .form-check
  .form-check-label {
  font-size: 14px;
  color: var(--secondary);
  font-weight: 500;
  margin-left: 15px;
  margin-top: 5px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.modal-filter
  .form-filter-checkbox
  .nav-checkbox
  .nav-item
  .number-category
  span {
  font-size: 14px;
  color: var(--secondary);
}
.modal-filter .form-filter-checkbox .nav-checkbox .nav-item:last-child {
  margin-bottom: 0;
}
.modal-filter .slider-range-price {
  border-bottom: 1px solid var(--gray-200);
  margin-bottom: 30px;
}
.modal-filter .btn-apply-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 165px;
  height: 55px;
  border-radius: 50px;
  background-color: #3eca76;
  padding: 10px 10px 10px 20px;
}
.modal-filter .btn-apply-filter p {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin: 0;
}
.modal-filter .btn-apply-filter p span {
  font-size: 11px;
}
.modal-filter .btn-apply-filter .ico {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
}
.nav-checkbox .nav-item {
  margin-bottom: 18px;
}
.nav-checkbox .nav-item .item-checkbox-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-checkbox .nav-item .form-check {
  margin: 0;
  display: flex;
  align-items: center;
}
.nav-checkbox .nav-item .form-check .form-check-input {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.nav-checkbox .nav-item .form-check .form-check-input:checked[type="checkbox"] {
  background-size: 18px;
  background-color: #395aff;
  border-color: #395aff;
}
.nav-checkbox
  .nav-item
  .form-check
  .form-check-input:checked[type="checkbox"]
  ~ .form-check-label {
  color: var(--dark);
}
.nav-checkbox .nav-item .form-check .form-check-label {
  font-size: 14px;
  color: var(--secondary);
  font-weight: 500;
  margin-left: 15px;
  margin-top: 5px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.nav-checkbox .nav-item .number-category span {
  font-size: 14px;
  color: var(--secondary);
}
.nav-checkbox .nav-item:last-child {
  margin-bottom: 0;
}
.noUi-target {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  z-index: 0;
  border-radius: 3px;
}
.noUi-connect {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
  background: #3fb8af;
}
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
  top: 17px;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50% !important;
  bottom: 120%;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
  left: 17px;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
[disabled].noUi-target {
  cursor: not-allowed;
}
[disabled].noUi-handle {
  cursor: not-allowed;
}
.noUi-pips {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  color: #999;
}
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #ccc;
}
.noUi-marker-sub {
  background: #aaa;
}
.noUi-marker-large {
  background: #aaa;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.un-title-default {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un-title-default .text h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 3px;
}
.un-title-default .text p {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 400;
  margin: 0;
}
.un-title-default .un-block-right .icon-back {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--dark);
  background-color: var(--gray-200);
  border-radius: 50%;
  text-decoration: none !important;
}
.un-intro-card {
  padding: 20px;
}
.un-intro-card .un-cc-description .cover-image {
  background-color: var(--bg-black);
  border-radius: 15px;
  height: 215px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .un-intro-card .un-cc-description .cover-image {
    height: 485px;
  }
}
.un-intro-card .un-cc-description .cover-image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.un-intro-card .un-cc-description .text-content {
  margin-top: 20px;
}
.un-intro-card .un-cc-description .text-content h1 {
  font-size: 13px;
  font-weight: 500;
  color: #395aff;
  margin-bottom: 5px;
}
.un-intro-card .un-cc-description .text-content h2 {
  font-size: 24px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 5px;
}
.un-intro-card .un-cc-description .text-content p {
  font-size: 13px;
  color: var(--secondary);
  margin: 0;
}
.un-navMenu-default {
  padding: 10px 20px;
}
.un-navMenu-default .nav .nav-item {
  margin-bottom: 12px;
}
.un-navMenu-default .nav .nav-item .nav-link {
  padding: 12px 20px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid var(--gray-200);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.un-navMenu-default .nav .nav-item .nav-link .item-content-link {
  display: flex;
  align-items: center;
}
.un-navMenu-default .nav .nav-item .nav-link .item-content-link .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-right: 15px;
}
.un-navMenu-default .nav .nav-item .nav-link .item-content-link .link-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
}
.un-navMenu-default .nav .nav-item .nav-link .other-cc {
  display: flex;
  align-items: center;
}
.un-navMenu-default .nav .nav-item .nav-link .other-cc .badge-text {
  font-size: 12px;
  color: var(--secondary);
  display: block;
  margin-right: 5px;
}
.un-navMenu-default .nav .nav-item .nav-link .other-cc .icon-arrow {
  font-size: 24px;
  color: var(--secondary);
  display: inline-flex;
}
.un-navMenu-default .nav .nav-item .nav-link:hover,
.un-navMenu-default .nav .nav-item .nav-link:active {
  background-color: var(--light);
}
.un-navMenu-default .sub-title-pkg {
  margin: 13px 0 22px 0;
}
.un-navMenu-default .sub-title-pkg h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  text-transform: uppercase;
}
.un-navMenu-default.with-visit .nav .nav-item .nav-link.visited {
  background-color: rgba(34, 32, 50, 0.015);
}
.un-navMenu-default.with-visit
  .nav
  .nav-item
  .nav-link.visited
  .other-cc
  .icon-arrow
  i {
  color: #3eca76;
  font-size: 22px;
}
.un-navMenu-default.with-visit
  .nav
  .nav-item
  .nav-link.visited
  .other-cc
  .icon-arrow
  i::before {
  content: "";
}
.un-navMenu-default.without-visit
  .nav
  .nav-item
  .nav-link.visited
  .other-cc
  .icon-arrow
  i {
  color: var(--secondary);
  font-size: 24px;
}
.un-navMenu-default.without-visit
  .nav
  .nav-item
  .nav-link.visited
  .other-cc
  .icon-arrow
  i::before {
  content: "";
}
.un-navMenu-default.without-visit .nav .nav-item .nav-link:hover,
.un-navMenu-default.without-visit .nav .nav-item .nav-link:active {
  background-color: var(--light);
}
.un-navMenu-default.without-icon .nav-item .nav-link {
  padding: 10px 20px;
  height: 55px;
}
.copyright-mark {
  text-align: center;
  padding: 20px;
}
.copyright-mark .content .logo-gray {
  width: 56px;
  height: 18px;
  object-fit: contain;
  margin-bottom: 10px;
}
.copyright-mark .content p {
  font-size: 12px;
  color: var(--secondary);
}
.main-search-header {
  background-color: var(--white);
}
.main-search-header .content-search {
  padding: 10px 20px 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  column-gap: 15px;
  width: 100%;
}
.main-search-header .form-group {
  margin: 0;
  width: calc(100% - 60px);
}
.main-search-header .form-group input {
  background-color: var(--light) !important;
  height: 45px !important;
}
.main-search-header .form-group input:active,
.main-search-header .form-group input:hover {
  background-color: var(--white) !important;
}
.main-search-header .btn-box-filter {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  padding: 0;
  font-size: 20px;
  color: var(--dark);
  border: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-search-header.style-border {
  border-bottom: 1px solid var(--gray-200);
}
.main-search-header .nav-tab-search {
  justify-content: center;
  margin-top: 18px;
}
.main-search-header .nav-tab-search .nav-item .nav-link {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--secondary);
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 18px;
  margin: 0 15px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.main-search-header .nav-tab-search .nav-item .nav-link::before {
  content: "";
  width: 15px;
  height: 2px;
  border-radius: 5px;
  background-color: var(--dark);
  position: absolute;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.main-search-header .nav-tab-search .nav-item .nav-link.active {
  color: var(--dark);
}
.main-search-header .nav-tab-search .nav-item .nav-link.active::before {
  opacity: 1;
}
.main-search-header.sticky-tab {
  position: fixed;
  width: 100%;
  z-index: 20;
}
.categories-tag-search .content-tags {
  padding: 20px;
}
.categories-tag-search .content-tags .btn-tag-filter {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-right: 3px;
  margin-bottom: 6px;
}
.categories-tag-search .content-tags .btn-tag-filter span {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  background-color: var(--light);
  padding: 7px 14px;
  border-radius: 50px;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  -ms-transition: 0.15s;
  transition: 0.15s;
  background-image: linear-gradient(
    to right,
    rgba(255, 121, 142, 0),
    rgba(85, 111, 255, 0)
  );
}
.categories-tag-search .content-tags .btn-tag-filter input {
  font-size: 100px;
  width: 40px;
  height: 120px;
  position: absolute;
  opacity: 0;
}
.categories-tag-search .content-tags .btn-tag-filter input:checked ~ span {
  background-image: linear-gradient(to right, #ff798e, #556fff);
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
}
.categories-tag-search.solid-bg-white .content-tags {
  padding: 15px 20px;
}
.categories-tag-search.solid-bg-white
  .content-tags.other-style
  .btn-tag-filter
  span {
  border: 1px solid var(--gray-200);
  background-color: var(--white);
}
.slider-range-price {
  padding-bottom: 30px;
}
.slider-range-price .content-slider {
  position: relative;
}
.slider-range-price .content-slider .header {
  margin-bottom: 20px;
}
.slider-range-price .content-slider .header h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 5px;
}
.slider-range-price .content-slider .auto-price {
  display: flex;
  align-items: center;
}
.slider-range-price .content-slider .auto-price .input-text-price input {
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  color: var(--secondary);
  font-size: 13px;
  font-weight: 400;
  width: 40px;
  opacity: 1;
  padding: 0;
  pointer-events: none;
}
.slider-range-price .content-slider .auto-price .input-text-price span {
  color: var(--secondary);
  font-size: 13px;
  font-weight: 400;
}
.slider-range-price .content-slider .auto-price .input-text-price.min input {
  width: 35px;
}
.slider-range-price .content-slider .price-under-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: var(--dark);
  font-weight: 500;
  margin-top: 20px;
}
.slider-range-price .noUi-horizontal {
  height: 0;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}
.slider-range-price .noUi-tooltip {
  position: absolute;
  min-width: 45px;
  height: 27px;
  border-radius: 6px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 500;
  background-color: var(--dark);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  top: -35px;
  left: -10px;
  opacity: 0;
  border: 0;
  box-shadow: 0;
  outline: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.slider-range-price .noUi-tooltip::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%278%27 viewBox=%270 0 16 8%27%3E%3Cpath id=%27Polygon_3%27 data-name=%27Polygon 3%27 d=%27M7.293.707a1,1,0,0,1,1.414,0l5.586,5.586A1,1,0,0,1,13.586,8H2.414a1,1,0,0,1-.707-1.707Z%27 transform=%27translate%2816 8%29 rotate%28180%29%27 fill=%27%23272343%27/%3E%3C/svg%3E%0A");
  position: absolute;
  background-size: 12px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  bottom: -10px;
}
.slider-range-price .noUi-base .noUi-connects {
  background-color: var(--gray-200);
  height: 10px;
  border-radius: 10px;
}
.slider-range-price .noUi-base .noUi-connects .noUi-connect {
  background-color: #395aff;
}
.slider-range-price .noUi-base .noUi-origin .noUi-handle {
  box-shadow: none !important;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  top: -10px;
}
.slider-range-price .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
  box-shadow: none !important;
  border: 5px solid var(--white);
  border-radius: 50%;
  background-color: #395aff;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.slider-range-price .noUi-base .noUi-origin .noUi-handle::before,
.slider-range-price .noUi-base .noUi-origin .noUi-handle::after {
  display: none;
}
.slider-range-price
  .noUi-base
  .noUi-origin
  .noUi-handle.noUi-active
  .noUi-touch-area {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.slider-range-price
  .noUi-base
  .noUi-origin
  .noUi-handle.noUi-active
  .noUi-tooltip {
  opacity: 1;
  top: -40px;
}
.nav-pilled-tab {
  background-color: #eef0f7;
  border-radius: 10px;
  padding: 4px;
  width: max-content;
  display: flex;
  flex-flow: row;
}
.nav-pilled-tab .nav-item {
  width: 100%;
}
.nav-pilled-tab .nav-item .nav-link {
  background-color: rgba(0, 0, 0, 0);
  color: var(--secondary);
  font-size: 13px;
  font-weight: 500;
  min-width: 65px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.nav-pilled-tab .nav-item .nav-link.active {
  background-color: var(--white);
  color: var(--dark);
}
.un-page-components .un-title-default {
  padding: 20px;
  background-color: var(--white);
}
.un-page-components .content-comp {
  padding: 20px 20px 50px 20px;
}
.un-page-components .content-comp .text-alert {
  font-size: 13px;
}
.un-page-components .content-comp .space-items {
  margin: 5px 0;
  background-color: var(--light);
}
.un-page-components .content-comp .box-buttons .btn {
  margin-bottom: 10px;
}
.accordion .accordion-item {
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  margin-bottom: 12px;
  background-color: var(--white);
}
.accordion .accordion-item .accordion-header .accordion-button {
  min-height: 55px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
}
.accordion .accordion-item .accordion-header .accordion-button::after {
  background: none;
  content: "";
  font-family: remixicon !important;
  font-size: 20px;
  color: var(--secondary);
  display: flex;
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  transform: rotate(0);
}
.accordion
  .accordion-item
  .accordion-header
  .accordion-button[aria-expanded="true"]::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion .accordion-body {
  padding: 3px 18px 18px 18px;
  font-size: 14px;
  color: var(--secondary);
  font-weight: 400;
}
.accordion.--fill .accordion-item {
  border: 0;
  background-color: var(--light);
}
.accordion.--fill-blue-1 .accordion-item {
  border: 1px solid rgba(57, 90, 255, 0.3);
  background-color: rgba(57, 90, 255, 0.1);
}
.accordion.--fill-orange-1 .accordion-item {
  border: 1px solid rgba(255, 126, 27, 0.3);
  background-color: rgba(255, 126, 27, 0.1);
}
.accordion.--fill-red-1 .accordion-item {
  border: 1px solid rgba(255, 56, 56, 0.3);
  background-color: rgba(255, 56, 56, 0.1);
}
.accordion.--fill-yellow-1 .accordion-item {
  border: 1px solid rgba(255, 194, 29, 0.3);
  background-color: rgba(255, 194, 29, 0.1);
}
.accordion.--fill-primary .accordion-item {
  border: 0;
  background-color: #395aff;
}
.accordion.--fill-primary .accordion-item .accordion-header .accordion-button {
  color: #fff;
}
.accordion.--fill-primary
  .accordion-item
  .accordion-header
  .accordion-button::after {
  color: #fff;
}
.accordion.--fill-primary .accordion-item .accordion-body {
  color: #fff;
}
.accordion.--active
  .accordion-item
  .accordion-header
  .accordion-button[aria-expanded="true"] {
  background-color: var(--light);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.un-brand-about {
  background-color: var(--light);
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  padding: 25px;
  text-align: center;
}
.un-brand-about .brand_img {
  width: 80px;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px;
}
.un-brand-about .brand_img.light-mode {
  display: inline-block;
}
.un-brand-about .brand_img.dark-mode {
  display: none;
}
.un-brand-about p {
  font-size: 12px;
  margin: 0;
  color: var(--secondary);
}
[data-theme="dark"] .brand_img.light-mode {
  display: none;
}
[data-theme="dark"] .brand_img.dark-mode {
  display: inline-block;
}
.about-section .descriptio {
  padding: 25px 20px;
}
.about-section .descriptio h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
  margin-bottom: 8px;
}
.about-section .descriptio p {
  font-size: 14px;
  color: var(--secondary);
  font-weight: 400;
  margin: 0;
}
.social-networks-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  column-gap: 12px;
}
.social-networks-footer .nav-link {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 10px;
}
.social-networks-footer .nav-link.facebook {
  background-color: rgba(24, 119, 242, 0.1);
  color: #1877f2;
}
.social-networks-footer .nav-link.instagram {
  background-color: rgba(250, 153, 5, 0.1);
  color: #fa9905;
}
.social-networks-footer .nav-link.youtube {
  background-color: rgba(255, 64, 64, 0.1);
  color: #ff4040;
}
.social-networks-footer .nav-link.twitter {
  background-color: rgba(3, 169, 244, 0.1);
  color: #03a9f4;
}
.un-item-seller {
  text-decoration: none !important;
  display: flex;
  align-items: center;
}
.un-item-seller .number {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-300);
  margin-right: 15px;
}
.un-item-seller .media-profile {
  display: flex;
  align-items: center;
}
.un-item-seller .media-profile .image-avatar {
  position: relative;
  margin: 0;
  margin-right: 15px;
}
.un-item-seller .media-profile .image-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.un-item-seller .media-profile .image-avatar .icon-verify {
  position: absolute;
  font-size: 16px;
  color: #395aff;
  top: 30px;
  right: -4px;
}
.un-item-seller .media-profile .text h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
  margin-bottom: 3px;
}
.un-item-seller .media-profile .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary);
  margin: 0;
}
.un-section-seller .un-block-creators .swiper-slide {
  width: 55%;
  background: rgba(0, 0, 0, 0);
}
@media (min-width: 240px) and (max-width: 375px) {
  .un-section-seller .un-block-creators .swiper-slide {
    width: 100%;
  }
}
@media (min-width: 300px) and (max-width: 375px) {
  .un-section-seller .un-block-creators .swiper-slide {
    width: 70%;
  }
}
.un-section-seller .un-block-creators .un-item-seller {
  padding: 0 0 0 20px;
  width: 100%;
  text-align: left;
}
.help-search-support {
  padding: 10px 20px 12px 20px;
  border-radius: 15px;
}
.help-search-support .content {
  background-image: url(/assets/images/other/bg_card.jpg);
  background-position: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 30px 35px;
  border-radius: 15px;
}
.help-search-support .head {
  text-align: center;
}
.help-search-support .head h2 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  margin-bottom: 3px;
}
.help-search-support .head p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}
.help-search-support .form-group .form-control {
  height: 45px;
}
.offline-section {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  padding: 20px 50px;
  margin-top: 50px;
}
.offline-section .content-offline .img-offline {
  margin-bottom: 30px;
  width: 175px;
  height: 115px;
  object-fit: contain;
}
.offline-section .content-offline .display-text h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin-bottom: 10px;
}
.offline-section .content-offline .display-text p {
  font-size: 14px;
  color: var(--secondary);
  margin-bottom: 30px;
}
.un-blog-list .nav .nav-item .nav-link {
  display: block;
  text-decoration: none;
  padding: 0 20px;
  margin-bottom: 20px;
}
.un-blog-list .nav .nav-item .nav-link .image-blog {
  display: flex;
  align-items: center;
}
.un-blog-list .nav .nav-item .nav-link .image-blog img {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  object-fit: cover;
  margin-right: 15px;
}
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
  margin-bottom: 8px;
}
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog .others {
  display: flex;
  column-gap: 15px;
  flex-direction: row;
}
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog .others .time,
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog .others .views {
  display: inline-flex;
  align-items: center;
  color: var(--secondary);
}
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog .others .time i,
.un-blog-list .nav .nav-item .nav-link .image-blog .text-blog .others .views i {
  font-size: 17px;
  margin-right: 5px;
}
.un-blog-list
  .nav
  .nav-item
  .nav-link
  .image-blog
  .text-blog
  .others
  .time
  span,
.un-blog-list
  .nav
  .nav-item
  .nav-link
  .image-blog
  .text-blog
  .others
  .views
  span {
  font-size: 13px;
  font-weight: 500;
}
.item-blog-list .nav-link {
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  padding: 0;
}
.item-blog-list .nav-link .image-blog {
  display: flex;
  align-items: center;
}
.item-blog-list .nav-link .image-blog img {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  object-fit: cover;
  margin-right: 15px;
}
.item-blog-list .nav-link .image-blog .text-blog h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--dark);
  margin: 0;
  margin-bottom: 8px;
}
.item-blog-list .nav-link .image-blog .text-blog .others {
  display: flex;
  column-gap: 15px;
  flex-direction: row;
}
.item-blog-list .nav-link .image-blog .text-blog .others .time,
.item-blog-list .nav-link .image-blog .text-blog .others .views {
  display: inline-flex;
  align-items: center;
  color: var(--secondary);
}
.item-blog-list .nav-link .image-blog .text-blog .others .time i,
.item-blog-list .nav-link .image-blog .text-blog .others .views i {
  font-size: 17px;
  margin-right: 5px;
}
.item-blog-list .nav-link .image-blog .text-blog .others .time span,
.item-blog-list .nav-link .image-blog .text-blog .others .views span {
  font-size: 13px;
  font-weight: 500;
}
.un-details-blog .head {
  padding: 0 20px;
}
.un-details-blog .head .cover_img {
  position: relative;
}
.un-details-blog .head .cover_img img {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  object-fit: cover;
}
.un-details-blog .body {
  padding: 15px 20px;
}
.un-details-blog .body .title-blog {
  margin-bottom: 18px;
}
.un-details-blog .body .title-blog .others {
  display: flex;
  column-gap: 15px;
  flex-direction: row;
  margin-bottom: 10px;
}
.un-details-blog .body .title-blog .others .time,
.un-details-blog .body .title-blog .others .views {
  display: inline-flex;
  align-items: center;
  color: var(--secondary);
}
.un-details-blog .body .title-blog .others .time i,
.un-details-blog .body .title-blog .others .views i {
  font-size: 17px;
  margin-right: 5px;
}
.un-details-blog .body .title-blog .others .time span,
.un-details-blog .body .title-blog .others .views span {
  font-size: 13px;
  font-weight: 500;
}
.un-details-blog .body .title-blog h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
}
.un-details-blog .body .description p {
  font-size: 15px;
  color: var(--secondary);
}
.un-details-blog .footer {
  background-color: var(--light);
  padding: 30px 20px;
}
.un-details-blog .footer h4 {
  font-size: 20px;
  font-weight: 500;
}
.bok-next-prev {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bok-next-prev a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.bok-next-prev a .icon {
  width: 75px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid var(--gray-200);
  font-size: 22px;
  position: relative;
}
.bok-next-prev a span {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}
.bok-next-prev a.prev .icon {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--secondary);
}
.bok-next-prev a.prev .icon::before {
  content: "";
  width: 1px;
  height: 25px;
  background-color: var(--gray-200);
  display: block;
  position: absolute;
  right: 0;
}
.bok-next-prev a.prev span {
  color: var(--secondary);
  margin-right: 20px;
}
.bok-next-prev a.next .icon {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--dark);
}
.bok-next-prev a.next span {
  color: #395aff;
  margin-left: 20px;
}
.bg-gradient-started {
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #0e0e0e;
}
.bg-gradient-started::before {
  content: "";
  background-image: url(/assets/images/other/bg-gradient.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  position: fixed;
  opacity: 0.1;
  width: 100vw;
  height: 100%;
}
.bg-gradient-started .bg-noise {
  position: fixed;
  background-image: url(/assets/images/other/bg-noise.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  mix-blend-mode: darken;
}
.un-info-template {
  position: relative;
}
.un-info-template .main-img-nft {
  padding: 30px;
}
.un-info-template .main-img-nft img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 576px) {
  .un-info-template .main-img-nft img {
    height: 240px;
  }
}
.un-info-template .block-numbers {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.un-info-template .block-numbers .dividar-y {
  background-color: rgba(255, 255, 255, 0.15);
  height: 50px;
  width: 1px;
  display: inline-block;
}
.un-info-template .block-numbers h2 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.un-info-template .block-numbers p {
  color: #dde1ec;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.un-info-template::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 55px;
  width: 55px;
  height: 55px;
  display: block;
  bottom: 80px;
  left: 12px;
  -webkit-animation: floating-1 2s infinite ease-in-out;
  -moz-animation: floating-1 2s infinite ease-in-out;
  -o-animation: floating-1 2s infinite ease-in-out;
  -ms-animation: floating-1 2s infinite ease-in-out;
  animation: floating-1 2s infinite ease-in-out;
}
.un__listPages_started {
  position: relative;
  padding: 15px 20px;
}
.un__listPages_started .content {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 20px;
  background: rgba(34, 32, 50, 0.01);
  -webkit-backdrop-filter: saturate(1) blur(10px);
  -o-backdrop-filter: saturate(1) blur(10px);
  -ms-backdrop-filter: saturate(1) blur(10px);
  backdrop-filter: saturate(1) blur(10px);
}
.un__listPages_started .content .title {
  padding: 10px 20px;
  text-align: center;
}
.un__listPages_started .content .title h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
  color: #fff;
}
.un__listPages_started .content .title p {
  font-size: 13px;
  color: #b3b1c3;
  margin: 0;
}
.un__listPages_started .content .title p span {
  color: #fff;
}
.un__listPages_started .content .un-navMenu-default.style_glass .nav-item {
  width: 100%;
  margin-bottom: 0;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link {
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 17px 15px;
  border-radius: 15px;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link.visited {
  background-color: rgba(0, 0, 0, 0) !important;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link
  .icon
  img {
  width: 30px;
  height: 30px;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link
  .link-title {
  color: #fff;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link
  .other-cc
  .badge-text {
  color: #b3b1c3;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link
  .other-cc
  .xs-badge {
  min-width: 20px;
  height: 20px;
  padding: 0 7px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #f4f5f7;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link
  .other-cc
  .icon-arrow {
  color: #fff;
}
.un__listPages_started
  .content
  .un-navMenu-default.style_glass
  .nav-item
  .nav-link.background {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.un__listPages_started::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 53px;
  width: 53px;
  height: 53px;
  right: 0;
  top: -2px;
  -webkit-animation: floating-2 2.5s infinite ease-in-out;
  -moz-animation: floating-2 2.5s infinite ease-in-out;
  -o-animation: floating-2 2.5s infinite ease-in-out;
  -ms-animation: floating-2 2.5s infinite ease-in-out;
  animation: floating-2 2.5s infinite ease-in-out;
}
.un_features_list {
  padding: 0 20px;
  position: relative;
}
.un_features_list .content {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  background: rgba(34, 32, 50, 0.01);
}
.un_features_list .content ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.un_features_list .content ul li {
  margin-bottom: 20px;
}
.un_features_list .content ul li:last-child {
  margin-bottom: 0;
}
.un_features_list .content ul li .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-bottom: 10px;
}
.un_features_list .content ul li h4 {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  margin: 0;
  margin-bottom: 4px;
}
.un_features_list .content ul li p {
  font-size: 12px;
  font-weight: 500;
  color: #b3b1c3;
  margin: 0;
}
.un_features_list::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 70px;
  width: 70px;
  height: 70px;
  top: 62%;
  right: 60px;
  -webkit-animation: floating-2 2s infinite ease-in-out;
  -moz-animation: floating-2 2s infinite ease-in-out;
  -o-animation: floating-2 2s infinite ease-in-out;
  -ms-animation: floating-2 2s infinite ease-in-out;
  animation: floating-2 2s infinite ease-in-out;
}
.bloack-get-started {
  padding: 15px 20px;
}
.bloack-get-started .un-navMenu-default .nav-item {
  width: 100%;
  margin-bottom: 15px;
}
.bloack-get-started .un-navMenu-default .nav-item .nav-link {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
}
.bloack-get-started
  .un-navMenu-default
  .nav-item
  .nav-link
  .other-cc
  .badge-text {
  color: #b3b1c3;
}
.wrapper-stories .story {
  width: 66px !important;
  max-width: inherit !important;
  margin-right: 18px !important;
}
.wrapper-stories .story:first-child {
  margin-left: 20px !important;
}
.wrapper-stories .story > .item-link {
  width: 66px;
  text-align: center;
  color: var(--dark);
}
.wrapper-stories .story > .item-link > .item-preview {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 66px !important;
  height: 66px !important;
  overflow: inherit !important;
}
.wrapper-stories .story > .item-link > .item-preview img {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 50%;
  border: 3px solid var(--white) !important;
  padding: 0 !important;
  z-index: 1;
}
.wrapper-stories .story > .item-link > .item-preview::before {
  content: "";
  background: linear-gradient(to right, #d977a7, #8272e1);
  position: absolute;
  width: 64px;
  height: 64px;
  z-index: 0;
  border-radius: 50%;
}
.wrapper-stories .story > .item-link > .info {
  margin-top: 2px !important;
  line-height: normal !important;
}
.wrapper-stories .story > .item-link > .info .name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--dark);
  text-shadow: none !important;
  box-shadow: none !important;
}
.wrapper-stories .story > .item-link > .info .name a {
  color: var(--dark);
}
.wrapper-stories .story > .item-link:active > .item-preview {
  transform: scale(0.94) !important;
}
.wrapper-stories .story > .item-link.visited {
  color: var(--secondary);
}
.wrapper-stories .story > .item-link.visited .item-preview::before {
  content: "";
  background: var(--gray-200);
}
.wrapper-stories .story > .item-link.visited .info .name {
  color: var(--secondary);
}
.wrapper-stories .story.seen .item-link {
  color: var(--secondary);
}
.wrapper-stories .story.seen .item-link .item-preview::before {
  content: "";
  background: var(--gray-200);
}
.wrapper-stories .story.seen .item-link .info .name {
  color: var(--secondary);
}
.wrapper-stories.carousel {
  white-space: initial !important;
  overflow: initial !important;
}
.wrapper-stories.snapssenger .story {
  width: 100px !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}
.wrapper-stories.snapssenger .story:first-child {
  margin-left: 20px !important;
}
.wrapper-stories.snapssenger .story:last-child {
  margin-right: 20px !important;
}
.wrapper-stories.snapssenger .story > .item-link {
  width: 100px !important;
  color: #fff;
}
.wrapper-stories.snapssenger .story > .item-link > .item-preview {
  width: 100px !important;
  height: 130px !important;
  overflow: hidden !important;
  max-height: inherit !important;
}
.wrapper-stories.snapssenger .story > .item-link > .item-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 0 !important;
  padding: 0 !important;
  z-index: 1;
}
.wrapper-stories.snapssenger .story > .item-link > .item-preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  height: 65px;
  bottom: 0;
  top: inherit;
  z-index: 2;
  border-radius: 10px;
}
.wrapper-stories.snapssenger .story > .item-link > .info {
  margin-top: 2px !important;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 5px 0px 4px 10px;
  text-align: left;
  padding-right: 8px;
  z-index: 4;
}
.wrapper-stories.snapssenger .story > .item-link > .info .name {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  text-shadow: none !important;
  box-shadow: none !important;
}
.wrapper-stories.snapssenger .story > .item-link > .info .time {
  display: block !important;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: -4px;
  margin-bottom: 6px;
}
.wrapper-stories.snapssenger .story > .item-link.visited {
  opacity: 0.7;
}
.wrapper-stories.snapssenger .story.seen .item-link {
  opacity: 0.7;
}
.wrapper-stories.snapgram .story,
.wrapper-stories.snapssenger .story {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  text-align: center;
  font-size: 18px;
  background: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wrapper-stories.vemdezap {
  display: flex !important;
  flex-direction: column !important;
}
.wrapper-stories.vemdezap .story {
  margin: 0 !important;
  padding: 8px 20px !important;
  width: 100% !important;
}
.wrapper-stories.vemdezap .story .item-link {
  text-decoration: none;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px;
}
.wrapper-stories.vemdezap .story .item-link .item-preview {
  margin: 0 !important;
  max-width: inherit !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.wrapper-stories.vemdezap .story .item-link .info {
  overflow: auto !important;
  text-overflow: inherit !important;
  white-space: inherit !important;
}
.wrapper-stories.vemdezap .story .item-link .info .name {
  font-size: 15px !important;
}
.wrapper-stories.vemdezap .story .item-link .info .time {
  font-size: 12px;
  color: var(--secondary);
}
.wrapper-stories.list .story .info .name {
  margin-bottom: 0;
}
#zuck-modal #zuck-modal-content .story-viewer::before {
  content: "";
  width: 100%;
  height: 20vh;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0)
  );
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pointers {
  padding: 4px 15px;
}
#zuck-modal #zuck-modal-content .story-viewer .head {
  padding: 0 20px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 16px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left {
  margin: 0 !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .name {
  display: block !important;
  font-size: 14px;
  font-weight: 500 !important;
  color: #fff;
  margin-bottom: 1px;
  line-height: normal !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .time {
  display: block !important;
  line-height: normal !important;
  font-size: 12px;
}
#zuck-modal #zuck-modal-content .story-viewer .head .left .back {
  display: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .right .close {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  text-decoration: none;
  padding: 0;
  font-size: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .right .close::before {
  content: "";
  font-family: remixicon !important;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
#zuck-modal #zuck-modal-content .story-viewer .head .right .time {
  display: none !important;
}
#zuck-modal #zuck-modal-content .story-viewer .head .item-preview {
  width: 38px !important;
  height: 38px !important;
  margin-right: 12px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides .item .tip {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
  padding: 10px 18px !important;
  bottom: 34px !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides .item.active .tip {
  -webkit-animation: background-fade 0.5s forwards;
  -moz-animation: background-fade 0.5s forwards;
  -o-animation: background-fade 0.5s forwards;
  -ms-animation: background-fade 0.5s forwards;
  animation: background-fade 0.5s forwards;
  animation-delay: 1.5s !important;
}
#zuck-modal #zuck-modal-content .story-viewer .slides-pagination {
  opacity: 0;
}
@media (min-width: 992px) {
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination {
    opacity: 1;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous,
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .next {
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .next {
    right: 20px;
  }
  #zuck-modal
    #zuck-modal-content
    .story-viewer
    .slides-pagination
    .next::before {
    content: "";
    font-size: 18px;
    font-family: remixicon !important;
    color: #fff;
  }
  #zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: 20px;
  }
  #zuck-modal
    #zuck-modal-content
    .story-viewer
    .slides-pagination
    .previous::before {
    content: "";
    font-size: 18px;
    font-family: remixicon !important;
    color: #fff;
  }
}
#zuck-modal.with-effects {
  transform-origin: bottom center !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}
#zuck-modal.with-effects.animated {
  margin-bottom: 0 !important;
}
#zuck-modal.with-effects.closed {
  transform: scale(0.01) translateY(100%) !important;
  opacity: 0;
}
.display-stories .space {
  width: 66px;
  margin-right: 18px;
  margin-left: 20px;
}
.display-stories .spaceBox {
  width: 100px;
  margin-right: 12px;
  margin-left: 20px;
}
@media (min-width: 992px) {
  .display-stories .spaceBox {
    margin-left: 0;
  }
}
.display-stories .boxStories {
  width: 100%;
  height: 130px;
  border: 1px dashed var(--gray-200);
  border-radius: 10px;
  padding: 15px;
}
.display-stories .boxStories .add-my-story {
  width: 100%;
  border-bottom: 0;
  padding: 0;
}
.display-stories .boxStories .add-my-story .my_img {
  display: inline-flex;
}
.display-stories .boxStories .add-my-story .my_img img {
  border: 0;
  width: 45px;
  height: 45px;
}
.display-stories .boxStories .add-my-story .my_img .icon {
  right: -5px;
}
.display-stories .boxStories .add-my-story .display-text {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.display-stories .boxStories .add-my-story .display-text span {
  width: auto;
  overflow: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dark);
}
.display-stories .add-my-story {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0;
}
.display-stories .add-my-story .my_img {
  position: relative;
}
.display-stories .add-my-story .my_img img {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px dashed var(--gray-200);
  padding: 3px;
}
.display-stories .add-my-story .my_img .icon {
  position: absolute;
  width: 26px;
  height: 26px;
  border: 3px solid var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -2px;
  right: 0;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #395aff;
}
.display-stories .add-my-story .my_img .icon i {
  display: flex;
  margin-right: -1px;
}
.display-stories .add-my-story .display-text span {
  font-size: 12px;
  color: var(--secondary);
  font-weight: 500;
  display: inline-block;
  margin-top: 6px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 63px;
}
.stories-list-page .add-my-story {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 20px 24px;
  column-gap: 15px;
  row-gap: 10px;
  border-bottom: 1px solid var(--gray-200);
  width: 100%;
}
@media (min-width: 992px) {
  .stories-list-page .add-my-story {
    padding-left: 0;
    padding-right: 0;
  }
}
.stories-list-page .add-my-story .my_img img {
  width: 60px;
  height: 60px;
}
.stories-list-page .add-my-story .display-text h4 {
  font-size: 15px;
  color: var(--dark);
  font-weight: 500;
  margin-bottom: 4px;
}
.stories-list-page .add-my-story .display-text span {
  font-size: 13px;
  width: auto;
  font-weight: 400;
  margin: 0;
  overflow: inherit;
}
.stories-list-page .name_list {
  text-transform: uppercase;
  font-size: 13px;
  color: var(--secondary);
  padding: 20px 20px 0 20px;
}
@media (min-width: 992px) {
  .stories-list-page .name_list {
    padding-left: 0;
    padding-right: 0;
  }
}
.stories-list-page .text_recent {
  text-transform: uppercase;
  font-size: 13px;
  color: var(--secondary);
  padding: 24px 20px 16px 20px;
}
@media (min-width: 992px) {
  .stories-list-page .text_recent {
    padding-left: 0;
    padding-right: 0;
  }
}
.stories-grid-page {
  padding: 20px;
}
.stories-grid-page .display-stories .wrapper-stories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 12px;
}
.stories-grid-page .display-stories .wrapper-stories .swiper-slide {
  margin: 0 !important;
  width: 100% !important;
  height: 130px !important;
}
.stories-grid-page .display-stories .wrapper-stories .swiper-slide .item-link {
  width: 100% !important;
  height: 100% !important;
}
.stories-grid-page
  .display-stories
  .wrapper-stories
  .swiper-slide
  .item-link
  .item-preview {
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 768px) {
  .stories-grid-page .display-stories .wrapper-stories {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .stories-grid-page .display-stories .wrapper-stories .story,
  .stories-grid-page .display-stories .wrapper-stories .boxStories {
    height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .stories-grid-page .display-stories .wrapper-stories {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .stories-grid-page .display-stories .wrapper-stories .story,
  .stories-grid-page .display-stories .wrapper-stories .boxStories {
    height: 250px !important;
  }
}
.stories-grid-page .display-stories .wrapper-stories .boxStories {
  width: 100px;
}
.stories-grid-page .display-stories .wrapper-stories .boxStories .add-my-story {
  border-bottom: 0;
  padding: 0;
}
.stories-grid-page
  .display-stories
  .wrapper-stories
  .boxStories
  .add-my-story
  .my_img {
  display: inline-flex;
}
.account-section {
  padding-bottom: 220px;
}
.account-section .display-title .name_step {
  font-size: 12px;
  color: var(--secondary);
  display: block;
  margin-bottom: 4px;
}
.account-section .display-title h1 {
  font-size: 20px;
  font-weight: 600;
  color: var(--dark);
  margin: 0;
}
.account-section .display-title p {
  margin-top: 4px;
  font-size: 14px;
  color: var(--secondary);
  margin-bottom: 0;
}
.account-section .connect-with-apps {
  display: flex;
  align-items: center;
  column-gap: 14px;
  row-gap: 10px;
  margin-top: 24px;
}
.account-section .connect-with-apps a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
}
.account-section .connect-with-apps a.apple {
  background-color: #0e0e0e;
}
.account-section .connect-with-apps a.google {
  border: 1px solid var(--gray-200);
}
.account-section .connect-with-apps a.google img {
  width: 24px;
  height: 24px;
}
.account-section .connect-with-apps a.facebook {
  background-color: #395aff;
}
.account-section .dividar_or {
  border-bottom: 1px solid var(--gray-200);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
.account-section .dividar_or span {
  position: absolute;
  display: block;
  font-size: 13px;
  color: var(--secondary);
  background-color: var(--white);
  padding: 0 14px;
}
.account-section .display_user_account {
  margin-top: 24px;
  display: flex;
  align-items: center;
  column-gap: 14px;
  row-gap: 10px;
}
.account-section .display_user_account .img_user {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.account-section .display_user_account .display-text h2 {
  font-size: 12px;
  color: var(--secondary);
  font-weight: 500;
  margin-bottom: 4px;
}
.account-section .display_user_account .display-text p {
  font-size: 14px;
  color: var(--dark);
  margin: 0;
}
.account-section .form-verification-code .form-group .input_group {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 12px;
}
.account-section .form-verification-code .form-group .input_group input {
  width: 52px;
  height: 64px;
  font-size: 22px;
  font-weight: 600;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  padding: 0;
}
.account-section .form-verification-code .countdown_code {
  margin-top: 30px;
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.account-section .form-verification-code .countdown_code .text_count {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 400;
  margin: 0;
}
.account-section .form-verification-code .countdown_code .btn-resend {
  font-size: 13px;
  font-weight: 500;
  color: var(--dark);
  padding: 8px 20px;
  background-color: var(--light);
  border-radius: 50px;
}
.footer-account {
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--white);
  padding: 20px 0;
}
.footer-account .display-actions {
  display: flex;
  text-align: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 34px;
}
.footer-account .support {
  margin-top: 28px;
}
.footer-account .support p {
  font-size: 14px;
  color: var(--secondary);
  margin-bottom: 0;
}
.footer-account .support p a {
  color: #395aff;
  text-decoration: none;
}
@-moz-document url-prefix() {
  .un-bottom-navigation.filter-blur .em_body_navigation {
    background: var(--white);
  }
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--white);
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--dark);
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  -ms-transition: 0.2s all;
  transition: 0.2s all;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body::-webkit-scrollbar {
  display: none;
}
html {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
#wrapper,
#content {
  width: 100%;
  height: 100%;
}
button,
input,
textarea {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.btn:hover {
  color: inherit;
}
.btn.focus,
.btn:focus {
  box-shadow: none !important;
  outline: 0 !important;
}
img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}
::selection {
  background-color: var(--dark);
  color: var(--white);
}
i {
  display: inline-block;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dividar {
  border-bottom: 1px solid var(--gray-200);
}
.loader-page {
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  z-index: 9999;
}
.loader-page.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
  pointer-events: none;
}
.spinner_flash {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: var(--dark);
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  -moz-animation: sk-scaleout 1s infinite ease-in-out;
  -o-animation: sk-scaleout 1s infinite ease-in-out;
  -ms-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.env-pb {
  padding-bottom: env(safe-area-inset-bottom);
}
.env-pt {
  padding-top: env(safe-area-inset-top);
}
.env-pr {
  padding-right: env(safe-area-inset-right);
}
.env-pl {
  padding-left: env(safe-area-inset-left);
}
@supports (-webkit-touch-callout: none) {
  .ios-env-pb {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
@supports (-webkit-touch-callout: none) {
  .ios-env-pt {
    padding-top: env(safe-area-inset-top);
  }
}
@supports (-webkit-touch-callout: none) {
  .ios-env-pr {
    padding-right: env(safe-area-inset-right);
  }
}
@supports (-webkit-touch-callout: none) {
  .ios-env-pl {
    padding-left: env(safe-area-inset-left);
  }
}
.border {
  border: 1px solid var(--gray-200) !important;
}
.scrollTop .scroll-top {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--gray-200);
  color: var(--dark);
  font-size: 22px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}
.scrollTop .scroll-top::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
}
.scrollTop .scroll-top.--center {
  left: 50%;
}
.scrollTop .scroll-top.--left {
  left: 30px;
  right: inherit;
}
.scrollTop .scroll-top.showButton {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.scrollspy-example {
  position: relative;
  height: 210px;
}
hr {
  background-color: var(--gray-200);
  opacity: 1;
}
.border-sections-home {
  border-bottom: 1px solid var(--gray-200);
  width: 100%;
}
[data-theme="dark"] {
  --white: #0e0e0e;
  --secondary: #807d96;
  --light: #2a283b;
  --dark: #dde1ec;
  --gray-200: #353246;
  --gray-300: #5b586e;
}
[data-theme="dark"] img:not([src*=".svg"]) {
  filter: grayscale(20%);
}
[data-theme="dark"] header.default .un-block-right .menu-sidebar .btn svg rect {
  fill: #fff;
}
[data-theme="dark"] header.default.border-b-gradient::before {
  background-image: linear-gradient(
    to right,
    #0e0e0e,
    #d977a7,
    #8272e1,
    #0e0e0e
  );
}
[data-theme="dark"] .un-bottom-navigation.filter-blur .em_body_navigation {
  background: rgba(34, 32, 50, 0.8);
}
[data-theme="dark"] .un-bottom-navigation .item_link .btn_navLink::after {
  background-color: #fff;
}
[data-theme="dark"]
  .un-bottom-navigation
  .item_link
  .btn_navLink.active
  .icon_active
  i {
  color: #fff;
}
[data-theme="dark"] .un-item-logo .logo-img.light-mode {
  display: none;
}
[data-theme="dark"] .un-item-logo .logo-img.dark-mode {
  display: block;
}
[data-theme="dark"] .sidebarMenu .modal-content .nav-link .xs-badge {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .un-navMenu-default .nav .nav-item .nav-link.visited {
  background-color: rgba(255, 255, 255, 0.015);
}
[data-theme="dark"] .nav-pilled-tab {
  background-color: #2c293e;
}
[data-theme="dark"] .slider-range-price .noUi-tooltip::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%278%27 viewBox=%270 0 16 8%27%3E%3Cpath id=%27Polygon_3%27 data-name=%27Polygon 3%27 d=%27M7.293.707a1,1,0,0,1,1.414,0l5.586,5.586A1,1,0,0,1,13.586,8H2.414a1,1,0,0,1-.707-1.707Z%27 transform=%27translate%2816 8%29 rotate%28180%29%27 fill=%27%237d7996%27/%3E%3C/svg%3E%0A");
}
[data-theme="dark"] .empty-items .empty-dark {
  display: inline-block;
}
[data-theme="dark"] .empty-items .empty-light {
  display: none;
}
[data-theme="dark"] .footer-pages-forms {
  background: rgba(34, 32, 50, 0.8);
}
[data-theme="dark"] .un-details-collectibles .footer {
  background: rgba(34, 32, 50, 0.8);
}
[data-theme="dark"]
  .sidebarMenu.-left
  .modal-dialog
  .modal-content
  .modal-header
  .cover-balance {
  background-color: #343247;
}
[data-theme="dark"] .text-dark {
  color: #fff !important;
}
[data-theme="dark"] .bg-white {
  background-color: #0e0e0e !important;
}
[data-theme="dark"]
  .un-creator-ptofile
  .body
  .item-followers
  .users-text
  .img-user
  .link {
  color: #fff;
  background-color: #3e3c4b;
}
[data-theme="dark"] .form-group .form-control:focus {
  border-color: #565567 !important;
}
[data-theme="dark"] .form-select option {
  color: #0e0e0e;
}
/* ==========================
   Global Light Mode Scrollbar Styles
   ========================== */

/* For WebKit Browsers (Chrome, Safari, Edge, Opera) */
::-webkit-scrollbar {
  width: 12px; /* vertical scrollbar width */
  height: 12px; /* horizontal scrollbar height */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* light track background */
}

::-webkit-scrollbar-thumb {
  background: #888; /* light thumb color */
  border-radius: 6px; /* rounded corners */
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* hover effect for thumb */
}

/* For Firefox (applies to all elements) */
* {
  scrollbar-width: thin; /* possible values: auto, thin, none */
  scrollbar-color: #888 #f1f1f1; /* thumb color, track color */
}

/* ==========================
   Dark Mode Scrollbar Styles
   ========================== */

/* These rules will take effect when a parent element (typically <html> or <body>)
   has the attribute data-theme="dark". Adjust the selectors as needed. */

/* For WebKit Browsers in Dark Mode */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #333; /* dark track background */
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #555; /* dark thumb color */
  border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #777; /* lighter on hover */
}

/* For Firefox in Dark Mode */
[data-theme="dark"] * {
  scrollbar-color: #555 #333; /* thumb color, track color */
}

.select-view-header {
  margin-top: 1rem;
}

body,
html {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dropdown-item.active {
  background-color: #007bff;
  color: white !important;
}

.legend {
  display: flex;
  justify-content: center;
}

.custom_loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

.logo-trading-hub {
  max-width: 20%;
  margin-right: 4rem;
}

.cupertino-pane {
  display: none;
}

/* Desktop Layout */
@media (min-width: 1201px) {
  */ .cupertino-pane {
    display: none !important;
  }

  #mobile-bot-div {
    display: none;
  }
}

/* Mobile Layout */
@media (max-width: 1200px) {
  .trading-hub-left-div.desktop {
    display: none !important;
  }

  .trading-hub-left-div {
    max-height: 80dvh;
    overflow-y: hidden;
  }

  .row {
    --bs-gutter-x: 0.5rem;
    margin-left: 0;
  }
  .margin-dt-60 {
    margin-top: 60px !important;
  }

  .profit-indicator {
    bottom: 265px !important;
  }
}

@media (max-width: 2000px) {
  .py-3 {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
  }
}

.profit-indicator {
  position: fixed; /* This will keep the element in the same position regardless of scrolling */
  bottom: -6px;
  right: 0px;
  margin: 1rem;
  z-index: 999;
}

/* Default size for desktop */
.lottie-animation-stop-loss {
  width: 250px;
  height: 200px;
  margin-bottom: 1em;
}

/* Smaller size for mobile screens */
@media (max-width: 1200px) {
  .lottie-animation-stop-loss {
    width: 150px;
    height: 120px;
    margin-bottom: 0.5em;
  }
}

@media (max-width: 1200px) {
  .text-small {
    font-size: x-small !important;
  }

  .text-small * {
    font-size: x-small !important;
  }

  .newTransactionSection {
    overflow-y: auto;
    max-height: 60dvh;
  }
}

@media (min-width: 1201px) {
  .newTransactionSection {
    overflow-y: auto;
    max-height: 73dvh;
  }
}

.token-manager-single {
  padding: 10px;
  border-radius: 10px;
}

.loader {
  display: inline-block;
  font-size: 14px;
  color: #007bff;
  /* Spinner color */
  vertical-align: middle;
}

.ri-star-line {
  color: gold;
  font-size: large !important;
}

.ri-star-fill {
  color: gold;
  font-size: large !important;
}

/* added this to make sure table content is legible in dark mode */
[data-theme="dark"] .table {
  color: white;
}

/* Dark mode styles */
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: white; /* Change the text color to white in dark mode */
}

/* Dark mode styles */
[data-theme="dark"] .btn-close {
  filter: invert(1); /* Inverts the color of the "X" */
}

[data-theme="dark"] .cupertino-pane-wrapper .pane {
  background: #0e0e0e;
}

[data-theme="dark"] .grid-container {
  background: #0e0e0e;
}

[data-theme="dark"] .grid-cell {
  background: #0e0e0e;
}

[data-theme="dark"] .bg-light {
  background-color: #0e0e0e !important;
}

.desktop-transactions-div {
  overflow-y: auto;
  max-height: 29vh;
}

/* Dark mode styles */
[data-theme="dark"] .chat-container {
  background: #0e0e0e;
}

@media (min-width: 768px) {
  .col-md-10 {
    flex: 0 0 auto;
    width: 77.333333%;
  }
}

@media (min-width: 768px) {
  .col-md-2 {
    flex: 0 0 auto;
    width: 22.666667%;
  }
}

.bot-div-desktop {
  max-height: 100dvh;
  overflow-y: auto;
}

.trading-view-chart {
  height: 93dvh;
  width: 100%;
  margin: 5px auto;
}

flt-glass-pane {
  position: relative !important;
}

#view-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 300px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  margin: 20px 18px;
}

.placeholder-content {
  text-align: center;
  max-width: 400px;
  padding: 24px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.switch-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.switch-view-btn {
  padding: 8px 16px;
  background-color: transparent;
  color: #333;
  border: 2px solid #333;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  display: none;
}

/* Dark mode styles */
[data-theme="dark"] #view-placeholder {
  background-color: #1a1a1a;
  border: 1px solid #333333;
}

[data-theme="dark"] .placeholder-content {
  background-color: #0e0e0e;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .switch-view-btn {
  color: #ffffff;
  border: 2px solid #ffffff;
}

[data-theme="dark"] .switch-image {
  filter: brightness(0.8);
}

.connection-status {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 5px;
  border-radius: 4px;
  font-size: 14px;
}
.status-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 8px;
}
.connection-status.connected .status-dot {
  background-color: #4caf50;
}
.connection-status.disconnected .status-dot {
  background-color: #ff5252;
}
.connection-status.reconnecting .status-dot {
  background-color: #ffc107;
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.reconnect-button {
  margin-left: 10px;
  padding: 2px 8px;
  background-color: #2196f3;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: none;
}
.connection-status.disconnected .reconnect-button {
  display: inline-block;
}

@font-face {
  font-family: remixicon;
  src: url(/assets/fonts/remixicon.eot);
  src: url(/assets/fonts/remixicon.eot#iefix)
      format("embedded-opentype"),
    url(/assets/fonts/remixicon.woff2) format("woff2"),
    url(/assets/fonts/remixicon.woff) format("woff"),
    url(/assets/fonts/remixicon.ttf) format("truetype"),
    url(/assets/fonts/remixicon.svg?t=1590207869815#remixicon)
      format("svg");
  font-display: swap;
}
[class*=" ri-"],
[class^="ri-"] {
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ri-lg {
  font-size: 1.3333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.ri-xl {
  font-size: 1.5em;
  line-height: 0.6666em;
  vertical-align: -0.075em;
}
.ri-xxs {
  font-size: 0.5em;
}
.ri-xs {
  font-size: 0.75em;
}
.ri-sm {
  font-size: 0.875em;
}
.ri-1x {
  font-size: 1em;
}
.ri-2x {
  font-size: 2em;
}
.ri-3x {
  font-size: 3em;
}
.ri-4x {
  font-size: 4em;
}
.ri-5x {
  font-size: 5em;
}
.ri-6x {
  font-size: 6em;
}
.ri-7x {
  font-size: 7em;
}
.ri-8x {
  font-size: 8em;
}
.ri-9x {
  font-size: 9em;
}
.ri-10x {
  font-size: 10em;
}
.ri-fw {
  text-align: center;
  width: 1.25em;
}
.ri-24-hours-fill:before {
  content: "\ea01";
}
.ri-24-hours-line:before {
  content: "\ea02";
}
.ri-4k-fill:before {
  content: "\ea03";
}
.ri-4k-line:before {
  content: "\ea04";
}
.ri-a-b:before {
  content: "\ea05";
}
.ri-account-box-fill:before {
  content: "\ea06";
}
.ri-account-box-line:before {
  content: "\ea07";
}
.ri-account-circle-fill:before {
  content: "\ea08";
}
.ri-account-circle-line:before {
  content: "\ea09";
}
.ri-account-pin-box-fill:before {
  content: "\ea0a";
}
.ri-account-pin-box-line:before {
  content: "\ea0b";
}
.ri-account-pin-circle-fill:before {
  content: "\ea0c";
}
.ri-account-pin-circle-line:before {
  content: "\ea0d";
}
.ri-add-box-fill:before {
  content: "\ea0e";
}
.ri-add-box-line:before {
  content: "\ea0f";
}
.ri-add-circle-fill:before {
  content: "\ea10";
}
.ri-add-circle-line:before {
  content: "\ea11";
}
.ri-add-fill:before {
  content: "\ea12";
}
.ri-add-line:before {
  content: "\ea13";
}
.ri-admin-fill:before {
  content: "\ea14";
}
.ri-admin-line:before {
  content: "\ea15";
}
.ri-advertisement-fill:before {
  content: "\ea16";
}
.ri-advertisement-line:before {
  content: "\ea17";
}
.ri-airplay-fill:before {
  content: "\ea18";
}
.ri-airplay-line:before {
  content: "\ea19";
}
.ri-alarm-fill:before {
  content: "\ea1a";
}
.ri-alarm-line:before {
  content: "\ea1b";
}
.ri-alarm-warning-fill:before {
  content: "\ea1c";
}
.ri-alarm-warning-line:before {
  content: "\ea1d";
}
.ri-album-fill:before {
  content: "\ea1e";
}
.ri-album-line:before {
  content: "\ea1f";
}
.ri-alert-fill:before {
  content: "\ea20";
}
.ri-alert-line:before {
  content: "\ea21";
}
.ri-aliens-fill:before {
  content: "\ea22";
}
.ri-aliens-line:before {
  content: "\ea23";
}
.ri-align-bottom:before {
  content: "\ea24";
}
.ri-align-center:before {
  content: "\ea25";
}
.ri-align-justify:before {
  content: "\ea26";
}
.ri-align-left:before {
  content: "\ea27";
}
.ri-align-right:before {
  content: "\ea28";
}
.ri-align-top:before {
  content: "\ea29";
}
.ri-align-vertically:before {
  content: "\ea2a";
}
.ri-alipay-fill:before {
  content: "\ea2b";
}
.ri-alipay-line:before {
  content: "\ea2c";
}
.ri-amazon-fill:before {
  content: "\ea2d";
}
.ri-amazon-line:before {
  content: "\ea2e";
}
.ri-anchor-fill:before {
  content: "\ea2f";
}
.ri-anchor-line:before {
  content: "\ea30";
}
.ri-ancient-gate-fill:before {
  content: "\ea31";
}
.ri-ancient-gate-line:before {
  content: "\ea32";
}
.ri-ancient-pavilion-fill:before {
  content: "\ea33";
}
.ri-ancient-pavilion-line:before {
  content: "\ea34";
}
.ri-android-fill:before {
  content: "\ea35";
}
.ri-android-line:before {
  content: "\ea36";
}
.ri-angularjs-fill:before {
  content: "\ea37";
}
.ri-angularjs-line:before {
  content: "\ea38";
}
.ri-anticlockwise-2-fill:before {
  content: "\ea39";
}
.ri-anticlockwise-2-line:before {
  content: "\ea3a";
}
.ri-anticlockwise-fill:before {
  content: "\ea3b";
}
.ri-anticlockwise-line:before {
  content: "\ea3c";
}
.ri-app-store-fill:before {
  content: "\ea3d";
}
.ri-app-store-line:before {
  content: "\ea3e";
}
.ri-apple-fill:before {
  content: "\ea3f";
}
.ri-apple-line:before {
  content: "\ea40";
}
.ri-apps-2-fill:before {
  content: "\ea41";
}
.ri-apps-2-line:before {
  content: "\ea42";
}
.ri-apps-fill:before {
  content: "\ea43";
}
.ri-apps-line:before {
  content: "\ea44";
}
.ri-archive-drawer-fill:before {
  content: "\ea45";
}
.ri-archive-drawer-line:before {
  content: "\ea46";
}
.ri-archive-fill:before {
  content: "\ea47";
}
.ri-archive-line:before {
  content: "\ea48";
}
.ri-arrow-down-circle-fill:before {
  content: "\ea49";
}
.ri-arrow-down-circle-line:before {
  content: "\ea4a";
}
.ri-arrow-down-fill:before {
  content: "\ea4b";
}
.ri-arrow-down-line:before {
  content: "\ea4c";
}
.ri-arrow-down-s-fill:before {
  content: "\ea4d";
}
.ri-arrow-down-s-line:before {
  content: "\ea4e";
}
.ri-arrow-drop-down-fill:before {
  content: "\ea4f";
}
.ri-arrow-drop-down-line:before {
  content: "\ea50";
}
.ri-arrow-drop-left-fill:before {
  content: "\ea51";
}
.ri-arrow-drop-left-line:before {
  content: "\ea52";
}
.ri-arrow-drop-right-fill:before {
  content: "\ea53";
}
.ri-arrow-drop-right-line:before {
  content: "\ea54";
}
.ri-arrow-drop-up-fill:before {
  content: "\ea55";
}
.ri-arrow-drop-up-line:before {
  content: "\ea56";
}
.ri-arrow-go-back-fill:before {
  content: "\ea57";
}
.ri-arrow-go-back-line:before {
  content: "\ea58";
}
.ri-arrow-go-forward-fill:before {
  content: "\ea59";
}
.ri-arrow-go-forward-line:before {
  content: "\ea5a";
}
.ri-arrow-left-circle-fill:before {
  content: "\ea5b";
}
.ri-arrow-left-circle-line:before {
  content: "\ea5c";
}
.ri-arrow-left-down-fill:before {
  content: "\ea5d";
}
.ri-arrow-left-down-line:before {
  content: "\ea5e";
}
.ri-arrow-left-fill:before {
  content: "\ea5f";
}
.ri-arrow-left-line:before {
  content: "\ea60";
}
.ri-arrow-left-right-fill:before {
  content: "\ea61";
}
.ri-arrow-left-right-line:before {
  content: "\ea62";
}
.ri-arrow-left-s-fill:before {
  content: "\ea63";
}
.ri-arrow-left-s-line:before {
  content: "\ea64";
}
.ri-arrow-left-up-fill:before {
  content: "\ea65";
}
.ri-arrow-left-up-line:before {
  content: "\ea66";
}
.ri-arrow-right-circle-fill:before {
  content: "\ea67";
}
.ri-arrow-right-circle-line:before {
  content: "\ea68";
}
.ri-arrow-right-down-fill:before {
  content: "\ea69";
}
.ri-arrow-right-down-line:before {
  content: "\ea6a";
}
.ri-arrow-right-fill:before {
  content: "\ea6b";
}
.ri-arrow-right-line:before {
  content: "\ea6c";
}
.ri-arrow-right-s-fill:before {
  content: "\ea6d";
}
.ri-arrow-right-s-line:before {
  content: "\ea6e";
}
.ri-arrow-right-up-fill:before {
  content: "\ea6f";
}
.ri-arrow-right-up-line:before {
  content: "\ea70";
}
.ri-arrow-up-circle-fill:before {
  content: "\ea71";
}
.ri-arrow-up-circle-line:before {
  content: "\ea72";
}
.ri-arrow-up-down-fill:before {
  content: "\ea73";
}
.ri-arrow-up-down-line:before {
  content: "\ea74";
}
.ri-arrow-up-fill:before {
  content: "\ea75";
}
.ri-arrow-up-line:before {
  content: "\ea76";
}
.ri-arrow-up-s-fill:before {
  content: "\ea77";
}
.ri-arrow-up-s-line:before {
  content: "\ea78";
}
.ri-artboard-2-fill:before {
  content: "\ea79";
}
.ri-artboard-2-line:before {
  content: "\ea7a";
}
.ri-artboard-fill:before {
  content: "\ea7b";
}
.ri-artboard-line:before {
  content: "\ea7c";
}
.ri-article-fill:before {
  content: "\ea7d";
}
.ri-article-line:before {
  content: "\ea7e";
}
.ri-aspect-ratio-fill:before {
  content: "\ea7f";
}
.ri-aspect-ratio-line:before {
  content: "\ea80";
}
.ri-asterisk:before {
  content: "\ea81";
}
.ri-at-fill:before {
  content: "\ea82";
}
.ri-at-line:before {
  content: "\ea83";
}
.ri-attachment-2:before {
  content: "\ea84";
}
.ri-attachment-fill:before {
  content: "\ea85";
}
.ri-attachment-line:before {
  content: "\ea86";
}
.ri-auction-fill:before {
  content: "\ea87";
}
.ri-auction-line:before {
  content: "\ea88";
}
.ri-award-fill:before {
  content: "\ea89";
}
.ri-award-line:before {
  content: "\ea8a";
}
.ri-baidu-fill:before {
  content: "\ea8b";
}
.ri-baidu-line:before {
  content: "\ea8c";
}
.ri-ball-pen-fill:before {
  content: "\ea8d";
}
.ri-ball-pen-line:before {
  content: "\ea8e";
}
.ri-bank-card-2-fill:before {
  content: "\ea8f";
}
.ri-bank-card-2-line:before {
  content: "\ea90";
}
.ri-bank-card-fill:before {
  content: "\ea91";
}
.ri-bank-card-line:before {
  content: "\ea92";
}
.ri-bank-fill:before {
  content: "\ea93";
}
.ri-bank-line:before {
  content: "\ea94";
}
.ri-bar-chart-2-fill:before {
  content: "\ea95";
}
.ri-bar-chart-2-line:before {
  content: "\ea96";
}
.ri-bar-chart-box-fill:before {
  content: "\ea97";
}
.ri-bar-chart-box-line:before {
  content: "\ea98";
}
.ri-bar-chart-fill:before {
  content: "\ea99";
}
.ri-bar-chart-grouped-fill:before {
  content: "\ea9a";
}
.ri-bar-chart-grouped-line:before {
  content: "\ea9b";
}
.ri-bar-chart-horizontal-fill:before {
  content: "\ea9c";
}
.ri-bar-chart-horizontal-line:before {
  content: "\ea9d";
}
.ri-bar-chart-line:before {
  content: "\ea9e";
}
.ri-barcode-box-fill:before {
  content: "\ea9f";
}
.ri-barcode-box-line:before {
  content: "\eaa0";
}
.ri-barcode-fill:before {
  content: "\eaa1";
}
.ri-barcode-line:before {
  content: "\eaa2";
}
.ri-barricade-fill:before {
  content: "\eaa3";
}
.ri-barricade-line:before {
  content: "\eaa4";
}
.ri-base-station-fill:before {
  content: "\eaa5";
}
.ri-base-station-line:before {
  content: "\eaa6";
}
.ri-basketball-fill:before {
  content: "\eaa7";
}
.ri-basketball-line:before {
  content: "\eaa8";
}
.ri-battery-2-charge-fill:before {
  content: "\eaa9";
}
.ri-battery-2-charge-line:before {
  content: "\eaaa";
}
.ri-battery-2-fill:before {
  content: "\eaab";
}
.ri-battery-2-line:before {
  content: "\eaac";
}
.ri-battery-charge-fill:before {
  content: "\eaad";
}
.ri-battery-charge-line:before {
  content: "\eaae";
}
.ri-battery-fill:before {
  content: "\eaaf";
}
.ri-battery-line:before {
  content: "\eab0";
}
.ri-battery-low-fill:before {
  content: "\eab1";
}
.ri-battery-low-line:before {
  content: "\eab2";
}
.ri-battery-saver-fill:before {
  content: "\eab3";
}
.ri-battery-saver-line:before {
  content: "\eab4";
}
.ri-battery-share-fill:before {
  content: "\eab5";
}
.ri-battery-share-line:before {
  content: "\eab6";
}
.ri-bear-smile-fill:before {
  content: "\eab7";
}
.ri-bear-smile-line:before {
  content: "\eab8";
}
.ri-behance-fill:before {
  content: "\eab9";
}
.ri-behance-line:before {
  content: "\eaba";
}
.ri-bell-fill:before {
  content: "\eabb";
}
.ri-bell-line:before {
  content: "\eabc";
}
.ri-bike-fill:before {
  content: "\eabd";
}
.ri-bike-line:before {
  content: "\eabe";
}
.ri-bilibili-fill:before {
  content: "\eabf";
}
.ri-bilibili-line:before {
  content: "\eac0";
}
.ri-bill-fill:before {
  content: "\eac1";
}
.ri-bill-line:before {
  content: "\eac2";
}
.ri-billiards-fill:before {
  content: "\eac3";
}
.ri-billiards-line:before {
  content: "\eac4";
}
.ri-bit-coin-fill:before {
  content: "\eac5";
}
.ri-bit-coin-line:before {
  content: "\eac6";
}
.ri-blaze-fill:before {
  content: "\eac7";
}
.ri-blaze-line:before {
  content: "\eac8";
}
.ri-bluetooth-connect-fill:before {
  content: "\eac9";
}
.ri-bluetooth-connect-line:before {
  content: "\eaca";
}
.ri-bluetooth-fill:before {
  content: "\eacb";
}
.ri-bluetooth-line:before {
  content: "\eacc";
}
.ri-blur-off-fill:before {
  content: "\eacd";
}
.ri-blur-off-line:before {
  content: "\eace";
}
.ri-body-scan-fill:before {
  content: "\eacf";
}
.ri-body-scan-line:before {
  content: "\ead0";
}
.ri-bold:before {
  content: "\ead1";
}
.ri-book-2-fill:before {
  content: "\ead2";
}
.ri-book-2-line:before {
  content: "\ead3";
}
.ri-book-3-fill:before {
  content: "\ead4";
}
.ri-book-3-line:before {
  content: "\ead5";
}
.ri-book-fill:before {
  content: "\ead6";
}
.ri-book-line:before {
  content: "\ead7";
}
.ri-book-mark-fill:before {
  content: "\ead8";
}
.ri-book-mark-line:before {
  content: "\ead9";
}
.ri-book-open-fill:before {
  content: "\eada";
}
.ri-book-open-line:before {
  content: "\eadb";
}
.ri-book-read-fill:before {
  content: "\eadc";
}
.ri-book-read-line:before {
  content: "\eadd";
}
.ri-booklet-fill:before {
  content: "\eade";
}
.ri-booklet-line:before {
  content: "\eadf";
}
.ri-bookmark-2-fill:before {
  content: "\eae0";
}
.ri-bookmark-2-line:before {
  content: "\eae1";
}
.ri-bookmark-3-fill:before {
  content: "\eae2";
}
.ri-bookmark-3-line:before {
  content: "\eae3";
}
.ri-bookmark-fill:before {
  content: "\eae4";
}
.ri-bookmark-line:before {
  content: "\eae5";
}
.ri-boxing-fill:before {
  content: "\eae6";
}
.ri-boxing-line:before {
  content: "\eae7";
}
.ri-braces-fill:before {
  content: "\eae8";
}
.ri-braces-line:before {
  content: "\eae9";
}
.ri-brackets-fill:before {
  content: "\eaea";
}
.ri-brackets-line:before {
  content: "\eaeb";
}
.ri-briefcase-2-fill:before {
  content: "\eaec";
}
.ri-briefcase-2-line:before {
  content: "\eaed";
}
.ri-briefcase-3-fill:before {
  content: "\eaee";
}
.ri-briefcase-3-line:before {
  content: "\eaef";
}
.ri-briefcase-4-fill:before {
  content: "\eaf0";
}
.ri-briefcase-4-line:before {
  content: "\eaf1";
}
.ri-briefcase-5-fill:before {
  content: "\eaf2";
}
.ri-briefcase-5-line:before {
  content: "\eaf3";
}
.ri-briefcase-fill:before {
  content: "\eaf4";
}
.ri-briefcase-line:before {
  content: "\eaf5";
}
.ri-bring-forward:before {
  content: "\eaf6";
}
.ri-bring-to-front:before {
  content: "\eaf7";
}
.ri-broadcast-fill:before {
  content: "\eaf8";
}
.ri-broadcast-line:before {
  content: "\eaf9";
}
.ri-brush-2-fill:before {
  content: "\eafa";
}
.ri-brush-2-line:before {
  content: "\eafb";
}
.ri-brush-3-fill:before {
  content: "\eafc";
}
.ri-brush-3-line:before {
  content: "\eafd";
}
.ri-brush-4-fill:before {
  content: "\eafe";
}
.ri-brush-4-line:before {
  content: "\eaff";
}
.ri-brush-fill:before {
  content: "\eb00";
}
.ri-brush-line:before {
  content: "\eb01";
}
.ri-bubble-chart-fill:before {
  content: "\eb02";
}
.ri-bubble-chart-line:before {
  content: "\eb03";
}
.ri-bug-2-fill:before {
  content: "\eb04";
}
.ri-bug-2-line:before {
  content: "\eb05";
}
.ri-bug-fill:before {
  content: "\eb06";
}
.ri-bug-line:before {
  content: "\eb07";
}
.ri-building-2-fill:before {
  content: "\eb08";
}
.ri-building-2-line:before {
  content: "\eb09";
}
.ri-building-3-fill:before {
  content: "\eb0a";
}
.ri-building-3-line:before {
  content: "\eb0b";
}
.ri-building-4-fill:before {
  content: "\eb0c";
}
.ri-building-4-line:before {
  content: "\eb0d";
}
.ri-building-fill:before {
  content: "\eb0e";
}
.ri-building-line:before {
  content: "\eb0f";
}
.ri-bus-2-fill:before {
  content: "\eb10";
}
.ri-bus-2-line:before {
  content: "\eb11";
}
.ri-bus-fill:before {
  content: "\eb12";
}
.ri-bus-line:before {
  content: "\eb13";
}
.ri-bus-wifi-fill:before {
  content: "\eb14";
}
.ri-bus-wifi-line:before {
  content: "\eb15";
}
.ri-cactus-fill:before {
  content: "\eb16";
}
.ri-cactus-line:before {
  content: "\eb17";
}
.ri-cake-2-fill:before {
  content: "\eb18";
}
.ri-cake-2-line:before {
  content: "\eb19";
}
.ri-cake-3-fill:before {
  content: "\eb1a";
}
.ri-cake-3-line:before {
  content: "\eb1b";
}
.ri-cake-fill:before {
  content: "\eb1c";
}
.ri-cake-line:before {
  content: "\eb1d";
}
.ri-calculator-fill:before {
  content: "\eb1e";
}
.ri-calculator-line:before {
  content: "\eb1f";
}
.ri-calendar-2-fill:before {
  content: "\eb20";
}
.ri-calendar-2-line:before {
  content: "\eb21";
}
.ri-calendar-check-fill:before {
  content: "\eb22";
}
.ri-calendar-check-line:before {
  content: "\eb23";
}
.ri-calendar-event-fill:before {
  content: "\eb24";
}
.ri-calendar-event-line:before {
  content: "\eb25";
}
.ri-calendar-fill:before {
  content: "\eb26";
}
.ri-calendar-line:before {
  content: "\eb27";
}
.ri-calendar-todo-fill:before {
  content: "\eb28";
}
.ri-calendar-todo-line:before {
  content: "\eb29";
}
.ri-camera-2-fill:before {
  content: "\eb2a";
}
.ri-camera-2-line:before {
  content: "\eb2b";
}
.ri-camera-3-fill:before {
  content: "\eb2c";
}
.ri-camera-3-line:before {
  content: "\eb2d";
}
.ri-camera-fill:before {
  content: "\eb2e";
}
.ri-camera-lens-fill:before {
  content: "\eb2f";
}
.ri-camera-lens-line:before {
  content: "\eb30";
}
.ri-camera-line:before {
  content: "\eb31";
}
.ri-camera-off-fill:before {
  content: "\eb32";
}
.ri-camera-off-line:before {
  content: "\eb33";
}
.ri-camera-switch-fill:before {
  content: "\eb34";
}
.ri-camera-switch-line:before {
  content: "\eb35";
}
.ri-capsule-fill:before {
  content: "\eb36";
}
.ri-capsule-line:before {
  content: "\eb37";
}
.ri-car-fill:before {
  content: "\eb38";
}
.ri-car-line:before {
  content: "\eb39";
}
.ri-car-washing-fill:before {
  content: "\eb3a";
}
.ri-car-washing-line:before {
  content: "\eb3b";
}
.ri-caravan-fill:before {
  content: "\eb3c";
}
.ri-caravan-line:before {
  content: "\eb3d";
}
.ri-cast-fill:before {
  content: "\eb3e";
}
.ri-cast-line:before {
  content: "\eb3f";
}
.ri-cellphone-fill:before {
  content: "\eb40";
}
.ri-cellphone-line:before {
  content: "\eb41";
}
.ri-celsius-fill:before {
  content: "\eb42";
}
.ri-celsius-line:before {
  content: "\eb43";
}
.ri-centos-fill:before {
  content: "\eb44";
}
.ri-centos-line:before {
  content: "\eb45";
}
.ri-character-recognition-fill:before {
  content: "\eb46";
}
.ri-character-recognition-line:before {
  content: "\eb47";
}
.ri-charging-pile-2-fill:before {
  content: "\eb48";
}
.ri-charging-pile-2-line:before {
  content: "\eb49";
}
.ri-charging-pile-fill:before {
  content: "\eb4a";
}
.ri-charging-pile-line:before {
  content: "\eb4b";
}
.ri-chat-1-fill:before {
  content: "\eb4c";
}
.ri-chat-1-line:before {
  content: "\eb4d";
}
.ri-chat-2-fill:before {
  content: "\eb4e";
}
.ri-chat-2-line:before {
  content: "\eb4f";
}
.ri-chat-3-fill:before {
  content: "\eb50";
}
.ri-chat-3-line:before {
  content: "\eb51";
}
.ri-chat-4-fill:before {
  content: "\eb52";
}
.ri-chat-4-line:before {
  content: "\eb53";
}
.ri-chat-check-fill:before {
  content: "\eb54";
}
.ri-chat-check-line:before {
  content: "\eb55";
}
.ri-chat-delete-fill:before {
  content: "\eb56";
}
.ri-chat-delete-line:before {
  content: "\eb57";
}
.ri-chat-download-fill:before {
  content: "\eb58";
}
.ri-chat-download-line:before {
  content: "\eb59";
}
.ri-chat-follow-up-fill:before {
  content: "\eb5a";
}
.ri-chat-follow-up-line:before {
  content: "\eb5b";
}
.ri-chat-forward-fill:before {
  content: "\eb5c";
}
.ri-chat-forward-line:before {
  content: "\eb5d";
}
.ri-chat-heart-fill:before {
  content: "\eb5e";
}
.ri-chat-heart-line:before {
  content: "\eb5f";
}
.ri-chat-history-fill:before {
  content: "\eb60";
}
.ri-chat-history-line:before {
  content: "\eb61";
}
.ri-chat-new-fill:before {
  content: "\eb62";
}
.ri-chat-new-line:before {
  content: "\eb63";
}
.ri-chat-off-fill:before {
  content: "\eb64";
}
.ri-chat-off-line:before {
  content: "\eb65";
}
.ri-chat-poll-fill:before {
  content: "\eb66";
}
.ri-chat-poll-line:before {
  content: "\eb67";
}
.ri-chat-private-fill:before {
  content: "\eb68";
}
.ri-chat-private-line:before {
  content: "\eb69";
}
.ri-chat-quote-fill:before {
  content: "\eb6a";
}
.ri-chat-quote-line:before {
  content: "\eb6b";
}
.ri-chat-settings-fill:before {
  content: "\eb6c";
}
.ri-chat-settings-line:before {
  content: "\eb6d";
}
.ri-chat-smile-2-fill:before {
  content: "\eb6e";
}
.ri-chat-smile-2-line:before {
  content: "\eb6f";
}
.ri-chat-smile-3-fill:before {
  content: "\eb70";
}
.ri-chat-smile-3-line:before {
  content: "\eb71";
}
.ri-chat-smile-fill:before {
  content: "\eb72";
}
.ri-chat-smile-line:before {
  content: "\eb73";
}
.ri-chat-upload-fill:before {
  content: "\eb74";
}
.ri-chat-upload-line:before {
  content: "\eb75";
}
.ri-chat-voice-fill:before {
  content: "\eb76";
}
.ri-chat-voice-line:before {
  content: "\eb77";
}
.ri-check-double-fill:before {
  content: "\eb78";
}
.ri-check-double-line:before {
  content: "\eb79";
}
.ri-check-fill:before {
  content: "\eb7a";
}
.ri-check-line:before {
  content: "\eb7b";
}
.ri-checkbox-blank-circle-fill:before {
  content: "\eb7c";
}
.ri-checkbox-blank-circle-line:before {
  content: "\eb7d";
}
.ri-checkbox-blank-fill:before {
  content: "\eb7e";
}
.ri-checkbox-blank-line:before {
  content: "\eb7f";
}
.ri-checkbox-circle-fill:before {
  content: "\eb80";
}
.ri-checkbox-circle-line:before {
  content: "\eb81";
}
.ri-checkbox-fill:before {
  content: "\eb82";
}
.ri-checkbox-indeterminate-fill:before {
  content: "\eb83";
}
.ri-checkbox-indeterminate-line:before {
  content: "\eb84";
}
.ri-checkbox-line:before {
  content: "\eb85";
}
.ri-checkbox-multiple-blank-fill:before {
  content: "\eb86";
}
.ri-checkbox-multiple-blank-line:before {
  content: "\eb87";
}
.ri-checkbox-multiple-fill:before {
  content: "\eb88";
}
.ri-checkbox-multiple-line:before {
  content: "\eb89";
}
.ri-china-railway-fill:before {
  content: "\eb8a";
}
.ri-china-railway-line:before {
  content: "\eb8b";
}
.ri-chrome-fill:before {
  content: "\eb8c";
}
.ri-chrome-line:before {
  content: "\eb8d";
}
.ri-clapperboard-fill:before {
  content: "\eb8e";
}
.ri-clapperboard-line:before {
  content: "\eb8f";
}
.ri-clipboard-fill:before {
  content: "\eb90";
}
.ri-clipboard-line:before {
  content: "\eb91";
}
.ri-clockwise-2-fill:before {
  content: "\eb92";
}
.ri-clockwise-2-line:before {
  content: "\eb93";
}
.ri-clockwise-fill:before {
  content: "\eb94";
}
.ri-clockwise-line:before {
  content: "\eb95";
}
.ri-close-circle-fill:before {
  content: "\eb96";
}
.ri-close-circle-line:before {
  content: "\eb97";
}
.ri-close-fill:before {
  content: "\eb98";
}
.ri-close-line:before {
  content: "\eb99";
}
.ri-closed-captioning-fill:before {
  content: "\eb9a";
}
.ri-closed-captioning-line:before {
  content: "\eb9b";
}
.ri-cloud-fill:before {
  content: "\eb9c";
}
.ri-cloud-line:before {
  content: "\eb9d";
}
.ri-cloud-off-fill:before {
  content: "\eb9e";
}
.ri-cloud-off-line:before {
  content: "\eb9f";
}
.ri-cloud-windy-fill:before {
  content: "\eba0";
}
.ri-cloud-windy-line:before {
  content: "\eba1";
}
.ri-cloudy-2-fill:before {
  content: "\eba2";
}
.ri-cloudy-2-line:before {
  content: "\eba3";
}
.ri-cloudy-fill:before {
  content: "\eba4";
}
.ri-cloudy-line:before {
  content: "\eba5";
}
.ri-code-box-fill:before {
  content: "\eba6";
}
.ri-code-box-line:before {
  content: "\eba7";
}
.ri-code-fill:before {
  content: "\eba8";
}
.ri-code-line:before {
  content: "\eba9";
}
.ri-code-s-fill:before {
  content: "\ebaa";
}
.ri-code-s-line:before {
  content: "\ebab";
}
.ri-code-s-slash-fill:before {
  content: "\ebac";
}
.ri-code-s-slash-line:before {
  content: "\ebad";
}
.ri-code-view:before {
  content: "\ebae";
}
.ri-codepen-fill:before {
  content: "\ebaf";
}
.ri-codepen-line:before {
  content: "\ebb0";
}
.ri-coin-fill:before {
  content: "\ebb1";
}
.ri-coin-line:before {
  content: "\ebb2";
}
.ri-coins-fill:before {
  content: "\ebb3";
}
.ri-coins-line:before {
  content: "\ebb4";
}
.ri-collage-fill:before {
  content: "\ebb5";
}
.ri-collage-line:before {
  content: "\ebb6";
}
.ri-command-fill:before {
  content: "\ebb7";
}
.ri-command-line:before {
  content: "\ebb8";
}
.ri-community-fill:before {
  content: "\ebb9";
}
.ri-community-line:before {
  content: "\ebba";
}
.ri-compass-2-fill:before {
  content: "\ebbb";
}
.ri-compass-2-line:before {
  content: "\ebbc";
}
.ri-compass-3-fill:before {
  content: "\ebbd";
}
.ri-compass-3-line:before {
  content: "\ebbe";
}
.ri-compass-4-fill:before {
  content: "\ebbf";
}
.ri-compass-4-line:before {
  content: "\ebc0";
}
.ri-compass-discover-fill:before {
  content: "\ebc1";
}
.ri-compass-discover-line:before {
  content: "\ebc2";
}
.ri-compass-fill:before {
  content: "\ebc3";
}
.ri-compass-line:before {
  content: "\ebc4";
}
.ri-compasses-2-fill:before {
  content: "\ebc5";
}
.ri-compasses-2-line:before {
  content: "\ebc6";
}
.ri-compasses-fill:before {
  content: "\ebc7";
}
.ri-compasses-line:before {
  content: "\ebc8";
}
.ri-computer-fill:before {
  content: "\ebc9";
}
.ri-computer-line:before {
  content: "\ebca";
}
.ri-contacts-book-2-fill:before {
  content: "\ebcb";
}
.ri-contacts-book-2-line:before {
  content: "\ebcc";
}
.ri-contacts-book-fill:before {
  content: "\ebcd";
}
.ri-contacts-book-line:before {
  content: "\ebce";
}
.ri-contacts-book-upload-fill:before {
  content: "\ebcf";
}
.ri-contacts-book-upload-line:before {
  content: "\ebd0";
}
.ri-contacts-fill:before {
  content: "\ebd1";
}
.ri-contacts-line:before {
  content: "\ebd2";
}
.ri-contrast-2-fill:before {
  content: "\ebd3";
}
.ri-contrast-2-line:before {
  content: "\ebd4";
}
.ri-contrast-drop-2-fill:before {
  content: "\ebd5";
}
.ri-contrast-drop-2-line:before {
  content: "\ebd6";
}
.ri-contrast-drop-fill:before {
  content: "\ebd7";
}
.ri-contrast-drop-line:before {
  content: "\ebd8";
}
.ri-contrast-fill:before {
  content: "\ebd9";
}
.ri-contrast-line:before {
  content: "\ebda";
}
.ri-copper-coin-fill:before {
  content: "\ebdb";
}
.ri-copper-coin-line:before {
  content: "\ebdc";
}
.ri-copper-diamond-fill:before {
  content: "\ebdd";
}
.ri-copper-diamond-line:before {
  content: "\ebde";
}
.ri-copyleft-fill:before {
  content: "\ebdf";
}
.ri-copyleft-line:before {
  content: "\ebe0";
}
.ri-copyright-fill:before {
  content: "\ebe1";
}
.ri-copyright-line:before {
  content: "\ebe2";
}
.ri-coreos-fill:before {
  content: "\ebe3";
}
.ri-coreos-line:before {
  content: "\ebe4";
}
.ri-coupon-2-fill:before {
  content: "\ebe5";
}
.ri-coupon-2-line:before {
  content: "\ebe6";
}
.ri-coupon-3-fill:before {
  content: "\ebe7";
}
.ri-coupon-3-line:before {
  content: "\ebe8";
}
.ri-coupon-4-fill:before {
  content: "\ebe9";
}
.ri-coupon-4-line:before {
  content: "\ebea";
}
.ri-coupon-5-fill:before {
  content: "\ebeb";
}
.ri-coupon-5-line:before {
  content: "\ebec";
}
.ri-coupon-fill:before {
  content: "\ebed";
}
.ri-coupon-line:before {
  content: "\ebee";
}
.ri-cpu-fill:before {
  content: "\ebef";
}
.ri-cpu-line:before {
  content: "\ebf0";
}
.ri-creative-commons-by-fill:before {
  content: "\ebf1";
}
.ri-creative-commons-by-line:before {
  content: "\ebf2";
}
.ri-creative-commons-fill:before {
  content: "\ebf3";
}
.ri-creative-commons-line:before {
  content: "\ebf4";
}
.ri-creative-commons-nc-fill:before {
  content: "\ebf5";
}
.ri-creative-commons-nc-line:before {
  content: "\ebf6";
}
.ri-creative-commons-nd-fill:before {
  content: "\ebf7";
}
.ri-creative-commons-nd-line:before {
  content: "\ebf8";
}
.ri-creative-commons-sa-fill:before {
  content: "\ebf9";
}
.ri-creative-commons-sa-line:before {
  content: "\ebfa";
}
.ri-creative-commons-zero-fill:before {
  content: "\ebfb";
}
.ri-creative-commons-zero-line:before {
  content: "\ebfc";
}
.ri-criminal-fill:before {
  content: "\ebfd";
}
.ri-criminal-line:before {
  content: "\ebfe";
}
.ri-crop-2-fill:before {
  content: "\ebff";
}
.ri-crop-2-line:before {
  content: "\ec00";
}
.ri-crop-fill:before {
  content: "\ec01";
}
.ri-crop-line:before {
  content: "\ec02";
}
.ri-css3-fill:before {
  content: "\ec03";
}
.ri-css3-line:before {
  content: "\ec04";
}
.ri-cup-fill:before {
  content: "\ec05";
}
.ri-cup-line:before {
  content: "\ec06";
}
.ri-currency-fill:before {
  content: "\ec07";
}
.ri-currency-line:before {
  content: "\ec08";
}
.ri-cursor-fill:before {
  content: "\ec09";
}
.ri-cursor-line:before {
  content: "\ec0a";
}
.ri-customer-service-2-fill:before {
  content: "\ec0b";
}
.ri-customer-service-2-line:before {
  content: "\ec0c";
}
.ri-customer-service-fill:before {
  content: "\ec0d";
}
.ri-customer-service-line:before {
  content: "\ec0e";
}
.ri-dashboard-2-fill:before {
  content: "\ec0f";
}
.ri-dashboard-2-line:before {
  content: "\ec10";
}
.ri-dashboard-3-fill:before {
  content: "\ec11";
}
.ri-dashboard-3-line:before {
  content: "\ec12";
}
.ri-dashboard-fill:before {
  content: "\ec13";
}
.ri-dashboard-line:before {
  content: "\ec14";
}
.ri-database-2-fill:before {
  content: "\ec15";
}
.ri-database-2-line:before {
  content: "\ec16";
}
.ri-database-fill:before {
  content: "\ec17";
}
.ri-database-line:before {
  content: "\ec18";
}
.ri-delete-back-2-fill:before {
  content: "\ec19";
}
.ri-delete-back-2-line:before {
  content: "\ec1a";
}
.ri-delete-back-fill:before {
  content: "\ec1b";
}
.ri-delete-back-line:before {
  content: "\ec1c";
}
.ri-delete-bin-2-fill:before {
  content: "\ec1d";
}
.ri-delete-bin-2-line:before {
  content: "\ec1e";
}
.ri-delete-bin-3-fill:before {
  content: "\ec1f";
}
.ri-delete-bin-3-line:before {
  content: "\ec20";
}
.ri-delete-bin-4-fill:before {
  content: "\ec21";
}
.ri-delete-bin-4-line:before {
  content: "\ec22";
}
.ri-delete-bin-5-fill:before {
  content: "\ec23";
}
.ri-delete-bin-5-line:before {
  content: "\ec24";
}
.ri-delete-bin-6-fill:before {
  content: "\ec25";
}
.ri-delete-bin-6-line:before {
  content: "\ec26";
}
.ri-delete-bin-7-fill:before {
  content: "\ec27";
}
.ri-delete-bin-7-line:before {
  content: "\ec28";
}
.ri-delete-bin-fill:before {
  content: "\ec29";
}
.ri-delete-bin-line:before {
  content: "\ec2a";
}
.ri-delete-column:before {
  content: "\ec2b";
}
.ri-delete-row:before {
  content: "\ec2c";
}
.ri-device-fill:before {
  content: "\ec2d";
}
.ri-device-line:before {
  content: "\ec2e";
}
.ri-device-recover-fill:before {
  content: "\ec2f";
}
.ri-device-recover-line:before {
  content: "\ec30";
}
.ri-dingding-fill:before {
  content: "\ec31";
}
.ri-dingding-line:before {
  content: "\ec32";
}
.ri-direction-fill:before {
  content: "\ec33";
}
.ri-direction-line:before {
  content: "\ec34";
}
.ri-disc-fill:before {
  content: "\ec35";
}
.ri-disc-line:before {
  content: "\ec36";
}
.ri-discord-fill:before {
  content: "\ec37";
}
.ri-discord-line:before {
  content: "\ec38";
}
.ri-discuss-fill:before {
  content: "\ec39";
}
.ri-discuss-line:before {
  content: "\ec3a";
}
.ri-dislike-fill:before {
  content: "\ec3b";
}
.ri-dislike-line:before {
  content: "\ec3c";
}
.ri-disqus-fill:before {
  content: "\ec3d";
}
.ri-disqus-line:before {
  content: "\ec3e";
}
.ri-divide-fill:before {
  content: "\ec3f";
}
.ri-divide-line:before {
  content: "\ec40";
}
.ri-donut-chart-fill:before {
  content: "\ec41";
}
.ri-donut-chart-line:before {
  content: "\ec42";
}
.ri-door-closed-fill:before {
  content: "\ec43";
}
.ri-door-closed-line:before {
  content: "\ec44";
}
.ri-door-fill:before {
  content: "\ec45";
}
.ri-door-line:before {
  content: "\ec46";
}
.ri-door-lock-box-fill:before {
  content: "\ec47";
}
.ri-door-lock-box-line:before {
  content: "\ec48";
}
.ri-door-lock-fill:before {
  content: "\ec49";
}
.ri-door-lock-line:before {
  content: "\ec4a";
}
.ri-door-open-fill:before {
  content: "\ec4b";
}
.ri-door-open-line:before {
  content: "\ec4c";
}
.ri-dossier-fill:before {
  content: "\ec4d";
}
.ri-dossier-line:before {
  content: "\ec4e";
}
.ri-douban-fill:before {
  content: "\ec4f";
}
.ri-douban-line:before {
  content: "\ec50";
}
.ri-double-quotes-l:before {
  content: "\ec51";
}
.ri-double-quotes-r:before {
  content: "\ec52";
}
.ri-download-2-fill:before {
  content: "\ec53";
}
.ri-download-2-line:before {
  content: "\ec54";
}
.ri-download-cloud-2-fill:before {
  content: "\ec55";
}
.ri-download-cloud-2-line:before {
  content: "\ec56";
}
.ri-download-cloud-fill:before {
  content: "\ec57";
}
.ri-download-cloud-line:before {
  content: "\ec58";
}
.ri-download-fill:before {
  content: "\ec59";
}
.ri-download-line:before {
  content: "\ec5a";
}
.ri-draft-fill:before {
  content: "\ec5b";
}
.ri-draft-line:before {
  content: "\ec5c";
}
.ri-drag-drop-fill:before {
  content: "\ec5d";
}
.ri-drag-drop-line:before {
  content: "\ec5e";
}
.ri-drag-move-2-fill:before {
  content: "\ec5f";
}
.ri-drag-move-2-line:before {
  content: "\ec60";
}
.ri-drag-move-fill:before {
  content: "\ec61";
}
.ri-drag-move-line:before {
  content: "\ec62";
}
.ri-dribbble-fill:before {
  content: "\ec63";
}
.ri-dribbble-line:before {
  content: "\ec64";
}
.ri-drive-fill:before {
  content: "\ec65";
}
.ri-drive-line:before {
  content: "\ec66";
}
.ri-drizzle-fill:before {
  content: "\ec67";
}
.ri-drizzle-line:before {
  content: "\ec68";
}
.ri-drop-fill:before {
  content: "\ec69";
}
.ri-drop-line:before {
  content: "\ec6a";
}
.ri-dropbox-fill:before {
  content: "\ec6b";
}
.ri-dropbox-line:before {
  content: "\ec6c";
}
.ri-dual-sim-1-fill:before {
  content: "\ec6d";
}
.ri-dual-sim-1-line:before {
  content: "\ec6e";
}
.ri-dual-sim-2-fill:before {
  content: "\ec6f";
}
.ri-dual-sim-2-line:before {
  content: "\ec70";
}
.ri-dv-fill:before {
  content: "\ec71";
}
.ri-dv-line:before {
  content: "\ec72";
}
.ri-dvd-fill:before {
  content: "\ec73";
}
.ri-dvd-line:before {
  content: "\ec74";
}
.ri-e-bike-2-fill:before {
  content: "\ec75";
}
.ri-e-bike-2-line:before {
  content: "\ec76";
}
.ri-e-bike-fill:before {
  content: "\ec77";
}
.ri-e-bike-line:before {
  content: "\ec78";
}
.ri-earth-fill:before {
  content: "\ec79";
}
.ri-earth-line:before {
  content: "\ec7a";
}
.ri-earthquake-fill:before {
  content: "\ec7b";
}
.ri-earthquake-line:before {
  content: "\ec7c";
}
.ri-edge-fill:before {
  content: "\ec7d";
}
.ri-edge-line:before {
  content: "\ec7e";
}
.ri-edit-2-fill:before {
  content: "\ec7f";
}
.ri-edit-2-line:before {
  content: "\ec80";
}
.ri-edit-box-fill:before {
  content: "\ec81";
}
.ri-edit-box-line:before {
  content: "\ec82";
}
.ri-edit-circle-fill:before {
  content: "\ec83";
}
.ri-edit-circle-line:before {
  content: "\ec84";
}
.ri-edit-fill:before {
  content: "\ec85";
}
.ri-edit-line:before {
  content: "\ec86";
}
.ri-eject-fill:before {
  content: "\ec87";
}
.ri-eject-line:before {
  content: "\ec88";
}
.ri-emotion-2-fill:before {
  content: "\ec89";
}
.ri-emotion-2-line:before {
  content: "\ec8a";
}
.ri-emotion-fill:before {
  content: "\ec8b";
}
.ri-emotion-happy-fill:before {
  content: "\ec8c";
}
.ri-emotion-happy-line:before {
  content: "\ec8d";
}
.ri-emotion-laugh-fill:before {
  content: "\ec8e";
}
.ri-emotion-laugh-line:before {
  content: "\ec8f";
}
.ri-emotion-line:before {
  content: "\ec90";
}
.ri-emotion-normal-fill:before {
  content: "\ec91";
}
.ri-emotion-normal-line:before {
  content: "\ec92";
}
.ri-emotion-sad-fill:before {
  content: "\ec93";
}
.ri-emotion-sad-line:before {
  content: "\ec94";
}
.ri-emotion-unhappy-fill:before {
  content: "\ec95";
}
.ri-emotion-unhappy-line:before {
  content: "\ec96";
}
.ri-empathize-fill:before {
  content: "\ec97";
}
.ri-empathize-line:before {
  content: "\ec98";
}
.ri-emphasis-cn:before {
  content: "\ec99";
}
.ri-emphasis:before {
  content: "\ec9a";
}
.ri-english-input:before {
  content: "\ec9b";
}
.ri-equalizer-fill:before {
  content: "\ec9c";
}
.ri-equalizer-line:before {
  content: "\ec9d";
}
.ri-eraser-fill:before {
  content: "\ec9e";
}
.ri-eraser-line:before {
  content: "\ec9f";
}
.ri-error-warning-fill:before {
  content: "\eca0";
}
.ri-error-warning-line:before {
  content: "\eca1";
}
.ri-evernote-fill:before {
  content: "\eca2";
}
.ri-evernote-line:before {
  content: "\eca3";
}
.ri-exchange-box-fill:before {
  content: "\eca4";
}
.ri-exchange-box-line:before {
  content: "\eca5";
}
.ri-exchange-cny-fill:before {
  content: "\eca6";
}
.ri-exchange-cny-line:before {
  content: "\eca7";
}
.ri-exchange-dollar-fill:before {
  content: "\eca8";
}
.ri-exchange-dollar-line:before {
  content: "\eca9";
}
.ri-exchange-fill:before {
  content: "\ecaa";
}
.ri-exchange-funds-fill:before {
  content: "\ecab";
}
.ri-exchange-funds-line:before {
  content: "\ecac";
}
.ri-exchange-line:before {
  content: "\ecad";
}
.ri-external-link-fill:before {
  content: "\ecae";
}
.ri-external-link-line:before {
  content: "\ecaf";
}
.ri-eye-2-fill:before {
  content: "\ecb0";
}
.ri-eye-2-line:before {
  content: "\ecb1";
}
.ri-eye-close-fill:before {
  content: "\ecb2";
}
.ri-eye-close-line:before {
  content: "\ecb3";
}
.ri-eye-fill:before {
  content: "\ecb4";
}
.ri-eye-line:before {
  content: "\ecb5";
}
.ri-eye-off-fill:before {
  content: "\ecb6";
}
.ri-eye-off-line:before {
  content: "\ecb7";
}
.ri-facebook-box-fill:before {
  content: "\ecb8";
}
.ri-facebook-box-line:before {
  content: "\ecb9";
}
.ri-facebook-circle-fill:before {
  content: "\ecba";
}
.ri-facebook-circle-line:before {
  content: "\ecbb";
}
.ri-facebook-fill:before {
  content: "\ecbc";
}
.ri-facebook-line:before {
  content: "\ecbd";
}
.ri-fahrenheit-fill:before {
  content: "\ecbe";
}
.ri-fahrenheit-line:before {
  content: "\ecbf";
}
.ri-feedback-fill:before {
  content: "\ecc0";
}
.ri-feedback-line:before {
  content: "\ecc1";
}
.ri-file-2-fill:before {
  content: "\ecc2";
}
.ri-file-2-line:before {
  content: "\ecc3";
}
.ri-file-3-fill:before {
  content: "\ecc4";
}
.ri-file-3-line:before {
  content: "\ecc5";
}
.ri-file-4-fill:before {
  content: "\ecc6";
}
.ri-file-4-line:before {
  content: "\ecc7";
}
.ri-file-add-fill:before {
  content: "\ecc8";
}
.ri-file-add-line:before {
  content: "\ecc9";
}
.ri-file-chart-2-fill:before {
  content: "\ecca";
}
.ri-file-chart-2-line:before {
  content: "\eccb";
}
.ri-file-chart-fill:before {
  content: "\eccc";
}
.ri-file-chart-line:before {
  content: "\eccd";
}
.ri-file-cloud-fill:before {
  content: "\ecce";
}
.ri-file-cloud-line:before {
  content: "\eccf";
}
.ri-file-code-fill:before {
  content: "\ecd0";
}
.ri-file-code-line:before {
  content: "\ecd1";
}
.ri-file-copy-2-fill:before {
  content: "\ecd2";
}
.ri-file-copy-2-line:before {
  content: "\ecd3";
}
.ri-file-copy-fill:before {
  content: "\ecd4";
}
.ri-file-copy-line:before {
  content: "\ecd5";
}
.ri-file-damage-fill:before {
  content: "\ecd6";
}
.ri-file-damage-line:before {
  content: "\ecd7";
}
.ri-file-download-fill:before {
  content: "\ecd8";
}
.ri-file-download-line:before {
  content: "\ecd9";
}
.ri-file-edit-fill:before {
  content: "\ecda";
}
.ri-file-edit-line:before {
  content: "\ecdb";
}
.ri-file-excel-2-fill:before {
  content: "\ecdc";
}
.ri-file-excel-2-line:before {
  content: "\ecdd";
}
.ri-file-excel-fill:before {
  content: "\ecde";
}
.ri-file-excel-line:before {
  content: "\ecdf";
}
.ri-file-fill:before {
  content: "\ece0";
}
.ri-file-forbid-fill:before {
  content: "\ece1";
}
.ri-file-forbid-line:before {
  content: "\ece2";
}
.ri-file-gif-fill:before {
  content: "\ece3";
}
.ri-file-gif-line:before {
  content: "\ece4";
}
.ri-file-history-fill:before {
  content: "\ece5";
}
.ri-file-history-line:before {
  content: "\ece6";
}
.ri-file-hwp-fill:before {
  content: "\ece7";
}
.ri-file-hwp-line:before {
  content: "\ece8";
}
.ri-file-info-fill:before {
  content: "\ece9";
}
.ri-file-info-line:before {
  content: "\ecea";
}
.ri-file-line:before {
  content: "\eceb";
}
.ri-file-list-2-fill:before {
  content: "\ecec";
}
.ri-file-list-2-line:before {
  content: "\eced";
}
.ri-file-list-3-fill:before {
  content: "\ecee";
}
.ri-file-list-3-line:before {
  content: "\ecef";
}
.ri-file-list-fill:before {
  content: "\ecf0";
}
.ri-file-list-line:before {
  content: "\ecf1";
}
.ri-file-lock-fill:before {
  content: "\ecf2";
}
.ri-file-lock-line:before {
  content: "\ecf3";
}
.ri-file-mark-fill:before {
  content: "\ecf4";
}
.ri-file-mark-line:before {
  content: "\ecf5";
}
.ri-file-music-fill:before {
  content: "\ecf6";
}
.ri-file-music-line:before {
  content: "\ecf7";
}
.ri-file-paper-2-fill:before {
  content: "\ecf8";
}
.ri-file-paper-2-line:before {
  content: "\ecf9";
}
.ri-file-paper-fill:before {
  content: "\ecfa";
}
.ri-file-paper-line:before {
  content: "\ecfb";
}
.ri-file-pdf-fill:before {
  content: "\ecfc";
}
.ri-file-pdf-line:before {
  content: "\ecfd";
}
.ri-file-ppt-2-fill:before {
  content: "\ecfe";
}
.ri-file-ppt-2-line:before {
  content: "\ecff";
}
.ri-file-ppt-fill:before {
  content: "\ed00";
}
.ri-file-ppt-line:before {
  content: "\ed01";
}
.ri-file-reduce-fill:before {
  content: "\ed02";
}
.ri-file-reduce-line:before {
  content: "\ed03";
}
.ri-file-search-fill:before {
  content: "\ed04";
}
.ri-file-search-line:before {
  content: "\ed05";
}
.ri-file-settings-fill:before {
  content: "\ed06";
}
.ri-file-settings-line:before {
  content: "\ed07";
}
.ri-file-shield-2-fill:before {
  content: "\ed08";
}
.ri-file-shield-2-line:before {
  content: "\ed09";
}
.ri-file-shield-fill:before {
  content: "\ed0a";
}
.ri-file-shield-line:before {
  content: "\ed0b";
}
.ri-file-shred-fill:before {
  content: "\ed0c";
}
.ri-file-shred-line:before {
  content: "\ed0d";
}
.ri-file-text-fill:before {
  content: "\ed0e";
}
.ri-file-text-line:before {
  content: "\ed0f";
}
.ri-file-transfer-fill:before {
  content: "\ed10";
}
.ri-file-transfer-line:before {
  content: "\ed11";
}
.ri-file-unknow-fill:before {
  content: "\ed12";
}
.ri-file-unknow-line:before {
  content: "\ed13";
}
.ri-file-upload-fill:before {
  content: "\ed14";
}
.ri-file-upload-line:before {
  content: "\ed15";
}
.ri-file-user-fill:before {
  content: "\ed16";
}
.ri-file-user-line:before {
  content: "\ed17";
}
.ri-file-warning-fill:before {
  content: "\ed18";
}
.ri-file-warning-line:before {
  content: "\ed19";
}
.ri-file-word-2-fill:before {
  content: "\ed1a";
}
.ri-file-word-2-line:before {
  content: "\ed1b";
}
.ri-file-word-fill:before {
  content: "\ed1c";
}
.ri-file-word-line:before {
  content: "\ed1d";
}
.ri-file-zip-fill:before {
  content: "\ed1e";
}
.ri-file-zip-line:before {
  content: "\ed1f";
}
.ri-film-fill:before {
  content: "\ed20";
}
.ri-film-line:before {
  content: "\ed21";
}
.ri-filter-2-fill:before {
  content: "\ed22";
}
.ri-filter-2-line:before {
  content: "\ed23";
}
.ri-filter-3-fill:before {
  content: "\ed24";
}
.ri-filter-3-line:before {
  content: "\ed25";
}
.ri-filter-fill:before {
  content: "\ed26";
}
.ri-filter-line:before {
  content: "\ed27";
}
.ri-filter-off-fill:before {
  content: "\ed28";
}
.ri-filter-off-line:before {
  content: "\ed29";
}
.ri-find-replace-fill:before {
  content: "\ed2a";
}
.ri-find-replace-line:before {
  content: "\ed2b";
}
.ri-finder-fill:before {
  content: "\ed2c";
}
.ri-finder-line:before {
  content: "\ed2d";
}
.ri-fingerprint-2-fill:before {
  content: "\ed2e";
}
.ri-fingerprint-2-line:before {
  content: "\ed2f";
}
.ri-fingerprint-fill:before {
  content: "\ed30";
}
.ri-fingerprint-line:before {
  content: "\ed31";
}
.ri-fire-fill:before {
  content: "\ed32";
}
.ri-fire-line:before {
  content: "\ed33";
}
.ri-firefox-fill:before {
  content: "\ed34";
}
.ri-firefox-line:before {
  content: "\ed35";
}
.ri-first-aid-kit-fill:before {
  content: "\ed36";
}
.ri-first-aid-kit-line:before {
  content: "\ed37";
}
.ri-flag-2-fill:before {
  content: "\ed38";
}
.ri-flag-2-line:before {
  content: "\ed39";
}
.ri-flag-fill:before {
  content: "\ed3a";
}
.ri-flag-line:before {
  content: "\ed3b";
}
.ri-flashlight-fill:before {
  content: "\ed3c";
}
.ri-flashlight-line:before {
  content: "\ed3d";
}
.ri-flask-fill:before {
  content: "\ed3e";
}
.ri-flask-line:before {
  content: "\ed3f";
}
.ri-flight-land-fill:before {
  content: "\ed40";
}
.ri-flight-land-line:before {
  content: "\ed41";
}
.ri-flight-takeoff-fill:before {
  content: "\ed42";
}
.ri-flight-takeoff-line:before {
  content: "\ed43";
}
.ri-flood-fill:before {
  content: "\ed44";
}
.ri-flood-line:before {
  content: "\ed45";
}
.ri-flow-chart:before {
  content: "\ed46";
}
.ri-flutter-fill:before {
  content: "\ed47";
}
.ri-flutter-line:before {
  content: "\ed48";
}
.ri-focus-2-fill:before {
  content: "\ed49";
}
.ri-focus-2-line:before {
  content: "\ed4a";
}
.ri-focus-3-fill:before {
  content: "\ed4b";
}
.ri-focus-3-line:before {
  content: "\ed4c";
}
.ri-focus-fill:before {
  content: "\ed4d";
}
.ri-focus-line:before {
  content: "\ed4e";
}
.ri-foggy-fill:before {
  content: "\ed4f";
}
.ri-foggy-line:before {
  content: "\ed50";
}
.ri-folder-2-fill:before {
  content: "\ed51";
}
.ri-folder-2-line:before {
  content: "\ed52";
}
.ri-folder-3-fill:before {
  content: "\ed53";
}
.ri-folder-3-line:before {
  content: "\ed54";
}
.ri-folder-4-fill:before {
  content: "\ed55";
}
.ri-folder-4-line:before {
  content: "\ed56";
}
.ri-folder-5-fill:before {
  content: "\ed57";
}
.ri-folder-5-line:before {
  content: "\ed58";
}
.ri-folder-add-fill:before {
  content: "\ed59";
}
.ri-folder-add-line:before {
  content: "\ed5a";
}
.ri-folder-chart-2-fill:before {
  content: "\ed5b";
}
.ri-folder-chart-2-line:before {
  content: "\ed5c";
}
.ri-folder-chart-fill:before {
  content: "\ed5d";
}
.ri-folder-chart-line:before {
  content: "\ed5e";
}
.ri-folder-download-fill:before {
  content: "\ed5f";
}
.ri-folder-download-line:before {
  content: "\ed60";
}
.ri-folder-fill:before {
  content: "\ed61";
}
.ri-folder-forbid-fill:before {
  content: "\ed62";
}
.ri-folder-forbid-line:before {
  content: "\ed63";
}
.ri-folder-history-fill:before {
  content: "\ed64";
}
.ri-folder-history-line:before {
  content: "\ed65";
}
.ri-folder-info-fill:before {
  content: "\ed66";
}
.ri-folder-info-line:before {
  content: "\ed67";
}
.ri-folder-keyhole-fill:before {
  content: "\ed68";
}
.ri-folder-keyhole-line:before {
  content: "\ed69";
}
.ri-folder-line:before {
  content: "\ed6a";
}
.ri-folder-lock-fill:before {
  content: "\ed6b";
}
.ri-folder-lock-line:before {
  content: "\ed6c";
}
.ri-folder-music-fill:before {
  content: "\ed6d";
}
.ri-folder-music-line:before {
  content: "\ed6e";
}
.ri-folder-open-fill:before {
  content: "\ed6f";
}
.ri-folder-open-line:before {
  content: "\ed70";
}
.ri-folder-received-fill:before {
  content: "\ed71";
}
.ri-folder-received-line:before {
  content: "\ed72";
}
.ri-folder-reduce-fill:before {
  content: "\ed73";
}
.ri-folder-reduce-line:before {
  content: "\ed74";
}
.ri-folder-settings-fill:before {
  content: "\ed75";
}
.ri-folder-settings-line:before {
  content: "\ed76";
}
.ri-folder-shared-fill:before {
  content: "\ed77";
}
.ri-folder-shared-line:before {
  content: "\ed78";
}
.ri-folder-shield-2-fill:before {
  content: "\ed79";
}
.ri-folder-shield-2-line:before {
  content: "\ed7a";
}
.ri-folder-shield-fill:before {
  content: "\ed7b";
}
.ri-folder-shield-line:before {
  content: "\ed7c";
}
.ri-folder-transfer-fill:before {
  content: "\ed7d";
}
.ri-folder-transfer-line:before {
  content: "\ed7e";
}
.ri-folder-unknow-fill:before {
  content: "\ed7f";
}
.ri-folder-unknow-line:before {
  content: "\ed80";
}
.ri-folder-upload-fill:before {
  content: "\ed81";
}
.ri-folder-upload-line:before {
  content: "\ed82";
}
.ri-folder-user-fill:before {
  content: "\ed83";
}
.ri-folder-user-line:before {
  content: "\ed84";
}
.ri-folder-warning-fill:before {
  content: "\ed85";
}
.ri-folder-warning-line:before {
  content: "\ed86";
}
.ri-folder-zip-fill:before {
  content: "\ed87";
}
.ri-folder-zip-line:before {
  content: "\ed88";
}
.ri-folders-fill:before {
  content: "\ed89";
}
.ri-folders-line:before {
  content: "\ed8a";
}
.ri-font-color:before {
  content: "\ed8b";
}
.ri-font-size-2:before {
  content: "\ed8c";
}
.ri-font-size:before {
  content: "\ed8d";
}
.ri-football-fill:before {
  content: "\ed8e";
}
.ri-football-line:before {
  content: "\ed8f";
}
.ri-footprint-fill:before {
  content: "\ed90";
}
.ri-footprint-line:before {
  content: "\ed91";
}
.ri-forbid-2-fill:before {
  content: "\ed92";
}
.ri-forbid-2-line:before {
  content: "\ed93";
}
.ri-forbid-fill:before {
  content: "\ed94";
}
.ri-forbid-line:before {
  content: "\ed95";
}
.ri-format-clear:before {
  content: "\ed96";
}
.ri-fridge-fill:before {
  content: "\ed97";
}
.ri-fridge-line:before {
  content: "\ed98";
}
.ri-fullscreen-exit-fill:before {
  content: "\ed99";
}
.ri-fullscreen-exit-line:before {
  content: "\ed9a";
}
.ri-fullscreen-fill:before {
  content: "\ed9b";
}
.ri-fullscreen-line:before {
  content: "\ed9c";
}
.ri-function-fill:before {
  content: "\ed9d";
}
.ri-function-line:before {
  content: "\ed9e";
}
.ri-functions:before {
  content: "\ed9f";
}
.ri-funds-box-fill:before {
  content: "\eda0";
}
.ri-funds-box-line:before {
  content: "\eda1";
}
.ri-funds-fill:before {
  content: "\eda2";
}
.ri-funds-line:before {
  content: "\eda3";
}
.ri-gallery-fill:before {
  content: "\eda4";
}
.ri-gallery-line:before {
  content: "\eda5";
}
.ri-gallery-upload-fill:before {
  content: "\eda6";
}
.ri-gallery-upload-line:before {
  content: "\eda7";
}
.ri-game-fill:before {
  content: "\eda8";
}
.ri-game-line:before {
  content: "\eda9";
}
.ri-gamepad-fill:before {
  content: "\edaa";
}
.ri-gamepad-line:before {
  content: "\edab";
}
.ri-gas-station-fill:before {
  content: "\edac";
}
.ri-gas-station-line:before {
  content: "\edad";
}
.ri-gatsby-fill:before {
  content: "\edae";
}
.ri-gatsby-line:before {
  content: "\edaf";
}
.ri-genderless-fill:before {
  content: "\edb0";
}
.ri-genderless-line:before {
  content: "\edb1";
}
.ri-ghost-2-fill:before {
  content: "\edb2";
}
.ri-ghost-2-line:before {
  content: "\edb3";
}
.ri-ghost-fill:before {
  content: "\edb4";
}
.ri-ghost-line:before {
  content: "\edb5";
}
.ri-ghost-smile-fill:before {
  content: "\edb6";
}
.ri-ghost-smile-line:before {
  content: "\edb7";
}
.ri-gift-2-fill:before {
  content: "\edb8";
}
.ri-gift-2-line:before {
  content: "\edb9";
}
.ri-gift-fill:before {
  content: "\edba";
}
.ri-gift-line:before {
  content: "\edbb";
}
.ri-git-branch-fill:before {
  content: "\edbc";
}
.ri-git-branch-line:before {
  content: "\edbd";
}
.ri-git-commit-fill:before {
  content: "\edbe";
}
.ri-git-commit-line:before {
  content: "\edbf";
}
.ri-git-merge-fill:before {
  content: "\edc0";
}
.ri-git-merge-line:before {
  content: "\edc1";
}
.ri-git-pull-request-fill:before {
  content: "\edc2";
}
.ri-git-pull-request-line:before {
  content: "\edc3";
}
.ri-git-repository-commits-fill:before {
  content: "\edc4";
}
.ri-git-repository-commits-line:before {
  content: "\edc5";
}
.ri-git-repository-fill:before {
  content: "\edc6";
}
.ri-git-repository-line:before {
  content: "\edc7";
}
.ri-git-repository-private-fill:before {
  content: "\edc8";
}
.ri-git-repository-private-line:before {
  content: "\edc9";
}
.ri-github-fill:before {
  content: "\edca";
}
.ri-github-line:before {
  content: "\edcb";
}
.ri-gitlab-fill:before {
  content: "\edcc";
}
.ri-gitlab-line:before {
  content: "\edcd";
}
.ri-global-fill:before {
  content: "\edce";
}
.ri-global-line:before {
  content: "\edcf";
}
.ri-globe-fill:before {
  content: "\edd0";
}
.ri-globe-line:before {
  content: "\edd1";
}
.ri-goblet-fill:before {
  content: "\edd2";
}
.ri-goblet-line:before {
  content: "\edd3";
}
.ri-google-fill:before {
  content: "\edd4";
}
.ri-google-line:before {
  content: "\edd5";
}
.ri-google-play-fill:before {
  content: "\edd6";
}
.ri-google-play-line:before {
  content: "\edd7";
}
.ri-government-fill:before {
  content: "\edd8";
}
.ri-government-line:before {
  content: "\edd9";
}
.ri-gps-fill:before {
  content: "\edda";
}
.ri-gps-line:before {
  content: "\eddb";
}
.ri-gradienter-fill:before {
  content: "\eddc";
}
.ri-gradienter-line:before {
  content: "\eddd";
}
.ri-grid-fill:before {
  content: "\edde";
}
.ri-grid-line:before {
  content: "\eddf";
}
.ri-group-2-fill:before {
  content: "\ede0";
}
.ri-group-2-line:before {
  content: "\ede1";
}
.ri-group-fill:before {
  content: "\ede2";
}
.ri-group-line:before {
  content: "\ede3";
}
.ri-guide-fill:before {
  content: "\ede4";
}
.ri-guide-line:before {
  content: "\ede5";
}
.ri-h-1:before {
  content: "\ede6";
}
.ri-h-2:before {
  content: "\ede7";
}
.ri-h-3:before {
  content: "\ede8";
}
.ri-h-4:before {
  content: "\ede9";
}
.ri-h-5:before {
  content: "\edea";
}
.ri-h-6:before {
  content: "\edeb";
}
.ri-hail-fill:before {
  content: "\edec";
}
.ri-hail-line:before {
  content: "\eded";
}
.ri-hammer-fill:before {
  content: "\edee";
}
.ri-hammer-line:before {
  content: "\edef";
}
.ri-hand-coin-fill:before {
  content: "\edf0";
}
.ri-hand-coin-line:before {
  content: "\edf1";
}
.ri-hand-heart-fill:before {
  content: "\edf2";
}
.ri-hand-heart-line:before {
  content: "\edf3";
}
.ri-hand-sanitizer-fill:before {
  content: "\edf4";
}
.ri-hand-sanitizer-line:before {
  content: "\edf5";
}
.ri-handbag-fill:before {
  content: "\edf6";
}
.ri-handbag-line:before {
  content: "\edf7";
}
.ri-hard-drive-2-fill:before {
  content: "\edf8";
}
.ri-hard-drive-2-line:before {
  content: "\edf9";
}
.ri-hard-drive-fill:before {
  content: "\edfa";
}
.ri-hard-drive-line:before {
  content: "\edfb";
}
.ri-hashtag:before {
  content: "\edfc";
}
.ri-haze-2-fill:before {
  content: "\edfd";
}
.ri-haze-2-line:before {
  content: "\edfe";
}
.ri-haze-fill:before {
  content: "\edff";
}
.ri-haze-line:before {
  content: "\ee00";
}
.ri-hd-fill:before {
  content: "\ee01";
}
.ri-hd-line:before {
  content: "\ee02";
}
.ri-heading:before {
  content: "\ee03";
}
.ri-headphone-fill:before {
  content: "\ee04";
}
.ri-headphone-line:before {
  content: "\ee05";
}
.ri-health-book-fill:before {
  content: "\ee06";
}
.ri-health-book-line:before {
  content: "\ee07";
}
.ri-heart-2-fill:before {
  content: "\ee08";
}
.ri-heart-2-line:before {
  content: "\ee09";
}
.ri-heart-3-fill:before {
  content: "\ee0a";
}
.ri-heart-3-line:before {
  content: "\ee0b";
}
.ri-heart-add-fill:before {
  content: "\ee0c";
}
.ri-heart-add-line:before {
  content: "\ee0d";
}
.ri-heart-fill:before {
  content: "\ee0e";
}
.ri-heart-line:before {
  content: "\ee0f";
}
.ri-heart-pulse-fill:before {
  content: "\ee10";
}
.ri-heart-pulse-line:before {
  content: "\ee11";
}
.ri-hearts-fill:before {
  content: "\ee12";
}
.ri-hearts-line:before {
  content: "\ee13";
}
.ri-heavy-showers-fill:before {
  content: "\ee14";
}
.ri-heavy-showers-line:before {
  content: "\ee15";
}
.ri-history-fill:before {
  content: "\ee16";
}
.ri-history-line:before {
  content: "\ee17";
}
.ri-home-2-fill:before {
  content: "\ee18";
}
.ri-home-2-line:before {
  content: "\ee19";
}
.ri-home-3-fill:before {
  content: "\ee1a";
}
.ri-home-3-line:before {
  content: "\ee1b";
}
.ri-home-4-fill:before {
  content: "\ee1c";
}
.ri-home-4-line:before {
  content: "\ee1d";
}
.ri-home-5-fill:before {
  content: "\ee1e";
}
.ri-home-5-line:before {
  content: "\ee1f";
}
.ri-home-6-fill:before {
  content: "\ee20";
}
.ri-home-6-line:before {
  content: "\ee21";
}
.ri-home-7-fill:before {
  content: "\ee22";
}
.ri-home-7-line:before {
  content: "\ee23";
}
.ri-home-8-fill:before {
  content: "\ee24";
}
.ri-home-8-line:before {
  content: "\ee25";
}
.ri-home-fill:before {
  content: "\ee26";
}
.ri-home-gear-fill:before {
  content: "\ee27";
}
.ri-home-gear-line:before {
  content: "\ee28";
}
.ri-home-heart-fill:before {
  content: "\ee29";
}
.ri-home-heart-line:before {
  content: "\ee2a";
}
.ri-home-line:before {
  content: "\ee2b";
}
.ri-home-smile-2-fill:before {
  content: "\ee2c";
}
.ri-home-smile-2-line:before {
  content: "\ee2d";
}
.ri-home-smile-fill:before {
  content: "\ee2e";
}
.ri-home-smile-line:before {
  content: "\ee2f";
}
.ri-home-wifi-fill:before {
  content: "\ee30";
}
.ri-home-wifi-line:before {
  content: "\ee31";
}
.ri-honor-of-kings-fill:before {
  content: "\ee32";
}
.ri-honor-of-kings-line:before {
  content: "\ee33";
}
.ri-honour-fill:before {
  content: "\ee34";
}
.ri-honour-line:before {
  content: "\ee35";
}
.ri-hospital-fill:before {
  content: "\ee36";
}
.ri-hospital-line:before {
  content: "\ee37";
}
.ri-hotel-bed-fill:before {
  content: "\ee38";
}
.ri-hotel-bed-line:before {
  content: "\ee39";
}
.ri-hotel-fill:before {
  content: "\ee3a";
}
.ri-hotel-line:before {
  content: "\ee3b";
}
.ri-hotspot-fill:before {
  content: "\ee3c";
}
.ri-hotspot-line:before {
  content: "\ee3d";
}
.ri-hq-fill:before {
  content: "\ee3e";
}
.ri-hq-line:before {
  content: "\ee3f";
}
.ri-html5-fill:before {
  content: "\ee40";
}
.ri-html5-line:before {
  content: "\ee41";
}
.ri-ie-fill:before {
  content: "\ee42";
}
.ri-ie-line:before {
  content: "\ee43";
}
.ri-image-2-fill:before {
  content: "\ee44";
}
.ri-image-2-line:before {
  content: "\ee45";
}
.ri-image-add-fill:before {
  content: "\ee46";
}
.ri-image-add-line:before {
  content: "\ee47";
}
.ri-image-edit-fill:before {
  content: "\ee48";
}
.ri-image-edit-line:before {
  content: "\ee49";
}
.ri-image-fill:before {
  content: "\ee4a";
}
.ri-image-line:before {
  content: "\ee4b";
}
.ri-inbox-archive-fill:before {
  content: "\ee4c";
}
.ri-inbox-archive-line:before {
  content: "\ee4d";
}
.ri-inbox-fill:before {
  content: "\ee4e";
}
.ri-inbox-line:before {
  content: "\ee4f";
}
.ri-inbox-unarchive-fill:before {
  content: "\ee50";
}
.ri-inbox-unarchive-line:before {
  content: "\ee51";
}
.ri-increase-decrease-fill:before {
  content: "\ee52";
}
.ri-increase-decrease-line:before {
  content: "\ee53";
}
.ri-indent-decrease:before {
  content: "\ee54";
}
.ri-indent-increase:before {
  content: "\ee55";
}
.ri-indeterminate-circle-fill:before {
  content: "\ee56";
}
.ri-indeterminate-circle-line:before {
  content: "\ee57";
}
.ri-information-fill:before {
  content: "\ee58";
}
.ri-information-line:before {
  content: "\ee59";
}
.ri-infrared-thermometer-fill:before {
  content: "\ee5a";
}
.ri-infrared-thermometer-line:before {
  content: "\ee5b";
}
.ri-ink-bottle-fill:before {
  content: "\ee5c";
}
.ri-ink-bottle-line:before {
  content: "\ee5d";
}
.ri-input-cursor-move:before {
  content: "\ee5e";
}
.ri-input-method-fill:before {
  content: "\ee5f";
}
.ri-input-method-line:before {
  content: "\ee60";
}
.ri-insert-column-left:before {
  content: "\ee61";
}
.ri-insert-column-right:before {
  content: "\ee62";
}
.ri-insert-row-bottom:before {
  content: "\ee63";
}
.ri-insert-row-top:before {
  content: "\ee64";
}
.ri-instagram-fill:before {
  content: "\ee65";
}
.ri-instagram-line:before {
  content: "\ee66";
}
.ri-install-fill:before {
  content: "\ee67";
}
.ri-install-line:before {
  content: "\ee68";
}
.ri-invision-fill:before {
  content: "\ee69";
}
.ri-invision-line:before {
  content: "\ee6a";
}
.ri-italic:before {
  content: "\ee6b";
}
.ri-kakao-talk-fill:before {
  content: "\ee6c";
}
.ri-kakao-talk-line:before {
  content: "\ee6d";
}
.ri-key-2-fill:before {
  content: "\ee6e";
}
.ri-key-2-line:before {
  content: "\ee6f";
}
.ri-key-fill:before {
  content: "\ee70";
}
.ri-key-line:before {
  content: "\ee71";
}
.ri-keyboard-box-fill:before {
  content: "\ee72";
}
.ri-keyboard-box-line:before {
  content: "\ee73";
}
.ri-keyboard-fill:before {
  content: "\ee74";
}
.ri-keyboard-line:before {
  content: "\ee75";
}
.ri-keynote-fill:before {
  content: "\ee76";
}
.ri-keynote-line:before {
  content: "\ee77";
}
.ri-knife-blood-fill:before {
  content: "\ee78";
}
.ri-knife-blood-line:before {
  content: "\ee79";
}
.ri-knife-fill:before {
  content: "\ee7a";
}
.ri-knife-line:before {
  content: "\ee7b";
}
.ri-landscape-fill:before {
  content: "\ee7c";
}
.ri-landscape-line:before {
  content: "\ee7d";
}
.ri-layout-2-fill:before {
  content: "\ee7e";
}
.ri-layout-2-line:before {
  content: "\ee7f";
}
.ri-layout-3-fill:before {
  content: "\ee80";
}
.ri-layout-3-line:before {
  content: "\ee81";
}
.ri-layout-4-fill:before {
  content: "\ee82";
}
.ri-layout-4-line:before {
  content: "\ee83";
}
.ri-layout-5-fill:before {
  content: "\ee84";
}
.ri-layout-5-line:before {
  content: "\ee85";
}
.ri-layout-6-fill:before {
  content: "\ee86";
}
.ri-layout-6-line:before {
  content: "\ee87";
}
.ri-layout-bottom-2-fill:before {
  content: "\ee88";
}
.ri-layout-bottom-2-line:before {
  content: "\ee89";
}
.ri-layout-bottom-fill:before {
  content: "\ee8a";
}
.ri-layout-bottom-line:before {
  content: "\ee8b";
}
.ri-layout-column-fill:before {
  content: "\ee8c";
}
.ri-layout-column-line:before {
  content: "\ee8d";
}
.ri-layout-fill:before {
  content: "\ee8e";
}
.ri-layout-grid-fill:before {
  content: "\ee8f";
}
.ri-layout-grid-line:before {
  content: "\ee90";
}
.ri-layout-left-2-fill:before {
  content: "\ee91";
}
.ri-layout-left-2-line:before {
  content: "\ee92";
}
.ri-layout-left-fill:before {
  content: "\ee93";
}
.ri-layout-left-line:before {
  content: "\ee94";
}
.ri-layout-line:before {
  content: "\ee95";
}
.ri-layout-masonry-fill:before {
  content: "\ee96";
}
.ri-layout-masonry-line:before {
  content: "\ee97";
}
.ri-layout-right-2-fill:before {
  content: "\ee98";
}
.ri-layout-right-2-line:before {
  content: "\ee99";
}
.ri-layout-right-fill:before {
  content: "\ee9a";
}
.ri-layout-right-line:before {
  content: "\ee9b";
}
.ri-layout-row-fill:before {
  content: "\ee9c";
}
.ri-layout-row-line:before {
  content: "\ee9d";
}
.ri-layout-top-2-fill:before {
  content: "\ee9e";
}
.ri-layout-top-2-line:before {
  content: "\ee9f";
}
.ri-layout-top-fill:before {
  content: "\eea0";
}
.ri-layout-top-line:before {
  content: "\eea1";
}
.ri-leaf-fill:before {
  content: "\eea2";
}
.ri-leaf-line:before {
  content: "\eea3";
}
.ri-lifebuoy-fill:before {
  content: "\eea4";
}
.ri-lifebuoy-line:before {
  content: "\eea5";
}
.ri-lightbulb-fill:before {
  content: "\eea6";
}
.ri-lightbulb-flash-fill:before {
  content: "\eea7";
}
.ri-lightbulb-flash-line:before {
  content: "\eea8";
}
.ri-lightbulb-line:before {
  content: "\eea9";
}
.ri-line-chart-fill:before {
  content: "\eeaa";
}
.ri-line-chart-line:before {
  content: "\eeab";
}
.ri-line-fill:before {
  content: "\eeac";
}
.ri-line-height:before {
  content: "\eead";
}
.ri-line-line:before {
  content: "\eeae";
}
.ri-link-m:before {
  content: "\eeaf";
}
.ri-link-unlink-m:before {
  content: "\eeb0";
}
.ri-link-unlink:before {
  content: "\eeb1";
}
.ri-link:before {
  content: "\eeb2";
}
.ri-linkedin-box-fill:before {
  content: "\eeb3";
}
.ri-linkedin-box-line:before {
  content: "\eeb4";
}
.ri-linkedin-fill:before {
  content: "\eeb5";
}
.ri-linkedin-line:before {
  content: "\eeb6";
}
.ri-links-fill:before {
  content: "\eeb7";
}
.ri-links-line:before {
  content: "\eeb8";
}
.ri-list-check-2:before {
  content: "\eeb9";
}
.ri-list-check:before {
  content: "\eeba";
}
.ri-list-ordered:before {
  content: "\eebb";
}
.ri-list-settings-fill:before {
  content: "\eebc";
}
.ri-list-settings-line:before {
  content: "\eebd";
}
.ri-list-unordered:before {
  content: "\eebe";
}
.ri-live-fill:before {
  content: "\eebf";
}
.ri-live-line:before {
  content: "\eec0";
}
.ri-loader-2-fill:before {
  content: "\eec1";
}
.ri-loader-2-line:before {
  content: "\eec2";
}
.ri-loader-3-fill:before {
  content: "\eec3";
}
.ri-loader-3-line:before {
  content: "\eec4";
}
.ri-loader-4-fill:before {
  content: "\eec5";
}
.ri-loader-4-line:before {
  content: "\eec6";
}
.ri-loader-5-fill:before {
  content: "\eec7";
}
.ri-loader-5-line:before {
  content: "\eec8";
}
.ri-loader-fill:before {
  content: "\eec9";
}
.ri-loader-line:before {
  content: "\eeca";
}
.ri-lock-2-fill:before {
  content: "\eecb";
}
.ri-lock-2-line:before {
  content: "\eecc";
}
.ri-lock-fill:before {
  content: "\eecd";
}
.ri-lock-line:before {
  content: "\eece";
}
.ri-lock-password-fill:before {
  content: "\eecf";
}
.ri-lock-password-line:before {
  content: "\eed0";
}
.ri-lock-unlock-fill:before {
  content: "\eed1";
}
.ri-lock-unlock-line:before {
  content: "\eed2";
}
.ri-login-box-fill:before {
  content: "\eed3";
}
.ri-login-box-line:before {
  content: "\eed4";
}
.ri-login-circle-fill:before {
  content: "\eed5";
}
.ri-login-circle-line:before {
  content: "\eed6";
}
.ri-logout-box-fill:before {
  content: "\eed7";
}
.ri-logout-box-line:before {
  content: "\eed8";
}
.ri-logout-box-r-fill:before {
  content: "\eed9";
}
.ri-logout-box-r-line:before {
  content: "\eeda";
}
.ri-logout-circle-fill:before {
  content: "\eedb";
}
.ri-logout-circle-line:before {
  content: "\eedc";
}
.ri-logout-circle-r-fill:before {
  content: "\eedd";
}
.ri-logout-circle-r-line:before {
  content: "\eede";
}
.ri-luggage-cart-fill:before {
  content: "\eedf";
}
.ri-luggage-cart-line:before {
  content: "\eee0";
}
.ri-luggage-deposit-fill:before {
  content: "\eee1";
}
.ri-luggage-deposit-line:before {
  content: "\eee2";
}
.ri-lungs-fill:before {
  content: "\eee3";
}
.ri-lungs-line:before {
  content: "\eee4";
}
.ri-mac-fill:before {
  content: "\eee5";
}
.ri-mac-line:before {
  content: "\eee6";
}
.ri-macbook-fill:before {
  content: "\eee7";
}
.ri-macbook-line:before {
  content: "\eee8";
}
.ri-magic-fill:before {
  content: "\eee9";
}
.ri-magic-line:before {
  content: "\eeea";
}
.ri-mail-add-fill:before {
  content: "\eeeb";
}
.ri-mail-add-line:before {
  content: "\eeec";
}
.ri-mail-check-fill:before {
  content: "\eeed";
}
.ri-mail-check-line:before {
  content: "\eeee";
}
.ri-mail-close-fill:before {
  content: "\eeef";
}
.ri-mail-close-line:before {
  content: "\eef0";
}
.ri-mail-download-fill:before {
  content: "\eef1";
}
.ri-mail-download-line:before {
  content: "\eef2";
}
.ri-mail-fill:before {
  content: "\eef3";
}
.ri-mail-forbid-fill:before {
  content: "\eef4";
}
.ri-mail-forbid-line:before {
  content: "\eef5";
}
.ri-mail-line:before {
  content: "\eef6";
}
.ri-mail-lock-fill:before {
  content: "\eef7";
}
.ri-mail-lock-line:before {
  content: "\eef8";
}
.ri-mail-open-fill:before {
  content: "\eef9";
}
.ri-mail-open-line:before {
  content: "\eefa";
}
.ri-mail-send-fill:before {
  content: "\eefb";
}
.ri-mail-send-line:before {
  content: "\eefc";
}
.ri-mail-settings-fill:before {
  content: "\eefd";
}
.ri-mail-settings-line:before {
  content: "\eefe";
}
.ri-mail-star-fill:before {
  content: "\eeff";
}
.ri-mail-star-line:before {
  content: "\ef00";
}
.ri-mail-unread-fill:before {
  content: "\ef01";
}
.ri-mail-unread-line:before {
  content: "\ef02";
}
.ri-mail-volume-fill:before {
  content: "\ef03";
}
.ri-mail-volume-line:before {
  content: "\ef04";
}
.ri-map-2-fill:before {
  content: "\ef05";
}
.ri-map-2-line:before {
  content: "\ef06";
}
.ri-map-fill:before {
  content: "\ef07";
}
.ri-map-line:before {
  content: "\ef08";
}
.ri-map-pin-2-fill:before {
  content: "\ef09";
}
.ri-map-pin-2-line:before {
  content: "\ef0a";
}
.ri-map-pin-3-fill:before {
  content: "\ef0b";
}
.ri-map-pin-3-line:before {
  content: "\ef0c";
}
.ri-map-pin-4-fill:before {
  content: "\ef0d";
}
.ri-map-pin-4-line:before {
  content: "\ef0e";
}
.ri-map-pin-5-fill:before {
  content: "\ef0f";
}
.ri-map-pin-5-line:before {
  content: "\ef10";
}
.ri-map-pin-add-fill:before {
  content: "\ef11";
}
.ri-map-pin-add-line:before {
  content: "\ef12";
}
.ri-map-pin-fill:before {
  content: "\ef13";
}
.ri-map-pin-line:before {
  content: "\ef14";
}
.ri-map-pin-range-fill:before {
  content: "\ef15";
}
.ri-map-pin-range-line:before {
  content: "\ef16";
}
.ri-map-pin-time-fill:before {
  content: "\ef17";
}
.ri-map-pin-time-line:before {
  content: "\ef18";
}
.ri-map-pin-user-fill:before {
  content: "\ef19";
}
.ri-map-pin-user-line:before {
  content: "\ef1a";
}
.ri-mark-pen-fill:before {
  content: "\ef1b";
}
.ri-mark-pen-line:before {
  content: "\ef1c";
}
.ri-markdown-fill:before {
  content: "\ef1d";
}
.ri-markdown-line:before {
  content: "\ef1e";
}
.ri-markup-fill:before {
  content: "\ef1f";
}
.ri-markup-line:before {
  content: "\ef20";
}
.ri-mastercard-fill:before {
  content: "\ef21";
}
.ri-mastercard-line:before {
  content: "\ef22";
}
.ri-mastodon-fill:before {
  content: "\ef23";
}
.ri-mastodon-line:before {
  content: "\ef24";
}
.ri-medal-2-fill:before {
  content: "\ef25";
}
.ri-medal-2-line:before {
  content: "\ef26";
}
.ri-medal-fill:before {
  content: "\ef27";
}
.ri-medal-line:before {
  content: "\ef28";
}
.ri-medicine-bottle-fill:before {
  content: "\ef29";
}
.ri-medicine-bottle-line:before {
  content: "\ef2a";
}
.ri-medium-fill:before {
  content: "\ef2b";
}
.ri-medium-line:before {
  content: "\ef2c";
}
.ri-men-fill:before {
  content: "\ef2d";
}
.ri-men-line:before {
  content: "\ef2e";
}
.ri-mental-health-fill:before {
  content: "\ef2f";
}
.ri-mental-health-line:before {
  content: "\ef30";
}
.ri-menu-2-fill:before {
  content: "\ef31";
}
.ri-menu-2-line:before {
  content: "\ef32";
}
.ri-menu-3-fill:before {
  content: "\ef33";
}
.ri-menu-3-line:before {
  content: "\ef34";
}
.ri-menu-4-fill:before {
  content: "\ef35";
}
.ri-menu-4-line:before {
  content: "\ef36";
}
.ri-menu-5-fill:before {
  content: "\ef37";
}
.ri-menu-5-line:before {
  content: "\ef38";
}
.ri-menu-add-fill:before {
  content: "\ef39";
}
.ri-menu-add-line:before {
  content: "\ef3a";
}
.ri-menu-fill:before {
  content: "\ef3b";
}
.ri-menu-fold-fill:before {
  content: "\ef3c";
}
.ri-menu-fold-line:before {
  content: "\ef3d";
}
.ri-menu-line:before {
  content: "\ef3e";
}
.ri-menu-unfold-fill:before {
  content: "\ef3f";
}
.ri-menu-unfold-line:before {
  content: "\ef40";
}
.ri-merge-cells-horizontal:before {
  content: "\ef41";
}
.ri-merge-cells-vertical:before {
  content: "\ef42";
}
.ri-message-2-fill:before {
  content: "\ef43";
}
.ri-message-2-line:before {
  content: "\ef44";
}
.ri-message-3-fill:before {
  content: "\ef45";
}
.ri-message-3-line:before {
  content: "\ef46";
}
.ri-message-fill:before {
  content: "\ef47";
}
.ri-message-line:before {
  content: "\ef48";
}
.ri-messenger-fill:before {
  content: "\ef49";
}
.ri-messenger-line:before {
  content: "\ef4a";
}
.ri-meteor-fill:before {
  content: "\ef4b";
}
.ri-meteor-line:before {
  content: "\ef4c";
}
.ri-mic-2-fill:before {
  content: "\ef4d";
}
.ri-mic-2-line:before {
  content: "\ef4e";
}
.ri-mic-fill:before {
  content: "\ef4f";
}
.ri-mic-line:before {
  content: "\ef50";
}
.ri-mic-off-fill:before {
  content: "\ef51";
}
.ri-mic-off-line:before {
  content: "\ef52";
}
.ri-mickey-fill:before {
  content: "\ef53";
}
.ri-mickey-line:before {
  content: "\ef54";
}
.ri-microscope-fill:before {
  content: "\ef55";
}
.ri-microscope-line:before {
  content: "\ef56";
}
.ri-microsoft-fill:before {
  content: "\ef57";
}
.ri-microsoft-line:before {
  content: "\ef58";
}
.ri-mind-map:before {
  content: "\ef59";
}
.ri-mini-program-fill:before {
  content: "\ef5a";
}
.ri-mini-program-line:before {
  content: "\ef5b";
}
.ri-mist-fill:before {
  content: "\ef5c";
}
.ri-mist-line:before {
  content: "\ef5d";
}
.ri-money-cny-box-fill:before {
  content: "\ef5e";
}
.ri-money-cny-box-line:before {
  content: "\ef5f";
}
.ri-money-cny-circle-fill:before {
  content: "\ef60";
}
.ri-money-cny-circle-line:before {
  content: "\ef61";
}
.ri-money-dollar-box-fill:before {
  content: "\ef62";
}
.ri-money-dollar-box-line:before {
  content: "\ef63";
}
.ri-money-dollar-circle-fill:before {
  content: "\ef64";
}
.ri-money-dollar-circle-line:before {
  content: "\ef65";
}
.ri-money-euro-box-fill:before {
  content: "\ef66";
}
.ri-money-euro-box-line:before {
  content: "\ef67";
}
.ri-money-euro-circle-fill:before {
  content: "\ef68";
}
.ri-money-euro-circle-line:before {
  content: "\ef69";
}
.ri-money-pound-box-fill:before {
  content: "\ef6a";
}
.ri-money-pound-box-line:before {
  content: "\ef6b";
}
.ri-money-pound-circle-fill:before {
  content: "\ef6c";
}
.ri-money-pound-circle-line:before {
  content: "\ef6d";
}
.ri-moon-clear-fill:before {
  content: "\ef6e";
}
.ri-moon-clear-line:before {
  content: "\ef6f";
}
.ri-moon-cloudy-fill:before {
  content: "\ef70";
}
.ri-moon-cloudy-line:before {
  content: "\ef71";
}
.ri-moon-fill:before {
  content: "\ef72";
}
.ri-moon-foggy-fill:before {
  content: "\ef73";
}
.ri-moon-foggy-line:before {
  content: "\ef74";
}
.ri-moon-line:before {
  content: "\ef75";
}
.ri-more-2-fill:before {
  content: "\ef76";
}
.ri-more-2-line:before {
  content: "\ef77";
}
.ri-more-fill:before {
  content: "\ef78";
}
.ri-more-line:before {
  content: "\ef79";
}
.ri-motorbike-fill:before {
  content: "\ef7a";
}
.ri-motorbike-line:before {
  content: "\ef7b";
}
.ri-mouse-fill:before {
  content: "\ef7c";
}
.ri-mouse-line:before {
  content: "\ef7d";
}
.ri-movie-2-fill:before {
  content: "\ef7e";
}
.ri-movie-2-line:before {
  content: "\ef7f";
}
.ri-movie-fill:before {
  content: "\ef80";
}
.ri-movie-line:before {
  content: "\ef81";
}
.ri-music-2-fill:before {
  content: "\ef82";
}
.ri-music-2-line:before {
  content: "\ef83";
}
.ri-music-fill:before {
  content: "\ef84";
}
.ri-music-line:before {
  content: "\ef85";
}
.ri-mv-fill:before {
  content: "\ef86";
}
.ri-mv-line:before {
  content: "\ef87";
}
.ri-navigation-fill:before {
  content: "\ef88";
}
.ri-navigation-line:before {
  content: "\ef89";
}
.ri-netease-cloud-music-fill:before {
  content: "\ef8a";
}
.ri-netease-cloud-music-line:before {
  content: "\ef8b";
}
.ri-netflix-fill:before {
  content: "\ef8c";
}
.ri-netflix-line:before {
  content: "\ef8d";
}
.ri-newspaper-fill:before {
  content: "\ef8e";
}
.ri-newspaper-line:before {
  content: "\ef8f";
}
.ri-node-tree:before {
  content: "\ef90";
}
.ri-notification-2-fill:before {
  content: "\ef91";
}
.ri-notification-2-line:before {
  content: "\ef92";
}
.ri-notification-3-fill:before {
  content: "\ef93";
}
.ri-notification-3-line:before {
  content: "\ef94";
}
.ri-notification-4-fill:before {
  content: "\ef95";
}
.ri-notification-4-line:before {
  content: "\ef96";
}
.ri-notification-badge-fill:before {
  content: "\ef97";
}
.ri-notification-badge-line:before {
  content: "\ef98";
}
.ri-notification-fill:before {
  content: "\ef99";
}
.ri-notification-line:before {
  content: "\ef9a";
}
.ri-notification-off-fill:before {
  content: "\ef9b";
}
.ri-notification-off-line:before {
  content: "\ef9c";
}
.ri-npmjs-fill:before {
  content: "\ef9d";
}
.ri-npmjs-line:before {
  content: "\ef9e";
}
.ri-number-0:before {
  content: "\ef9f";
}
.ri-number-1:before {
  content: "\efa0";
}
.ri-number-2:before {
  content: "\efa1";
}
.ri-number-3:before {
  content: "\efa2";
}
.ri-number-4:before {
  content: "\efa3";
}
.ri-number-5:before {
  content: "\efa4";
}
.ri-number-6:before {
  content: "\efa5";
}
.ri-number-7:before {
  content: "\efa6";
}
.ri-number-8:before {
  content: "\efa7";
}
.ri-number-9:before {
  content: "\efa8";
}
.ri-numbers-fill:before {
  content: "\efa9";
}
.ri-numbers-line:before {
  content: "\efaa";
}
.ri-nurse-fill:before {
  content: "\efab";
}
.ri-nurse-line:before {
  content: "\efac";
}
.ri-oil-fill:before {
  content: "\efad";
}
.ri-oil-line:before {
  content: "\efae";
}
.ri-omega:before {
  content: "\efaf";
}
.ri-open-arm-fill:before {
  content: "\efb0";
}
.ri-open-arm-line:before {
  content: "\efb1";
}
.ri-open-source-fill:before {
  content: "\efb2";
}
.ri-open-source-line:before {
  content: "\efb3";
}
.ri-opera-fill:before {
  content: "\efb4";
}
.ri-opera-line:before {
  content: "\efb5";
}
.ri-order-play-fill:before {
  content: "\efb6";
}
.ri-order-play-line:before {
  content: "\efb7";
}
.ri-organization-chart:before {
  content: "\efb8";
}
.ri-outlet-2-fill:before {
  content: "\efb9";
}
.ri-outlet-2-line:before {
  content: "\efba";
}
.ri-outlet-fill:before {
  content: "\efbb";
}
.ri-outlet-line:before {
  content: "\efbc";
}
.ri-page-separator:before {
  content: "\efbd";
}
.ri-pages-fill:before {
  content: "\efbe";
}
.ri-pages-line:before {
  content: "\efbf";
}
.ri-paint-brush-fill:before {
  content: "\efc0";
}
.ri-paint-brush-line:before {
  content: "\efc1";
}
.ri-paint-fill:before {
  content: "\efc2";
}
.ri-paint-line:before {
  content: "\efc3";
}
.ri-palette-fill:before {
  content: "\efc4";
}
.ri-palette-line:before {
  content: "\efc5";
}
.ri-pantone-fill:before {
  content: "\efc6";
}
.ri-pantone-line:before {
  content: "\efc7";
}
.ri-paragraph:before {
  content: "\efc8";
}
.ri-parent-fill:before {
  content: "\efc9";
}
.ri-parent-line:before {
  content: "\efca";
}
.ri-parentheses-fill:before {
  content: "\efcb";
}
.ri-parentheses-line:before {
  content: "\efcc";
}
.ri-parking-box-fill:before {
  content: "\efcd";
}
.ri-parking-box-line:before {
  content: "\efce";
}
.ri-parking-fill:before {
  content: "\efcf";
}
.ri-parking-line:before {
  content: "\efd0";
}
.ri-passport-fill:before {
  content: "\efd1";
}
.ri-passport-line:before {
  content: "\efd2";
}
.ri-patreon-fill:before {
  content: "\efd3";
}
.ri-patreon-line:before {
  content: "\efd4";
}
.ri-pause-circle-fill:before {
  content: "\efd5";
}
.ri-pause-circle-line:before {
  content: "\efd6";
}
.ri-pause-fill:before {
  content: "\efd7";
}
.ri-pause-line:before {
  content: "\efd8";
}
.ri-pause-mini-fill:before {
  content: "\efd9";
}
.ri-pause-mini-line:before {
  content: "\efda";
}
.ri-paypal-fill:before {
  content: "\efdb";
}
.ri-paypal-line:before {
  content: "\efdc";
}
.ri-pen-nib-fill:before {
  content: "\efdd";
}
.ri-pen-nib-line:before {
  content: "\efde";
}
.ri-pencil-fill:before {
  content: "\efdf";
}
.ri-pencil-line:before {
  content: "\efe0";
}
.ri-pencil-ruler-2-fill:before {
  content: "\efe1";
}
.ri-pencil-ruler-2-line:before {
  content: "\efe2";
}
.ri-pencil-ruler-fill:before {
  content: "\efe3";
}
.ri-pencil-ruler-line:before {
  content: "\efe4";
}
.ri-percent-fill:before {
  content: "\efe5";
}
.ri-percent-line:before {
  content: "\efe6";
}
.ri-phone-camera-fill:before {
  content: "\efe7";
}
.ri-phone-camera-line:before {
  content: "\efe8";
}
.ri-phone-fill:before {
  content: "\efe9";
}
.ri-phone-find-fill:before {
  content: "\efea";
}
.ri-phone-find-line:before {
  content: "\efeb";
}
.ri-phone-line:before {
  content: "\efec";
}
.ri-phone-lock-fill:before {
  content: "\efed";
}
.ri-phone-lock-line:before {
  content: "\efee";
}
.ri-picture-in-picture-2-fill:before {
  content: "\efef";
}
.ri-picture-in-picture-2-line:before {
  content: "\eff0";
}
.ri-picture-in-picture-exit-fill:before {
  content: "\eff1";
}
.ri-picture-in-picture-exit-line:before {
  content: "\eff2";
}
.ri-picture-in-picture-fill:before {
  content: "\eff3";
}
.ri-picture-in-picture-line:before {
  content: "\eff4";
}
.ri-pie-chart-2-fill:before {
  content: "\eff5";
}
.ri-pie-chart-2-line:before {
  content: "\eff6";
}
.ri-pie-chart-box-fill:before {
  content: "\eff7";
}
.ri-pie-chart-box-line:before {
  content: "\eff8";
}
.ri-pie-chart-fill:before {
  content: "\eff9";
}
.ri-pie-chart-line:before {
  content: "\effa";
}
.ri-pin-distance-fill:before {
  content: "\effb";
}
.ri-pin-distance-line:before {
  content: "\effc";
}
.ri-ping-pong-fill:before {
  content: "\effd";
}
.ri-ping-pong-line:before {
  content: "\effe";
}
.ri-pinterest-fill:before {
  content: "\efff";
}
.ri-pinterest-line:before {
  content: "\f000";
}
.ri-pinyin-input:before {
  content: "\f001";
}
.ri-pixelfed-fill:before {
  content: "\f002";
}
.ri-pixelfed-line:before {
  content: "\f003";
}
.ri-plane-fill:before {
  content: "\f004";
}
.ri-plane-line:before {
  content: "\f005";
}
.ri-plant-fill:before {
  content: "\f006";
}
.ri-plant-line:before {
  content: "\f007";
}
.ri-play-circle-fill:before {
  content: "\f008";
}
.ri-play-circle-line:before {
  content: "\f009";
}
.ri-play-fill:before {
  content: "\f00a";
}
.ri-play-line:before {
  content: "\f00b";
}
.ri-play-list-2-fill:before {
  content: "\f00c";
}
.ri-play-list-2-line:before {
  content: "\f00d";
}
.ri-play-list-add-fill:before {
  content: "\f00e";
}
.ri-play-list-add-line:before {
  content: "\f00f";
}
.ri-play-list-fill:before {
  content: "\f010";
}
.ri-play-list-line:before {
  content: "\f011";
}
.ri-play-mini-fill:before {
  content: "\f012";
}
.ri-play-mini-line:before {
  content: "\f013";
}
.ri-playstation-fill:before {
  content: "\f014";
}
.ri-playstation-line:before {
  content: "\f015";
}
.ri-plug-2-fill:before {
  content: "\f016";
}
.ri-plug-2-line:before {
  content: "\f017";
}
.ri-plug-fill:before {
  content: "\f018";
}
.ri-plug-line:before {
  content: "\f019";
}
.ri-polaroid-2-fill:before {
  content: "\f01a";
}
.ri-polaroid-2-line:before {
  content: "\f01b";
}
.ri-polaroid-fill:before {
  content: "\f01c";
}
.ri-polaroid-line:before {
  content: "\f01d";
}
.ri-police-car-fill:before {
  content: "\f01e";
}
.ri-police-car-line:before {
  content: "\f01f";
}
.ri-price-tag-2-fill:before {
  content: "\f020";
}
.ri-price-tag-2-line:before {
  content: "\f021";
}
.ri-price-tag-3-fill:before {
  content: "\f022";
}
.ri-price-tag-3-line:before {
  content: "\f023";
}
.ri-price-tag-fill:before {
  content: "\f024";
}
.ri-price-tag-line:before {
  content: "\f025";
}
.ri-printer-cloud-fill:before {
  content: "\f026";
}
.ri-printer-cloud-line:before {
  content: "\f027";
}
.ri-printer-fill:before {
  content: "\f028";
}
.ri-printer-line:before {
  content: "\f029";
}
.ri-product-hunt-fill:before {
  content: "\f02a";
}
.ri-product-hunt-line:before {
  content: "\f02b";
}
.ri-profile-fill:before {
  content: "\f02c";
}
.ri-profile-line:before {
  content: "\f02d";
}
.ri-projector-2-fill:before {
  content: "\f02e";
}
.ri-projector-2-line:before {
  content: "\f02f";
}
.ri-projector-fill:before {
  content: "\f030";
}
.ri-projector-line:before {
  content: "\f031";
}
.ri-psychotherapy-fill:before {
  content: "\f032";
}
.ri-psychotherapy-line:before {
  content: "\f033";
}
.ri-pulse-fill:before {
  content: "\f034";
}
.ri-pulse-line:before {
  content: "\f035";
}
.ri-pushpin-2-fill:before {
  content: "\f036";
}
.ri-pushpin-2-line:before {
  content: "\f037";
}
.ri-pushpin-fill:before {
  content: "\f038";
}
.ri-pushpin-line:before {
  content: "\f039";
}
.ri-qq-fill:before {
  content: "\f03a";
}
.ri-qq-line:before {
  content: "\f03b";
}
.ri-qr-code-fill:before {
  content: "\f03c";
}
.ri-qr-code-line:before {
  content: "\f03d";
}
.ri-qr-scan-2-fill:before {
  content: "\f03e";
}
.ri-qr-scan-2-line:before {
  content: "\f03f";
}
.ri-qr-scan-fill:before {
  content: "\f040";
}
.ri-qr-scan-line:before {
  content: "\f041";
}
.ri-question-answer-fill:before {
  content: "\f042";
}
.ri-question-answer-line:before {
  content: "\f043";
}
.ri-question-fill:before {
  content: "\f044";
}
.ri-question-line:before {
  content: "\f045";
}
.ri-question-mark:before {
  content: "\f046";
}
.ri-questionnaire-fill:before {
  content: "\f047";
}
.ri-questionnaire-line:before {
  content: "\f048";
}
.ri-quill-pen-fill:before {
  content: "\f049";
}
.ri-quill-pen-line:before {
  content: "\f04a";
}
.ri-radar-fill:before {
  content: "\f04b";
}
.ri-radar-line:before {
  content: "\f04c";
}
.ri-radio-2-fill:before {
  content: "\f04d";
}
.ri-radio-2-line:before {
  content: "\f04e";
}
.ri-radio-button-fill:before {
  content: "\f04f";
}
.ri-radio-button-line:before {
  content: "\f050";
}
.ri-radio-fill:before {
  content: "\f051";
}
.ri-radio-line:before {
  content: "\f052";
}
.ri-rainbow-fill:before {
  content: "\f053";
}
.ri-rainbow-line:before {
  content: "\f054";
}
.ri-rainy-fill:before {
  content: "\f055";
}
.ri-rainy-line:before {
  content: "\f056";
}
.ri-reactjs-fill:before {
  content: "\f057";
}
.ri-reactjs-line:before {
  content: "\f058";
}
.ri-record-circle-fill:before {
  content: "\f059";
}
.ri-record-circle-line:before {
  content: "\f05a";
}
.ri-record-mail-fill:before {
  content: "\f05b";
}
.ri-record-mail-line:before {
  content: "\f05c";
}
.ri-recycle-fill:before {
  content: "\f05d";
}
.ri-recycle-line:before {
  content: "\f05e";
}
.ri-red-packet-fill:before {
  content: "\f05f";
}
.ri-red-packet-line:before {
  content: "\f060";
}
.ri-reddit-fill:before {
  content: "\f061";
}
.ri-reddit-line:before {
  content: "\f062";
}
.ri-refresh-fill:before {
  content: "\f063";
}
.ri-refresh-line:before {
  content: "\f064";
}
.ri-refund-2-fill:before {
  content: "\f065";
}
.ri-refund-2-line:before {
  content: "\f066";
}
.ri-refund-fill:before {
  content: "\f067";
}
.ri-refund-line:before {
  content: "\f068";
}
.ri-registered-fill:before {
  content: "\f069";
}
.ri-registered-line:before {
  content: "\f06a";
}
.ri-remixicon-fill:before {
  content: "\f06b";
}
.ri-remixicon-line:before {
  content: "\f06c";
}
.ri-remote-control-2-fill:before {
  content: "\f06d";
}
.ri-remote-control-2-line:before {
  content: "\f06e";
}
.ri-remote-control-fill:before {
  content: "\f06f";
}
.ri-remote-control-line:before {
  content: "\f070";
}
.ri-repeat-2-fill:before {
  content: "\f071";
}
.ri-repeat-2-line:before {
  content: "\f072";
}
.ri-repeat-fill:before {
  content: "\f073";
}
.ri-repeat-line:before {
  content: "\f074";
}
.ri-repeat-one-fill:before {
  content: "\f075";
}
.ri-repeat-one-line:before {
  content: "\f076";
}
.ri-reply-all-fill:before {
  content: "\f077";
}
.ri-reply-all-line:before {
  content: "\f078";
}
.ri-reply-fill:before {
  content: "\f079";
}
.ri-reply-line:before {
  content: "\f07a";
}
.ri-reserved-fill:before {
  content: "\f07b";
}
.ri-reserved-line:before {
  content: "\f07c";
}
.ri-rest-time-fill:before {
  content: "\f07d";
}
.ri-rest-time-line:before {
  content: "\f07e";
}
.ri-restart-fill:before {
  content: "\f07f";
}
.ri-restart-line:before {
  content: "\f080";
}
.ri-restaurant-2-fill:before {
  content: "\f081";
}
.ri-restaurant-2-line:before {
  content: "\f082";
}
.ri-restaurant-fill:before {
  content: "\f083";
}
.ri-restaurant-line:before {
  content: "\f084";
}
.ri-rewind-fill:before {
  content: "\f085";
}
.ri-rewind-line:before {
  content: "\f086";
}
.ri-rewind-mini-fill:before {
  content: "\f087";
}
.ri-rewind-mini-line:before {
  content: "\f088";
}
.ri-rhythm-fill:before {
  content: "\f089";
}
.ri-rhythm-line:before {
  content: "\f08a";
}
.ri-riding-fill:before {
  content: "\f08b";
}
.ri-riding-line:before {
  content: "\f08c";
}
.ri-road-map-fill:before {
  content: "\f08d";
}
.ri-road-map-line:before {
  content: "\f08e";
}
.ri-roadster-fill:before {
  content: "\f08f";
}
.ri-roadster-line:before {
  content: "\f090";
}
.ri-robot-fill:before {
  content: "\f091";
}
.ri-robot-line:before {
  content: "\f092";
}
.ri-rocket-2-fill:before {
  content: "\f093";
}
.ri-rocket-2-line:before {
  content: "\f094";
}
.ri-rocket-fill:before {
  content: "\f095";
}
.ri-rocket-line:before {
  content: "\f096";
}
.ri-rotate-lock-fill:before {
  content: "\f097";
}
.ri-rotate-lock-line:before {
  content: "\f098";
}
.ri-rounded-corner:before {
  content: "\f099";
}
.ri-route-fill:before {
  content: "\f09a";
}
.ri-route-line:before {
  content: "\f09b";
}
.ri-router-fill:before {
  content: "\f09c";
}
.ri-router-line:before {
  content: "\f09d";
}
.ri-rss-fill:before {
  content: "\f09e";
}
.ri-rss-line:before {
  content: "\f09f";
}
.ri-ruler-2-fill:before {
  content: "\f0a0";
}
.ri-ruler-2-line:before {
  content: "\f0a1";
}
.ri-ruler-fill:before {
  content: "\f0a2";
}
.ri-ruler-line:before {
  content: "\f0a3";
}
.ri-run-fill:before {
  content: "\f0a4";
}
.ri-run-line:before {
  content: "\f0a5";
}
.ri-safari-fill:before {
  content: "\f0a6";
}
.ri-safari-line:before {
  content: "\f0a7";
}
.ri-safe-2-fill:before {
  content: "\f0a8";
}
.ri-safe-2-line:before {
  content: "\f0a9";
}
.ri-safe-fill:before {
  content: "\f0aa";
}
.ri-safe-line:before {
  content: "\f0ab";
}
.ri-sailboat-fill:before {
  content: "\f0ac";
}
.ri-sailboat-line:before {
  content: "\f0ad";
}
.ri-save-2-fill:before {
  content: "\f0ae";
}
.ri-save-2-line:before {
  content: "\f0af";
}
.ri-save-3-fill:before {
  content: "\f0b0";
}
.ri-save-3-line:before {
  content: "\f0b1";
}
.ri-save-fill:before {
  content: "\f0b2";
}
.ri-save-line:before {
  content: "\f0b3";
}
.ri-scales-2-fill:before {
  content: "\f0b4";
}
.ri-scales-2-line:before {
  content: "\f0b5";
}
.ri-scales-3-fill:before {
  content: "\f0b6";
}
.ri-scales-3-line:before {
  content: "\f0b7";
}
.ri-scales-fill:before {
  content: "\f0b8";
}
.ri-scales-line:before {
  content: "\f0b9";
}
.ri-scan-2-fill:before {
  content: "\f0ba";
}
.ri-scan-2-line:before {
  content: "\f0bb";
}
.ri-scan-fill:before {
  content: "\f0bc";
}
.ri-scan-line:before {
  content: "\f0bd";
}
.ri-scissors-2-fill:before {
  content: "\f0be";
}
.ri-scissors-2-line:before {
  content: "\f0bf";
}
.ri-scissors-cut-fill:before {
  content: "\f0c0";
}
.ri-scissors-cut-line:before {
  content: "\f0c1";
}
.ri-scissors-fill:before {
  content: "\f0c2";
}
.ri-scissors-line:before {
  content: "\f0c3";
}
.ri-screenshot-2-fill:before {
  content: "\f0c4";
}
.ri-screenshot-2-line:before {
  content: "\f0c5";
}
.ri-screenshot-fill:before {
  content: "\f0c6";
}
.ri-screenshot-line:before {
  content: "\f0c7";
}
.ri-sd-card-fill:before {
  content: "\f0c8";
}
.ri-sd-card-line:before {
  content: "\f0c9";
}
.ri-sd-card-mini-fill:before {
  content: "\f0ca";
}
.ri-sd-card-mini-line:before {
  content: "\f0cb";
}
.ri-search-2-fill:before {
  content: "\f0cc";
}
.ri-search-2-line:before {
  content: "\f0cd";
}
.ri-search-eye-fill:before {
  content: "\f0ce";
}
.ri-search-eye-line:before {
  content: "\f0cf";
}
.ri-search-fill:before {
  content: "\f0d0";
}
.ri-search-line:before {
  content: "\f0d1";
}
.ri-secure-payment-fill:before {
  content: "\f0d2";
}
.ri-secure-payment-line:before {
  content: "\f0d3";
}
.ri-seedling-fill:before {
  content: "\f0d4";
}
.ri-seedling-line:before {
  content: "\f0d5";
}
.ri-send-backward:before {
  content: "\f0d6";
}
.ri-send-plane-2-fill:before {
  content: "\f0d7";
}
.ri-send-plane-2-line:before {
  content: "\f0d8";
}
.ri-send-plane-fill:before {
  content: "\f0d9";
}
.ri-send-plane-line:before {
  content: "\f0da";
}
.ri-send-to-back:before {
  content: "\f0db";
}
.ri-sensor-fill:before {
  content: "\f0dc";
}
.ri-sensor-line:before {
  content: "\f0dd";
}
.ri-separator:before {
  content: "\f0de";
}
.ri-server-fill:before {
  content: "\f0df";
}
.ri-server-line:before {
  content: "\f0e0";
}
.ri-service-fill:before {
  content: "\f0e1";
}
.ri-service-line:before {
  content: "\f0e2";
}
.ri-settings-2-fill:before {
  content: "\f0e3";
}
.ri-settings-2-line:before {
  content: "\f0e4";
}
.ri-settings-3-fill:before {
  content: "\f0e5";
}
.ri-settings-3-line:before {
  content: "\f0e6";
}
.ri-settings-4-fill:before {
  content: "\f0e7";
}
.ri-settings-4-line:before {
  content: "\f0e8";
}
.ri-settings-5-fill:before {
  content: "\f0e9";
}
.ri-settings-5-line:before {
  content: "\f0ea";
}
.ri-settings-6-fill:before {
  content: "\f0eb";
}
.ri-settings-6-line:before {
  content: "\f0ec";
}
.ri-settings-fill:before {
  content: "\f0ed";
}
.ri-settings-line:before {
  content: "\f0ee";
}
.ri-shape-2-fill:before {
  content: "\f0ef";
}
.ri-shape-2-line:before {
  content: "\f0f0";
}
.ri-shape-fill:before {
  content: "\f0f1";
}
.ri-shape-line:before {
  content: "\f0f2";
}
.ri-share-box-fill:before {
  content: "\f0f3";
}
.ri-share-box-line:before {
  content: "\f0f4";
}
.ri-share-circle-fill:before {
  content: "\f0f5";
}
.ri-share-circle-line:before {
  content: "\f0f6";
}
.ri-share-fill:before {
  content: "\f0f7";
}
.ri-share-forward-2-fill:before {
  content: "\f0f8";
}
.ri-share-forward-2-line:before {
  content: "\f0f9";
}
.ri-share-forward-box-fill:before {
  content: "\f0fa";
}
.ri-share-forward-box-line:before {
  content: "\f0fb";
}
.ri-share-forward-fill:before {
  content: "\f0fc";
}
.ri-share-forward-line:before {
  content: "\f0fd";
}
.ri-share-line:before {
  content: "\f0fe";
}
.ri-shield-check-fill:before {
  content: "\f0ff";
}
.ri-shield-check-line:before {
  content: "\f100";
}
.ri-shield-cross-fill:before {
  content: "\f101";
}
.ri-shield-cross-line:before {
  content: "\f102";
}
.ri-shield-fill:before {
  content: "\f103";
}
.ri-shield-flash-fill:before {
  content: "\f104";
}
.ri-shield-flash-line:before {
  content: "\f105";
}
.ri-shield-keyhole-fill:before {
  content: "\f106";
}
.ri-shield-keyhole-line:before {
  content: "\f107";
}
.ri-shield-line:before {
  content: "\f108";
}
.ri-shield-star-fill:before {
  content: "\f109";
}
.ri-shield-star-line:before {
  content: "\f10a";
}
.ri-shield-user-fill:before {
  content: "\f10b";
}
.ri-shield-user-line:before {
  content: "\f10c";
}
.ri-ship-2-fill:before {
  content: "\f10d";
}
.ri-ship-2-line:before {
  content: "\f10e";
}
.ri-ship-fill:before {
  content: "\f10f";
}
.ri-ship-line:before {
  content: "\f110";
}
.ri-shirt-fill:before {
  content: "\f111";
}
.ri-shirt-line:before {
  content: "\f112";
}
.ri-shopping-bag-2-fill:before {
  content: "\f113";
}
.ri-shopping-bag-2-line:before {
  content: "\f114";
}
.ri-shopping-bag-3-fill:before {
  content: "\f115";
}
.ri-shopping-bag-3-line:before {
  content: "\f116";
}
.ri-shopping-bag-fill:before {
  content: "\f117";
}
.ri-shopping-bag-line:before {
  content: "\f118";
}
.ri-shopping-basket-2-fill:before {
  content: "\f119";
}
.ri-shopping-basket-2-line:before {
  content: "\f11a";
}
.ri-shopping-basket-fill:before {
  content: "\f11b";
}
.ri-shopping-basket-line:before {
  content: "\f11c";
}
.ri-shopping-cart-2-fill:before {
  content: "\f11d";
}
.ri-shopping-cart-2-line:before {
  content: "\f11e";
}
.ri-shopping-cart-fill:before {
  content: "\f11f";
}
.ri-shopping-cart-line:before {
  content: "\f120";
}
.ri-showers-fill:before {
  content: "\f121";
}
.ri-showers-line:before {
  content: "\f122";
}
.ri-shuffle-fill:before {
  content: "\f123";
}
.ri-shuffle-line:before {
  content: "\f124";
}
.ri-shut-down-fill:before {
  content: "\f125";
}
.ri-shut-down-line:before {
  content: "\f126";
}
.ri-side-bar-fill:before {
  content: "\f127";
}
.ri-side-bar-line:before {
  content: "\f128";
}
.ri-signal-tower-fill:before {
  content: "\f129";
}
.ri-signal-tower-line:before {
  content: "\f12a";
}
.ri-signal-wifi-1-fill:before {
  content: "\f12b";
}
.ri-signal-wifi-1-line:before {
  content: "\f12c";
}
.ri-signal-wifi-2-fill:before {
  content: "\f12d";
}
.ri-signal-wifi-2-line:before {
  content: "\f12e";
}
.ri-signal-wifi-3-fill:before {
  content: "\f12f";
}
.ri-signal-wifi-3-line:before {
  content: "\f130";
}
.ri-signal-wifi-error-fill:before {
  content: "\f131";
}
.ri-signal-wifi-error-line:before {
  content: "\f132";
}
.ri-signal-wifi-fill:before {
  content: "\f133";
}
.ri-signal-wifi-line:before {
  content: "\f134";
}
.ri-signal-wifi-off-fill:before {
  content: "\f135";
}
.ri-signal-wifi-off-line:before {
  content: "\f136";
}
.ri-sim-card-2-fill:before {
  content: "\f137";
}
.ri-sim-card-2-line:before {
  content: "\f138";
}
.ri-sim-card-fill:before {
  content: "\f139";
}
.ri-sim-card-line:before {
  content: "\f13a";
}
.ri-single-quotes-l:before {
  content: "\f13b";
}
.ri-single-quotes-r:before {
  content: "\f13c";
}
.ri-sip-fill:before {
  content: "\f13d";
}
.ri-sip-line:before {
  content: "\f13e";
}
.ri-skip-back-fill:before {
  content: "\f13f";
}
.ri-skip-back-line:before {
  content: "\f140";
}
.ri-skip-back-mini-fill:before {
  content: "\f141";
}
.ri-skip-back-mini-line:before {
  content: "\f142";
}
.ri-skip-forward-fill:before {
  content: "\f143";
}
.ri-skip-forward-line:before {
  content: "\f144";
}
.ri-skip-forward-mini-fill:before {
  content: "\f145";
}
.ri-skip-forward-mini-line:before {
  content: "\f146";
}
.ri-skull-2-fill:before {
  content: "\f147";
}
.ri-skull-2-line:before {
  content: "\f148";
}
.ri-skull-fill:before {
  content: "\f149";
}
.ri-skull-line:before {
  content: "\f14a";
}
.ri-skype-fill:before {
  content: "\f14b";
}
.ri-skype-line:before {
  content: "\f14c";
}
.ri-slack-fill:before {
  content: "\f14d";
}
.ri-slack-line:before {
  content: "\f14e";
}
.ri-slice-fill:before {
  content: "\f14f";
}
.ri-slice-line:before {
  content: "\f150";
}
.ri-slideshow-2-fill:before {
  content: "\f151";
}
.ri-slideshow-2-line:before {
  content: "\f152";
}
.ri-slideshow-3-fill:before {
  content: "\f153";
}
.ri-slideshow-3-line:before {
  content: "\f154";
}
.ri-slideshow-4-fill:before {
  content: "\f155";
}
.ri-slideshow-4-line:before {
  content: "\f156";
}
.ri-slideshow-fill:before {
  content: "\f157";
}
.ri-slideshow-line:before {
  content: "\f158";
}
.ri-smartphone-fill:before {
  content: "\f159";
}
.ri-smartphone-line:before {
  content: "\f15a";
}
.ri-snapchat-fill:before {
  content: "\f15b";
}
.ri-snapchat-line:before {
  content: "\f15c";
}
.ri-snowy-fill:before {
  content: "\f15d";
}
.ri-snowy-line:before {
  content: "\f15e";
}
.ri-sort-asc:before {
  content: "\f15f";
}
.ri-sort-desc:before {
  content: "\f160";
}
.ri-sound-module-fill:before {
  content: "\f161";
}
.ri-sound-module-line:before {
  content: "\f162";
}
.ri-soundcloud-fill:before {
  content: "\f163";
}
.ri-soundcloud-line:before {
  content: "\f164";
}
.ri-space-ship-fill:before {
  content: "\f165";
}
.ri-space-ship-line:before {
  content: "\f166";
}
.ri-space:before {
  content: "\f167";
}
.ri-spam-2-fill:before {
  content: "\f168";
}
.ri-spam-2-line:before {
  content: "\f169";
}
.ri-spam-3-fill:before {
  content: "\f16a";
}
.ri-spam-3-line:before {
  content: "\f16b";
}
.ri-spam-fill:before {
  content: "\f16c";
}
.ri-spam-line:before {
  content: "\f16d";
}
.ri-speaker-2-fill:before {
  content: "\f16e";
}
.ri-speaker-2-line:before {
  content: "\f16f";
}
.ri-speaker-3-fill:before {
  content: "\f170";
}
.ri-speaker-3-line:before {
  content: "\f171";
}
.ri-speaker-fill:before {
  content: "\f172";
}
.ri-speaker-line:before {
  content: "\f173";
}
.ri-spectrum-fill:before {
  content: "\f174";
}
.ri-spectrum-line:before {
  content: "\f175";
}
.ri-speed-fill:before {
  content: "\f176";
}
.ri-speed-line:before {
  content: "\f177";
}
.ri-speed-mini-fill:before {
  content: "\f178";
}
.ri-speed-mini-line:before {
  content: "\f179";
}
.ri-split-cells-horizontal:before {
  content: "\f17a";
}
.ri-split-cells-vertical:before {
  content: "\f17b";
}
.ri-spotify-fill:before {
  content: "\f17c";
}
.ri-spotify-line:before {
  content: "\f17d";
}
.ri-spy-fill:before {
  content: "\f17e";
}
.ri-spy-line:before {
  content: "\f17f";
}
.ri-stack-fill:before {
  content: "\f180";
}
.ri-stack-line:before {
  content: "\f181";
}
.ri-stack-overflow-fill:before {
  content: "\f182";
}
.ri-stack-overflow-line:before {
  content: "\f183";
}
.ri-stackshare-fill:before {
  content: "\f184";
}
.ri-stackshare-line:before {
  content: "\f185";
}
.ri-star-fill:before {
  content: "\f186";
}
.ri-star-half-fill:before {
  content: "\f187";
}
.ri-star-half-line:before {
  content: "\f188";
}
.ri-star-half-s-fill:before {
  content: "\f189";
}
.ri-star-half-s-line:before {
  content: "\f18a";
}
.ri-star-line:before {
  content: "\f18b";
}
.ri-star-s-fill:before {
  content: "\f18c";
}
.ri-star-s-line:before {
  content: "\f18d";
}
.ri-star-smile-fill:before {
  content: "\f18e";
}
.ri-star-smile-line:before {
  content: "\f18f";
}
.ri-steam-fill:before {
  content: "\f190";
}
.ri-steam-line:before {
  content: "\f191";
}
.ri-steering-2-fill:before {
  content: "\f192";
}
.ri-steering-2-line:before {
  content: "\f193";
}
.ri-steering-fill:before {
  content: "\f194";
}
.ri-steering-line:before {
  content: "\f195";
}
.ri-stethoscope-fill:before {
  content: "\f196";
}
.ri-stethoscope-line:before {
  content: "\f197";
}
.ri-sticky-note-2-fill:before {
  content: "\f198";
}
.ri-sticky-note-2-line:before {
  content: "\f199";
}
.ri-sticky-note-fill:before {
  content: "\f19a";
}
.ri-sticky-note-line:before {
  content: "\f19b";
}
.ri-stock-fill:before {
  content: "\f19c";
}
.ri-stock-line:before {
  content: "\f19d";
}
.ri-stop-circle-fill:before {
  content: "\f19e";
}
.ri-stop-circle-line:before {
  content: "\f19f";
}
.ri-stop-fill:before {
  content: "\f1a0";
}
.ri-stop-line:before {
  content: "\f1a1";
}
.ri-stop-mini-fill:before {
  content: "\f1a2";
}
.ri-stop-mini-line:before {
  content: "\f1a3";
}
.ri-store-2-fill:before {
  content: "\f1a4";
}
.ri-store-2-line:before {
  content: "\f1a5";
}
.ri-store-3-fill:before {
  content: "\f1a6";
}
.ri-store-3-line:before {
  content: "\f1a7";
}
.ri-store-fill:before {
  content: "\f1a8";
}
.ri-store-line:before {
  content: "\f1a9";
}
.ri-strikethrough-2:before {
  content: "\f1aa";
}
.ri-strikethrough:before {
  content: "\f1ab";
}
.ri-subscript-2:before {
  content: "\f1ac";
}
.ri-subscript:before {
  content: "\f1ad";
}
.ri-subtract-fill:before {
  content: "\f1ae";
}
.ri-subtract-line:before {
  content: "\f1af";
}
.ri-subway-fill:before {
  content: "\f1b0";
}
.ri-subway-line:before {
  content: "\f1b1";
}
.ri-subway-wifi-fill:before {
  content: "\f1b2";
}
.ri-subway-wifi-line:before {
  content: "\f1b3";
}
.ri-suitcase-2-fill:before {
  content: "\f1b4";
}
.ri-suitcase-2-line:before {
  content: "\f1b5";
}
.ri-suitcase-3-fill:before {
  content: "\f1b6";
}
.ri-suitcase-3-line:before {
  content: "\f1b7";
}
.ri-suitcase-fill:before {
  content: "\f1b8";
}
.ri-suitcase-line:before {
  content: "\f1b9";
}
.ri-sun-cloudy-fill:before {
  content: "\f1ba";
}
.ri-sun-cloudy-line:before {
  content: "\f1bb";
}
.ri-sun-fill:before {
  content: "\f1bc";
}
.ri-sun-foggy-fill:before {
  content: "\f1bd";
}
.ri-sun-foggy-line:before {
  content: "\f1be";
}
.ri-sun-line:before {
  content: "\f1bf";
}
.ri-superscript-2:before {
  content: "\f1c0";
}
.ri-superscript:before {
  content: "\f1c1";
}
.ri-surgical-mask-fill:before {
  content: "\f1c2";
}
.ri-surgical-mask-line:before {
  content: "\f1c3";
}
.ri-surround-sound-fill:before {
  content: "\f1c4";
}
.ri-surround-sound-line:before {
  content: "\f1c5";
}
.ri-survey-fill:before {
  content: "\f1c6";
}
.ri-survey-line:before {
  content: "\f1c7";
}
.ri-swap-box-fill:before {
  content: "\f1c8";
}
.ri-swap-box-line:before {
  content: "\f1c9";
}
.ri-swap-fill:before {
  content: "\f1ca";
}
.ri-swap-line:before {
  content: "\f1cb";
}
.ri-switch-fill:before {
  content: "\f1cc";
}
.ri-switch-line:before {
  content: "\f1cd";
}
.ri-sword-fill:before {
  content: "\f1ce";
}
.ri-sword-line:before {
  content: "\f1cf";
}
.ri-syringe-fill:before {
  content: "\f1d0";
}
.ri-syringe-line:before {
  content: "\f1d1";
}
.ri-t-box-fill:before {
  content: "\f1d2";
}
.ri-t-box-line:before {
  content: "\f1d3";
}
.ri-t-shirt-2-fill:before {
  content: "\f1d4";
}
.ri-t-shirt-2-line:before {
  content: "\f1d5";
}
.ri-t-shirt-air-fill:before {
  content: "\f1d6";
}
.ri-t-shirt-air-line:before {
  content: "\f1d7";
}
.ri-t-shirt-fill:before {
  content: "\f1d8";
}
.ri-t-shirt-line:before {
  content: "\f1d9";
}
.ri-table-2:before {
  content: "\f1da";
}
.ri-table-alt-fill:before {
  content: "\f1db";
}
.ri-table-alt-line:before {
  content: "\f1dc";
}
.ri-table-fill:before {
  content: "\f1dd";
}
.ri-table-line:before {
  content: "\f1de";
}
.ri-tablet-fill:before {
  content: "\f1df";
}
.ri-tablet-line:before {
  content: "\f1e0";
}
.ri-takeaway-fill:before {
  content: "\f1e1";
}
.ri-takeaway-line:before {
  content: "\f1e2";
}
.ri-taobao-fill:before {
  content: "\f1e3";
}
.ri-taobao-line:before {
  content: "\f1e4";
}
.ri-tape-fill:before {
  content: "\f1e5";
}
.ri-tape-line:before {
  content: "\f1e6";
}
.ri-task-fill:before {
  content: "\f1e7";
}
.ri-task-line:before {
  content: "\f1e8";
}
.ri-taxi-fill:before {
  content: "\f1e9";
}
.ri-taxi-line:before {
  content: "\f1ea";
}
.ri-taxi-wifi-fill:before {
  content: "\f1eb";
}
.ri-taxi-wifi-line:before {
  content: "\f1ec";
}
.ri-team-fill:before {
  content: "\f1ed";
}
.ri-team-line:before {
  content: "\f1ee";
}
.ri-telegram-fill:before {
  content: "\f1ef";
}
.ri-telegram-line:before {
  content: "\f1f0";
}
.ri-temp-cold-fill:before {
  content: "\f1f1";
}
.ri-temp-cold-line:before {
  content: "\f1f2";
}
.ri-temp-hot-fill:before {
  content: "\f1f3";
}
.ri-temp-hot-line:before {
  content: "\f1f4";
}
.ri-terminal-box-fill:before {
  content: "\f1f5";
}
.ri-terminal-box-line:before {
  content: "\f1f6";
}
.ri-terminal-fill:before {
  content: "\f1f7";
}
.ri-terminal-line:before {
  content: "\f1f8";
}
.ri-terminal-window-fill:before {
  content: "\f1f9";
}
.ri-terminal-window-line:before {
  content: "\f1fa";
}
.ri-test-tube-fill:before {
  content: "\f1fb";
}
.ri-test-tube-line:before {
  content: "\f1fc";
}
.ri-text-direction-l:before {
  content: "\f1fd";
}
.ri-text-direction-r:before {
  content: "\f1fe";
}
.ri-text-spacing:before {
  content: "\f1ff";
}
.ri-text-wrap:before {
  content: "\f200";
}
.ri-text:before {
  content: "\f201";
}
.ri-thermometer-fill:before {
  content: "\f202";
}
.ri-thermometer-line:before {
  content: "\f203";
}
.ri-thumb-down-fill:before {
  content: "\f204";
}
.ri-thumb-down-line:before {
  content: "\f205";
}
.ri-thumb-up-fill:before {
  content: "\f206";
}
.ri-thumb-up-line:before {
  content: "\f207";
}
.ri-thunderstorms-fill:before {
  content: "\f208";
}
.ri-thunderstorms-line:before {
  content: "\f209";
}
.ri-ticket-2-fill:before {
  content: "\f20a";
}
.ri-ticket-2-line:before {
  content: "\f20b";
}
.ri-ticket-fill:before {
  content: "\f20c";
}
.ri-ticket-line:before {
  content: "\f20d";
}
.ri-time-fill:before {
  content: "\f20e";
}
.ri-time-line:before {
  content: "\f20f";
}
.ri-timer-2-fill:before {
  content: "\f210";
}
.ri-timer-2-line:before {
  content: "\f211";
}
.ri-timer-fill:before {
  content: "\f212";
}
.ri-timer-flash-fill:before {
  content: "\f213";
}
.ri-timer-flash-line:before {
  content: "\f214";
}
.ri-timer-line:before {
  content: "\f215";
}
.ri-todo-fill:before {
  content: "\f216";
}
.ri-todo-line:before {
  content: "\f217";
}
.ri-toggle-fill:before {
  content: "\f218";
}
.ri-toggle-line:before {
  content: "\f219";
}
.ri-tools-fill:before {
  content: "\f21a";
}
.ri-tools-line:before {
  content: "\f21b";
}
.ri-tornado-fill:before {
  content: "\f21c";
}
.ri-tornado-line:before {
  content: "\f21d";
}
.ri-trademark-fill:before {
  content: "\f21e";
}
.ri-trademark-line:before {
  content: "\f21f";
}
.ri-traffic-light-fill:before {
  content: "\f220";
}
.ri-traffic-light-line:before {
  content: "\f221";
}
.ri-train-fill:before {
  content: "\f222";
}
.ri-train-line:before {
  content: "\f223";
}
.ri-train-wifi-fill:before {
  content: "\f224";
}
.ri-train-wifi-line:before {
  content: "\f225";
}
.ri-translate-2:before {
  content: "\f226";
}
.ri-translate:before {
  content: "\f227";
}
.ri-travesti-fill:before {
  content: "\f228";
}
.ri-travesti-line:before {
  content: "\f229";
}
.ri-treasure-map-fill:before {
  content: "\f22a";
}
.ri-treasure-map-line:before {
  content: "\f22b";
}
.ri-trello-fill:before {
  content: "\f22c";
}
.ri-trello-line:before {
  content: "\f22d";
}
.ri-trophy-fill:before {
  content: "\f22e";
}
.ri-trophy-line:before {
  content: "\f22f";
}
.ri-truck-fill:before {
  content: "\f230";
}
.ri-truck-line:before {
  content: "\f231";
}
.ri-tumblr-fill:before {
  content: "\f232";
}
.ri-tumblr-line:before {
  content: "\f233";
}
.ri-tv-2-fill:before {
  content: "\f234";
}
.ri-tv-2-line:before {
  content: "\f235";
}
.ri-tv-fill:before {
  content: "\f236";
}
.ri-tv-line:before {
  content: "\f237";
}
.ri-twitch-fill:before {
  content: "\f238";
}
.ri-twitch-line:before {
  content: "\f239";
}
.ri-twitter-fill:before {
  content: "\f23a";
}
.ri-twitter-line:before {
  content: "\f23b";
}
.ri-typhoon-fill:before {
  content: "\f23c";
}
.ri-typhoon-line:before {
  content: "\f23d";
}
.ri-u-disk-fill:before {
  content: "\f23e";
}
.ri-u-disk-line:before {
  content: "\f23f";
}
.ri-ubuntu-fill:before {
  content: "\f240";
}
.ri-ubuntu-line:before {
  content: "\f241";
}
.ri-umbrella-fill:before {
  content: "\f242";
}
.ri-umbrella-line:before {
  content: "\f243";
}
.ri-underline:before {
  content: "\f244";
}
.ri-uninstall-fill:before {
  content: "\f245";
}
.ri-uninstall-line:before {
  content: "\f246";
}
.ri-unsplash-fill:before {
  content: "\f247";
}
.ri-unsplash-line:before {
  content: "\f248";
}
.ri-upload-2-fill:before {
  content: "\f249";
}
.ri-upload-2-line:before {
  content: "\f24a";
}
.ri-upload-cloud-2-fill:before {
  content: "\f24b";
}
.ri-upload-cloud-2-line:before {
  content: "\f24c";
}
.ri-upload-cloud-fill:before {
  content: "\f24d";
}
.ri-upload-cloud-line:before {
  content: "\f24e";
}
.ri-upload-fill:before {
  content: "\f24f";
}
.ri-upload-line:before {
  content: "\f250";
}
.ri-usb-fill:before {
  content: "\f251";
}
.ri-usb-line:before {
  content: "\f252";
}
.ri-user-2-fill:before {
  content: "\f253";
}
.ri-user-2-line:before {
  content: "\f254";
}
.ri-user-3-fill:before {
  content: "\f255";
}
.ri-user-3-line:before {
  content: "\f256";
}
.ri-user-4-fill:before {
  content: "\f257";
}
.ri-user-4-line:before {
  content: "\f258";
}
.ri-user-5-fill:before {
  content: "\f259";
}
.ri-user-5-line:before {
  content: "\f25a";
}
.ri-user-6-fill:before {
  content: "\f25b";
}
.ri-user-6-line:before {
  content: "\f25c";
}
.ri-user-add-fill:before {
  content: "\f25d";
}
.ri-user-add-line:before {
  content: "\f25e";
}
.ri-user-fill:before {
  content: "\f25f";
}
.ri-user-follow-fill:before {
  content: "\f260";
}
.ri-user-follow-line:before {
  content: "\f261";
}
.ri-user-heart-fill:before {
  content: "\f262";
}
.ri-user-heart-line:before {
  content: "\f263";
}
.ri-user-line:before {
  content: "\f264";
}
.ri-user-location-fill:before {
  content: "\f265";
}
.ri-user-location-line:before {
  content: "\f266";
}
.ri-user-received-2-fill:before {
  content: "\f267";
}
.ri-user-received-2-line:before {
  content: "\f268";
}
.ri-user-received-fill:before {
  content: "\f269";
}
.ri-user-received-line:before {
  content: "\f26a";
}
.ri-user-search-fill:before {
  content: "\f26b";
}
.ri-user-search-line:before {
  content: "\f26c";
}
.ri-user-settings-fill:before {
  content: "\f26d";
}
.ri-user-settings-line:before {
  content: "\f26e";
}
.ri-user-shared-2-fill:before {
  content: "\f26f";
}
.ri-user-shared-2-line:before {
  content: "\f270";
}
.ri-user-shared-fill:before {
  content: "\f271";
}
.ri-user-shared-line:before {
  content: "\f272";
}
.ri-user-smile-fill:before {
  content: "\f273";
}
.ri-user-smile-line:before {
  content: "\f274";
}
.ri-user-star-fill:before {
  content: "\f275";
}
.ri-user-star-line:before {
  content: "\f276";
}
.ri-user-unfollow-fill:before {
  content: "\f277";
}
.ri-user-unfollow-line:before {
  content: "\f278";
}
.ri-user-voice-fill:before {
  content: "\f279";
}
.ri-user-voice-line:before {
  content: "\f27a";
}
.ri-video-add-fill:before {
  content: "\f27b";
}
.ri-video-add-line:before {
  content: "\f27c";
}
.ri-video-chat-fill:before {
  content: "\f27d";
}
.ri-video-chat-line:before {
  content: "\f27e";
}
.ri-video-download-fill:before {
  content: "\f27f";
}
.ri-video-download-line:before {
  content: "\f280";
}
.ri-video-fill:before {
  content: "\f281";
}
.ri-video-line:before {
  content: "\f282";
}
.ri-video-upload-fill:before {
  content: "\f283";
}
.ri-video-upload-line:before {
  content: "\f284";
}
.ri-vidicon-2-fill:before {
  content: "\f285";
}
.ri-vidicon-2-line:before {
  content: "\f286";
}
.ri-vidicon-fill:before {
  content: "\f287";
}
.ri-vidicon-line:before {
  content: "\f288";
}
.ri-vimeo-fill:before {
  content: "\f289";
}
.ri-vimeo-line:before {
  content: "\f28a";
}
.ri-vip-crown-2-fill:before {
  content: "\f28b";
}
.ri-vip-crown-2-line:before {
  content: "\f28c";
}
.ri-vip-crown-fill:before {
  content: "\f28d";
}
.ri-vip-crown-line:before {
  content: "\f28e";
}
.ri-vip-diamond-fill:before {
  content: "\f28f";
}
.ri-vip-diamond-line:before {
  content: "\f290";
}
.ri-vip-fill:before {
  content: "\f291";
}
.ri-vip-line:before {
  content: "\f292";
}
.ri-virus-fill:before {
  content: "\f293";
}
.ri-virus-line:before {
  content: "\f294";
}
.ri-visa-fill:before {
  content: "\f295";
}
.ri-visa-line:before {
  content: "\f296";
}
.ri-voice-recognition-fill:before {
  content: "\f297";
}
.ri-voice-recognition-line:before {
  content: "\f298";
}
.ri-voiceprint-fill:before {
  content: "\f299";
}
.ri-voiceprint-line:before {
  content: "\f29a";
}
.ri-volume-down-fill:before {
  content: "\f29b";
}
.ri-volume-down-line:before {
  content: "\f29c";
}
.ri-volume-mute-fill:before {
  content: "\f29d";
}
.ri-volume-mute-line:before {
  content: "\f29e";
}
.ri-volume-off-vibrate-fill:before {
  content: "\f29f";
}
.ri-volume-off-vibrate-line:before {
  content: "\f2a0";
}
.ri-volume-up-fill:before {
  content: "\f2a1";
}
.ri-volume-up-line:before {
  content: "\f2a2";
}
.ri-volume-vibrate-fill:before {
  content: "\f2a3";
}
.ri-volume-vibrate-line:before {
  content: "\f2a4";
}
.ri-vuejs-fill:before {
  content: "\f2a5";
}
.ri-vuejs-line:before {
  content: "\f2a6";
}
.ri-walk-fill:before {
  content: "\f2a7";
}
.ri-walk-line:before {
  content: "\f2a8";
}
.ri-wallet-2-fill:before {
  content: "\f2a9";
}
.ri-wallet-2-line:before {
  content: "\f2aa";
}
.ri-wallet-3-fill:before {
  content: "\f2ab";
}
.ri-wallet-3-line:before {
  content: "\f2ac";
}
.ri-wallet-fill:before {
  content: "\f2ad";
}
.ri-wallet-line:before {
  content: "\f2ae";
}
.ri-water-flash-fill:before {
  content: "\f2af";
}
.ri-water-flash-line:before {
  content: "\f2b0";
}
.ri-webcam-fill:before {
  content: "\f2b1";
}
.ri-webcam-line:before {
  content: "\f2b2";
}
.ri-wechat-2-fill:before {
  content: "\f2b3";
}
.ri-wechat-2-line:before {
  content: "\f2b4";
}
.ri-wechat-fill:before {
  content: "\f2b5";
}
.ri-wechat-line:before {
  content: "\f2b6";
}
.ri-wechat-pay-fill:before {
  content: "\f2b7";
}
.ri-wechat-pay-line:before {
  content: "\f2b8";
}
.ri-weibo-fill:before {
  content: "\f2b9";
}
.ri-weibo-line:before {
  content: "\f2ba";
}
.ri-whatsapp-fill:before {
  content: "\f2bb";
}
.ri-whatsapp-line:before {
  content: "\f2bc";
}
.ri-wheelchair-fill:before {
  content: "\f2bd";
}
.ri-wheelchair-line:before {
  content: "\f2be";
}
.ri-wifi-fill:before {
  content: "\f2bf";
}
.ri-wifi-line:before {
  content: "\f2c0";
}
.ri-wifi-off-fill:before {
  content: "\f2c1";
}
.ri-wifi-off-line:before {
  content: "\f2c2";
}
.ri-window-2-fill:before {
  content: "\f2c3";
}
.ri-window-2-line:before {
  content: "\f2c4";
}
.ri-window-fill:before {
  content: "\f2c5";
}
.ri-window-line:before {
  content: "\f2c6";
}
.ri-windows-fill:before {
  content: "\f2c7";
}
.ri-windows-line:before {
  content: "\f2c8";
}
.ri-windy-fill:before {
  content: "\f2c9";
}
.ri-windy-line:before {
  content: "\f2ca";
}
.ri-wireless-charging-fill:before {
  content: "\f2cb";
}
.ri-wireless-charging-line:before {
  content: "\f2cc";
}
.ri-women-fill:before {
  content: "\f2cd";
}
.ri-women-line:before {
  content: "\f2ce";
}
.ri-wubi-input:before {
  content: "\f2cf";
}
.ri-xbox-fill:before {
  content: "\f2d0";
}
.ri-xbox-line:before {
  content: "\f2d1";
}
.ri-xing-fill:before {
  content: "\f2d2";
}
.ri-xing-line:before {
  content: "\f2d3";
}
.ri-youtube-fill:before {
  content: "\f2d4";
}
.ri-youtube-line:before {
  content: "\f2d5";
}
.ri-zcool-fill:before {
  content: "\f2d6";
}
.ri-zcool-line:before {
  content: "\f2d7";
}
.ri-zhihu-fill:before {
  content: "\f2d8";
}
.ri-zhihu-line:before {
  content: "\f2d9";
}
.ri-zoom-in-fill:before {
  content: "\f2da";
}
.ri-zoom-in-line:before {
  content: "\f2db";
}
.ri-zoom-out-fill:before {
  content: "\f2dc";
}
.ri-zoom-out-line:before {
  content: "\f2dd";
}
.ri-zzz-fill:before {
  content: "\f2de";
}
.ri-zzz-line:before {
  content: "\f2df";
}

.container-dat {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.card-dat {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 20px;
}

/* Dark mode styles */
[data-theme="dark"] .card-dat {
  background: #000;
}

.card-header-dat {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

/* Dark mode styles */
[data-theme="dark"] .card-header-dat {
  color: #f6f6f6 !important;
}

.card-content-dat {
  font-size: 13px;
  color: #555;
}

.analysis-tool-container {
  padding: 8px;
  max-height: 100dvh;
  overflow-y: auto;
}

.streak-analysis {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between; /* Space between streaks */
}

.streak {
  flex: 1 1 45%; /* Ensures each streak takes up about half the width */
  min-width: 170px; /* Minimum width for smaller screens */
  text-align: center;
}

.streak h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}

/* Dark mode styles */
[data-theme="dark"] .streak h4 {
  color: #b3b1c3;
}

/* Dark mode styles */
[data-theme="dark"] .card-content-dat {
  color: #b3b1c3;
}

.streak-box {
  background: #f8f8f8;
  border-radius: 6px;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.streak-box.red {
  background: #ffe5e5;
  color: #dc2626;
}

.streak-box.blue {
  background: #e5f3ff;
  color: #2563eb;
}

.streak-value {
  font-size: 24px;
  font-weight: bold;
}

.threshold-inputs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .analysis-tool-container {
    /* margin-top: 55px; */
  }
  .streak {
    flex: 1 1 100%; /* Full width for mobile */
    margin-bottom: 20px; /* Add spacing between sections */
  }

  .streak-analysis {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    justify-content: space-between; /* Space between streaks */
  }

  .current-price {
    font-size: 10px;
    border-radius: 8px;
  }

  .space-bottom {
    padding-bottom: 200px;
  }

  .margin-btm-0 {
    margin-bottom: 0px;
  }

  .threshold-inputs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.distribution-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-evenly;
}

.label {
  font-weight: bold;
}

.progress-bar-dat {
  flex: 1;
  display: flex;
  background: #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  height: 20px;
}

.progress {
  height: 100%;
  transition: width 0.3s ease;
}

.progress.red {
  background: #f87171;
}

.progress.blue {
  background: #60a5fa;
}

.pattern-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(26px, 1fr));
  gap: 4px;
}

.grid-row {
  display: contents; /* Allows cells to directly participate in the grid layout */
}

.cell {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px;
  line-height: 30px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cell.red {
  background-color: #fee2e2;
  color: #dc2626;
}

.cell.blue {
  background-color: #dbeafe;
  color: #2563eb;
}

/* Labels for latest and earliest cells */
.cell-label {
  position: absolute;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
}

.latest-label {
  top: -31px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #10b981;
  color: white;
}

.earliest-label {
  bottom: -31px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #6b7280;
  color: white;
}

/* Dark mode adjustments */
[data-theme="dark"] .latest-label {
  background-color: #059669;
}

[data-theme="dark"] .earliest-label {
  background-color: #4b5563;
}

/* Add extra padding to pattern grid to accommodate labels */
.pattern-grid {
  padding-top: 28px;
  padding-bottom: 28px;
}

canvas {
  max-width: 100%;
}

.info-icon {
  width: 16px; /* Adjust size as needed */
  height: 16px;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle; /* Align with text */
}

.current-price {
  font-size: 16px;
  border-radius: 8px;
}

.cell.gray {
  background-color: gray;
  color: white;
  /* Additional styling as needed */
}

.rolling-window {
  display: flex;
  flex-direction: column;
}
.space-bottom {
  padding-bottom: 150px;
}

.space-y-6 > * + * {
  margin-top: 24px;
}

.card-matches {
  background: white;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}
/* Dark mode styles */
[data-theme="dark"] .card-matches {
  background: #000;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.stat-card {
  text-align: left;
}

.stat-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #4a5568;
}
/* Dark mode styles */
[data-theme="dark"] .stat-label {
  color: #b3b1c3;
}

.stat-value {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 8px;
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    /* Force 2 columns */
    gap: 8px;
    /* Reduce gap for smaller screens */
  }

  .stat-value {
    font-size: 1.25rem;
    /* Slightly smaller values on mobile */
  }
}

.digits-grid {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    24px
  ); /* Fixed width of 24px per column */
  gap: 4px;
  justify-content: center; /* Center the grid items */
  max-width: 100%; /* Prevent overflow */
  overflow-x: auto; /* Allow horizontal scrolling if there are too many digits */
}

.digit-cell {
  width: 24px; /* Fixed width */
  height: 24px; /* Fixed height to maintain square shape */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  border-radius: 4px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  font-size: 0.875rem; /* Adjust font size for smaller tiles */
  position: relative;
}

/* Glow animation for the newest digit */
@keyframes glow {
  0% {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 1);
  }
  100% {
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
  }
}

.digit-cell.glowing {
  animation: glow 1s ease-in-out;
}

/* Labels for latest and earliest cells in matches/differs */
.digit-cell .cell-label {
  position: absolute;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
}

.digit-cell .latest-label {
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #10b981;
  color: white;
}

.digit-cell .earliest-label {
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #6b7280;
  color: white;
}

/* Dark mode adjustments */
[data-theme="dark"] .digit-cell .latest-label {
  background-color: #059669;
}

[data-theme="dark"] .digit-cell .earliest-label {
  background-color: #4b5563;
}

/* Add extra padding to digits grid to accommodate labels */
.digits-grid {
  padding-top: 28px;
  padding-bottom: 28px;
}

.chart-container {
  position: relative;
  height: 300px;
  /* Increased height for better visibility */
}

.current-price {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1px;
}

input {
  width: 140px;
  border: 3px solid rgba(174, 174, 181, 1);
  border-radius: 8px;
  font-size: 17px;
  padding: 8px;
}
/* Dark mode styles */
[data-theme="dark"] input {
  background: #0e0e0e;
  color: aliceblue;
}

input:focus {
  outline: none;
  border-color: rgba(38, 191, 71, 1);
  box-shadow: 0 0 10px rgba(38, 191, 71, 1);
}

.title {
  font-weight: 600;
  margin-bottom: 16px;
}

.digit-circles-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 19px;
  padding: 20px;
  position: relative;
  margin: 40px 0;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .digit-circles-container {
    grid-template-rows: repeat(2, 1fr);
    /* Two rows */
    height: auto;
    /* Allow height to adjust */
    padding: 0 !important;
    gap: 15px !important;
  }

  .digit-circle {
    width: 60px !important;
    /* Smaller circles on mobile */
    height: 60px !important;
    font-size: 1rem !important;
  }

  .digit-content {
    width: 50px !important;
    height: 50px !important;
  }

  .digit-circles-container {
    grid-template-rows: repeat(2, 1fr);
  }

  .current-digit-arrow {
    bottom: 119px;
    /* Adjust for first row */
    width: 10px !important;
    height: 10px !important;
    margin-left: 1rem !important;
  }

  .space-bottom {
    padding-bottom: 200px;
  }
}

.digit-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.digit-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    var(--fill-color) 100%,
    /* Always fill 100% */ transparent 0
  );
  clip-path: circle(50%);
  transform: rotate(-90deg);
  /* Start fill from bottom */
  transform: rotate(-90deg) translateZ(0);
  backface-visibility: hidden;
}

.digit-content {
  position: relative;
  z-index: 1;
  background: white;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Dark mode styles */
[data-theme="dark"] .digit-content {
  background: #0e0e0e;
}

.current-digit-arrow {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 14px;
  background: #ff4757;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transition: left 0.3s ease-in-out;
  margin-left: 1.2rem;
}

/* Reset and Base Styles */
.accumulator-container * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.accumulator-container {
  color: #0f172a;
  line-height: 1.5;
  padding: 0.5rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 1rem;
  max-height: 94dvh;
  overflow-y: auto;
}

/* Dark mode support for container */
[data-theme="dark"] .accumulator-container {
  color: #ffffff;
}

/* Header */
.accumulator-container .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.accumulator-container .title {
  font-size: 1.5rem;
  font-weight: 700;
}

.accumulator-container .reset-button {
  padding: 0.5rem 1rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}

.accumulator-container .reset-button:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Dark mode support for reset button */
[data-theme="dark"] .accumulator-container .reset-button {
  background-color: #2a2a2a;
  border-color: #404040;
  color: #ffffff;
}

/* Card Styles - Let template handle most styling */
.accumulator-container .card {
  margin-bottom: 1.5rem;
  overflow: hidden;
  width: 100%;
}

.accumulator-container .card-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
}

/* Dark mode support for card header */
[data-theme="dark"] .accumulator-container .card-header {
  border-bottom-color: #404040;
}

.accumulator-container .card-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .card-title {
  color: #e2e8f0;
}

.accumulator-container .card-content {
  padding: 1.5rem;
}

@media (max-width: 768px) {
  .accumulator-container .stats-grid {
    display: flex;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    padding-top: 1rem;
  }
  .accumulator-container .card-title {
    font-size: 16px;
  }
  .accumulator-container .stat-value {
    font-size: 16px !important;
  }

  .accumulator-container .stat-card-value {
    font-size: 16px !important;
    font-weight: 700;
  }
}

.accumulator-container .stat-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: #0f172a;
  /* margin-top: 0.5rem; */
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .stat-value {
  color: #ffffff;
}

.accumulator-container .stat-label {
  font-size: 0.875rem;
  color: #64748b;
}

/* Dark mode support for stat label */
[data-theme="dark"] .accumulator-container .stat-label {
  color: #b0b0b0;
}

/* History Grid */
.accumulator-container .history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
  gap: 0.75rem;
}

.accumulator-container .history-item {
  background: #f8fafc;
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .history-item {
  background: #0e0e0e;
}

.accumulator-container .history-item.current {
  background: #eff6ff;
  border: 2px solid #bfdbfe;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .history-item.current {
  background: #0e0e0e;
  border: 2px solid #f7f7f7;
}

.accumulator-container .history-count {
  font-size: 16px;
  font-weight: 600;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .history-count {
  color: #eff6ff;
}

.accumulator-container .history-count.high {
  color: #22c55e;
}

.accumulator-container .history-count.low {
  color: #ef4444;
}

.accumulator-container .history-multiplier {
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 0.25rem;
}

/* Statistics Grid */
.accumulator-container .statistics-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* Updated media queries for statistics grid */
@media (min-width: 768px) {
  .accumulator-container .statistics-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .accumulator-container .statistics-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .accumulator-loader {
    left: 50% !important;
  }
}

.accumulator-container .stat-card {
  background: #f8fafc;
  border-radius: 0.5rem;
  padding: 1rem;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .stat-card {
  background: #0e0e0e;
}

.accumulator-container .stat-card-header {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 0.5rem;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .stat-card-header {
  color: #dcdee2;
}

.accumulator-container .stat-card-content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.75rem;
}

.accumulator-container .stat-card-value {
  font-size: 1.5rem;
  font-weight: 700;
}

/* Dark mode styles */
[data-theme="dark"] .accumulator-container .stat-card-value {
  color: #dcdee2;
}

.accumulator-container .stat-card-percentage {
  color: #64748b;
  font-size: 0.875rem;
}

/* Progress bar styles */
.accumulator-container .progress-bar {
  width: 100%;
  height: 6px;
  background: #e2e8f0;
  border-radius: 9999px;
  overflow: hidden;
}

/* Dark mode support for progress bar */
[data-theme="dark"] .accumulator-container .progress-bar {
  background: #404040;
}

.accumulator-container .progress-bar-fill {
  height: 100%;
  background: #3b82f6;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

/* Accumulator Loader Styling */
.accumulator-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 36%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8); /* Dark translucent background */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 16px;
  font-weight: bold;
  width: 150px;
  text-align: center;
}

/* Loader Spinner */
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 10px;
}

/* Loader Animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.smartcharts {
  height: 92dvh !important;
  overflow: hidden;
  position: absolute;
  top: 64px !important;
  width: 77% !important;
  /* font-size: 10px !important; */
  /* Changed from 66% to 100% */
}

.smartcharts-mobile .cq-top-ui-widgets {
  width: 94%;
  padding: 0px;
  z-index: 3;
}

/* Optional: Add a media query to ensure it works well on mobile */
@media (max-width: 1200px) {
  .smartcharts {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    height: 68dvh !important;
  }
}

@media (min-width: 1200px) {
  .cq-chart-title .cq-symbol-select-btn .cq-symbol-info {
    min-width: 15rem;
    min-height: 0rem;
  }
}

/* Base Styles */
[data-theme="dark"] .digit-edge-container {
  --bg-primary: #0e0e0e;
  --bg-secondary: #000;
  --bg-tertiary: #374151;
  --text-primary: #f9fafb;
  --text-secondary: #d1d5db;
  --text-muted: #9ca3af;
  --border-color: #4b5563;
  --accent-color: #3b82f6;
  --accent-hover: #2563eb;
  --danger-color: #ef4444;
  --success-color: #10b981;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.digit-edge-container {
  --bg-primary: #ffffff;
  --bg-secondary: #f3f4f6;
  --bg-tertiary: #e5e7eb;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --border-color: #d1d5db;
  --accent-color: #3b82f6;
  --accent-hover: #2563eb;
  --danger-color: #dc2626;
  --success-color: #059669;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

.digit-edge-container * {
  margin: 0;
  box-sizing: border-box;
}

.digit-edge-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.5;
  overflow-y: auto;
  max-height: 90dvh;
  padding-right: 15px;
  padding-left: 15px;
}

.digit-edge-container .container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Header */
.digit-edge-container .header {
  background-color: var(--bg-secondary);
  padding: 1rem;
  box-shadow: var(--card-shadow);
}

.digit-edge-container .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--accent-color);
}

.header-actions {
  display: flex;
  gap: 1rem;
}

.action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg-tertiary);
  border: none;
  border-radius: 9999px;
  color: var(--text-primary);
  cursor: pointer;
  transition: background-color 0.2s;
}

.action-button:hover {
  background-color: var(--border-color);
}

.icon {
  width: 1.25rem;
  height: 1.25rem;
}

/* Filter Panel */
.filter-panel {
  background-color: var(--bg-secondary);
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 1.5rem 0;
  box-shadow: var(--card-shadow);
}

.filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.filter-control {
  flex: 1;
  min-width: 250px;
}

.control-label {
  display: block;
  font-size: 0.875rem;
  font-weight: medium;
  color: var(--text-muted);
  margin-bottom: 0.25rem;
}

.control-input {
  width: 100%;
  background-color: var(--bg-tertiary);
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  color: var(--text-primary);
  font-size: 1rem;
}

.control-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-color);
}

.filter-info {
  margin-left: auto;
  text-align: right;
  display: flex;
  flex-direction: column;
}

.auto-update-text {
  font-size: 0.875rem;
  color: var(--accent-color);
  margin-bottom: 0.25rem;
}

.max-ticks-text {
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* Grid Layout */
.grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .full-width {
    grid-column: span 2;
  }
}

/* Cards */
.card {
  background-color: var(--bg-secondary);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: var(--card-shadow);
}

.card-header {
  padding: 0.75rem 1rem;
  background-color: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-color);
}

.card-header-with-help {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.card-title {
  font-size: 1.125rem;
  font-weight: 600;
}

.help-icon-btn {
  background: none;
  border: none;
  color: var(--accent-color);
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, transform 0.2s;
  font-size: 1.25rem;
}

.help-icon-btn:hover {
  background-color: var(--bg-primary);
  transform: scale(1.1);
}

.help-icon-btn i {
  font-size: 1.25rem;
}

.card-body {
  padding: 1rem;
}

/* Tables */
.table-responsive {
  overflow-x: auto;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
}

.data-table th {
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: medium;
  text-transform: uppercase;
  color: var(--text-muted);
  background-color: var(--bg-tertiary);
}

.data-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

.data-table tr:last-child td {
  border-bottom: none;
}

.percentage-cell {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
}

/* Chart Container */
.chart-container {
  height: 400px;
  width: 100%;
}

/* Footer */
.footer {
  background-color: var(--bg-secondary);
  padding: 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-muted);
  margin-top: 1.5rem;
}

.data-table td {
  padding: 0.25rem 1rem;
  border-bottom: 1px solid var(--border-color);
}

/* Help Modal Styles */
.help-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.help-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}

.help-modal-content {
  position: relative;
  background-color: var(--bg-secondary);
  border-radius: 0.75rem;
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.help-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

.help-modal-header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.help-modal-close {
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
  font-size: 1.5rem;
}

.help-modal-close:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}

.help-modal-body {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
  color: var(--text-secondary);
  line-height: 1.6;
}

.help-modal-body h4 {
  color: var(--accent-color);
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.help-modal-body h4:first-child {
  margin-top: 0;
}

.help-modal-body p {
  margin-bottom: 1rem;
}

.help-modal-body ul {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.help-modal-body li {
  margin-bottom: 0.5rem;
}

.help-modal-body strong {
  color: var(--text-primary);
  font-weight: 600;
}

.help-modal-body code {
  background-color: var(--bg-tertiary);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.875rem;
  color: var(--accent-color);
}

.help-example {
  background-color: var(--bg-primary);
  border-left: 3px solid var(--accent-color);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
}

.help-note {
  background-color: var(--bg-tertiary);
  border-left: 3px solid var(--success-color);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
  font-size: 0.9rem;
}

.help-warning {
  background-color: var(--bg-tertiary);
  border-left: 3px solid var(--danger-color);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.25rem;
  font-size: 0.9rem;
}

@media (max-width: 640px) {
  .help-modal-content {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 0.5rem;
  }

  .help-modal-header {
    padding: 1rem;
  }

  .help-modal-body {
    padding: 1rem;
  }

  /* Reduce all font sizes by 30% on mobile */
  .header-title {
    font-size: 1.05rem; /* 1.5rem * 0.7 */
  }

  .control-label {
    font-size: 0.6125rem; /* 0.875rem * 0.7 */
  }

  .control-input {
    font-size: 0.7rem; /* 1rem * 0.7 */
  }

  .auto-update-text {
    font-size: 0.6125rem; /* 0.875rem * 0.7 */
  }

  .max-ticks-text {
    font-size: 0.525rem; /* 0.75rem * 0.7 */
  }

  .card-title {
    font-size: 0.7875rem; /* 1.125rem * 0.7 */
  }

  .help-icon-btn,
  .help-icon-btn i {
    font-size: 0.875rem; /* 1.25rem * 0.7 */
  }

  .data-table th {
    font-size: 0.525rem; /* 0.75rem * 0.7 */
  }

  .data-table td {
    font-size: 0.7rem; /* 1rem * 0.7 - assuming default 1rem */
  }

  .footer {
    font-size: 0.6125rem; /* 0.875rem * 0.7 */
  }

  .help-modal-header h3 {
    font-size: 0.875rem; /* 1.25rem * 0.7 */
  }

  .help-modal-close {
    font-size: 1.05rem; /* 1.5rem * 0.7 */
  }

  .help-modal-body {
    font-size: 0.7rem; /* 1rem * 0.7 */
  }

  .help-modal-body h4 {
    font-size: 0.7875rem; /* 1.125rem * 0.7 */
  }

  .help-modal-body code {
    font-size: 0.6125rem; /* 0.875rem * 0.7 */
  }

  .help-note,
  .help-warning {
    font-size: 0.63rem; /* 0.9rem * 0.7 */
  }

  .percentage-cell {
    font-size: 0.7rem; /* Assuming 1rem default */
  }
}

/* 
 * Video Embed Component Styles
 * These styles apply to the containers and wrappers around the web component
 */

.video-embed-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tutorials-grid {
        grid-template-columns: 1fr !important;
    }

    .tutorial-card {
        height: auto !important;
        min-height: 350px;
    }
}

/* Animation for loading videos */
@keyframes pulse {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
    }
}

.video-loading {
    animation: pulse 1.5s infinite ease-in-out;
    background: #f0f0f0;
}

/* Enhanced focus styles for accessibility */
video-embed:focus {
    outline: 2px solid #0070d6;
    outline-offset: 2px;
}

/* Custom scrollbar for the description */
.description::-webkit-scrollbar {
    width: 8px;
}

.description::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.description::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.description::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.access-required-container {
    width: 100%;
    max-width: 96%;
    margin: 0 auto;
    max-height: 100dvh;
    overflow-y: auto;
    padding-bottom: 20rem;
}

/* Loading and Error States */
.loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    font-size: 16px;
    color: var(--text-primary);
    background: var(--background-light);
    border-radius: 12px;
    margin: 20px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.loading-spinner::before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid var(--primary);
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 12px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #ffebee;
    border: 1px solid #f44336;
    border-radius: 12px;
    margin: 20px 0;
    color: #c62828;
}

.error-message p {
    margin: 0 0 16px 0;
    font-size: 16px;
    text-align: center;
}

.error-message button {
    background: #f44336;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s;
}

.error-message button:hover {
    background: #d32f2f;
}

[data-theme="dark"] .loading-spinner {
    background: #0e0e0e;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .error-message {
    background: #2d1b1b;
    border-color: #f44336;
    color: #ffcdd2;
}

[data-theme="dark"] .error-message button {
    background: #f44336;
}

[data-theme="dark"] .error-message button:hover {
    background: #d32f2f;
}

/* Loading timeout styles */
.loading-timeout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.loading-timeout p {
    margin: 16px 0;
    color: var(--text-primary);
    font-size: 16px;
}

.retry-btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s;
    margin-top: 16px;
}

.retry-btn:hover {
    background: var(--primary-dark, #1976d2);
}

[data-theme="dark"] .loading-timeout p {
    color: #ffffff;
}

.access-required-card {
    background: var(--background-light);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 30px;
}

[data-theme="dark"] .access-required-card {
    background: #000;
}

[data-theme="dark"] .testimonial-text-card {
    background: #0e0e0e;
}

/* Header Card */
.access-header {
    background: var(--primary);
    color: white;
    text-align: center;
    align-items: center;
}

.premium-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 6px 16px;
    margin-bottom: 20px;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.premium-badge svg {
    color: #FFD700;
    margin-right: 8px;
}

.premium-badge span {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.section-title {
    font-size: large;
    font-weight: 700;
    margin-bottom: 20px;
}

.access-description {
    font-size: small;
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
    line-height: 1.6;
}

.primary-cta-button {
    background-color: #ff8f00;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 16px 32px;
    font-size: small;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.primary-cta-button:hover {
    background-color: #ff8f00;
    transform: translateY(-2px);
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 109, 0, 0.4);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255, 109, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 109, 0, 0);
    }
}

/* Product Showcase */
.showcase-content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.showcase-text {
    flex: 1;
}

.showcase-text h3 {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 600;
}

.showcase-text p {
    font-size: small;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: 24px;
}

.feature-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-bullets li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: small;
}

.feature-check {
    color: var(--success);
    font-weight: bold;
    margin-right: 10px;
}

.showcase-video {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Section Divider */
.section-divider {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.section-divider::before,
.section-divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

.section-divider span {
    margin: 0 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Testimonials */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.testimonial-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-text-card {
    background-color: white;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
}

.testimonial-text-card:hover {
    transform: translateY(-5px);
}

.quote-mark {
    font-size: 60px;
    color: var(--primary-light);
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: 'Georgia', serif;
    font-weight: bold;
    line-height: 1;
}

.testimonial-quote {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    flex: 1;
    position: relative;
    z-index: 1;
    padding-top: 30px;
}

.testimonial-author {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    margin-right: 15px;
}

.author-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.author-info span {
    font-size: 14px;
    color: var(--text-secondary);
}

/* Features */
.feature-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.feature-card {
    background-color: var(--background-light);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
    border: 1px solid #eaeaea;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.feature-icon {
    margin-bottom: 20px;
    color: var(--primary);
    background-color: var(--primary-light);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-card h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.feature-card p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary);
}

/* Pricing */
.pricing-section {
    padding: 20px;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    /* max-width: 1200px; */
    margin: 0 auto;
}

.pricing-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

[data-theme="dark"] .pricing-card {
    background: #1a1a1a;
}

.pricing-card:hover {
    transform: translateY(-5px);
}

.pricing-card.popular {
    border: 2px solid #ffd700;
    position: relative;
}

.pricing-card.popular::before {
    content: 'Most Popular';
    position: absolute;
    top: -12px;
    /* Slightly adjusted to ensure it sits cleanly on the border */
    right: 15px;
    /* Adjusted for better horizontal alignment */
    background: #ffd700;
    color: #1a3c6d;
    padding: 5px 12px;
    /* Slightly more padding for better readability */
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    transform: translateY(-50%);
    /* Keeps the badge centered vertically on the border */
    z-index: 1;
    /* Ensures the badge is above the card's border */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Adds a subtle shadow for better contrast */
}

.pricing-header {
    background: linear-gradient(135deg, #000 0%, #0e0e0e 100%);
    color: white;
    padding: 20px;
    text-align: center;
}

.pricing-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.pricing-header .pricing-card-price {
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.pricing-header .pricing-card-price .currency {
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
}

.pricing-header .pricing-card-price .amount {
    font-size: 24px;
    font-weight: 700;
}

.pricing-header .pricing-card-price .period {
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
}

.pricing-features {
    list-style: none;
    padding: 20px;
    margin: 0;
    min-height: 200px;
}

.pricing-features li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--text-secondary);
}

.pricing-features li .feature-check {
    color: #4a90e2;
    margin-right: 8px;
    font-weight: bold;
}

.upgrade-button {
    display: block;
    width: 80%;
    margin: 0 auto 20px;
    padding: 12px;
    background: #1a3c6d;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}

.upgrade-button:hover {
    background: #4a90e2;
    transform: translateY(-2px);
}

.pricing-guarantee {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 12px;
    color: var(--text-secondary);
}

.pricing-guarantee svg {
    margin-right: 5px;
    color: #4a90e2;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .feature-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .pricing-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width: 768px) {
    .showcase-content {
        flex-direction: column;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .feature-cards {
        grid-template-columns: 1fr;
    }

    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .upgrade-button {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .pricing-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.checkout-container {
    padding: 1rem;
    background: #fff;
    border-radius: 12px;
}

[data-theme="dark"] .checkout-container {
    background: #1a1a1a;
    color: #ffffff;
}

.checkout-container h2 {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

[data-theme="dark"] .checkout-container h2 {
    color: #ffffff;
}

#payment-methods-list {
    margin: 0;
    padding: 0;
}

.payment-method-item {
    cursor: pointer;
    padding: 0.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

[data-theme="dark"] .payment-method-item {
    border: 1px solid #444;
}

.payment-method-item:hover {
    background-color: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .payment-method-item:hover {
    background-color: #2a2a2a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.payment-method-content {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.payment-method-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.payment-method-name {
    flex-grow: 1;
    font-size: 1rem;
    color: #333;
}

[data-theme="dark"] .payment-method-name {
    color: #ffffff;
}

.payment-method-arrow {
    color: #6c757d;
    font-size: 1.2rem;
}

[data-theme="dark"] .payment-method-arrow {
    color: #adb5bd;
}

#cancel-checkout {
    width: 100%;
    padding: 0.75rem;
    border: none;
    background: none;
    color: #6c757d;
    font-size: 1rem;
    cursor: pointer;
    transition: color 0.3s ease;
}

[data-theme="dark"] #cancel-checkout {
    color: #adb5bd;
}

#cancel-checkout:hover {
    color: #343a40;
}

[data-theme="dark"] #cancel-checkout:hover {
    color: #ffffff;
}

/* Modal specific styles */
#paymentMethodsModal .modal-content {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}

[data-theme="dark"] #paymentMethodsModal .modal-content {
    background: #1a1a1a;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

#paymentMethodsModal .modal-body {
    padding: 0;
}
.mpesa-heading-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 12px;
    border-bottom: 1.5px solid #e0e0e0;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 8px rgba(37, 176, 75, 0.07);
    padding: 18px 0 10px 0;
    transition: box-shadow 0.2s, transform 0.2s;
    width: 100%;
}

[data-theme="dark"] .mpesa-heading-row {
    background: #1a1a1a;
    border-bottom: 1.5px solid #444;
    box-shadow: 0 2px 8px rgba(37, 176, 75, 0.15);
}

.mpesa-heading-row::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 3px;
    background: linear-gradient(90deg, #25b04b 0%, #fff 50%, #25b04b 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.6s cubic-bezier(.4, 1.6, .6, 1);
    border-radius: 2px;
}

[data-theme="dark"] .mpesa-heading-row::after {
    background: linear-gradient(90deg, #25b04b 0%, #1a1a1a 50%, #25b04b 100%);
}

.mpesa-heading-row:hover {
    box-shadow: 0 6px 18px rgba(37, 176, 75, 0.13);
    transform: scale(1.01);
}

[data-theme="dark"] .mpesa-heading-row:hover {
    box-shadow: 0 6px 18px rgba(37, 176, 75, 0.2);
}

.mpesa-heading-row:hover::after {
    background-position: 0 0;
}

.mpesa-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(37, 176, 75, 0.10);
    background: #fff;
}

[data-theme="dark"] .mpesa-logo {
    background: #2a2a2a;
}

.mpesa-heading-text {
    color: #25b04b;
    font-size: small;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0;
}

[data-theme="dark"] .mpesa-heading-text {
    color: #2ecc71;
}

/* Form Styles */
.form-group {
    margin-bottom: 24px;
    position: relative;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: small;
    transition: color 0.3s ease;
}

[data-theme="dark"] .form-group label {
    color: #ffffff;
}

.form-group:focus-within label {
    color: #25b04b;
}

[data-theme="dark"] .form-group:focus-within label {
    color: #2ecc71;
}

.phone-input-group {
    display: flex;
    gap: 8px;
    align-items: center;
}

.country-code-input {
    width: 60px;
    background: #f5f5f5;
    color: #888;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 10px;
    font-size: small;
    text-align: center;
}

[data-theme="dark"] .country-code-input {
    background: #2a2a2a;
    color: #adb5bd;
    border: 1px solid #444;
}

.phone-input {
    flex: 1 1 0%;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 12px 16px;
    font-size: small;
    background: #fafafa;
    transition: border 0.2s, box-shadow 0.2s;
}

[data-theme="dark"] .phone-input {
    background: #2a2a2a;
    border: 1px solid #444;
    color: #ffffff;
}

.phone-input:focus {
    border-color: #25b04b;
    box-shadow: 0 0 0 3px rgba(37, 176, 75, 0.10);
    background: #fff;
}

[data-theme="dark"] .phone-input:focus {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(37, 176, 75, 0.15);
    background: #1a1a1a;
}

.amount-input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 12px 16px;
    font-size: small;
    background: #fafafa;
    transition: border 0.2s, box-shadow 0.2s;
}

[data-theme="dark"] .amount-input {
    background: #2a2a2a;
    border: 1px solid #444;
    color: #ffffff;
}

.amount-input:focus {
    border-color: #25b04b;
    box-shadow: 0 0 0 3px rgba(37, 176, 75, 0.10);
    background: #fff;
}

[data-theme="dark"] .amount-input:focus {
    border-color: #2ecc71;
    box-shadow: 0 0 0 3px rgba(37, 176, 75, 0.15);
    background: #1a1a1a;
}

.input-error {
    color: #dc3545;
    font-size: small;
    margin-top: 4px;
    display: block;
    min-height: 18px;
    transition: opacity 0.2s;
}

[data-theme="dark"] .input-error {
    color: #ff6b6b;
}

/* Button Styles */
#mpesa-pay-button.pay-button {
    background: #25b04b;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 0;
    font-size: small;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(37, 176, 75, 0.10);
    position: relative;
    overflow: hidden;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s, color 0.2s;
    margin-bottom: 12px;
    z-index: 1;
    width: 100%;
}

[data-theme="dark"] #mpesa-pay-button.pay-button {
    background: #2ecc71;
    box-shadow: 0 2px 8px rgba(37, 176, 75, 0.15);
}

#mpesa-pay-button.pay-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #25b04b 0%, #1e8c3a 100%);
    z-index: 0;
    transition: width 0.45s cubic-bezier(.4, 1.6, .6, 1);
}

[data-theme="dark"] #mpesa-pay-button.pay-button::before {
    background: linear-gradient(90deg, #2ecc71 0%, #27a35e 100%);
}

#mpesa-pay-button.pay-button:hover,
#mpesa-pay-button.pay-button:focus {
    color: #fff;
    background: #25b04b;
    box-shadow: 0 6px 18px rgba(37, 176, 75, 0.18);
    transform: translateY(-2px) scale(1.01);
}

[data-theme="dark"] #mpesa-pay-button.pay-button:hover,
[data-theme="dark"] #mpesa-pay-button.pay-button:focus {
    background: #2ecc71;
    box-shadow: 0 6px 18px rgba(37, 176, 75, 0.25);
}

#mpesa-pay-button.pay-button:hover::before,
#mpesa-pay-button.pay-button:focus::before {
    width: 100%;
}

#mpesa-pay-button.pay-button span {
    position: relative;
    z-index: 1;
}

/* Status Message */
.status-message {
    margin-bottom: 1rem;
    border-radius: 8px;
    background-color: #f8f9fa;
    color: #333;
    display: none;
}

[data-theme="dark"] .status-message {
    background-color: #2a2a2a;
    color: #ffffff;
}

/* Exchange Rate Info */
.exchange-rate-info {
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

[data-theme="dark"] .exchange-rate-info {
    background: #2a2a2a;
    border: 1px solid #444;
}

.usd-amount {
    color: #1a237e;
    font-size: small;
    font-weight: 600;
    margin-bottom: 8px;
}

[data-theme="dark"] .usd-amount {
    color: #8298ff;
}

.rate-note {
    color: #00695c;
    font-size: small;
    font-weight: 500;
}

[data-theme="dark"] .rate-note {
    color: #2ec4b6;
}

.mpesa-instructions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}

[data-theme="dark"] .mpesa-instructions {
    border-top: 1px solid #444;
}

.mpesa-instructions strong {
    display: block;
    margin-bottom: 8px;
    color: #333;
}

[data-theme="dark"] .mpesa-instructions strong {
    color: #ffffff;
}

.mpesa-instructions ol {
    margin: 0;
    padding-left: 20px;
}

.mpesa-instructions li {
    margin-bottom: 6px;
    color: #555;
    font-size: small;
}

[data-theme="dark"] .mpesa-instructions li {
    color: #adb5bd;
}

/* Spinner Animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}

[data-theme="dark"] .spinner {
    border: 2px solid #adb5bd;
}
/* Crypto Modal Styles */
#cryptoPaymentModal .modal-content {
    border-radius: 18px;
    padding: 0 0 24px 0;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

[data-theme="dark"] #cryptoPaymentModal .modal-content {
    background: #1a1a1a;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/*  */
.crypto-heading-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
}

.crypto-logo {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f7f7f7;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    object-fit: contain;
}

[data-theme="dark"] .crypto-logo {
    background: #2a2a2a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.crypto-heading-text {
    font-size: small;
    font-weight: 600;
    color: #222;
}

[data-theme="dark"] .crypto-heading-text {
    color: #ffffff;
}

#crypto-status .alert-success {
    background: #eafaf1;
    color: #1a7f37;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    margin: 16px 0;
    padding: 12px 16px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] #crypto-status .alert-success {
    background: #1a3c34;
    color: #2ecc71;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.crypto-info-text {
    color: #ff9800;
    font-size: 0.95rem;
    text-align: center;
    margin: 12px 0 18px 0;
    font-weight: 500;
}

[data-theme="dark"] .crypto-info-text {
    color: #ffb74d;
}

.crypto-checkout-info {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 24px 16px;
    margin: 0 auto 18px auto;
    background: #fafbfc;
    text-align: center;
    max-width: 340px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

[data-theme="dark"] .crypto-checkout-info {
    border: 1px solid #444;
    background: #2a2a2a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.crypto-checkout-info h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

[data-theme="dark"] .crypto-checkout-info h4 {
    color: #ffffff;
}

.crypto-checkout-info .price-info {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 12px;
    color: #222;
}

[data-theme="dark"] .crypto-checkout-info .price-info {
    color: #ffffff;
}

.crypto-checkout-info .checkout-id,
.crypto-checkout-info .creation-time {
    font-size: 0.9rem;
    color: #888;
    margin-top: 6px;
}

[data-theme="dark"] .crypto-checkout-info .checkout-id,
[data-theme="dark"] .crypto-checkout-info .creation-time {
    color: #adb5bd;
}

#crypto-loader {
    margin: 32px 0;
}

#crypto-iframe-container {
    margin-top: 18px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] #crypto-iframe-container {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* Authentication UI Styles */

/* Auth status dropdown */
#auth_status_div .dropdown-toggle {
    color: #fff !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
}

#auth_status_div .dropdown-toggle:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

#auth_status_div .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    margin-top: 8px;
}

#auth_status_div .dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    transition: all 0.2s ease;
}

#auth_status_div .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #667eea;
}

#auth_status_div .dropdown-item i {
    color: #dc3545;
}

/* Login button */
#login_button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
}

#login_button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

/* Access denied overlay */
.access-denied-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.access-denied-content {
    background: white;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    max-width: 400px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.access-denied-content h3 {
    color: #333;
    margin-bottom: 20px;
    font-size: 24px;
}

.access-denied-content p {
    color: #666;
    margin-bottom: 30px;
    line-height: 1.6;
}

.access-denied-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.access-denied-buttons .btn {
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.access-denied-buttons .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    color: white;
}

.access-denied-buttons .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.access-denied-buttons .btn-secondary {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    color: #6c757d;
}

.access-denied-buttons .btn-secondary:hover {
    background: #e9ecef;
    border-color: #dee2e6;
}

/* Responsive design */
@media (max-width: 768px) {
    #auth_status_div,
    #login_button_div {
        margin-right: 5px !important;
    }
    
    #auth_status_div .dropdown-toggle,
    #login_button {
        padding: 6px 12px;
        font-size: 11px;
    }
    
    .access-denied-content {
        margin: 20px;
        padding: 30px 20px;
    }
    
    .access-denied-buttons {
        flex-direction: column;
    }
}