:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 7 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 7 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 7 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 7 Duotone";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 7 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 7 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 7 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 7 Sharp Duotone";
  --fa-font-slab-regular: normal 400 1em/1 "Font Awesome 7 Slab";
  --fa-font-slab-press-regular: normal 400 1em/1 "Font Awesome 7 Slab Press";
  --fa-font-whiteboard-semibold: normal 600 1em/1 "Font Awesome 7 Whiteboard";
  --fa-font-thumbprint-light: normal 300 1em/1 "Font Awesome 7 Thumbprint";
  --fa-font-notdog-solid: normal 900 1em/1 "Font Awesome 7 Notdog";
  --fa-font-notdog-duo-solid: normal 900 1em/1 "Font Awesome 7 Notdog Duo";
  --fa-font-etch-solid: normal 900 1em/1 "Font Awesome 7 Etch";
  --fa-font-jelly-regular: normal 400 1em/1 "Font Awesome 7 Jelly";
  --fa-font-jelly-fill-regular: normal 400 1em/1 "Font Awesome 7 Jelly Fill";
  --fa-font-jelly-duo-regular: normal 400 1em/1 "Font Awesome 7 Jelly Duo";
  --fa-font-chisel-regular: normal 400 1em/1 "Font Awesome 7 Chisel";
  --fa-font-utility-semibold: normal 600 1em/1 "Font Awesome 7 Utility";
  --fa-font-utility-duo-semibold: normal 600 1em/1 "Font Awesome 7 Utility Duo";
  --fa-font-utility-fill-semibold: normal 600 1em/1 "Font Awesome 7 Utility Fill";
}

.svg-inline--fa {
  box-sizing: content-box;
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  width: var(--fa-width, 1.25em);
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285714em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left,
.svg-inline--fa .fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.svg-inline--fa.fa-pull-right,
.svg-inline--fa .fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  inset-block-start: 0.25em;
  /* syncing vertical alignment with Web Font rendering */
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: var(--fa-width, 1.25em);
}

.fa-layers .svg-inline--fa {
  inset: 0;
  margin: auto;
  position: absolute;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

.fa-2xs {
  font-size: calc(10 / 16 * 1em);
  /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(12 / 16 * 1em);
  /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(14 / 16 * 1em);
  /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(20 / 16 * 1em);
  /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(24 / 16 * 1em);
  /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(32 / 16 * 1em);
  /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}

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

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes fa-beat {

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

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

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

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

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

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

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

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

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

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

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.svg-inline--fa.fa-inverse {
  fill: var(--fa-inverse, #fff);
}

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

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

.svg-inline--fa.fa-stack-1x {
  --fa-width: 1.25em;
  height: 1em;
  width: var(--fa-width);
}

.svg-inline--fa.fa-stack-2x {
  --fa-width: 2.5em;
  height: 2em;
  width: var(--fa-width);
}

.fa-stack-1x,
.fa-stack-2x {
  inset: 0;
  margin: auto;
  position: absolute;
  z-index: var(--fa-stack-z-index, auto);
}

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

.swal-icon--error {
  border-color: #f27474;
  -webkit-animation: animateErrorIcon .5s;
  animation: animateErrorIcon .5s
}

.swal-icon--error__x-mark {
  position: relative;
  display: block;
  -webkit-animation: animateXMark .5s;
  animation: animateXMark .5s
}

.swal-icon--error__line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px
}

.swal-icon--error__line--left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px
}

.swal-icon--error__line--right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px
}

@-webkit-keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0
  }

  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
  }
}

@keyframes animateErrorIcon {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    opacity: 0
  }

  to {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
  }
}

@-webkit-keyframes animateXMark {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    margin-top: 26px;
    opacity: 0
  }

  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    margin-top: 26px;
    opacity: 0
  }

  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1
  }
}

@keyframes animateXMark {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    margin-top: 26px;
    opacity: 0
  }

  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    margin-top: 26px;
    opacity: 0
  }

  80% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    margin-top: -6px
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-top: 0;
    opacity: 1
  }
}

.swal-icon--warning {
  border-color: #f8bb86;
  -webkit-animation: pulseWarning .75s infinite alternate;
  animation: pulseWarning .75s infinite alternate
}

.swal-icon--warning__body {
  width: 5px;
  height: 47px;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px
}

.swal-icon--warning__body,
.swal-icon--warning__dot {
  position: absolute;
  left: 50%;
  background-color: #f8bb86
}

.swal-icon--warning__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -4px;
  bottom: -11px
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486
  }

  to {
    border-color: #f8bb86
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #f8d486
  }

  to {
    border-color: #f8bb86
  }
}

.swal-icon--success {
  border-color: #a5dc86
}

.swal-icon--success:after,
.swal-icon--success:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.swal-icon--success:before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px
}

.swal-icon--success:after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px;
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in
}

.swal-icon--success__ring {
  width: 80px;
  height: 80px;
  border: 4px solid hsla(98, 55%, 69%, .2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2
}

.swal-icon--success__hide-corners {
  width: 5px;
  height: 90px;
  background-color: #fff;
  padding: 1px;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.swal-icon--success__line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2
}

.swal-icon--success__line--tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: animateSuccessTip .75s;
  animation: animateSuccessTip .75s
}

.swal-icon--success__line--long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: animateSuccessLong .75s;
  animation: animateSuccessLong .75s
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

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

  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

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

  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg)
  }
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }

  to {
    width: 25px;
    left: 14px;
    top: 45px
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }

  54% {
    width: 0;
    left: 1px;
    top: 19px
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }

  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }

  to {
    width: 25px;
    left: 14px;
    top: 45px
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px
  }

  to {
    width: 47px;
    right: 8px;
    top: 38px
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }

  65% {
    width: 0;
    right: 46px;
    top: 54px
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px
  }

  to {
    width: 47px;
    right: 8px;
    top: 38px
  }
}

.swal-icon--info {
  border-color: #c9dae1
}

.swal-icon--info:before {
  width: 5px;
  height: 29px;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px
}

.swal-icon--info:after,
.swal-icon--info:before {
  content: "";
  position: absolute;
  left: 50%;
  background-color: #c9dae1
}

.swal-icon--info:after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px
}

.swal-icon {
  width: 80px;
  height: 80px;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  margin: 20px auto
}

.swal-icon:first-child {
  margin-top: 32px
}

.swal-icon--custom {
  width: auto;
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0
}

.swal-icon img {
  max-width: 100%;
  max-height: 100%
}

.swal-title {
  color: rgba(0, 0, 0, .65);
  font-weight: 600;
  text-transform: none;
  position: relative;
  display: block;
  padding: 13px 16px;
  font-size: 27px;
  line-height: normal;
  text-align: center;
  margin-bottom: 0
}

.swal-title:first-child {
  margin-top: 26px
}

.swal-title:not(:first-child) {
  padding-bottom: 0
}

.swal-title:not(:last-child) {
  margin-bottom: 13px
}

.swal-text {
  font-size: 16px;
  position: relative;
  float: none;
  line-height: normal;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  font-weight: 400;
  color: rgba(0, 0, 0, .64);
  max-width: calc(100% - 20px);
  overflow-wrap: break-word;
  box-sizing: border-box
}

.swal-text:first-child {
  margin-top: 45px
}

.swal-text:last-child {
  margin-bottom: 45px
}

.swal-footer {
  text-align: right;
  padding-top: 13px;
  margin-top: 13px;
  padding: 13px 16px;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.swal-button-container {
  margin: 5px;
  display: inline-block;
  position: relative
}

.swal-button {
  background-color: #7cd1f9;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 24px;
  margin: 0;
  cursor: pointer
}

.swal-button:not([disabled]):hover {
  background-color: #78cbf2
}

.swal-button:active {
  background-color: #70bce0
}

.swal-button:focus {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(43, 114, 165, .29)
}

.swal-button[disabled] {
  opacity: .5;
  cursor: default
}

.swal-button::-moz-focus-inner {
  border: 0
}

.swal-button--cancel {
  color: #555;
  background-color: #efefef
}

.swal-button--cancel:not([disabled]):hover {
  background-color: #e8e8e8
}

.swal-button--cancel:active {
  background-color: #d7d7d7
}

.swal-button--cancel:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(116, 136, 150, .29)
}

.swal-button--danger {
  background-color: #e64942
}

.swal-button--danger:not([disabled]):hover {
  background-color: #df4740
}

.swal-button--danger:active {
  background-color: #cf423b
}

.swal-button--danger:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(165, 43, 43, .29)
}

.swal-content {
  padding: 0 20px;
  margin-top: 20px;
  font-size: medium
}

.swal-content:last-child {
  margin-bottom: 20px
}

.swal-content__input,
.swal-content__textarea {
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .14);
  padding: 10px 13px;
  border-radius: 2px;
  transition: border-color .2s
}

.swal-content__input:focus,
.swal-content__textarea:focus {
  outline: none;
  border-color: #6db8ff
}

.swal-content__textarea {
  resize: vertical
}

.swal-button--loading {
  color: transparent
}

.swal-button--loading~.swal-button__loader {
  opacity: 1
}

.swal-button__loader {
  position: absolute;
  height: auto;
  width: 43px;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  pointer-events: none;
  opacity: 0
}

.swal-button__loader div {
  display: inline-block;
  float: none;
  vertical-align: baseline;
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  margin: 2px;
  opacity: .4;
  border-radius: 7px;
  background-color: hsla(0, 0%, 100%, .9);
  transition: background .2s;
  -webkit-animation: swal-loading-anim 1s infinite;
  animation: swal-loading-anim 1s infinite
}

.swal-button__loader div:nth-child(3n+2) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s
}

.swal-button__loader div:nth-child(3n+3) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

@-webkit-keyframes swal-loading-anim {
  0% {
    opacity: .4
  }

  20% {
    opacity: .4
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .4
  }
}

@keyframes swal-loading-anim {
  0% {
    opacity: .4
  }

  20% {
    opacity: .4
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .4
  }
}

.swal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .4);
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s
}

.swal-overlay:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.swal-overlay--show-modal {
  opacity: 1;
  pointer-events: auto
}

.swal-overlay--show-modal .swal-modal {
  opacity: 1;
  pointer-events: auto;
  box-sizing: border-box;
  -webkit-animation: showSweetAlert .3s;
  animation: showSweetAlert .3s;
  will-change: transform
}

.swal-modal {
  width: 478px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  position: static;
  margin: 20px auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 10001;
  transition: opacity .2s, -webkit-transform .3s;
  transition: transform .3s, opacity .2s;
  transition: transform .3s, opacity .2s, -webkit-transform .3s
}

@media (max-width:500px) {
  .swal-modal {
    width: calc(100% - 20px)
  }
}

@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  80% {
    -webkit-transform: scale(.95);
    transform: scale(.95)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  1% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  45% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  80% {
    -webkit-transform: scale(.95);
    transform: scale(.95)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

:root {
  --see-more: "Ver Mais";
  --see-less: "Ver Menos";
  --show-more: "mostrar mais";
  --show-less: "mostrar menos"
}

.v10 .render-wrapper {
  border-left: none !important;
  border-right: none !important
}

.v10 .render-wrapper .page-title {
  display: none !important
}

.v10 .render-wrapper div.d-flex.flex-wrap {
  align-items: center;
  justify-content: center
}

.v10 .render-wrapper div.d-flex.flex-wrap .is-feed {
  border: none !important
}

.container-inner {
  background: var(--bs-body-bg) !important;
  max-width: 100% !important
}

.render-wrapper {
  max-width: 1120px;
  margin: 0 auto;
  top: 0;
  padding-top: 56px;
  padding-bottom: calc(64px + constant(safe-area-inset-bottom, 0));
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0));
}

.is-processing-publication .render-wrapper {
  --header-height: 56px;
  --processing-height: 52px;
  padding-top: calc(var(--header-height) + var(--processing-height))
}

body {
  background: var(--bs-body-bg);
  margin: 0
}



.parent {
  white-space: nowrap;
  box-sizing: border-box;
  overflow-x: auto;
  position: relative;
  padding-bottom: 10px;
}

.child {
  display: inline-block;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 12px;
  padding-left: 1px;
}

.has-tooltip {
  display: flex;
}

.icon-chat,
.icon-tip {
  margin-right: 10px;
  width: 26x;
  height: 26px;
  margin-top: 4px;
  padding: 2px;
  border-radius: 50%;
  border: 1.5px solid #919191 !important;
  align-items: center;
  display: flex;
}

.icon-tip {
  cursor: pointer;
}

.text-muted-icon {
  color: var(--el-text-color-secondary) !important;
}

.v10 .swal-modal {
  background-color: var(--card-bg-1);
}

.v10 .swal-title {
  color: var(--accent-color);
}

.v10 .swal-text {
  color: var(--bs-text-muted);
}

.v10 .swal-icon--warning {
  border-color: var(--color-privacy) !important;
}

.v10 .swal-icon--warning__body,
.swal-icon--warning__dot {
  background-color: var(--color-privacy);
}

.v10 .swal-button {
  color: var(--color-privacy);
  border-color: var(--color-privacy);
  background-color: var(--card-bg-1) !important;

  &:hover {
    color: var(--el-color-white);
    background-color: var(--color-privacy) !important;
  }

  &:focus {
    box-shadow: none;
  }
}



:root {
  --color-danger-soft: #D92D20;
  --color-danger-soft-bg: rgba(253, 162, 155, 0.1);
}

:root.v10[data-theme="dark"] {
  --color-danger-soft: #FDA29B;
}

.privacy-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;

  min-height: 56px;
  height: auto;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: var(--bs-body-bg);
  border-bottom: 0.5px solid #DDDDDD;
}

.privacy-header.is-hidden {
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.privacy-header .privacy-header--logo {
  width: 88px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('./assets/1a06d0d75929d054.svg');
  cursor: pointer;
}

.privacy-header .privacy-header--buttons {
  gap: 16px;
}

.privacy-header .privacy-header--bar {
  height: 56px;
  padding: 0 16px;
}

.privacy-header .privacy-header--button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.privacy-header .privacy-header--button i {
  font-size: 20px;
  color: var(--el-color-black);
}

.privacy-header.creator-hub-on .privacy-header--button i {
  font-size: 24px;
}

.notification-dot {
  position: absolute;
  top: 7px;
  right: 9px;
  width: 10px;
  height: 10px;
  background-color: var(--color-privacy-3);
  border-radius: 50%;
}

.privacy-header--avatar,
.privacy-header--button.privacy-header--avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  border-radius: 50%;
  border: 2px solid var(--bs-border-color);
  overflow: hidden;
}

.privacy-header--avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.privacy-header--avatar-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-gray-200);

  i {
    font-size: 14px;
    color: var(--bs-gray-600);
  }
}

.privacy-header--avatar-initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F0EB;
  font-size: 11px;
  font-weight: 400;
  color: #1A1A1A;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

:root.v10[data-theme="dark"] {
  .privacy-header {
    background-color: var(--bs-body-bg);
    border-bottom: 0.5px solid #2C2C2C;

    .privacy-header--logo {
      background-image: url('https://privacy.com.br/assets/v10/images/logo-white.svg');
    }

    .privacy-header--button {
      i {
        color: var(--el-color-white);
      }
    }
  }
}

/* iOS Specific Classes Fixes */
.privacy-header.ios-fix {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  min-height: 56px;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.privacy-header.ios-fix .privacy-header--logo {
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-background-repeat: no-repeat;
  background-repeat: no-repeat;
  -webkit-background-position: center;
  background-position: center;
  content: "";
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.privacy-header.ios-fix .privacy-header--logo-img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.privacy-header.ios-fix .privacy-header--buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0;
}

.privacy-header.ios-fix .privacy-header--buttons .privacy-header--button {
  margin: 0px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-width: 44px;
  min-height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.privacy-header.ios-fix .privacy-header--buttons .privacy-header--button:first-child {
  margin-left: 0;
}

.privacy-header.ios-fix .privacy-header--buttons .privacy-header--button:last-child {
  margin-right: 0;
}

.privacy-header.ios-fix .privacy-header--button i {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1, "kern" 1;
  font-feature-settings: "liga" 1, "kern" 1;
}

.privacy-header.ios-fix .notification-dot {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 1000;
  top: 11.5px;
  right: 11.5px;
}

.privacy-header--processing,
.privacy-header--bar {
  width: 100%;
}

/* Dark theme iOS support */
:root.v10[data-theme="dark"] .privacy-header.ios-fix .privacy-header--logo-img {
  content: url('https://privacy.com.br/assets/v10/images/logo-white.svg');
}

/* Caption Edited Notification Bar */
.caption-edited-bar {
  width: 100%;
  animation: captionEditedSlideIn 0.3s ease-out;
}

.caption-edited-bar--hiding {
  animation: captionEditedSlideOut 0.4s ease-in forwards;
}

.caption-edited-bar__content {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: var(--bs-body-bg);
  color: var(--bs-text-color);
  font-size: 14px;
  font-weight: 600;
}

.caption-edited-bar__avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.caption-edited-bar__text {
  flex: 1;
}

.caption-edited-bar__check {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--color-privacy);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-privacy);
  font-size: 18px;
}

.caption-edited-bar__border {
  height: 4px;
  background-color: var(--color-privacy);
}

@keyframes captionEditedSlideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes captionEditedSlideOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.3.9/photoswipe.min.css";

.parent-avatar .avatar {
  cursor: pointer !important
}

.avatar-wrapper {
  position: relative
}

.avatar-wrapper .vac-state-online {
  position: absolute;
  border-radius: 50%;
  background-color: #35d063;
  box-sizing: content-box;
  z-index: 5;
  width: 10px;
  height: 10px;
  bottom: 0px;
  right: 3px;
  top: 90px;
  border: 3px solid var(--avatar-border-color)
}

.avatar {
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  position: relative;
  width: 80px;
  height: 80px;
  border: 4px solid var(--avatar-border-color);
  top: 33px
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.social-media-icons {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  margin: 0 16px
}

.social-media-icons .icon-button {
  padding: 12px;
  gap: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--btn-privacy-bg-1);
  color: var(--btn-privacy-color-1)
}

.icon-button {
  color: var(--btn-privacy-color-1)
}

.edit-profile {
  padding: 10px 16px 20px
}

.btn-edit-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33px;
  border-radius: 12px;
  background-color: var(--btn-privacy-bg-2);
  border: .5px solid var(--btn-privacy-border-1);
  color: var(--btn-privacy-color-1);
  text-decoration: none;
  outline: none;
  cursor: pointer
}

.btn-edit-profile:hover,
.btn-edit-profile:focus {
  text-decoration: none;
  outline: none;
  color: var(--btn-privacy-color-1)
}

.icon-option svg {
  height: 25px;
  width: 8px
}

.icon-button {
  border: none;
  width: 30px;
  height: 30px
}

@media screen and (max-width: 700px) {
  .social-media {
    margin-bottom: 10px !important
  }
}

.bio {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 4px;
  transition: max-height .3s ease;
  color: var(--accent-color)
}

.bio-expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible
}

.toggle-bio-button {
  display: inline-block;
  font-size: var(--el-font-size-base);
  cursor: pointer;
  margin-bottom: 16px;
  margin-left: 2px;
  color: var(--color-button-primary)
}

.area-bio {
  margin-bottom: 45px
}

.popover-title {
  pointer-events: none;
  color: var(--accent-color)
}

.popover-title:hover {
  background: none;
  color: inherit
}

.popover-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  min-height: 32px
}

.el-divider--horizontal {
  margin: 8px 0
}

.el-popper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 18px !important;
  padding: 16px !important
}

.el-popover {
  background-color: var(--post-background) !important;
  border-color: var(--bs-border-color) !important
}

.el-popover .el-popper__arrow:before {
  background-color: var(--post-background) !important;
  border-color: var(--bs-border-color) !important
}

.el-popover svg,
.el-popover span {
  color: var(--accent-color) !important
}

.el-popover .el-popper {
  min-width: fit-content
}

.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px
}

.icon-container svg {
  font-size: var(--el-font-size-medium)
}

.options-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 16px;
  margin-top: -72px;
  margin-bottom: 4px
}

.options-container .actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px
}

.user-name {
  display: flex;
  align-items: center
}

.user-name svg {
  font-size: var(--el-font-size-large);
  color: rgba(var(--color-privacy-3-rgb), 1)
}

.profile-name {
  display: flex;
  align-items: center;
  margin-bottom: 7px
}

.profile-name .separator {
  font-size: var(--el-font-size-extra-small);
  margin: 0 4px
}

.user-info {
  padding: 0 16px;
  position: relative;
  top: 35px
}

.user-info .location,
.user-info .site {
  display: flex;
  align-items: center;
  font-size: var(--el-font-size-base);
  margin-bottom: 16px;
  gap: 4px
}

.user-info .location svg,
.user-info .site svg {
  font-size: var(--el-font-size-medium)
}

.user-info .site {
  width: fit-content;
  color: var(--el-color-info-dark-2);
  cursor: pointer;
  text-decoration: none;
  transition: all .2s
}

.user-info .site:hover {
  color: rgba(var(--color-privacy-3-rgb), 1)
}

.user-info .location {
  margin-bottom: 50px;
  margin-left: 3px
}

.tab-main {
  --bs-nav-tabs-border-width: none !important;
  width: 100% !important;
  justify-content: space-between !important;
  border-bottom: none;
  border-image: none;
  border-radius: 16px;
  background-color: var(--avatar-border-color);
  border: .5px solid var(--bs-border-color);
  height: 56px;
  align-items: center
}

.tab-main .nav-item.main {
  width: 50% !important
}

.tab-main .nav-item.main .text-tab {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  font-weight: 400;
  font-size: var(--el-font-size-base);
  cursor: pointer;
  user-select: none;
  border-radius: 0
}

@media (max-width: 375px) {

  .tab-main .nav-item.main .text-tab,
  .tab-main .nav-item.main span {
    font-size: var(--el-font-size-base)
  }
}

.tab-main .nav-item.main .nav-link.main-item {
  color: var(--btn-privacy-color-1);
  background-color: transparent
}

.tab-main .nav-item.main .nav-link.main-item .icon-tab-feed {
  width: 10px;
  height: 20px
}

.tab-main .nav-item.main .nav-link.main-item .icon-tab-media-play {
  width: 18px;
  height: 16px
}

.tab-main .nav-item.main .nav-link.active.main-item {
  color: var(--color-privacy);
  border-bottom: 2px solid var(--color-privacy) !important;
  font-weight: 500
}

.tab-main :nth-child(1) .active.main-item {
  border-bottom-left-radius: 14px
}

.tab-main :nth-child(2) .active.main-item {
  border-bottom-right-radius: 14px !important
}

.tab-sub {
  --bs-nav-tabs-border-width: none !important;
  width: 100% !important;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  justify-content: center;
  gap: 5px;
  background-color: var(--avatar-border-color);
  border: .5px solid var(--bs-border-color);
  border-bottom: none;
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  padding: 16px 12px;
  margin-top: 16px;
  margin-bottom: 0 !important
}

.tab-sub .tab-sub::-webkit-scrollbar {
  height: 4px
}

.tab-sub .tab-sub::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2);
  border-radius: 4px
}

.tab-sub .nav-item.sub .text-sub-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: inherit !important;
  font-weight: 300;
  font-size: var(--el-font-size-medium);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  color: #66748e !important
}

.tab-sub .nav-item.sub .nav-link.sub-item {
  color: var(--btn-privacy-color-1) !important;
  background-color: transparent !important;
  border-radius: 30px;
  max-height: 32px
}

.tab-sub .nav-item.sub .nav-link.active.sub-item {
  color: var(--color-privacy) !important;
  background-color: var(--navigation-link-bg) !important
}

@media (max-width: 767px) {
  .tab-sub .nav-item.sub .nav-link.active.sub-item:hover {
    background-color: #fef3f1
  }
}

@media (max-width: 769px) {
  .control-sub-menu {
    padding: 0 13px
  }

  .text-sub-tab {
    font-size: var(--el-font-size-extra-small) !important;
    padding: 8px 12px
  }
}

.count-list {
  display: flex;
  align-items: center;
  gap: 12px
}

.count-list .stat-display {
  display: flex;
  align-items: center;
  gap: 4px
}

.age-verification-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 16px
}

.av-spinner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px
}

.av-spinner {
  width: 44px;
  height: 44px;
  border: 4px solid rgba(255, 107, 138, .2);
  border-top-color: #ff6b8a;
  border-radius: 50%;
  animation: av-spin 1s linear infinite
}

@keyframes av-spin {
  to {
    transform: rotate(360deg)
  }
}

.av-card {
  max-width: 714px;
  width: 100%;
  background-color: var(--card-bg-1);
  border-radius: 24px;
  border: .5px solid var(--bs-border-color);
  padding: 40px 32px;
  text-align: center
}

.av-icon {
  font-size: 48px;
  margin-bottom: 16px
}

.av-title {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--color-privacy)
}

.av-description {
  color: var(--accent-color);
  line-height: 1.6;
  margin-bottom: 32px;
  font-size: .9375rem
}

.av-btn {
  width: 100% !important;
  height: 48px !important;
  border-radius: 30px !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  background: var(--color-gradient-primary) !important;
  color: var(--el-color-black) !important;
  border: none !important
}

.av-callback-page {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 60vh;
  padding: 60px 16px
}

.av-callback-card {
  max-width: 714px;
  width: 100%;
  background-color: var(--card-bg-1);
  border-radius: 24px;
  border: .5px solid var(--bs-border-color);
  padding: 40px 32px;
  text-align: center
}

.av-callback-loading {
  display: flex;
  flex-direction: column;
  align-items: center
}

.av-spinner {
  width: 44px;
  height: 44px;
  border: 4px solid rgba(255, 107, 138, .2);
  border-top-color: var(--color-privacy);
  border-radius: 50%;
  animation: av-spin 1s linear infinite;
  margin-bottom: 24px
}

@keyframes av-spin {
  to {
    transform: rotate(360deg)
  }
}

.av-callback-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--color-privacy)
}

.av-callback-desc {
  color: var(--accent-color);
  font-size: .9rem
}

.auth {
  margin-left: 17px;
  margin-right: 20px
}

.pswp__bg {
  opacity: 1 !important
}

.pswp__preloader,
.pswp__button.pswp__button--zoom {
  position: relative;
  overflow: hidden;
  display: none !important;
  width: 50px;
  height: 60px;
  margin-right: auto
}

.pswp__img.pswp__img--placeholder {
  opacity: 0 !important
}

.pswp-media-image {
  object-fit: contain;
  border-radius: 50%;
  max-height: 100vh;
  height: 100vh;
  width: auto;
  display: block;
  margin: 0 auto
}

.background {
  height: 88px;
  padding: 16px;
  position: relative
}

.background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 160px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .275), rgba(0, 0, 0, 0));
  z-index: 2
}

.background .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 24px 24px 0 0
}

.background .medias-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  top: 80px;
  justify-content: end;
  color: var(--btn-privacy-color-1)
}

.background .medias-container .count-container {
  display: flex;
  flex-direction: column;
  gap: 6px
}

.background .medias-container .count-container .user-name {
  margin: 0;
  font-weight: 600;
  font-size: 24px
}

.background:before {
  border-radius: 24px 24px 0 0;
  background: none
}

.onboarding-info:before {
  border-radius: 16px 16px 0 0
}

.onboarding-info .bg-image {
  border-radius: 16px 16px 0 0
}

.auth {
  margin-left: 17px;
  margin-right: 20px
}

.btn-subscription {
  border-radius: 30px !important;
  padding: 0 25px;
  width: 100%;
  font-size: var(--el-font-size-large);
  font-weight: 700;
  color: var(--el-color-white) !important;
  background: linear-gradient(45deg, #F58170, #F9AF77) !important
}

.btn-subscription:hover {
  color: var(--el-color-white) !important;
  background: linear-gradient(45deg, #FFA08A, #FFC09A) !important
}

.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer
}

.icon-button svg.fa-share-nodes {
  margin-left: -3px
}

.user-info-container {
  background: var(--bs-body-bg);
  touch-action: pan-y !important
}

.media-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 40px !important
}

.media-content-wrapper .pswp-media-image {
  overflow: hidden;
  max-width: 100%
}

.media-content-wrapper .padlock-img {
  position: absolute;
  top: 48%;
  width: 40px;
  height: 40px
}

.media-content-wrapper .media-description-container {
  position: absolute;
  top: 48%;
  margin-top: 3.5rem;
  width: 200px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem
}

.media-content-wrapper .media-description-container .container-counter-icon {
  display: flex;
  gap: .25rem;
  color: var(--el-text-color-regular)
}

.media-content-wrapper .media-description-container .counter-icon-image,
.media-content-wrapper .media-description-container .counter-icon-video {
  display: flex;
  align-items: center;
  gap: .25rem
}

.media-content-wrapper .media-description-container .counter-icon {
  width: 16px;
  height: 16px
}

.media-content-wrapper .post-text-container {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  max-height: 100px;
  position: absolute;
  bottom: 6rem
}

.media-content-wrapper .post-text-container .post-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--el-color-white)
}

@media (max-height: 635px) {
  .media-content-wrapper .post-text-container .post-text {
    -webkit-line-clamp: 2
  }
}

@media (max-height: 590px) {
  .media-content-wrapper .post-text-container .post-text {
    -webkit-line-clamp: 1
  }
}

@media (max-height: 750px) {
  .media-content-wrapper .post-text-container {
    bottom: 3rem
  }
}

@media (max-height: 545px) {
  .media-content-wrapper .post-text-container {
    display: none
  }
}

.el-button.btn-subscription span {
  font-size: 18px
}

.el-button.el-button--gradient {
  border: none !important
}

.el-button.el-button--gradient span {
  font-size: 18px
}

.el-dialog {
  background: var(--post-background);
  max-width: 400px;
  width: 100%
}

.el-dialog__header {
  display: flex;
  justify-content: center;
  padding: 32px 29px 24px;
  margin-right: 0
}

.el-dialog__title {
  color: var(--bs-text-color);
  font-size: 24px;
  font-weight: 600
}

.el-dialog__body {
  color: var(--bs-text-color);
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 0 20px
}

.page-checkout {
  background-color: var(--el-bg-color);
  border: .5px solid var(--color-border-light);
  border-radius: 24px;
  margin: 0 16px 16px;
  padding-bottom: 24px
}

.header-profile {
  justify-content: space-between;
  align-items: center;
  display: flex;
  margin: 20px 15px 20px 20px
}

.icon-arrow-left {
  color: var(--btn-privacy-color-3);
  width: 20px;
  height: 20px;
  cursor: pointer
}

.my-profile-title {
  color: var(--btn-privacy-color-3)
}

.page-profile {
  background-color: var(--card-bg-1);
  border: .5px solid var(--bs-border-color);
  border-radius: 24px;
  margin: 0 16px 16px;
  padding-bottom: 24px
}

.page-profile .interactions-container {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  margin-top: 16px
}

.page-profile .interactions-container .btn-interactions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  border-radius: 16px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: var(--btn-privacy-bg-2);
  border: .5px solid var(--bs-border-color) !important;
  border: none;
  color: var(--btn-privacy-color-1);
  text-decoration: none;
  outline: none;
  cursor: pointer
}

.page-profile .interactions-container .btn-interactions:hover,
.page-profile .interactions-container .btn-interactions:focus {
  text-decoration: none;
  outline: none;
  color: var(--btn-privacy-color-1)
}

.personalData {
  margin-left: 17px;
  margin-right: 20px
}

.accept-terms-container {
  display: flex;
  margin-left: 23px
}

.accept-terms-container .el-checkbox {
  margin-right: 12px !important
}

.accept-terms-container .el-checkbox .el-checkbox__inner {
  margin-top: 4px;
  height: 20px !important;
  width: 20px !important;
  border: 2px solid var(--color-privacy-7);
  border-radius: 3px
}

.accept-terms-container .el-checkbox .el-checkbox__inner:after {
  height: 10px;
  width: 6px;
  left: 5px
}

.accept-terms-container label {
  display: inline-block;
  position: relative;
  font-size: var(--el-font-size-base);
  cursor: pointer;
  color: var(--color-privacy-5)
}

.btn-subscription {
  border-radius: 30px !important;
  padding: 0 25px;
  width: 100% !important;
  height: 60px !important;
  font-size: var(--el-font-size-large);
  font-weight: 700;
  color: var(--el-color-white) !important;
  background: linear-gradient(45deg, #F58170, #F9AF77) !important
}

.btn-subscription:hover {
  color: var(--el-color-white) !important;
  background: linear-gradient(45deg, #FFA08A, #FFC09A) !important
}

.input-content {
  display: flex;
  justify-content: space-between
}

.input-field {
  width: 47%;
  height: 50px;
  border-radius: 18px
}

@media (max-width: 460px) {
  .btn-subscription {
    padding: 0 12px
  }
}

.link {
  color: #f56c6c;
  text-decoration: underline;
  cursor: pointer
}

.promotion-card {
  margin: 4px 8px 16px;
  padding: 20px 16px;
  border-radius: 16px;
  background: var(--bs-body-bg)
}

.btn-subscription {
  position: relative
}

.payment-badge {
  position: absolute;
  top: -17px;
  left: 20px
}

.badge {
  background-color: var(--el-color-success-light-9);
  color: var(--emerald);
  padding: 4px 12px;
  border-radius: 12px;
  white-space: nowrap
}

.promotion-text {
  border-radius: 8px;
  background-color: var(--card-bg-1);
  padding: 8px;
  line-height: 1.2rem !important;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word
}

.promotion-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--bs-text-color)
}

.promotion-title .gradient-icon {
  font-size: 18px;
  color: var(--color-button-primary)
}

.count-item {
  display: flex;
  align-items: center;
  font-size: var(--el-font-size-base);
  gap: 6px
}

.count-item span {
  line-height: 19px
}

.subscriber {
  margin-top: 20px
}

.el-button.is-loading {
  align-content: center
}

.line {
  border: none;
  background-color: #e3e3e3;
  height: 6px
}

.profile-signatures {
  margin-left: 0 !important;
  margin-bottom: 4px !important;
  padding-left: 16px
}

.text-subs {
  color: var(--accent-color);
  margin: 0
}

.subscription-body {
  margin-left: 25px;
  margin-right: 8px
}

.subscription-options {
  color: var(--el-color-black);
  font-size: var(--el-font-size-medium);
  font-weight: 500;
  padding: 0;
  margin-right: 8px
}

.btn-options {
  padding: 6px 0 5px 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.btn-options h2 {
  padding-left: 16px
}

.btn-options svg {
  padding-right: 16px
}

.btn-subscription {
  border-radius: 30px !important;
  padding: 0 25px;
  width: 100%;
  font-size: var(--el-font-size-large);
  font-weight: 300;
  background: var(--color-gradient-primary) !important;
  color: var(--el-color-black) !important;
  height: 47px !important
}

.el-button.btn-subscription span {
  font-weight: 500;
  font-size: 16px
}

.btn-subscription:hover,
.btn-subscription:active,
.btn-subscription:focus {
  color: var(--el-color-black) !important;
  background: var(--color-gradient-primary) !important
}

.icon-arrow {
  color: var(--accent-color);
  user-select: none
}

.el-collapse-item__arrow {
  display: none !important
}

.el-collapse-item__wrap {
  background: transparent !important;
  border: none !important
}

.el-collapse-item__header {
  border-bottom: none !important;
  cursor: default !important
}

.el-collapse-item__content {
  padding: 0 10px
}

[role=tab] {
  pointer-events: none;
  display: none !important;
  cursor: default
}

@media (max-width: 460px) {
  .btn-subscription {
    padding: 0 12px
  }
}

.result-dialog-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: 12px 0 8px
}

.result-dialog-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-success)
}

.result-dialog-text {
  margin: 0
}

.result-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px
}

.feed-card {
  background-color: var(--card-bg-1);
  margin: 16px;
  border-radius: 16px
}

.feed-card .block-info-user {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}

.feed-card .block-info-user .post-blocked {
  display: flex
}

.feed-card .block-info-user .block-user-info {
  margin-left: 18px;
  margin-top: 35px
}

.feed-card .block-info-user .block-options {
  margin-right: 16px;
  margin-top: 25px
}

.feed-card .icon-media-locked {
  background-color: var(--color-bg-light);
  width: 100% !important;
  height: 660px !important
}

.feed-card .post-details {
  color: #67748e
}

@media (max-width: 500px) {
  .feed-card .icon-media-locked {
    height: 450px !important
  }
}

.tab-menu {
  justify-content: center;
  padding-right: 16px !important;
  padding-left: 16px !important
}

.tab-menu .nav-item a {
  font-size: 16px !important
}

.block-actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 16px
}

.block-actions div {
  gap: .5rem
}

.block-actions .action-icon {
  cursor: pointer;
  color: #656565;
  width: 22px !important;
  height: 22px !important
}

.videopostagem {
  text-align: center;
  overflow: hidden;
  position: relative;
  height: unset;
  width: 100%;
  cursor: pointer
}

.videopostagem.fullwidth img {
  object-fit: cover;
  max-height: calc(100vh - 120px);
  width: 100%;
  display: inline-block;
  max-width: unset;
  height: calc(40vh - 120px) !important;
  background-color: var(--color-bg-light)
}

@media (max-width: 750px) {
  .videopostagem.fullwidth.grid img {
    height: calc(27vh - 120px) !important
  }
}

.post-details {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px
}

.post-details svg {
  height: 50px
}

.board-block {
  padding: 0 16px
}

.board-block .board-block-content {
  color: var(--post-lock-icon-color);
  background-color: var(--avatar-border-color) !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px
}

.grid svg {
  height: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.pub-alert.el-alert {
  --el-alert-description-font-size: 13px;
  --el-alert-close-font-size: 18px
}

.pub-alert.el-alert .el-alert__description {
  margin: 0
}

.pub-alert.el-alert .el-alert__content {
  padding-right: 20px
}

.pub-alert.el-alert .el-alert__icon svg {
  height: .7em;
  width: .7em
}

.pub-alert.el-alert .el-alert__close-btn {
  top: 14px
}

.select-popper {
  background-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
  border: 1px solid var(--bs-border-color) !important
}

.select-popper .el-select-dropdown__item {
  color: var(--bs-body-color) !important
}

.select-popper .el-select-dropdown__item.selected {
  color: var(--color-privacy) !important
}

.el-popper__arrow:before {
  background: var(--bs-border-color) !important;
  border: 1px solid var(--bs-border-color) !important
}

.link {
  color: #f56c6c;
  text-decoration: underline;
  cursor: pointer
}

.el-dialog__body {
  padding-top: 0;
  padding-bottom: 0
}

.el-form-item__label {
  font-size: 12.8px !important
}

.el-loading-mask {
  z-index: 2 !important
}

.spd-dialog-form {
  max-width: 500px;
  background-color: var(--bs-body-bg) !important
}

.spd-dialog-form .el-dialog__header {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--bs-border-color)
}

.spd-dialog-form .el-dialog__header .el-dialog__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-body-color)
}

.el-input__prefix svg {
  margin-right: 0 !important
}

.el-select .el-input .el-input__wrapper {
  box-shadow: none !important
}

.el-select .el-input .el-input__wrapper .el-input__inner {
  border: none !important
}

.el-input .el-input__wrapper .el-input__inner {
  color: var(--bs-body-color) !important;
  border: none !important
}

.icon-font {
  margin-top: 20px !important;
  width: 16.63px !important;
  height: 19px !important
}

.el-select .el-input {
  height: 60px !important
}

.el-select .el-input__inner {
  font-size: 16px !important;
  padding: 20px 0 0 3px !important
}

.el-textarea__inner {
  padding: 30px 20px !important
}

.el-input__suffix {
  position: absolute !important;
  right: 10px !important
}

.btn+.btn {
  margin-left: 10px !important
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: var(--grid-template-areas)
}

.form-grid .form-item-personal {
  grid-area: personal
}

.form-grid .el-form.separator {
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bs-border-color)
}

.el-form .form-group .input-inner,
.el-form .form-group>.el-form-item__content>.el-input>.el-input__wrapper>input.el-input__inner {
  border-radius: inherit !important
}

.confirmation-dialog {
  max-width: 400px
}

.confirmation-dialog .el-dialog__body {
  padding-top: 8px;
  padding-bottom: 8px
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.pub-alert.el-alert {
  --el-alert-description-font-size: 13px;
  --el-alert-close-font-size: 18px
}

.pub-alert.el-alert .el-alert__description {
  margin: 0
}

.pub-alert.el-alert .el-alert__content {
  padding-right: 20px
}

.pub-alert.el-alert .el-alert__icon svg {
  height: .7em;
  width: .7em
}

.pub-alert.el-alert .el-alert__close-btn {
  top: 14px
}

.select-popper {
  background-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
  border: 1px solid var(--bs-border-color) !important
}

.select-popper .el-select-dropdown__item {
  color: var(--bs-body-color) !important
}

.select-popper .el-select-dropdown__item.selected {
  color: var(--color-privacy) !important
}

.el-popper__arrow:before {
  background: var(--bs-border-color) !important;
  border: 1px solid var(--bs-border-color) !important
}

.link {
  color: #f56c6c;
  text-decoration: underline;
  cursor: pointer
}

.el-dialog__body {
  padding-top: 0;
  padding-bottom: 0
}

.el-form-item__label {
  font-size: 12.8px !important
}

.el-loading-mask {
  z-index: 2 !important
}

.spd-dialog-form {
  max-width: 500px;
  background-color: var(--bs-body-bg) !important
}

.spd-dialog-form .el-dialog__header {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--bs-border-color)
}

.spd-dialog-form .el-dialog__header .el-dialog__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: var(--bs-body-color)
}

.el-input__prefix svg {
  margin-right: 0 !important
}

.el-select .el-input .el-input__wrapper {
  box-shadow: none !important
}

.el-select .el-input .el-input__wrapper .el-input__inner {
  border: none !important
}

.el-input .el-input__wrapper .el-input__inner {
  color: var(--bs-body-color) !important;
  border: none !important
}

.icon-font {
  margin-top: 20px !important;
  width: 16.63px !important;
  height: 19px !important
}

.el-select .el-input {
  height: 60px !important
}

.el-select .el-input__inner {
  font-size: 16px !important;
  padding: 20px 0 0 3px !important
}

.el-textarea__inner {
  padding: 30px 20px !important
}

.el-input__suffix {
  position: absolute !important;
  right: 10px !important
}

.btn+.btn {
  margin-left: 10px !important
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: var(--grid-template-areas)
}

.form-grid .form-item-personal {
  grid-area: personal
}

.form-grid .el-form.separator {
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bs-border-color)
}

.el-form .form-group .input-inner,
.el-form .form-group>.el-form-item__content>.el-input>.el-input__wrapper>input.el-input__inner {
  border-radius: inherit !important
}

.confirmation-dialog {
  max-width: 400px
}

.confirmation-dialog .el-dialog__body {
  padding-top: 8px;
  padding-bottom: 8px
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

.tooltip-search {
  display: inline-flex;
  position: relative;
  cursor: pointer;
}

.info-icon {
  cursor: pointer;
}

.tooltip-search .tooltiptext-search {
  visibility: hidden;
  background-color: #454545;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 2px;
  position: absolute;
  top: -25px;
  left: -570%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.2s;
  width: 320px;
  font-size: 12px;
}

.text-profile-two {
  color: #303133;
  font-size: 16px;
  font-family: 'Inter', sans-serif
}

.spinner-border {
  color: rgba(var(--color-privacy-3-rgb), 1);
}

.tooltip-search:hover .info-icon+.tooltiptext-search,
.tooltip-search.active .info-icon+.tooltiptext-search {
  visibility: visible;
  opacity: 1;
}

.btn-primary-solid {
  height: 44px;
  display: flex;
  flex-direction: row;
  padding: 10px 10px 10px 12px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #fefefe;
  background: linear-gradient(45deg, #F58170, #F9AF77);
  border-radius: 30px;
  justify-content: space-between;
  border: none;
}

.btn-primary-solid:hover {
  color: #fefefe;
  background: linear-gradient(45deg, #FFA08A, #FFC09A);
}

.text-decoration-none {
  text-decoration: none;
  margin-right: 25px;
}

.text-decoration-none .float-left {
  margin-left: 25px;
}

.settings-panel .float-left {
  margin-left: 25px;
}

.friendships-tab-container {
  margin: 0 16px;
  width: 100%;
  padding: 12px 16px;
  background-color: var(--card-bg-1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css";
@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

html {
  scrollbar-gutter: stable;
  touch-action: manipulation
}

.w-fit-content {
  width: fit-content
}

.font-awesome-icon,
svg[data-prefix=fal],
svg[data-prefix=fas],
svg[data-prefix=far] {
  width: 20px !important
}

.user-name svg {
  font-size: var(--el-font-size-large);
  color: rgba(var(--color-privacy-3-rgb), 1)
}

.verified-badge-icon {
  margin-left: 4px;
  color: var(--color-privacy, #F68D3D) !important
}

.avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: var(--v7e828d0b)
}

.avatar .el-image__inner {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.close-button {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: var(--post-background)
}

.close-button:focus,
.close-button:active,
.close-button:focus-visible {
  outline: none;
  box-shadow: none
}

.close-button svg {
  height: 14px;
  color: var(--bs-text-muted)
}

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

.drawer-header__title {
  color: var(--bs-text-color)
}

.become-creator {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--color-gradient-primary);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 24px;
  box-shadow: 0 0 10px #f7995280
}

.become-creator-images {
  display: flex;
  align-items: center;
  margin-bottom: 16px
}

.become-creator-images picture {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1.72px solid rgba(255, 255, 255, .4);
  margin-left: -26px;
  overflow: hidden
}

.become-creator-images picture img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.become-creator-images .you {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-bg-light);
  border: 1.72px solid rgba(255, 255, 255, .4);
  margin-left: -26px
}

.become-creator-images .you span {
  font-weight: 700;
  font-size: 13.74px;
  line-height: 15.46px;
  text-align: center;
  margin-bottom: 0;
  color: #ff7231
}

.become-creator span {
  width: 80%;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  color: var(--color-privacy-5);
  margin-bottom: 14px
}

.become-creator button {
  background: var(--color-bg-light);
  color: var(--color-privacy-5);
  border-radius: 100px;
  border: none;
  outline: none;
  padding: 12px 16px;
  line-height: 110%
}

.notifier-wrapper {
  display: flex;
  align-items: center;
  justify-content: center
}

.creator-options {
  margin-bottom: 32px
}

.creator-options,
.creator .others-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px
}

.menu-container {
  width: 100%;
  background-color: var(--bs-body-bg);
  position: fixed;
  bottom: env(safe-area-inset-bottom, 0px);
  left: 0;
  right: 0;
  z-index: 1000
}

.menu-container .pwt-tab-bar.pwt-tab-bar {
  justify-content: space-around;
  gap: 16px;
  padding: 0 16px;
  background-color: var(--bs-body-bg);
  border-top: .5px solid #DDDDDD;
  min-height: 64px;
  box-sizing: border-box
}

.menu-container.dark-mode .pwt-tab-bar.pwt-tab-bar {
  border-top: .5px solid #2C2C2C
}

.menu-container .pwt-tab-bar .pwt-tab-bar__item.pwt-tab-bar__item {
  flex: 1;
  outline: none;
  border: none;
  box-shadow: none
}

.menu-container .pwt-tab-bar .pwt-tab-bar__item.pwt-tab-bar__item:focus,
.menu-container .pwt-tab-bar .pwt-tab-bar__item.pwt-tab-bar__item:active,
.menu-container .pwt-tab-bar .pwt-tab-bar__item.pwt-tab-bar__item:focus-visible {
  outline: none;
  border: none;
  box-shadow: none
}

.menu-container .pwt-tab-bar .pwt-tab-bar__item .pwt-tab-bar__label {
  letter-spacing: 0px;
  font-weight: 300
}

.menu-container .pwt-tab-bar .pwt-tab-bar__item--active .pwt-tab-bar__label {
  font-weight: 500
}

.menu-container--hidden {
  background-color: transparent;
  border: none;
  box-shadow: none
}

.dark-mode .option {
  background: var(--post-background)
}

.option {
  background: #FFFFFF;
  height: 108px;
  border-radius: 12px;
  outline: none;
  box-shadow: none
}

.option:focus,
.option:active,
.option:focus-visible {
  outline: none;
  box-shadow: none
}

.option-header svg {
  font-size: 16px;
  color: inherit
}

.option-header span {
  color: inherit;
  line-height: 20px
}

.option-description {
  display: block;
  line-height: 135%;
  color: var(--bs-text-muted)
}

.option.disabled {
  opacity: .5;
  cursor: not-allowed
}

.option.new {
  position: relative;
  border: 1px solid var(--color-privacy)
}

.option.new:before {
  content: attr(data-i18n);
  position: absolute;
  top: 0;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 20px;
  color: #fff;
  background: var(--color-privacy);
  transform: translateY(-50%)
}

.section-title {
  display: block;
  line-height: 24px;
  color: var(--bs-text-color);
  margin-bottom: 12px
}

.stats-slider {
  width: 100%;
  margin-bottom: 24px
}

.stats-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content
}

.stats-card {
  outline: none;
  min-width: 200px;
  height: 123px;
  border: .5px solid var(--bs-border-color);
  background: transparent;
  border-radius: 12px;
  padding: 12px
}

.stats-card:focus,
.stats-card:focus-visible {
  outline: none;
  border-color: var(--bs-border-color)
}

.stats-card .el-skeleton__item.el-skeleton__text {
  height: 26px
}

.stats-card .stats-card-title {
  display: block;
  line-height: 135%;
  color: var(--bs-text-color)
}

.stats-card .stats-card-description {
  display: block;
  line-height: 135%;
  color: var(--bs-text-muted);
  margin-bottom: 10px
}

.stats-card .stats-card-value {
  display: block;
  line-height: 135%;
  color: var(--bs-text-color);
  margin-bottom: 6px
}

.stats-card a {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  text-decoration: none;
  color: var(--color-privacy);
  cursor: pointer;
  outline: none
}

.stats-card a span {
  line-height: 135%
}

.stats-card a svg {
  font-size: 14px
}

.stay-in-the-know__swiper {
  width: 100%
}

.stay-in-the-know__swiper .swiper-slide {
  height: 108px
}

.stay-in-the-know__swiper .floatmenu-banner {
  width: 100%
}

.stay-in-the-know__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 12px
}

.stay-in-the-know__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bs-border-color, #d9d9d9);
  cursor: pointer;
  transition: background .2s ease
}

.stay-in-the-know__dot--active {
  background: var(--color-privacy, #f68d3d)
}

.max-width {
  max-width: 1120px
}

.el-drawer {
  background: transparent !important;
  box-shadow: none
}

.el-drawer__body {
  padding: 0 !important;
  background: var(--bs-body-bg);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  border-bottom: .5px solid #DDDDDD
}

.app-wc.dark-mode .el-drawer__body {
  border-bottom: .5px solid #2C2C2C
}

.el-drawer__body::-webkit-scrollbar {
  display: none
}

.el-overlay {
  background-color: transparent !important;
  height: calc(100% - 120px);
  top: 56px;
  bottom: 64px;
  overscroll-behavior: none
}

.el-drawer__wrapper {
  background-color: transparent !important
}

.submenu__options {
  padding: 0 16px 16px
}

.subscriber-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px
}

.switch-profile.el-drawer {
  background: var(--bs-body-bg) !important;
  border-radius: 24px 24px 0 0 !important;
  max-width: 740px;
  margin: 0 auto
}

.switch-profile.el-drawer .el-drawer__header {
  padding: 16px 16px 0;
  margin-bottom: 16px
}

.switch-profile.el-drawer .switch-profile-content {
  padding: 0 16px 24px
}

.switch-profile.el-drawer .switch-profile-content-profile {
  margin-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px
}

.switch-profile.el-drawer .switch-profile-content-profile:first-child {
  margin-top: 0
}

.switch-profile.el-drawer .switch-profile-content-profile:not(:last-child) {
  border-bottom: .5px solid #dddddd
}

.switch-profile.el-drawer .switch-profile-content-profile:last-child {
  margin-bottom: 8px
}

.switch-profile.el-drawer .switch-profile-content-profile-info {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  color: var(--color-privacy-5)
}

.switch-profile.el-drawer .switch-profile-content-profile-nickname {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 15px
}

.switch-profile.el-drawer .switch-profile-content-profile-verified {
  color: var(--Colors-Brand-Primary, #F68D3D);
  font-size: 14px
}

.switch-profile.el-drawer .switch-profile-content-profile-is-free {
  color: var(--dove-gray);
  font-size: 13px
}

.switch-profile.el-drawer .current-profile .switch-profile-content-profile-is-free {
  color: var(--color-privacy)
}

.switch-profile.el-drawer .avatar-current-profile.avatar {
  box-shadow: 0 0 0 3px var(--bs-body-bg), 0 0 0 5px var(--Colors-Brand-Primary, #F68D3D);
  margin: 5px
}

.switch-profile.el-drawer .switch-profile-content-profile-indicator {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Colors-Brand-Primary, #F68D3D);
  color: #fff
}

#float-menu--wrapper.switch-profile-open {
  background-color: transparent;
  border-top: none;
  box-shadow: none
}

.el-overlay.switch-profile-overlay {
  background-color: #00000080 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100dvh !important
}

.app-wc.dark-mode .switch-profile-content-profile:not(:last-child) {
  border-bottom: .5px solid var(--bs-border-color)
}

.app-wc.dark-mode .switch-profile-content-profile-info {
  color: #fff
}

.app-wc.dark-mode .switch-profile-content-profile-is-free {
  color: #bcbcbc
}

.app-wc .switch-profile-btn.switch-profile-btn {
  width: calc(100% - 32px) !important;
  height: 52px !important;
  border-radius: 1000px !important;
  background: var(--Colors-Backgrounds-Background-Divs, #F4EEE5) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 24px 12px 16px !important;
  border: .5px solid var(--Colors-Elements-Border, #DDDDDD) !important;
  cursor: pointer;
  margin: 16px;
  transition: opacity .2s ease;
  box-sizing: border-box !important;
  overflow: visible
}

.app-wc .switch-profile-btn.switch-profile-btn:hover {
  opacity: .85
}

.app-wc .switch-profile-btn__left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px;
  min-width: 0
}

.app-wc .switch-profile-btn__avatar-wrapper {
  position: relative;
  width: 32px !important;
  height: 32px !important;
  flex-shrink: 0
}

.app-wc .switch-profile-btn__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
  background: var(--Colors-Brand-Primary, #F68D3D) !important;
  border: 2px solid var(--Colors-Backgrounds-Background-Divs, #F4EEE5) !important
}

.app-wc .switch-profile-btn__text {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: var(--bs-text-color, #000000);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.app-wc .switch-profile-btn__icon.switch-profile-btn__icon {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px;
  color: var(--Colors-Elements-Icon, #333333);
  flex-shrink: 0
}

.app-wc.dark-mode .switch-profile-btn.switch-profile-btn {
  background: var(--Colors-Backgrounds-Background-Divs, #121212) !important;
  border: .5px solid var(--Colors-Elements-Border, #2C2C2C) !important
}

.app-wc.dark-mode .switch-profile-btn__badge {
  border-color: var(--bs-body-bg) !important
}

.app-wc.dark-mode .switch-profile-btn__icon.switch-profile-btn__icon {
  color: var(--bs-text-color) !important
}

.custom-profile-dropdown {
  border-radius: 18px !important
}

.custom-profile-dropdown .el-scrollbar {
  border-radius: 18px
}

.custom-profile-dropdown .el-dropdown-menu__item:not(.is-disabled):focus {
  background-color: transparent
}

.custom-profile-dropdown .el-dropdown-menu__item:not(.is-disabled):focus span {
  color: initial
}

.dark-mode .custom-profile-dropdown {
  border-color: var(--color-border-dark) !important;
  background: transparent !important
}

.dark-mode .custom-profile-dropdown .el-dropdown-menu,
.dark-mode .custom-profile-dropdown .el-popper__arrow:before {
  background-color: var(--color-bg-dark) !important;
  border-color: var(--color-border-dark) !important
}

.dropdown-profile-info {
  display: flex;
  flex-direction: column
}

.dropdown-profile-info span {
  color: initial;
  line-height: 1.2
}

.avatar-current-profile.avatar {
  box-shadow: 0 0 0 3px var(--bs-body-bg), 0 0 0 5px var(--Colors-Brand-Primary, #F68D3D);
  margin: 5px
}

.dropdown-profile-indicator {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Colors-Brand-Primary, #F68D3D);
  color: #fff
}

.user {
  border: .5px solid var(--bs-border-color);
  border-radius: 24px;
  margin: 16px
}

.user-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4px;
  height: 130px;
  overflow: hidden;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px
}

.user:not(.creator) .user-header {
  height: 70px
}

.user .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 1
}

.user .background .el-image {
  width: 100%;
  height: 100%
}

.user .background .el-image__inner {
  object-fit: cover
}

.user .avatar-container {
  position: relative;
  z-index: 2;
  margin-top: 48px;
  margin-left: 16px;
  cursor: pointer
}

.user:not(.creator) .avatar-container {
  margin-top: 10px
}

.user .actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  top: 95px;
  margin-right: 16px
}

.user .user-see-profile {
  color: var(--bs-text-color);
  text-decoration: none
}

.user .user-see-profile:hover,
.user .user-see-profile:focus,
.user .user-see-profile:active,
.user .user-see-profile:visited {
  text-decoration: none;
  opacity: .8
}

.user .user-info {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: .5rem;
  margin-left: 20px;
  cursor: pointer
}

.user .user-info .user-name-container {
  gap: 4px;
  display: flex;
  align-items: center
}

.user .user-info .user-name {
  color: var(--bs-text-color)
}

.user .user-info .user-profile-name-container {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.user .user-info .user-profile-name,
.user .user-info .user-followers,
.user .user-info .superfan-number {
  color: var(--bs-text-muted)
}

.user .user-theme-toggle {
  display: flex;
  justify-content: center;
  padding: 0 16px 8px
}

.user .dark-mode-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: space-between
}

.user .dark-mode-toggle .circle-icon {
  font-size: 16px;
  color: var(--bs-text-color)
}

.user .dark-mode-toggle .dark-mode-label {
  font-size: 14px;
  color: var(--bs-text-color)
}

.user .dark-mode-toggle .el-switch {
  margin-left: auto;
  --el-switch-on-color: #F68D3D;
  --el-switch-off-color: #DDDDDD
}

.user .dark-mode-toggle .el-switch.is-checked .el-switch__core {
  border-color: #f68d3d !important
}

.user .dark-mode-toggle .el-switch .el-switch__core {
  border-color: #ddd !important;
  outline: none !important;
  box-shadow: none !important
}

.user .user-theme-section {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 7px
}

.user .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  background: var(--color-privacy-gradient-cover-overlay)
}

.user .container-rank-position-text {
  z-index: 1;
  width: auto;
  margin-right: 12px;
  height: 65%;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  position: absolute;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: .2rem
}

.user .container-rank-position-text .rank-skeleton {
  display: flex;
  align-items: center;
  justify-content: center
}

.user .container-rank-position-text .rank-skeleton-item {
  width: 46px;
  height: 32px;
  border-radius: 6px
}

.user .container-rank-position-text .rank-value {
  display: flex;
  align-items: flex-start;
  line-height: 1;
  text-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

.user .container-rank-position-text .rank-number {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -.05em;
  font-weight: 600
}

.user .container-rank-position-text .rank-degree {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -.05em;
  font-weight: 500
}

.user .container-rank-position-text .color-kept {
  color: var(--text-privacy-1-dark)
}

.user .container-rank-position-text .color-down {
  color: var(--el-color-danger)
}

.user .container-rank-position-text .color-up {
  color: var(--emerald)
}

.user .container-rank-position-text svg.svg-inline--fa {
  width: 15px;
  height: 15px
}

.user .container-rank-position-text .content-rank-position {
  display: flex;
  align-items: center;
  line-height: 15px
}

.dark-mode .affiliate-banner .new {
  background: #3f2a1a
}

.affiliate-banner {
  width: 100%;
  height: 108px;
  background: var(--post-background);
  border-radius: 16px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  outline: none
}

.affiliate-banner img {
  width: 83px
}

.affiliate-banner p {
  font-weight: 600;
  line-height: 1.4
}

.affiliate-banner p.small {
  font-weight: 400
}

.affiliate-banner span {
  color: var(--color-privacy)
}

.affiliate-banner .new {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 100px;
  color: var(--color-privacy);
  border: .5px solid var(--color-privacy);
  background: #f4dac3
}

.referral-banner {
  width: 100%;
  height: 108px;
  background: #F4EEE5;
  border-radius: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  position: relative
}

.referral-banner__icon {
  position: absolute;
  top: -9px;
  left: -29px;
  pointer-events: none
}

.referral-banner__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 146px;
  padding-right: 16px;
  gap: 6px
}

.referral-banner__title {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -.02em;
  color: #000
}

.referral-banner__description {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -.02em;
  color: #000;
  white-space: pre-line
}

.app-wc.dark-mode .referral-banner {
  background: #121212
}

.app-wc.dark-mode .referral-banner .referral-banner__title {
  color: var(--Colors-Text-Text-Heading, #FFFFFF)
}

.app-wc.dark-mode .referral-banner .referral-banner__description {
  color: var(--Colors-Text-Text-Paragraph, #FFFFFF)
}

@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

.pwt-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 100px;
  overflow: visible
}

.pwt-avatar:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 100px;
  background: transparent;
  z-index: -1;
  opacity: 0
}

.pwt-avatar--small {
  width: 28px;
  height: 28px
}

.pwt-avatar--large {
  width: 32px;
  height: 32px
}

.pwt-avatar--header.pwt-avatar--active-default:before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: var(--color-avatar-active-subscriber);
  opacity: 1
}

.pwt-avatar--header.pwt-avatar--active-creator:before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: var(--color-avatar-active-creator);
  opacity: 1
}

.pwt-avatar--default .pwt-avatar__image {
  border-radius: 100px
}

.pwt-avatar--interactive {
  cursor: pointer
}

.pwt-avatar__image {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
  z-index: 1
}

.pwt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: pwt-icon-pop .2s ease-out;
  color: var(--bs-text-color)
}

@keyframes pwt-icon-pop {
  0% {
    transform: scale(.96);
    opacity: .8
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.pwt-spinner {
  display: inline-block;
  animation: spin 1s linear infinite
}

.pwt-button {
  font-family: var(--font-family-primary);
  position: relative;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -2%;
  vertical-align: middle;
  border: 0;
  border-radius: 100px;
  gap: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  min-width: 102px;
  color: var(--color-text-heading);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  transition: filter .2s ease-in-out, box-shadow .2s ease, transform .1s ease-out
}

@media (hover:hover)and (pointer:fine) {
  .pwt-button:hover:not(.pwt-button--loading):not(.pwt-button-checkout--loading) {
    filter: brightness(1.05);
    box-shadow: 0 2px 4px #0000001a
  }
}

.pwt-button:active:not(.pwt-button--loading) {
  filter: brightness(.95);
  box-shadow: none;
  transform: scale(.95)
}

.pwt-button--disabled {
  opacity: .7;
  pointer-events: none;
  color: var(--color-text-caption);
  background-color: var(--color-border)
}

.pwt-button--loading {
  pointer-events: none
}

.pwt-button--full-width {
  width: 100%
}

.pwt-button--icon-right {
  flex-direction: row-reverse;
  justify-content: space-between
}

.pwt-button--basic {
  background-color: var(--color-border)
}

.pwt-button--primary {
  background-color: var(--color-brand)
}

.pwt-button--secondary {
  background-color: transparent;
  box-shadow: 0 0 0 1px var(--color-border) inset
}

@media (hover:hover)and (pointer:fine) {
  .pwt-button--secondary:hover:not(.pwt-button--loading):not(.pwt-button-checkout--loading) {
    box-shadow: 0 0 0 1px var(--color-border) inset, 0 2px 4px #0000001a
  }
}

.pwt-button--secondary.pwt-button--disabled {
  background-color: transparent;
  border: 1px solid var(--color-text-caption)
}

.pwt-button--gradient.pwt-button--primary {
  background: var(--color-brand-gradient-1)
}

.pwt-button--xs {
  height: 32px;
  padding: 6px 12px
}

.pwt-button--sm {
  height: 40px;
  padding: 10px 16px
}

.pwt-button--md {
  height: 44px;
  padding: 12px 20px
}

.pwt-button--lg {
  height: 48px;
  font-size: 16px;
  padding: 14px 20px
}

.pwt-button--xl {
  height: 56px;
  font-size: 16px;
  padding: 16px 24px
}

.pwt-button__spinner {
  display: flex;
  align-items: center;
  justify-content: center
}

.pwt-button--loading .pwt-button__spinner {
  height: 20px;
  width: 20px;
  justify-self: center
}

.pwt-button__icon {
  color: var(--color-icon)
}

.pwt-button--icon-right .pwt-button__icon {
  margin-left: 0
}

:root {
  --pwt-type-title-size: 18px;
  --pwt-type-title-line-height: 21.6px;
  --pwt-type-title-letter-spacing: -.54px;
  --pwt-type-subtitle-size: 16px;
  --pwt-type-subtitle-line-height: 21px;
  --pwt-type-subtitle-letter-spacing: -.16px;
  --pwt-type-heading-size: 16px;
  --pwt-type-heading-line-height: 18px;
  --pwt-type-heading-letter-spacing: -.16px;
  --pwt-type-subheading-size: 14px;
  --pwt-type-subheading-line-height: 20px;
  --pwt-type-subheading-letter-spacing: -.28px;
  --pwt-type-paragraph-size: 14px;
  --pwt-type-paragraph-line-height: 20px;
  --pwt-type-paragraph-letter-spacing: -.14px;
  --pwt-type-caption-size: 12px;
  --pwt-type-caption-line-height: 18px;
  --pwt-type-caption-letter-spacing: -.12px;
  --pwt-type-overline-size: 10px;
  --pwt-type-overline-line-height: 16px;
  --pwt-type-overline-letter-spacing: .1em
}

.typography[data-v-5892609b] {
  font-family: var(--font-family-primary);
  margin: 0
}

.typography--title[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-title-size);
  line-height: var(--pwt-type-title-line-height);
  font-weight: 600;
  letter-spacing: var(--pwt-type-title-letter-spacing);
  text-wrap: balance
}

.typography--subtitle[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-subtitle-size);
  line-height: var(--pwt-type-subtitle-line-height);
  font-weight: 600;
  letter-spacing: var(--pwt-type-subtitle-letter-spacing);
  text-wrap: balance
}

.typography--heading[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-heading-size);
  line-height: var(--pwt-type-heading-line-height);
  font-weight: 500;
  letter-spacing: var(--pwt-type-heading-letter-spacing)
}

.typography--subheading[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-subheading-size);
  line-height: var(--pwt-type-subheading-line-height);
  font-weight: 600;
  letter-spacing: var(--pwt-type-subheading-letter-spacing)
}

.typography--paragraph[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-paragraph-size);
  line-height: var(--pwt-type-paragraph-line-height);
  font-weight: 400;
  letter-spacing: var(--pwt-type-paragraph-letter-spacing)
}

.typography--caption[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-caption-size);
  line-height: var(--pwt-type-caption-line-height);
  font-weight: 400;
  letter-spacing: var(--pwt-type-caption-letter-spacing);
  color: var(--color-text-caption)
}

.typography--overline[data-v-5892609b] {
  color: var(--pwt-type-text-color);
  font-size: var(--pwt-type-overline-size);
  line-height: var(--pwt-type-overline-line-height);
  font-weight: 600;
  letter-spacing: var(--pwt-type-overline-letter-spacing);
  text-transform: uppercase
}

.typography--custom[data-v-5892609b] {
  font-family: var(--font-family-primary)
}

.pwt-checkbox {
  font-family: var(--font-family-primary);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none
}

.pwt-checkbox--disabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none
}

.pwt-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none
}

.pwt-checkbox__control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  border: 1px solid var(--pwt-checkbox-border);
  background-color: var(--pwt-checkbox-bg);
  transition: background-color .2s ease, border-color .2s ease;
  flex-shrink: 0
}

.pwt-checkbox:hover:not(.pwt-checkbox--disabled) .pwt-checkbox__control {
  border-color: var(--pwt-checkbox-border-hover)
}

.pwt-checkbox--checked .pwt-checkbox__control {
  background-color: var(--pwt-checkbox-active-bg);
  border-color: var(--pwt-checkbox-active-bg)
}

.pwt-checkbox__check-icon {
  width: 10px;
  height: 10px;
  color: var(--pwt-checkbox-check);
  animation: checkboxPop .2s cubic-bezier(.4, 0, .2, 1)
}

.pwt-checkbox__check-icon path {
  stroke: currentColor
}

.pwt-checkbox__label {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -.48px;
  font-weight: 400;
  color: var(--pwt-checkbox-text)
}

@keyframes checkboxPop {
  0% {
    transform: scale(0);
    opacity: 0
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.pwt-button-checkout {
  font-family: var(--font-family-primary);
  position: relative;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -2%;
  border: 0;
  border-radius: 100px;
  gap: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  min-width: 296px;
  color: var(--color-text-heading);
  padding: 12px 20px;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  transition: filter .2s ease-in-out, box-shadow .2s ease, transform .1s ease-out
}

@media (hover:hover)and (pointer:fine) {
  .pwt-button-checkout:hover:not(.pwt-button--loading):not(.pwt-button-checkout--loading) {
    filter: brightness(1.05);
    box-shadow: 0 2px 4px #0000001a
  }
}

.pwt-button-checkout:active:not(.pwt-button-checkout--loading) {
  filter: brightness(.95);
  box-shadow: none;
  transform: scale(.98)
}

.pwt-button-checkout--disabled {
  pointer-events: none;
  color: var(--color-text-caption);
  background: var(--color-border)
}

.pwt-button-checkout--disabled svg,
.pwt-button-checkout--disabled img,
.pwt-button-checkout--disabled span {
  opacity: .5
}

.pwt-button-checkout--loading {
  pointer-events: none;
  justify-content: center
}

.pwt-button-checkout--full-width {
  width: 100%
}

.pwt-button-checkout--gateway {
  background-color: var(--color-border)
}

.pwt-button-checkout--subscription {
  padding: 14px 20px;
  justify-content: space-between;
  background: var(--color-brand-gradient-1)
}

.pwt-button-checkout--loading .pwt-button-checkout__spinner {
  height: 20px;
  width: 20px;
  justify-self: center
}

.pwt-button-checkout__brand {
  display: flex;
  align-items: center
}

.pwt-button-checkout__brand img {
  height: 20px;
  width: auto;
  display: block
}

.pwt-button-checkout--subscription .pwt-button-checkout__value {
  font-size: 16px;
  color: var(--color-text-paragraph)
}

.pwt-clipboard-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  font-family: var(--font-family-primary)
}

.pwt-clipboard-input__label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.42px;
  color: var(--pwt-input-label)
}

.pwt-clipboard-input__field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 12px 20px;
  border-radius: 9999px;
  background: var(--pwt-input-bg);
  border: 1px solid var(--pwt-input-border);
  transition: background-color .3s ease, border-color .3s ease
}

.pwt-clipboard-input__value {
  color: var(--pwt-input-label);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -.16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.pwt-clipboard-input__copy-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-family: var(--font-family-primary);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-brand);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -.42px;
  transition: color .2s ease
}

.pwt-clipboard-input__copy-button:hover {
  color: color-mix(in srgb, var(--color-brand) 80%, #000 20%)
}

.pwt-clipboard-input__copy-button:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 6px
}

.pwt-clipboard-input__copy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px
}

.pwt-clipboard-input__copy-icon svg {
  display: block
}

.pwt-clipboard-input__copy-label {
  white-space: nowrap
}

.pwt-clipboard-input--highlighted .pwt-clipboard-input__value {
  color: var(--pwt-clipboard-highlight);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1.44px;
  line-height: 28px
}

.pwt-clipboard-input--disabled {
  opacity: .6;
  cursor: not-allowed
}

.pwt-clipboard-input--disabled .pwt-clipboard-input__copy-button {
  cursor: not-allowed;
  pointer-events: none
}

.pwt-federated-button {
  font-family: var(--font-family-primary);
  position: relative;
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: filter .2s ease-in-out, box-shadow .2s ease, transform .1s ease-out;
  background-color: var(--btn-federated-bg);
  border: var(--btn-federated-border);
  width: var(--btn-federated-width);
  min-width: var(--btn-federated-width);
  height: var(--btn-federated-height);
  color: var(--color-text-heading);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none
}

@media (hover:hover)and (pointer:fine) {
  .pwt-federated-button:hover:not(.pwt-button--loading):not(.pwt-button-checkout--loading) {
    filter: brightness(1.05);
    box-shadow: 0 2px 4px #0000001a
  }
}

.pwt-federated-button:active:not(.pwt-federated-button--loading) {
  filter: brightness(.95);
  box-shadow: none;
  transform: scale(.95)
}

.pwt-federated-button--disabled {
  opacity: .7;
  pointer-events: none;
  color: var(--color-text-caption);
  background-color: var(--color-border)
}

.pwt-federated-button--loading {
  pointer-events: none
}

.pwt-federated-button__icon {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-icon)
}

.pwt-federated-button__spinner {
  display: flex;
  align-items: center;
  justify-content: center
}

.pwt-federated-button--loading .pwt-federated-button__spinner {
  height: 24px;
  width: 24px
}

.pwt-form {
  width: 100%
}

.pwt-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px
}

.pwt-form-item__label {
  font-family: var(--font-family-primary);
  font-size: 14px;
  line-height: 20px;
  color: var(--pwt-input-label)
}

.pwt-form-item__content {
  flex: 1;
  min-width: 0
}

.pwt-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.pwt-logo--small {
  width: 80px;
  height: 17px
}

.pwt-logo--large {
  width: 80px;
  height: 24px
}

.pwt-logo__svg {
  width: 100%;
  height: 100%
}

.pwt-icon-button {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-primary);
  gap: 4px;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  transition: filter .2s ease-in-out, box-shadow .2s ease, transform .1s ease-out
}

@media (hover:hover)and (pointer:fine) {
  .pwt-icon-button:hover:not(.pwt-button--loading):not(.pwt-button-checkout--loading) {
    opacity: .8
  }
}

.pwt-icon-button:active {
  transform: scale(.95)
}

.pwt-icon-button--flat .pwt-icon-button__icon-container,
.pwt-icon-button--flat .pwt-icon-button__icon-layer {
  padding: 0;
  margin: 0
}

.pwt-icon-button--labeled {
  padding: 6px 0
}

.pwt-icon-button__icon-container {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative
}

.pwt-icon-button__icon-container--labeled {
  height: 32px;
  width: 56px
}

.pwt-icon-button__icon-layer {
  align-items: center;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  position: relative
}

.pwt-icon-button__icon {
  color: var(--pwt-icon-button-color)
}

.pwt-icon-button--has-badge .pwt-icon-button__icon {
  color: var(--pwt-icon-button-color-active)
}

.pwt-icon-button__badge {
  align-items: center;
  background-color: var(--pwt-icon-button-badge-bg);
  border-radius: 999px;
  color: var(--pwt-icon-button-badge-text);
  display: flex;
  font-size: 10px;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
  min-width: 8px;
  padding: 2px 6px;
  position: absolute;
  right: -4px;
  top: -4px
}

.pwt-icon-button__badge:empty {
  min-width: 8px;
  height: 8px;
  padding: 0;
  right: 1px;
  top: 0
}

.pwt-icon-button__label {
  --pwt-type-text-color: var(--pwt-icon-button-label-color);
  color: var(--pwt-icon-button-label-color);
  text-align: center
}

.pwt-icon-button--labeled .pwt-icon-button__icon-layer {
  animation: iconButtonActivate .3s ease-out
}

@keyframes iconButtonActivate {
  0% {
    transform: scale(.96)
  }

  to {
    transform: scale(1)
  }
}

.pwt-wallet-widget {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 12px;
  background: var(--pwt-wallet-widget-bg);
  border: .5px solid var(--pwt-wallet-widget-border);
  border-radius: 1000px;
  font-family: var(--font-family-primary);
  overflow: hidden;
  transition: all .3s ease-in-out
}

.pwt-wallet-widget__content {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  transition: gap .2s ease-in-out
}

.pwt-wallet-widget__value-container {
  display: flex;
  align-items: center;
  gap: 2px
}

.pwt-wallet-widget__value,
.pwt-wallet-widget__value-hidden {
  display: flex;
  align-items: center;
  gap: 2px;
  animation: fadeIn .25s ease-in-out
}

.pwt-wallet-widget__masked-bar {
  flex: 1 0 0;
  min-width: 71px;
  height: 8px;
  background: var(--pwt-wallet-widget-masked);
  border-radius: 100px;
  animation: slideIn .25s ease-in-out
}

.pwt-wallet-widget__toggle {
  height: 100%;
  cursor: pointer;
  justify-content: center;
  transition: transform .2s ease-in-out
}

.pwt-wallet-widget__toggle:hover {
  transform: scale(1.1)
}

.pwt-wallet-widget__toggle:active {
  transform: scale(.95)
}

.pwt-wallet-widget--small {
  padding: 0 8px;
  gap: 4px
}

.pwt-wallet-widget--small .pwt-wallet-widget__content {
  gap: 4px
}

.pwt-wallet-widget--small .pwt-wallet-widget__masked-bar {
  min-width: 45px
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    transform: scaleX(.8)
  }

  to {
    opacity: 1;
    transform: scaleX(1)
  }
}

.pwt-header {
  align-items: center;
  background-color: var(--pwt-header-bg);
  border-bottom: .5px solid var(--pwt-header-border);
  display: flex;
  font-family: var(--font-family-primary);
  height: 56px;
  justify-content: space-between;
  padding: 4px 12px;
  position: relative;
  width: 100%
}

.pwt-header--small {
  padding: 0 16px
}

.pwt-header__logo {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  padding: 0 4px;
  text-decoration: none;
  transition: opacity .2s ease-in-out
}

.pwt-header__logo:hover {
  opacity: .8
}

.pwt-header__logo:active {
  opacity: .6
}

.pwt-header--small .pwt-header__logo {
  height: 48px;
  padding: 0
}

.pwt-header__actions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 4px
}

.pwt-header--small .pwt-header__actions {
  gap: 6px
}

.pwt-header__wallet {
  flex-shrink: 0
}

.pwt-header__notification {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px
}

.pwt-header--small .pwt-header__notification {
  height: 32px;
  width: 32px
}

.pwt-header__avatar {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px
}

.pwt-header--small .pwt-header__avatar {
  height: 32px;
  width: 32px
}

.pwt-input {
  font-family: var(--font-family-primary);
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%
}

.pwt-input__field {
  width: 100%;
  background: var(--pwt-input-bg);
  height: 56px;
  border-radius: 9999px;
  padding: 20px 20px 8px;
  border: 1px solid var(--pwt-input-border);
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -.16px;
  color: var(--pwt-input-text);
  transition: border-color .3s, box-shadow .3s, background-color .3s;
  outline: none
}

.pwt-input__field::placeholder {
  color: transparent
}

.pwt-input:not(.pwt-input--disabled) .pwt-input__field:hover:not(:disabled) {
  border-color: var(--pwt-input-border-focus)
}

.pwt-input__field:focus {
  background: var(--pwt-input-bg-focus);
  border-color: var(--pwt-input-border-focus)
}

.pwt-input__field:disabled {
  cursor: not-allowed;
  opacity: .6
}

.pwt-input--disabled .pwt-input__field {
  cursor: not-allowed;
  opacity: .6
}

.pwt-input--error .pwt-input__field {
  border-color: var(--color-danger)
}

.pwt-input__label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 18px;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1), color .2s ease-out;
  color: var(--pwt-input-label);
  background-color: transparent;
  padding: 0;
  z-index: 1;
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -.16px;
  transform-origin: left top;
  transform: translateY(0) scale(1);
  will-change: transform
}

.pwt-input--has-value .pwt-input__label,
.pwt-input--is-focused .pwt-input__label {
  transform: translateY(-10px) scale(.75)
}

.pwt-input--is-focused .pwt-input__label {
  color: var(--pwt-input-label-focus)
}

.pwt-input--error .pwt-input__label {
  color: var(--color-danger)
}

.pwt-input__clear-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pwt-input-icon);
  transition: color .3s;
  z-index: 2
}

.pwt-input__clear-button:hover {
  color: var(--pwt-input-text)
}

.pwt-input__password-toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pwt-input-icon);
  transition: color .3s;
  z-index: 2
}

.pwt-input__password-toggle:hover {
  color: var(--pwt-input-text)
}

.pwt-input__password-toggle svg {
  color: currentColor
}

.pwt-input__password-toggle path,
.pwt-input__password-toggle rect {
  fill: currentColor
}

.pwt-input__password-icon {
  display: block
}

.pwt-input__error {
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-danger);
  padding-left: 20px
}

.pwt-player {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: relative;
  flex-shrink: 0
}

.pwt-player video {
  max-height: 100%;
  object-fit: contain
}

.pwt-player>div,
.pwt-player>div>video {
  width: 100%;
  height: 100%
}

.pwt-player .video-js *:focus,
.pwt-player .video-js *:focus-visible {
  outline: none
}

.pwt-player .video-js.pwt-player--hidden-controls .vjs-control-bar {
  display: none
}

.pwt-player .video-js {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  color: #fff
}

.pwt-player .video-js .vjs-control {
  width: 3em
}

.pwt-player .video-js .vjs-control-bar,
.pwt-player .video-js .vjs-menu-button .vjs-menu-content,
.pwt-player .video-js .vjs-volume-vertical {
  background-color: #0000
}

.pwt-player .video-js .vjs-control-bar {
  bottom: 6px;
  padding-left: 10px;
  padding-right: 10px
}

.pwt-player .video-js .vjs-control-bar>* {
  z-index: 1
}

.pwt-player .video-js .vjs-control-bar:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 56px;
  background: linear-gradient(#8a96a300, #000);
  opacity: .5;
  pointer-events: none;
  z-index: 0
}

.pwt-player .video-js .vjs-big-play-button {
  background-color: #0006;
  border-color: #0000
}

.pwt-player .video-js .vjs-big-play-button:hover {
  border-color: #0000;
  background-color: #f68d3d
}

.pwt-player .video-js .vjs-slider {
  background-color: #ffffff80
}

.pwt-player .video-js .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
  bottom: 0;
  width: 100%;
  align-items: flex-start;
  align-content: flex-start;
  height: 0;
  z-index: 1;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px
}

.pwt-player .video-js .vjs-progress-control .vjs-progress-holder,
.pwt-player .video-js .vjs-progress-control .vjs-play-progress,
.pwt-player .video-js .vjs-progress-control .vjs-load-progress {
  height: 4px
}

.pwt-player .video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 4px
}

.pwt-player .video-js .vjs-remaining-time {
  margin-right: auto;
  padding-left: 0;
  font-size: .8em;
  line-height: 3.8em;
  width: 4em
}

.pwt-player .video-js .vjs-volume-level,
.pwt-player .video-js .vjs-play-progress {
  background: #f68d3d
}

.pwt-player .video-js .vjs-load-progress,
.pwt-player .video-js .vjs-load-progress div {
  background: #fffc
}

.pwt-player .video-js:hover .vjs-big-play-button,
.pwt-player .video-js .vjs-big-play-button:focus {
  border-color: #0000;
  background-color: #f68d3d
}

.pwt-player .vjs-default-skin .vjs-big-play-button {
  font-size: 2.4em;
  line-height: 1.6em;
  height: 1.6em;
  width: 1.6em;
  border-radius: 1em;
  left: 50%;
  top: 50%;
  margin-left: -.8em;
  margin-top: -.8em
}

.pwt-player .vjs-lock-showing {
  font-size: 10px;
  margin-bottom: 3.1em !important
}

.pwt-player .vjs-playback-rate {
  font-size: 9px !important;
  top: 5px !important
}

.pwt-player .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: none
}

.pwt-player:hover .pwt-player__play-button {
  border-color: #0000;
  background-color: #f68d3d
}

.pwt-player__play-button {
  position: absolute;
  font-size: 1.6em;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background-color: #0006;
  border: 2px solid rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s
}

.pwt-player__play-button:before {
  color: #fff;
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
  content: "\f101"
}

.pwt-player__play-button:hover {
  border-color: #0000;
  background-color: #f68d3d
}

.pwt-player__center-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
  pointer-events: auto;
  transition: opacity .4s cubic-bezier(.4, 0, .2, 1), transform .2s ease
}

.pwt-player__center-button.pwt-player__center-button--hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.7)
}

.pwt-player__center-button .pwt-player__center-icon {
  width: 100%;
  height: 100%;
  background-color: #000000a6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  box-shadow: 0 3px 10px #0000004d
}

.pwt-player__center-button .pwt-player__center-icon:before {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 2em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform .2s ease
}

.pwt-player__center-button.pwt-player__center-button--paused .pwt-player__center-icon:before {
  content: "\f101";
  transform: translate(-45%, -50%)
}

.pwt-player__center-button.pwt-player__center-button--playing .pwt-player__center-icon:before {
  content: "\f103"
}

.pwt-player__center-button:active .pwt-player__center-icon {
  transform: scale(.85);
  background-color: #000000d9
}

.pwt-player__feedback {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 9;
  opacity: 0;
  transition: opacity .15s ease
}

.pwt-player__feedback.pwt-player__feedback--visible {
  opacity: 1
}

.pwt-player__feedback.pwt-player__feedback--persistent {
  opacity: 1 !important
}

.pwt-player__feedback-animation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px
}

.pwt-player__feedback-animation.pwt-player__feedback-animation--left {
  left: 8%
}

.pwt-player__feedback-animation.pwt-player__feedback-animation--right {
  right: 8%
}

.pwt-player__feedback-animation.pwt-player__feedback-animation--speed {
  animation: none;
  top: 20px;
  right: 20px;
  left: auto;
  transform: none
}

.pwt-player__feedback-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0
}

.pwt-player__feedback-arrow {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0
}

.pwt-player__feedback-arrow:before {
  color: #fff;
  font-size: 28px;
  line-height: 0;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
  margin: 0;
  padding: 0;
  display: block
}

.pwt-player__feedback-animation--left .pwt-player__feedback-arrow:before {
  content: "\276e";
  font-weight: 200
}

.pwt-player__feedback-animation--right .pwt-player__feedback-arrow:before {
  content: "\276f";
  font-weight: 200
}

.pwt-player__feedback-animation--left .pwt-player__feedback-arrow--1 {
  animation: pwt-player-fade-in 1s ease-in-out
}

.pwt-player__feedback-animation--left .pwt-player__feedback-arrow--2 {
  animation: pwt-player-fade-in 1s ease-in-out .15s
}

.pwt-player__feedback-animation--left .pwt-player__feedback-arrow--3 {
  animation: pwt-player-fade-in 1s ease-in-out .3s
}

.pwt-player__feedback-animation--right .pwt-player__feedback-arrow--1 {
  animation: pwt-player-fade-in 1s ease-in-out
}

.pwt-player__feedback-animation--right .pwt-player__feedback-arrow--2 {
  animation: pwt-player-fade-in 1s ease-in-out .15s
}

.pwt-player__feedback-animation--right .pwt-player__feedback-arrow--3 {
  animation: pwt-player-fade-in 1s ease-in-out .3s
}

.pwt-player__feedback-text {
  font-size: .85em;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .7);
  letter-spacing: .5px;
  margin-top: 8px
}

.pwt-player__feedback-speed-text {
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
  background-color: #000000b3;
  padding: 8px 16px;
  border-radius: 6px
}

.pwt-player__touch-areas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 8;
  display: flex;
  justify-content: space-between
}

.pwt-player__touch-area {
  width: 30%;
  height: 100%;
  position: relative;
  opacity: 0;
  transition: opacity .2s ease;
  display: flex;
  align-items: center;
  justify-content: center
}

.pwt-player__touch-area.pwt-player__touch-area--active {
  opacity: 1;
  animation: pwt-player-touch-pulse .4s ease-out
}

.pwt-player__touch-area--left {
  background: linear-gradient(to right, rgba(0, 0, 0, .15), transparent)
}

.pwt-player__touch-area--right {
  background: linear-gradient(to left, rgba(0, 0, 0, .15), transparent)
}

.pwt-player__touch-area-icon {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  animation: pwt-player-touch-icon-pulse .4s ease-out
}

.pwt-player__thumbnail {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.pwt-player__thumbnail-image {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@keyframes pwt-player-fade-in {
  0% {
    opacity: 0
  }

  30% {
    opacity: 1
  }

  70% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pwt-player-touch-pulse {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes pwt-player-touch-icon-pulse {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

@media (max-width:991px) {
  .pwt-player .video-js .vjs-big-play-button {
    display: none !important
  }
}

.pwt-player--in-swiper .vjs-tech,
.pwt-player--in-swiper .vjs-big-play-button {
  pointer-events: none
}

.pwt-profile-card {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-primary)
}

.pwt-profile-card--horizontal {
  flex-direction: row;
  gap: 18px
}

.pwt-profile-card--horizontal .pwt-profile-card__image-wrapper {
  flex-shrink: 0;
  width: 76px;
  height: 76px
}

.pwt-profile-card--horizontal .pwt-profile-card__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover
}

.pwt-profile-card--horizontal .pwt-profile-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.pwt-profile-card--horizontal .pwt-profile-card__name {
  --pwt-type-text-color: var(--pwt-profile-card-text);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -.45px;
  margin: 0
}

.pwt-profile-card--horizontal .pwt-profile-card__username {
  --color-text-caption: var(--pwt-profile-card-caption);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.14px;
  margin: 4px 0 0
}

.pwt-profile-card--vertical {
  flex-direction: column;
  gap: 16px
}

.pwt-profile-card--vertical .pwt-profile-card__image-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center
}

.pwt-profile-card--vertical .pwt-profile-card__image-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--pwt-profile-card-glow);
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite
}

.pwt-profile-card--vertical .pwt-profile-card__image {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 1
}

.pwt-profile-card--vertical .pwt-profile-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.pwt-profile-card--vertical .pwt-profile-card__name {
  --pwt-type-text-color: var(--pwt-profile-card-text);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -.45px;
  margin: 0
}

.pwt-profile-card--vertical .pwt-profile-card__username {
  --color-text-caption: var(--pwt-profile-card-caption);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.14px;
  margin: 4px 0 0
}

@keyframes pulse {

  0%,
  to {
    transform: scale(1);
    opacity: 1
  }

  50% {
    transform: scale(1.05);
    opacity: .8
  }
}

.pwt-progress-bar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%
}

.pwt-progress-bar--linear .pwt-progress-bar__track {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--pwt-progress-bar-track);
  border-radius: 0;
  overflow: hidden
}

.pwt-progress-bar--linear .pwt-progress-bar__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--pwt-progress-bar-fill);
  border-radius: 0;
  transition: width .6s cubic-bezier(.4, 0, .2, 1)
}

.pwt-progress-bar--linear .pwt-progress-bar__labels {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.pwt-progress-bar--linear .pwt-progress-bar__label {
  font-size: 16px;
  font-weight: 500;
  line-height: 0;
  color: var(--pwt-progress-bar-label)
}

.pwt-progress-bar--ring {
  align-items: center;
  gap: 0
}

.pwt-progress-bar--ring .pwt-progress-bar__ring {
  width: 70px;
  height: 70px;
  display: block
}

.pwt-progress-bar--ring .pwt-progress-bar__ring-track {
  fill: none;
  stroke: var(--pwt-progress-bar-track);
  stroke-width: 4px
}

.pwt-progress-bar--ring .pwt-progress-bar__ring-progress {
  fill: none;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-dasharray: var(--pwt-progress-bar-circumference);
  stroke-dashoffset: var(--pwt-progress-bar-offset);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset .6s ease;
  animation: progressBarRingReveal .8s ease-out
}

.pwt-progress-bar--ring .pwt-progress-bar__ring-cover {
  fill: transparent
}

.pwt-progress-bar--ring .pwt-progress-bar__ring-stars {
  color: var(--pwt-progress-bar-text);
  animation: progressBarStarPop .6s ease-out
}

.pwt-progress-bar--ring .pwt-progress-bar__ring-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -.16px;
  color: var(--pwt-progress-bar-caption)
}

.pwt-progress-bar__ring-wrapper {
  position: relative;
  width: 70px;
  height: 70px
}

@keyframes progressBarRingReveal {
  0% {
    stroke-dashoffset: var(--pwt-progress-bar-circumference)
  }

  to {
    stroke-dashoffset: var(--pwt-progress-bar-offset)
  }
}

@keyframes progressBarStarPop {
  0% {
    transform: scale(.9);
    opacity: .8
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.pwt-progress-card {
  position: relative;
  width: 328px;
  border-radius: 16px;
  border: 1px solid var(--pwt-progress-card-border);
  background-color: var(--pwt-progress-card-bg);
  padding: 16px;
  font-family: var(--font-family-primary);
  transition: all .3s ease
}

.pwt-progress-card--in-progress {
  min-height: 146px;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.pwt-progress-card--completed {
  min-height: 112px;
  border-color: color-mix(in srgb, var(--color-brand) 50%, transparent);
  display: flex;
  flex-direction: column;
  gap: 5px;
  animation: completedPulse .6s ease-out
}

.pwt-progress-card--with-action {
  min-height: 160px
}

.pwt-progress-card__content {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.pwt-progress-card__header {
  display: flex;
  align-items: center;
  gap: 8px
}

.pwt-progress-card__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0
}

.pwt-progress-card__title {
  --pwt-type-text-color: var(--pwt-progress-card-text)
}

.pwt-progress-card__description {
  --color-text-caption: var(--pwt-progress-card-caption)
}

.pwt-progress-card__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto
}

.pwt-progress-card__progress {
  display: flex;
  flex-direction: column;
  gap: 18px
}

.pwt-progress-card__action {
  display: flex;
  width: 100%
}

@keyframes completedPulse {
  0% {
    transform: scale(1);
    border-color: color-mix(in srgb, var(--color-brand) 0%, transparent)
  }

  50% {
    transform: scale(1.02);
    border-color: color-mix(in srgb, var(--color-brand) 80%, transparent)
  }

  to {
    transform: scale(1);
    border-color: color-mix(in srgb, var(--color-brand) 50%, transparent)
  }
}

.pwt-quest-card {
  position: relative;
  width: 328px;
  height: 160px;
  border-radius: 16px;
  box-shadow: 0 0 0 1px var(--pwt-quest-card-border);
  background-color: var(--pwt-quest-card-bg);
  padding: 16px;
  display: flex;
  gap: 16px;
  font-family: var(--font-family-primary);
  animation: questCardFadeIn .4s ease-out
}

.pwt-quest-card__progress {
  position: relative;
  width: 70px;
  height: 70px;
  flex-shrink: 0
}

.pwt-quest-card__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  justify-content: space-between
}

.pwt-quest-card__text {
  display: flex;
  flex-direction: column;
  gap: 10px
}

.pwt-quest-card__title {
  --pwt-type-text-color: var(--pwt-quest-card-text)
}

.pwt-quest-card__description {
  --color-text-caption: var(--pwt-quest-card-caption)
}

.pwt-quest-card__action {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.pwt-quest-card__status {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -.28px;
  color: var(--color-brand)
}

.pwt-quest-card--completed {
  box-shadow: 0 0 0 1px var(--color-brand)
}

@keyframes questCardFadeIn {
  0% {
    opacity: 0;
    transform: translateY(6px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes skeleton-shimmer {
  0% {
    background-position: -1000px 0
  }

  to {
    background-position: 1000px 0
  }
}

@keyframes skeleton-pulse {

  0%,
  to {
    opacity: 1
  }

  50% {
    opacity: .7
  }
}

@keyframes skeleton-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.skeleton-stagger>* {
  animation-delay: 0s
}

.skeleton-stagger>*:nth-child(1) {
  animation-delay: 0s
}

.skeleton-stagger>*:nth-child(2) {
  animation-delay: .1s
}

.skeleton-stagger>*:nth-child(3) {
  animation-delay: .2s
}

.skeleton-stagger>*:nth-child(4) {
  animation-delay: .3s
}

.skeleton-stagger>*:nth-child(5) {
  animation-delay: .4s
}

.skeleton-stagger>*:nth-child(n+6) {
  animation-delay: .5s
}

:root {
  --skeleton-bg: #f0f0f0;
  --skeleton-shimmer-light: #fafafa;
  --skeleton-shimmer-dark: #e8e8e8;
  --skeleton-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);
  --skeleton-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);
  --skeleton-shimmer-duration: 3s;
  --skeleton-fade-duration: .3s
}

.skeleton {
  background-color: var(--skeleton-bg);
  background-image: linear-gradient(90deg, var(--skeleton-bg) 0%, var(--skeleton-shimmer-light) 20%, var(--skeleton-bg) 40%, var(--skeleton-bg) 100%);
  background-size: 1000px 100%;
  background-repeat: no-repeat;
  animation: skeleton-shimmer var(--skeleton-shimmer-duration) ease-in-out infinite;
  border-radius: 12px;
  box-shadow: var(--skeleton-shadow-sm);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none
}

.skeleton.pulse {
  animation: skeleton-pulse 2s ease-in-out infinite;
  background-image: none
}

.skeleton.xs {
  height: 16px;
  width: 16px
}

.skeleton.sm {
  height: 20px;
  width: 100%
}

.skeleton.md {
  height: 24px;
  width: 100%
}

.skeleton.lg {
  height: 32px;
  width: 100%
}

.skeleton.xl {
  height: 48px;
  width: 100%
}

.skeleton.circle {
  border-radius: 50%;
  width: 48px;
  height: 48px
}

.skeleton.circle.xs {
  width: 24px;
  height: 24px
}

.skeleton.circle.sm {
  width: 32px;
  height: 32px
}

.skeleton.circle.md {
  width: 48px;
  height: 48px
}

.skeleton.circle.lg {
  width: 64px;
  height: 64px
}

.skeleton.circle.xl {
  width: 96px;
  height: 96px
}

.skeleton.rect {
  border-radius: 12px
}

.skeleton.rounded {
  border-radius: 16px
}

.skeleton.pill {
  border-radius: 9999px;
  height: 32px
}

.skeleton.pill.sm {
  height: 24px
}

.skeleton.pill.lg {
  height: 40px
}

.skeleton-text {
  height: 16px;
  border-radius: 8px;
  margin-bottom: 8px
}

.skeleton-text:last-child {
  margin-bottom: 0
}

.skeleton-heading {
  height: 28px;
  border-radius: 12px;
  margin-bottom: 16px;
  width: 60%
}

.skeleton-heading.xs {
  height: 16px;
  width: 40%
}

.skeleton-heading.sm {
  height: 20px;
  width: 50%
}

.skeleton-heading.md {
  height: 28px;
  width: 60%
}

.skeleton-heading.lg {
  height: 36px;
  width: 70%
}

.skeleton-heading.xl {
  height: 44px;
  width: 80%
}

.skeleton-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex-shrink: 0
}

.skeleton-avatar.xs {
  width: 24px;
  height: 24px
}

.skeleton-avatar.sm {
  width: 32px;
  height: 32px
}

.skeleton-avatar.md {
  width: 48px;
  height: 48px
}

.skeleton-avatar.lg {
  width: 64px;
  height: 64px
}

.skeleton-avatar.xl {
  width: 96px;
  height: 96px
}

.skeleton-button {
  height: 40px;
  border-radius: 8px;
  min-width: 100px
}

.skeleton-button.xs {
  height: 28px;
  min-width: 70px
}

.skeleton-button.sm {
  height: 32px;
  min-width: 80px
}

.skeleton-button.md {
  height: 40px;
  min-width: 100px
}

.skeleton-button.lg {
  height: 48px;
  min-width: 120px
}

.skeleton-button.xl {
  height: 56px;
  min-width: 140px
}

.skeleton-card {
  border-radius: 12px;
  padding: 16px;
  box-shadow: var(--skeleton-shadow-md);
  background-color: var(--skeleton-bg)
}

.skeleton-image {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
  margin-bottom: 12px
}

.skeleton-image.square {
  aspect-ratio: 1/1
}

.skeleton-image.portrait {
  aspect-ratio: 3/4
}

.skeleton-image.thumbnail {
  width: 80px;
  height: 80px;
  aspect-ratio: auto;
  border-radius: 8px
}

.skeleton-badge {
  height: 24px;
  width: 60px;
  border-radius: 12px;
  display: inline-block
}

.skeleton-flex {
  display: flex;
  gap: 12px;
  align-items: center
}

.skeleton-flex.column {
  flex-direction: column;
  align-items: stretch
}

.skeleton-flex.between {
  justify-content: space-between
}

.skeleton-grid {
  display: grid;
  gap: 12px
}

.skeleton-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr)
}

.skeleton-grid.cols-3 {
  grid-template-columns: repeat(3, 1fr)
}

.skeleton-grid.cols-4 {
  grid-template-columns: repeat(4, 1fr)
}

.skeleton-stack {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.skeleton-stack.compact {
  gap: 8px
}

.skeleton-stack.spacious {
  gap: 24px
}

@media (max-width:640px) {
  .skeleton-heading {
    width: 80%
  }

  .skeleton-grid.cols-3,
  .skeleton-grid.cols-4 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (prefers-reduced-motion:reduce) {
  .skeleton {
    animation: none;
    background-image: none;
    opacity: .6
  }

  .skeleton.pulse {
    animation: none
  }
}

@media (prefers-contrast:more) {
  .skeleton {
    background-color: #e5e5e5;
    box-shadow: 0 1px 3px #0003
  }
}

.pwt-tab-bar {
  align-items: center;
  background-color: var(--pwt-tab-bar-bg);
  border-top: .5px solid var(--pwt-tab-bar-border);
  display: flex;
  font-family: var(--font-family-primary);
  justify-content: center;
  min-height: 64px;
  padding: 0 24px;
  position: relative;
  width: 100%
}

.pwt-tab-bar__nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  width: 100%
}

.pwt-tab-bar__item {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  height: 64px;
  justify-content: center;
  padding: 6px 0;
  position: relative
}

.pwt-tab-bar__icon-container {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 56px
}

.pwt-tab-bar__icon-layer {
  align-items: center;
  border-radius: 16px;
  display: flex;
  height: 32px;
  justify-content: center;
  position: relative;
  width: 56px
}

.pwt-tab-bar__icon-layer--prominent {
  background-color: var(--pwt-tab-bar-pill-bg)
}

.pwt-tab-bar__icon {
  height: 20px;
  width: 20px
}

.pwt-tab-bar__badge {
  align-items: center;
  background-color: var(--pwt-tab-bar-badge-bg);
  border-radius: 999px;
  color: var(--pwt-tab-bar-badge-text);
  display: flex;
  font-size: 10px;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
  min-width: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 10px;
  top: 2px
}

.pwt-tab-bar__label {
  --pwt-type-text-color: var(--pwt-tab-bar-text);
  color: var(--pwt-tab-bar-text);
  line-height: 1
}

.pwt-tab-bar__item--active .pwt-tab-bar__label {
  --pwt-type-text-color: var(--pwt-tab-bar-text-active);
  color: var(--pwt-tab-bar-text-active)
}

.pwt-tab-bar__item--active .pwt-tab-bar__icon-layer {
  animation: tabBarActivate .3s ease-out
}

.pwt-tab-bar__custom-component {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center
}

@keyframes tabBarActivate {
  0% {
    transform: scale(.96)
  }

  to {
    transform: scale(1)
  }
}

.pwt-text-area {
  font-family: var(--font-family-primary);
  position: relative;
  width: 100%
}

.pwt-text-area__field {
  width: 100%;
  height: 165px;
  border-radius: 16px;
  padding: 16px;
  border: 1px solid var(--pwt-text-area-border);
  background: var(--pwt-text-area-bg);
  box-shadow: none;
  font-family: var(--font-family-primary);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -.16px;
  color: var(--pwt-text-area-text);
  transition: border-color .3s, background-color .3s;
  outline: none;
  resize: none
}

.pwt-text-area__field::placeholder {
  color: var(--pwt-text-area-placeholder);
  opacity: 1
}

.pwt-text-area:not(.pwt-text-area--disabled) .pwt-text-area__field:hover:not(:disabled) {
  border-color: var(--pwt-text-area-border-focus)
}

.pwt-text-area__field:focus {
  background: var(--pwt-text-area-bg-focus);
  border-color: var(--pwt-text-area-border-focus)
}

.pwt-text-area__field:disabled {
  cursor: not-allowed;
  opacity: .6
}

.pwt-text-area--disabled .pwt-text-area__field {
  cursor: not-allowed;
  opacity: .6
}

.pwt-text-area--error .pwt-text-area__field {
  border-color: var(--color-danger)
}

.pwt-text-area__error {
  margin-left: 4px;
  font-size: 12px;
  color: var(--color-danger)
}

.pwt-toast {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 328px;
  padding: 20px 16px 12px;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--pwt-toast-bg)
}

.pwt-toast--persistent {
  padding-top: 12px
}

.pwt-toast__progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--pwt-toast-progress);
  transform-origin: left center;
  animation: toastProgressShrink var(--pwt-toast-duration, 5s) linear forwards;
  border-radius: 99px
}

.pwt-toast__content {
  display: flex;
  flex: 1;
  min-width: 0
}

.pwt-toast__message {
  color: var(--pwt-toast-text);
  width: 100%;
  word-wrap: break-word;
  font-family: var(--font-family-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0
}

.pwt-toast__message strong,
.pwt-toast__message b {
  font-weight: 600
}

.pwt-toast__message a {
  color: var(--pwt-toast-text);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-skip-ink: none
}

.pwt-toast__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: opacity .2s ease
}

.pwt-toast__close:hover {
  opacity: .7
}

.pwt-toast__close:active {
  opacity: .5
}

.pwt-toast__close-icon {
  color: var(--pwt-toast-icon)
}

.pwt-toast--error {
  background-color: var(--pwt-toast-bg-error)
}

.pwt-toast--error .pwt-toast__progress {
  background: var(--pwt-toast-progress-error)
}

.pwt-toast--success {
  background-color: var(--pwt-toast-bg-success)
}

.pwt-toast--success .pwt-toast__progress {
  background: var(--pwt-toast-progress-success)
}

.pwt-toast--alert {
  background-color: var(--pwt-toast-bg-alert)
}

.pwt-toast--alert .pwt-toast__progress {
  background: var(--pwt-toast-progress-alert)
}

.pwt-toast--neutral {
  background-color: var(--pwt-toast-bg-neutral)
}

.pwt-toast--neutral .pwt-toast__progress {
  background: var(--pwt-toast-progress-neutral)
}

@keyframes toastProgressShrink {
  0% {
    transform: scaleX(1)
  }

  to {
    transform: scaleX(0)
  }
}

.tag[data-v-217805df] {
  font-family: var(--font-family-primary);
  display: inline-flex;
  border: 1px solid var(--color--white);
  border-radius: 50px;
  padding: .25rem 1rem;
  white-space: nowrap
}

:root,
:host,
.app-wc {
  --font-family-primary: "Poppins", sans-serif;
  --border-radius: .5rem;
  --color--white: #fff;
  --color--black: #232323;
  --color--gray: #555;
  --color--gray-dark: #424242;
  --color--gray-light: #dbdbdb;
  --color--primary: #f65261;
  --color--secondary: #7c44fc;
  --font-size-tiny: clamp(.8rem, .13vw + .77rem, .89rem);
  --font-size-small: clamp(1rem, .36vw + .93rem, 1.25rem);
  --font-size-medium: clamp(1.25rem, .71vw + 1.11rem, 1.75rem);
  --font-size-large: clamp(1.56rem, 1.27vw + 1.31rem, 2.45rem);
  --font-size-huge: clamp(1.95rem, 2.11vw + 1.53rem, 3.43rem);
  --font-size-gigantic: clamp(2.44rem, 3.37vw + 1.77rem, 4.8rem);
  --color-brand: #f68d3d;
  --color-brand-gradient-1: linear-gradient(60.64deg, #f68d3d 0%, #f69347 3%, #f7a96c 17%, #f9b887 30%, #f9c298 41%, #fac69e 50%, #f9c09d 67%, #f8af9a 88%, #f7a499 100%), linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
  --color-brand-gradient-2: radial-gradient(circle, #f68d3d 0%, #f69347 3%, #f7a96c 17%, #f9b887 30%, #f9c298 41%, #fac69e 50%, #f9c09d 67%, #f8af9a 88%, #f7a499 100%);
  --color-divider: #f4eee5;
  --color-border: #dddddd;
  --color-icon: #333333;
  --color-icon-lighter: #707070;
  --color-modal: #ffffff;
  --color-text-heading: #333333;
  --color-text-caption-light: #656565;
  --color-text-caption-dark: #bcbcbc;
  --color-text-paragraph: #000000;
  --color-text-button: #ffffff;
  --color-text-input: #403f48;
  --color-danger: #ff383c;
  --color-success: #34c759;
  --color-avatar-active-subscriber: var(--color-brand);
  --color-avatar-active-creator: var(--color-brand-gradient-2);
  --input-background: #f9f6f2;
  --pwt-input-bg-light: #f9f6f2;
  --pwt-input-bg-dark: #2c2c2c;
  --pwt-input-bg-focus-light: var(--color--white);
  --pwt-input-bg-focus-dark: #1a1a1a;
  --pwt-input-border-light: transparent;
  --pwt-input-border-dark: #3c3c3c;
  --pwt-input-border-focus-light: var(--color-brand);
  --pwt-input-border-focus-dark: var(--color-brand);
  --pwt-input-label-light: var(--color-text-caption-light);
  --pwt-input-label-dark: var(--color-text-caption-dark);
  --pwt-input-label-focus-light: var(--color-brand);
  --pwt-input-label-focus-dark: var(--color-brand);
  --pwt-input-text-light: var(--color-text-input);
  --pwt-input-text-dark: var(--color--white);
  --pwt-input-icon-light: #70707e;
  --pwt-input-icon-dark: #b4b4bc;
  --pwt-text-area-bg-light: #f4eee5;
  --pwt-text-area-bg-dark: #121212;
  --pwt-text-area-bg-focus-light: #ffffff;
  --pwt-text-area-bg-focus-dark: #121212;
  --pwt-text-area-border-light: transparent;
  --pwt-text-area-border-dark: transparent;
  --pwt-text-area-border-focus-light: var(--color-brand);
  --pwt-text-area-border-focus-dark: var(--color-brand);
  --pwt-text-area-text-light: var(--color-text-paragraph);
  --pwt-text-area-text-dark: var(--color--white);
  --pwt-text-area-placeholder-light: var(--color-text-caption-light);
  --pwt-text-area-placeholder-dark: var(--color-text-caption-dark);
  --btn-federated-bg: #f9f6f2;
  --btn-federated-border: 1px solid #e4e7ed;
  --btn-federated-width: 56px;
  --btn-federated-height: 56px;
  --pwt-progress-bar-track-light: #fff;
  --pwt-progress-bar-track-dark: #444;
  --pwt-progress-bar-fill-light: var(--color-brand);
  --pwt-progress-bar-fill-dark: var(--color-brand);
  --pwt-progress-bar-label-light: var(---color-text-caption-light);
  --pwt-progress-bar-label-dark: var(--color-text-caption-dark);
  --pwt-progress-bar-caption-light: var(--color-text-caption-light);
  --pwt-progress-bar-caption-dark: var(--color-text-caption-dark);
  --pwt-progress-bar-text-light: var(--color-text-heading);
  --pwt-progress-bar-text-dark: var(--color-text-heading);
  --pwt-progress-card-bg-light: #f4eee5;
  --pwt-progress-card-bg-dark: #121212;
  --pwt-progress-card-border-light: #dddddd;
  --pwt-progress-card-border-dark: #2c2c2c;
  --pwt-progress-card-text-light: var(--color-text-heading);
  --pwt-progress-card-text-dark: var(--color--white);
  --pwt-progress-card-caption-light: var(--color-text-caption-light);
  --pwt-progress-card-caption-dark: var(--color-text-caption-dark);
  --pwt-quest-card-bg-light: #f4eee5;
  --pwt-quest-card-bg-dark: #121212;
  --pwt-quest-card-border-light: #dddddd;
  --pwt-quest-card-border-dark: #2c2c2c;
  --pwt-quest-card-text-light: var(--color-text-heading);
  --pwt-quest-card-text-dark: var(--color-text-button);
  --pwt-quest-card-caption-light: var(--color-text-caption-light);
  --pwt-quest-card-caption-dark: var(--color-text-caption-dark);
  --pwt-quest-card-progress-track-light: var(--color--white);
  --pwt-quest-card-progress-track-dark: var(--color-icon);
  --pwt-profile-card-text-light: var(--color-text-heading);
  --pwt-profile-card-text-dark: var(--color--white);
  --pwt-profile-card-caption-light: var(--color-text-caption-light);
  --pwt-profile-card-caption-dark: var(--color-text-caption-dark);
  --pwt-profile-card-glow-light: radial-gradient(50% 50% at 50% 50%, rgba(247, 150, 76, .2) 0%, rgba(249, 190, 146, .1) 100%);
  --pwt-profile-card-glow-dark: radial-gradient(50% 50% at 50% 50%, rgba(247, 150, 76, .15) 0%, rgba(249, 190, 146, .05) 100%);
  --pwt-tab-bar-bg-light: var(--input-background);
  --pwt-tab-bar-bg-dark: #000000;
  --pwt-tab-bar-border-light: var(--color-border);
  --pwt-tab-bar-border-dark: #2c2c2c;
  --pwt-tab-bar-text-light: var(--color-icon);
  --pwt-tab-bar-text-dark: #ffffff;
  --pwt-tab-bar-text-active-light: var(--color-brand);
  --pwt-tab-bar-text-active-dark: var(--color-brand);
  --pwt-tab-bar-pill-bg-light: var(--color-divider);
  --pwt-tab-bar-pill-bg-dark: #1f1f1f;
  --pwt-tab-bar-badge-bg-light: var(--color-brand);
  --pwt-tab-bar-badge-bg-dark: var(--color-brand);
  --pwt-tab-bar-badge-text-light: var(--color-text-button);
  --pwt-tab-bar-badge-text-dark: var(--color-text-button);
  --pwt-icon-button-color-light: var(--color-icon);
  --pwt-icon-button-color-dark: #ffffff;
  --pwt-icon-button-color-active-light: var(--color-brand);
  --pwt-icon-button-color-active-dark: var(--color-brand);
  --pwt-icon-button-label-color-light: var(--color-icon);
  --pwt-icon-button-label-color-dark: #ffffff;
  --pwt-icon-button-badge-bg-light: var(--color-brand);
  --pwt-icon-button-badge-bg-dark: var(--color-brand);
  --pwt-icon-button-badge-text-light: var(--color-text-button);
  --pwt-icon-button-badge-text-dark: var(--color-text-button);
  --pwt-wallet-widget-bg-light: #f4eee5;
  --pwt-wallet-widget-bg-dark: #121212;
  --pwt-wallet-widget-border-light: #dddddd;
  --pwt-wallet-widget-border-dark: #2c2c2c;
  --pwt-wallet-widget-text-light: var(--color-text-heading);
  --pwt-wallet-widget-text-dark: var(--color--white);
  --pwt-wallet-widget-masked-light: #dddddd;
  --pwt-wallet-widget-masked-dark: #444444;
  --pwt-header-bg-light: #f9f6f2;
  --pwt-header-bg-dark: #000000;
  --pwt-header-border-light: #dddddd;
  --pwt-header-border-dark: #2c2c2c;
  --pwt-toast-bg-error-light: #feeff0;
  --pwt-toast-bg-error-dark: #3d1f20;
  --pwt-toast-bg-success-light: #f0f9eb;
  --pwt-toast-bg-success-dark: #1f3d20;
  --pwt-toast-bg-alert-light: #fff5d5;
  --pwt-toast-bg-alert-dark: #3d3520;
  --pwt-toast-bg-neutral-light: #fbfbfb;
  --pwt-toast-bg-neutral-dark: #2c2c2c;
  --pwt-toast-text-light: var(--color-text-heading);
  --pwt-toast-text-dark: var(--color--white);
  --pwt-toast-icon-light: var(--color-icon);
  --pwt-toast-icon-dark: var(--color--white);
  --pwt-toast-progress-error-light: #c32f06;
  --pwt-toast-progress-error-dark: #ff6b6b;
  --pwt-toast-progress-success-light: #34c759;
  --pwt-toast-progress-success-dark: #5dd87f;
  --pwt-toast-progress-alert-light: #f7b500;
  --pwt-toast-progress-alert-dark: #ffd54f;
  --pwt-toast-progress-neutral-light: #333333;
  --pwt-toast-progress-neutral-dark: #cccccc;
  --pwt-checkbox-bg-light: transparent;
  --pwt-checkbox-bg-dark: transparent;
  --pwt-checkbox-border-light: #333333;
  --pwt-checkbox-border-dark: #ffffff;
  --pwt-checkbox-border-hover-light: var(--color-brand);
  --pwt-checkbox-border-hover-dark: var(--color-brand);
  --pwt-checkbox-active-bg-light: var(--color-brand);
  --pwt-checkbox-active-bg-dark: var(--color-brand);
  --pwt-checkbox-check-light: #ffffff;
  --pwt-checkbox-check-dark: #ffffff;
  --pwt-checkbox-text-light: var(--color-text-paragraph);
  --pwt-checkbox-text-dark: #ffffff;
  --pwt-clipboard-highlight-light: var(--color-text-paragraph);
  --pwt-clipboard-highlight-dark: var(--color--white)
}

:root,
:host,
.app-wc {
  --bs-body-bg: var(--input-background);
  --bs-body-color: #1e293b;
  --bs-text-color: var(--color-icon);
  --bs-border-color: var(--color-border);
  --post-background: var(--color-divider);
  --bs-border-radius: var(--border-radius);
  --input-bg-floating: #f8fafc;
  --input-text-color: var(--color-icon);
  --input-bg-hover: var(--color-divider);
  --skeleton-base: #f0f2f5;
  --skeleton-highlight: #e6e8eb;
  --bs-text-muted: var(--color-icon);
  --search-input-bg: var(--color-icon-lighter);
  --bs-alert-success-bg-color: #f0f9eb;
  --bs-alert-warning-bg-color: #fff6e9;
  --bs-alert-danger-bg-color: #fdeeee;
  --avatar-border-color: var(--color--white);
  --btn-privacy-bg-1: var(--btn-federated-bg);
  --btn-privacy-color-1: var(--color-icon);
  --btn-privacy-border-1: var(--color-border);
  --btn-privacy-bg-2: var(--btn-federated-bg);
  --accent-color: var(--color-text-paragraph);
  --profile-at-color: var(--color-icon);
  --navigation-link-bg: #feeee2;
  --btn-privacy-color-3: #303133;
  --card-bg-1: var(--color-modal);
  --pwt-input-bg: var(--pwt-input-bg-light);
  --pwt-input-bg-focus: var(--pwt-input-bg-focus-light);
  --pwt-input-border: var(--pwt-input-border-light);
  --pwt-input-border-focus: var(--pwt-input-border-focus-light);
  --pwt-input-label: var(--pwt-input-label-light);
  --pwt-input-label-focus: var(--pwt-input-label-focus-light);
  --pwt-input-text: var(--pwt-input-text-light);
  --pwt-input-icon: var(--pwt-input-icon-light);
  --pwt-clipboard-highlight: var(--pwt-clipboard-highlight-light);
  --pwt-text-area-bg: var(--pwt-text-area-bg-light);
  --pwt-text-area-bg-focus: var(--pwt-text-area-bg-focus-light);
  --pwt-text-area-border: var(--pwt-text-area-border-light);
  --pwt-text-area-border-focus: var(--pwt-text-area-border-focus-light);
  --pwt-text-area-text: var(--pwt-text-area-text-light);
  --pwt-text-area-placeholder: var(--pwt-text-area-placeholder-light);
  --pwt-progress-bar-track: var(--pwt-progress-bar-track-light);
  --pwt-progress-bar-fill: var(--pwt-progress-bar-fill-light);
  --pwt-progress-bar-label: var(--pwt-progress-bar-label-light);
  --pwt-progress-bar-text: var(--pwt-progress-bar-text-light);
  --pwt-progress-bar-caption: var(--pwt-progress-bar-caption-light);
  --pwt-progress-card-bg: var(--pwt-progress-card-bg-light);
  --pwt-progress-card-border: var(--pwt-progress-card-border-light);
  --pwt-progress-card-text: var(--pwt-progress-card-text-light);
  --pwt-progress-card-caption: var(--pwt-progress-card-caption-light);
  --pwt-quest-card-bg: var(--pwt-quest-card-bg-light);
  --pwt-quest-card-border: var(--pwt-quest-card-border-light);
  --pwt-quest-card-text: var(--pwt-quest-card-text-light);
  --pwt-quest-card-caption: var(--pwt-quest-card-caption-light);
  --pwt-quest-card-progress-track: var(--pwt-quest-card-progress-track-light);
  --pwt-profile-card-text: var(--pwt-profile-card-text-light);
  --pwt-profile-card-caption: var(--pwt-profile-card-caption-light);
  --pwt-profile-card-glow: var(--pwt-profile-card-glow-light);
  --pwt-tab-bar-bg: var(--pwt-tab-bar-bg-light);
  --pwt-tab-bar-border: var(--pwt-tab-bar-border-light);
  --pwt-tab-bar-text: var(--pwt-tab-bar-text-light);
  --pwt-tab-bar-text-active: var(--pwt-tab-bar-text-active-light);
  --pwt-tab-bar-pill-bg: var(--pwt-tab-bar-pill-bg-light);
  --pwt-tab-bar-badge-bg: var(--pwt-tab-bar-badge-bg-light);
  --pwt-tab-bar-badge-text: var(--pwt-tab-bar-badge-text-light);
  --pwt-icon-button-color: var(--pwt-icon-button-color-light);
  --pwt-icon-button-color-active: var(--pwt-icon-button-color-active-light);
  --pwt-icon-button-label-color: var(--pwt-icon-button-label-color-light);
  --pwt-icon-button-badge-bg: var(--pwt-icon-button-badge-bg-light);
  --pwt-icon-button-badge-text: var(--pwt-icon-button-badge-text-light);
  --pwt-wallet-widget-bg: var(--pwt-wallet-widget-bg-light);
  --pwt-wallet-widget-border: var(--pwt-wallet-widget-border-light);
  --pwt-wallet-widget-text: var(--pwt-wallet-widget-text-light);
  --pwt-wallet-widget-masked: var(--pwt-wallet-widget-masked-light);
  --pwt-header-bg: var(--pwt-header-bg-light);
  --pwt-header-border: var(--pwt-header-border-light);
  --pwt-toast-bg-error: var(--pwt-toast-bg-error-light);
  --pwt-toast-bg-success: var(--pwt-toast-bg-success-light);
  --pwt-toast-bg-alert: var(--pwt-toast-bg-alert-light);
  --pwt-toast-bg-neutral: var(--pwt-toast-bg-neutral-light);
  --pwt-toast-bg: var(--pwt-toast-bg-neutral-light);
  --pwt-toast-text: var(--pwt-toast-text-light);
  --pwt-toast-icon: var(--pwt-toast-icon-light);
  --pwt-toast-progress: var(--pwt-toast-progress-neutral-light);
  --pwt-toast-progress-error: var(--pwt-toast-progress-error-light);
  --pwt-toast-progress-success: var(--pwt-toast-progress-success-light);
  --pwt-toast-progress-alert: var(--pwt-toast-progress-alert-light);
  --pwt-toast-progress-neutral: var(--pwt-toast-progress-neutral-light);
  --pwt-checkbox-bg: var(--pwt-checkbox-bg-light);
  --pwt-checkbox-border: var(--pwt-checkbox-border-light);
  --pwt-checkbox-border-hover: var(--pwt-checkbox-border-hover-light);
  --pwt-checkbox-active-bg: var(--pwt-checkbox-active-bg-light);
  --pwt-checkbox-check: var(--pwt-checkbox-check-light);
  --pwt-checkbox-text: var(--pwt-checkbox-text-light);
  --text-privacy-1: #222222;
  --gradient-overlay-fade: linear-gradient(180deg, rgba(244, 238, 229, 0) 0%, #f9f6f2 100%);
  --title-gradient: linear-gradient(to right, var(--color-brand), var(--color-brand));
  color-scheme: light
}

:root[data-theme=dark],
:host([data-theme=dark]),
.app-wc.dark-mode {
  --bs-body-bg: var(--color-text-paragraph);
  --bs-body-color: #f8fafc;
  --bs-text-color: var(--color-divider);
  --bs-border-color: #2c2c2c;
  --post-background: #121212;
  --bs-border-radius: var(--border-radius);
  --input-bg-floating: #121212;
  --input-text-color: var(--color-divider);
  --input-bg-hover: var(--color-icon);
  --skeleton-base: #2a2c2f;
  --skeleton-highlight: #3a3c3f;
  --bs-text-muted: #b4b4bc;
  --search-input-bg: #b4b4bc;
  --bs-alert-success-bg-color: #121212;
  --bs-alert-warning-bg-color: #121212;
  --bs-alert-danger-bg-color: #121212;
  --avatar-border-color: #121212;
  --btn-privacy-bg-1: var(--color-icon);
  --btn-privacy-color-1: var(--color-text-button);
  --btn-privacy-border-1: none;
  --btn-privacy-bg-2: #2c2c2c;
  --accent-color: var(--color-text-button);
  --profile-at-color: #b4b4bc;
  --navigation-link-bg: #342418;
  --btn-privacy-color-3: var(--color-text-button);
  --card-bg-1: #121212;
  --pwt-input-bg: var(--pwt-input-bg-dark);
  --pwt-input-bg-focus: var(--pwt-input-bg-focus-dark);
  --pwt-input-border: var(--pwt-input-border-dark);
  --pwt-input-border-focus: var(--pwt-input-border-focus-dark);
  --pwt-input-label: var(--pwt-input-label-dark);
  --pwt-input-label-focus: var(--pwt-input-label-focus-dark);
  --pwt-input-text: var(--pwt-input-text-dark);
  --pwt-input-icon: var(--pwt-input-icon-dark);
  --pwt-clipboard-highlight: var(--pwt-clipboard-highlight-dark);
  --pwt-text-area-bg: var(--pwt-text-area-bg-dark);
  --pwt-text-area-bg-focus: var(--pwt-text-area-bg-focus-dark);
  --pwt-text-area-border: var(--pwt-text-area-border-dark);
  --pwt-text-area-border-focus: var(--pwt-text-area-border-focus-dark);
  --pwt-text-area-text: var(--pwt-text-area-text-dark);
  --pwt-text-area-placeholder: var(--pwt-text-area-placeholder-dark);
  --pwt-progress-bar-track: var(--pwt-progress-bar-track-dark);
  --pwt-progress-bar-fill: var(--pwt-progress-bar-fill-dark);
  --pwt-progress-bar-label: var(--pwt-progress-bar-label-dark);
  --pwt-progress-bar-text: var(--pwt-progress-bar-text-dark);
  --pwt-progress-bar-caption: var(--pwt-progress-bar-caption-dark);
  --pwt-progress-card-bg: var(--pwt-progress-card-bg-dark);
  --pwt-progress-card-border: var(--pwt-progress-card-border-dark);
  --pwt-progress-card-text: var(--pwt-progress-card-text-dark);
  --pwt-progress-card-caption: var(--pwt-progress-card-caption-dark);
  --pwt-quest-card-bg: var(--pwt-quest-card-bg-dark);
  --pwt-quest-card-border: var(--pwt-quest-card-border-dark);
  --pwt-quest-card-text: var(--pwt-quest-card-text-dark);
  --pwt-quest-card-caption: var(--pwt-quest-card-caption-dark);
  --pwt-quest-card-progress-track: var(--pwt-quest-card-progress-track-dark);
  --pwt-profile-card-text: var(--pwt-profile-card-text-dark);
  --pwt-profile-card-caption: var(--pwt-profile-card-caption-dark);
  --pwt-profile-card-glow: var(--pwt-profile-card-glow-dark);
  --pwt-tab-bar-bg: var(--pwt-tab-bar-bg-dark);
  --pwt-tab-bar-border: var(--pwt-tab-bar-border-dark);
  --pwt-tab-bar-text: var(--pwt-tab-bar-text-dark);
  --pwt-tab-bar-text-active: var(--pwt-tab-bar-text-active-dark);
  --pwt-tab-bar-pill-bg: var(--pwt-tab-bar-pill-bg-dark);
  --pwt-tab-bar-badge-bg: var(--pwt-tab-bar-badge-bg-dark);
  --pwt-tab-bar-badge-text: var(--pwt-tab-bar-badge-text-dark);
  --pwt-icon-button-color: var(--pwt-icon-button-color-dark);
  --pwt-icon-button-color-active: var(--pwt-icon-button-color-active-dark);
  --pwt-icon-button-label-color: var(--pwt-icon-button-label-color-dark);
  --pwt-icon-button-badge-bg: var(--pwt-icon-button-badge-bg-dark);
  --pwt-icon-button-badge-text: var(--pwt-icon-button-badge-text-dark);
  --pwt-wallet-widget-bg: var(--pwt-wallet-widget-bg-dark);
  --pwt-wallet-widget-border: var(--pwt-wallet-widget-border-dark);
  --pwt-wallet-widget-text: var(--pwt-wallet-widget-text-dark);
  --pwt-wallet-widget-masked: var(--pwt-wallet-widget-masked-dark);
  --pwt-header-bg: var(--pwt-header-bg-dark);
  --pwt-header-border: var(--pwt-header-border-dark);
  --pwt-toast-bg-error: var(--pwt-toast-bg-error-dark);
  --pwt-toast-bg-success: var(--pwt-toast-bg-success-dark);
  --pwt-toast-bg-alert: var(--pwt-toast-bg-alert-dark);
  --pwt-toast-bg-neutral: var(--pwt-toast-bg-neutral-dark);
  --pwt-toast-bg: var(--pwt-toast-bg-neutral-dark);
  --pwt-toast-text: var(--pwt-toast-text-dark);
  --pwt-toast-icon: var(--pwt-toast-icon-dark);
  --pwt-toast-progress: var(--pwt-toast-progress-neutral-dark);
  --pwt-toast-progress-error: var(--pwt-toast-progress-error-dark);
  --pwt-toast-progress-success: var(--pwt-toast-progress-success-dark);
  --pwt-toast-progress-alert: var(--pwt-toast-progress-alert-dark);
  --pwt-toast-progress-neutral: var(--pwt-toast-progress-neutral-dark);
  --pwt-checkbox-bg: var(--pwt-checkbox-bg-dark);
  --pwt-checkbox-border: var(--pwt-checkbox-border-dark);
  --pwt-checkbox-border-hover: var(--pwt-checkbox-border-hover-dark);
  --pwt-checkbox-active-bg: var(--pwt-checkbox-active-bg-dark);
  --pwt-checkbox-check: var(--pwt-checkbox-check-dark);
  --pwt-checkbox-text: var(--pwt-checkbox-text-dark);
  --text-privacy-1: #eeeeee;
  --gradient-overlay-fade: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
  --title-gradient: linear-gradient(to right, #f6944c 0%, #ffd1a5 100%);
  color-scheme: dark
}

@supports (selector(:host-context(.dark-mode))) {
  :host-context(.dark-mode) {
    --bs-body-bg: var(--color-text-paragraph);
    --bs-body-color: #f8fafc;
    --bs-text-color: var(--color-divider);
    --bs-border-color: #2c2c2c;
    --post-background: #121212;
    --bs-border-radius: var(--border-radius);
    --input-bg-floating: #121212;
    --input-text-color: var(--color-divider);
    --input-bg-hover: var(--color-icon);
    --skeleton-base: #2a2c2f;
    --skeleton-highlight: #3a3c3f;
    --bs-text-muted: #b4b4bc;
    --search-input-bg: #b4b4bc;
    --bs-alert-success-bg-color: #121212;
    --bs-alert-warning-bg-color: #121212;
    --bs-alert-danger-bg-color: #121212;
    --avatar-border-color: #121212;
    --btn-privacy-bg-1: var(--color-icon);
    --btn-privacy-color-1: var(--color-text-button);
    --btn-privacy-border-1: none;
    --btn-privacy-bg-2: #2c2c2c;
    --accent-color: var(--color-text-button);
    --profile-at-color: #b4b4bc;
    --navigation-link-bg: #342418;
    --btn-privacy-color-3: var(--color-text-button);
    --card-bg-1: #121212;
    --pwt-input-bg: var(--pwt-input-bg-dark);
    --pwt-input-bg-focus: var(--pwt-input-bg-focus-dark);
    --pwt-input-border: var(--pwt-input-border-dark);
    --pwt-input-border-focus: var(--pwt-input-border-focus-dark);
    --pwt-input-label: var(--pwt-input-label-dark);
    --pwt-input-label-focus: var(--pwt-input-label-focus-dark);
    --pwt-input-text: var(--pwt-input-text-dark);
    --pwt-input-icon: var(--pwt-input-icon-dark);
    --pwt-clipboard-highlight: var(--pwt-clipboard-highlight-dark);
    --pwt-text-area-bg: var(--pwt-text-area-bg-dark);
    --pwt-text-area-bg-focus: var(--pwt-text-area-bg-focus-dark);
    --pwt-text-area-border: var(--pwt-text-area-border-dark);
    --pwt-text-area-border-focus: var(--pwt-text-area-border-focus-dark);
    --pwt-text-area-text: var(--pwt-text-area-text-dark);
    --pwt-text-area-placeholder: var(--pwt-text-area-placeholder-dark);
    --pwt-progress-bar-track: var(--pwt-progress-bar-track-dark);
    --pwt-progress-bar-fill: var(--pwt-progress-bar-fill-dark);
    --pwt-progress-bar-label: var(--pwt-progress-bar-label-dark);
    --pwt-progress-bar-text: var(--pwt-progress-bar-text-dark);
    --pwt-progress-bar-caption: var(--pwt-progress-bar-caption-dark);
    --pwt-progress-card-bg: var(--pwt-progress-card-bg-dark);
    --pwt-progress-card-border: var(--pwt-progress-card-border-dark);
    --pwt-progress-card-text: var(--pwt-progress-card-text-dark);
    --pwt-progress-card-caption: var(--pwt-progress-card-caption-dark);
    --pwt-quest-card-bg: var(--pwt-quest-card-bg-dark);
    --pwt-quest-card-border: var(--pwt-quest-card-border-dark);
    --pwt-quest-card-text: var(--pwt-quest-card-text-dark);
    --pwt-quest-card-caption: var(--pwt-quest-card-caption-dark);
    --pwt-quest-card-progress-track: var(--pwt-quest-card-progress-track-dark);
    --pwt-profile-card-text: var(--pwt-profile-card-text-dark);
    --pwt-profile-card-caption: var(--pwt-profile-card-caption-dark);
    --pwt-profile-card-glow: var(--pwt-profile-card-glow-dark);
    --pwt-tab-bar-bg: var(--pwt-tab-bar-bg-dark);
    --pwt-tab-bar-border: var(--pwt-tab-bar-border-dark);
    --pwt-tab-bar-text: var(--pwt-tab-bar-text-dark);
    --pwt-tab-bar-text-active: var(--pwt-tab-bar-text-active-dark);
    --pwt-tab-bar-pill-bg: var(--pwt-tab-bar-pill-bg-dark);
    --pwt-tab-bar-badge-bg: var(--pwt-tab-bar-badge-bg-dark);
    --pwt-tab-bar-badge-text: var(--pwt-tab-bar-badge-text-dark);
    --pwt-icon-button-color: var(--pwt-icon-button-color-dark);
    --pwt-icon-button-color-active: var(--pwt-icon-button-color-active-dark);
    --pwt-icon-button-label-color: var(--pwt-icon-button-label-color-dark);
    --pwt-icon-button-badge-bg: var(--pwt-icon-button-badge-bg-dark);
    --pwt-icon-button-badge-text: var(--pwt-icon-button-badge-text-dark);
    --pwt-wallet-widget-bg: var(--pwt-wallet-widget-bg-dark);
    --pwt-wallet-widget-border: var(--pwt-wallet-widget-border-dark);
    --pwt-wallet-widget-text: var(--pwt-wallet-widget-text-dark);
    --pwt-wallet-widget-masked: var(--pwt-wallet-widget-masked-dark);
    --pwt-header-bg: var(--pwt-header-bg-dark);
    --pwt-header-border: var(--pwt-header-border-dark);
    --pwt-toast-bg-error: var(--pwt-toast-bg-error-dark);
    --pwt-toast-bg-success: var(--pwt-toast-bg-success-dark);
    --pwt-toast-bg-alert: var(--pwt-toast-bg-alert-dark);
    --pwt-toast-bg-neutral: var(--pwt-toast-bg-neutral-dark);
    --pwt-toast-bg: var(--pwt-toast-bg-neutral-dark);
    --pwt-toast-text: var(--pwt-toast-text-dark);
    --pwt-toast-icon: var(--pwt-toast-icon-dark);
    --pwt-toast-progress: var(--pwt-toast-progress-neutral-dark);
    --pwt-toast-progress-error: var(--pwt-toast-progress-error-dark);
    --pwt-toast-progress-success: var(--pwt-toast-progress-success-dark);
    --pwt-toast-progress-alert: var(--pwt-toast-progress-alert-dark);
    --pwt-toast-progress-neutral: var(--pwt-toast-progress-neutral-dark);
    --pwt-checkbox-bg: var(--pwt-checkbox-bg-dark);
    --pwt-checkbox-border: var(--pwt-checkbox-border-dark);
    --pwt-checkbox-border-hover: var(--pwt-checkbox-border-hover-dark);
    --pwt-checkbox-active-bg: var(--pwt-checkbox-active-bg-dark);
    --pwt-checkbox-check: var(--pwt-checkbox-check-dark);
    --pwt-checkbox-text: var(--pwt-checkbox-text-dark);
    --text-privacy-1: #eeeeee;
    --gradient-overlay-fade: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
    --title-gradient: linear-gradient(to right, #f6944c 0%, #ffd1a5 100%);
    color-scheme: dark
  }
}

@keyframes grow {
  0% {
    scale: 1
  }

  33% {
    scale: 3.6
  }

  66% {
    scale: 2.4
  }

  to {
    scale: 4
  }
}

@keyframes shrink {
  to {
    scale: 1
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

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

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.cn-wrapper {
  position: relative;
  height: var(--wrapper-height);
  width: var(--wrapper-width);
  background-color: var(--wrapper-background-color)
}

.cn-wrapper .cn-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%
}

.cn-wrapper .cn-icon img {
  width: 100%
}

.cn-wrapper .cn-icon svg path {
  fill: var(--icon-color)
}

.cn-wrapper .cn-icon-fill-space svg {
  width: 100% !important;
  height: 100% !important
}

.cn-wrapper .cn-unread-number {
  position: absolute;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  z-index: 1;
  color: var(--el-color-white);
  display: block;
  border-radius: 50%;
  padding-left: 1px;
  padding-right: 1px;
  background-color: var(--alert-background-color);
  top: var(--alert-position-top);
  right: var(--alert-position-right);
  min-width: var(--alert-width);
  height: var(--alert-height);
  box-shadow: 0 3px 8px #0000001a;
  display: flex;
  align-items: center;
  justify-content: center
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.dark-mode .el-dialog {
  background: var(--color-bg-dark)
}

.dark-mode .el-dialog .el-dialog__title {
  color: var(--el-color-white)
}

.dark-mode .el-card {
  background: var(--color-outline-border) !important;
  color: var(--el-color-white) !important;
  border: none !important
}

.dark-mode .el-form-item .el-form-item__label {
  color: var(--el-color-white) !important
}

.dark-mode .el-form-item .el-input__inner {
  background: var(--color-privacy-5) !important
}

.dark-mode .el-form-item .el-textarea__inner {
  background: var(--color-bg-dark) !important;
  color: var(--el-color-white) !important;
  border-color: var(--color-border-dark) !important
}

.dark-mode .el-form-item .el-input__count {
  background-color: transparent !important;
  color: var(--el-color-white) !important
}

.amount-section-skeleton {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px
}

.amount-section-inner-skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  gap: 8px
}

.slider-skeleton {
  width: 100%
}

.profileImageLoading {
  background-color: var(--color-privacy-4)
}

.userAvatarFlexible {
  min-height: 70px;
  min-width: 70px
}

@media (max-width: 767px) {
  .userAvatarFlexible {
    width: 55px;
    height: 55px;
    min-height: 55px;
    min-width: 55px
  }
}

.tipButton {
  width: 100% !important;
  border-color: var(--el-color-info) !important;
  touch-action: manipulation
}

@media screen and (max-width: 425px) {
  .tipButton {
    font-size: var(--el-font-size-base) !important
  }
}

.about-me .el-form-item__label {
  position: relative !important;
  left: 0px !important
}

.about-me .el-textarea__inner {
  border-radius: 25px !important;
  padding: 20px
}

.about-me .el-textarea .el-input__count {
  justify-content: end !important;
  display: flex !important;
  position: relative !important;
  bottom: 0px !important;
  right: 0px !important;
  margin-top: 10px !important
}

.hide-scrollbar .el-textarea__inner {
  overflow: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important
}

.hide-scrollbar .el-textarea__inner::-webkit-scrollbar {
  width: 0;
  height: 0
}

@media screen and (max-width: 992px) {
  .el-dialog {
    margin: 16px auto
  }
}

.tipModal {
  max-width: 800px !important;
  border-radius: 8px !important
}

.tipModal .el-dialog__body {
  padding-top: 10px
}

.noPadding .el-collapse-item__content {
  padding: 0 !important
}

.el-dialog {
  border-radius: 18px !important
}

.el-input__inner {
  border-radius: 25px !important;
  padding-left: 10px !important
}

.el-form-item__label {
  padding-left: 20px !important
}

.el-input__prefix-inner {
  left: 16px !important
}

.el-input__suffix {
  position: absolute;
  justify-content: center;
  width: 49px;
  right: 0px;
  height: 100%
}

.el-input__suffix .el-icon.el-input__icon.el-input__clear {
  width: 30px;
  font-size: var(--el-font-size-medium);
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px
}

.form-group .prefix-inner,
.form-group>.el-form-item__content>.el-input>.el-input__wrapper>.el-input__prefix>.el-input__prefix-inner {
  font-size: var(--el-font-size-medium) !important
}

.deposit-modal {
  width: 100%;
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  color: var(--el-color-black)
}

.dark-mode .header {
  color: var(--el-color-white)
}

.close-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-privacy-7);
  position: absolute;
  right: 0;
  top: 6px
}

.close-btn svg {
  height: 24px
}

.amount-section-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  gap: 5px
}

.amount-section {
  width: 100%;
  margin-top: 30px
}

.minus-btn,
.plus-btn {
  background: var(--color-button-primary);
  border: none;
  color: var(--el-color-white);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.minus-btn svg,
.plus-btn svg {
  height: 14px
}

.amount {
  font-size: 36px;
  font-weight: 600;
  margin: 0 12px;
  color: var(--el-color-black)
}

.amount span {
  margin-right: 8px
}

.dark-mode .amount {
  color: var(--el-color-white)
}

.amount.amount-large {
  font-size: 28px
}

.custom-slider .el-slider__runway {
  background-color: var(--color-border-light);
  height: 6px;
  border-radius: 3px
}

.custom-slider .el-slider__bar {
  background-color: var(--color-button-primary) !important;
  height: 6px;
  border-radius: 3px
}

.custom-slider .el-slider__button-wrapper .el-slider__button {
  background-color: var(--color-button-primary) !important;
  box-shadow: none !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: none !important;
  box-shadow: 0 0 4px #0003 !important
}

.amount-section-inner-min-max {
  font-size: var(--el-font-size-base);
  color: var(--color-privacy-5);
  margin-top: 8px;
  font-weight: 400;
  text-align: center
}

.amount-section-inner-min-max span {
  font-weight: 500
}

.dark-mode .amount-section-inner-min-max {
  color: var(--el-color-white)
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

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

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

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

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

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

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

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

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

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

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

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

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.formCustom .el-form-item label.el-form-item__label {
  font-size: 13px;
  margin-bottom: 2px !important;
  color: var(--bs-body-color);
  font-weight: 600
}

.threeds-container {
  max-width: 800px;
  height: 400px;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center
}

.threeds-container .el-dialog__header {
  display: none
}

.threeds-container .el-dialog__body {
  position: relative;
  padding: 0
}

.threeds-container .el-dialog__body>div {
  border-radius: 8px
}

.threeds-container .el-dialog__body .spinner-container {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%
}

.transparent {
  background: transparent !important;
  box-shadow: none
}

.threeds-iframe iframe {
  min-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: relative;
  z-index: 10
}

.countdownContainer {
  margin: 0 auto;
  text-align: center
}

.countdownContainer span {
  font-family: monospace
}

.three-ds-payment-denied-icon {
  color: var(--el-color-danger)
}

.dark-mode .threeds-container .el-dialog__body>div {
  color: var(--el-color-white) !important
}

@media (max-width: 768px) {
  .full-dialog {
    max-width: 100% !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important
  }
}

.avatar-wrapper {
  --avatar-size: 25px;
  position: relative;
  margin: -2rem .5rem 0rem;
  border-radius: 50%;
  width: var(--avatar-size);
  height: var(--avatar-size);
  left: 0
}

.avatar {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: var(--avatar-size);
  width: var(--avatar-size);
  min-height: var(--avatar-size);
  min-width: var(--avatar-size);
  margin-right: 8px;
  border-radius: 50%
}

.app-wc.dark-mode .avatar-svg.has-border {
  border: 4px solid #121212
}

.avatar-svg {
  display: flex;
  justify-content: center;
  align-items: center
}

.avatar-svg.has-border {
  border: 4px solid #ffffff
}

.avatar-svg svg {
  height: 1.1em
}

a.avatar.vac-avatar-svg {
  color: rgba(var(--color-orange-rgb-3), .8)
}

.apple-pay-logo {
  height: 25px;
  margin: 0
}

#applePayContainer {
  margin-top: 7px
}

#applePayRedirectContainer {
  display: none !important;
  z-index: -1 !important;
  position: absolute !important
}

.app-wc:not(.dark-mode) .apple-pay-loading {
  background-color: var(--el-color-info-light-3)
}

.google-pay-logo {
  height: 25px;
  margin: 0
}

#googlePayContainer {
  margin-top: 7px
}

#googlePayContainer iframe {
  height: 51px !important;
  max-height: 51px !important;
  overflow: hidden !important
}

#googlePayRedirectContainer {
  display: none !important;
  z-index: -1 !important;
  position: absolute !important
}

.app-wc:not(.dark-mode) .google-pay-loading {
  background-color: var(--el-color-info-light-3)
}

.billing-address-divider[data-v-96ebd976] {
  border-color: var(--el-border-color)
}

.header-creator-info .name-container {
  margin-top: -.5rem;
  line-height: 1rem
}

.header-creator-info .cover-img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  display: block;
  border-radius: 18px 18px 0 0
}

.rapipagoBarcode {
  max-width: 100%
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: none !important;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important
}

.balanceContainer .balance-title {
  margin-bottom: .5rem;
  color: #000;
  font-weight: 600;
  font-size: 16px
}

.balanceContainer .balance-description {
  color: #6e747d;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px
}

.balanceContainer .balance-amount {
  font-size: 36px;
  font-weight: 700;
  line-height: normal
}

.balanceContainer .balance-released {
  color: #80869d;
  font-weight: 500;
  font-size: 14px
}

.balanceContainer .balance-released .balance-amount {
  color: #80869d
}

.balanceContainer .balance-value {
  color: #6e747d;
  font-weight: 500;
  font-size: 14px
}

.balanceContainer .balance-value .balance-amount {
  color: #f68d3d
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: none !important;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: none !important;
  border-top-left-radius: initial !important;
  border-bottom-left-radius: initial !important
}

.auth-dialog-container .el-overlay {
  background-color: #0000001a !important
}

.status-icon {
  padding-bottom: 1vh;
  font-size: 5em
}

.dark-mode .el-dialog {
  background-color: var(--bs-body-bg) !important
}

.dark-mode .el-dialog .el-dialog__title {
  color: var(--el-color-white) !important
}

.dark-mode .el-collapse-item__wrap {
  background-color: var(--bs-body-bg) !important;
  color: var(--el-color-white) !important
}

.dark-mode .header-text {
  color: var(--color-privacy-7) !important
}

.v10 .el-dialog,
.v10 .el-collapse-item__wrap {
  background-color: var(--bs-body-bg)
}

.v10 .heading-card {
  color: var(--accent-color)
}

.v10 .el-dialog__body {
  color: var(--bs-text-muted)
}

.v10 .el-alert {
  background-color: var(--bs-body-bg)
}

.payment-dialog {
  border-radius: 18px !important;
  max-width: 550px
}

.payment-dialog .btn-payment {
  border-radius: 30px !important;
  padding: 0 25px;
  width: 100%;
  height: 46px !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #fefefe;
  letter-spacing: 1px;
  background: linear-gradient(45deg, #f58170, #f9af77);
  border: none !important
}

.payment-dialog .btn-payment:hover,
.payment-dialog .btn-payment:active,
.payment-dialog .btn-payment:focus {
  color: #fefefe;
  background: linear-gradient(45deg, #ffa08a, #ffc09a);
  border: none !important
}

.payment-dialog p,
.payment-dialog .el-dialog__title {
  font-size: 1rem
}

.payment-dialog .el-dialog__body {
  padding: 4px 16px 20px !important
}

.payment-dialog .el-collapse {
  border-top: 0px;
  border-bottom: 0px
}

.payment-dialog .el-collapse-item__header {
  margin: 10px 0;
  padding: 20px;
  background-color: #f6f6f6 !important;
  color: #403f48 !important;
  font-size: 16px !important;
  font-weight: 600;
  border: none;
  border-radius: 30px;
  height: 46px;
  justify-content: center
}

.payment-dialog .el-collapse-item__header:hover {
  background-color: #e0e0e0 !important
}

.payment-dialog .el-collapse-item__header.is-active {
  border-radius: 18px 18px 0 0;
  border-color: var(--el-border-color-darker)
}

.payment-dialog .el-collapse-item__header>i {
  display: none
}

.payment-dialog .el-collapse-item__content {
  padding-bottom: 0
}

.payment-dialog .el-collapse-item__wrap {
  border: none;
  border-top: 0;
  border-radius: 0 0 18px 18px;
  overflow: visible
}

.payment-dialog .btn-switch-payment {
  border-radius: 30px !important;
  padding: 0 25px;
  width: 100%;
  height: 46px !important;
  font-size: 16px !important;
  font-weight: 600;
  color: #403f48;
  background-color: #f6f6f6;
  border: none
}

.payment-dialog .btn-switch-payment:hover,
.payment-dialog .btn-switch-payment:active,
.payment-dialog .btn-switch-payment:focus {
  background-color: #e0e0e0
}

.show-benefits .el-dialog__header {
  margin: 0;
  padding: 0
}

.show-benefits .el-dialog__headerbtn {
  width: 30px;
  height: 30px;
  font-size: 20px
}

@media (max-width: 768px) {
  .el-overlay-dialog:has(.down-navbar) {
    margin-top: 68px
  }
}

.benefit-item {
  display: flex;
  align-items: center;
  margin-bottom: .5px
}

.benefit-item svg {
  font-size: 1.3em;
  margin-right: 9px;
  color: var(--color-privacy)
}

.benefit-item p {
  margin: 0;
  text-align: start
}

.benefit-item .benefit-item-icon {
  color: var(--color-privacy)
}

.qrcodeContainer {
  width: min-content;
  margin: 0 auto;
  padding: 16px;
  border-radius: 8px;
  border: 2px solid var(--bs-body-color);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--el-color-white)
}

.qrcodeContainer:has(img) {
  padding: 2px
}

.form-details .qrcode {
  max-height: 200px !important;
  max-width: 200px !important
}

.footer-text {
  margin: auto;
  padding-top: 8px;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  color: var(--color-privacy-7)
}

.footer-text .brand-cards {
  margin: 0 auto;
  max-width: 460px;
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.footer-text .brand-cards img {
  width: 40px
}

.payment-dialog .info-icon {
  outline: none;
  color: var(--el-text-color-regular);
  font-size: 14px
}

.payment-popover {
  padding: 6px 10px !important;
  font-size: 12px !important
}

.hide-header .el-collapse-item__header {
  display: none !important
}

.paymentOptionsContainer {
  margin: 0 auto;
  max-width: 460px;
  width: 100%
}

:not(.app-wc.v10) .codeInput .el-input__inner {
  background-color: var(--el-fill-color-dark) !important
}

:not(.app-wc.v10) .codeInput .el-input__wrapper {
  background-color: var(--el-fill-color-dark) !important
}

.app-wc.v10 .codeInput .el-input__inner,
.app-wc.v10 .codeInput .el-input__wrapper {
  background: var(--input-bg-floating) !important
}

.auth-dialog-container .el-overlay {
  background-color: #0000001a !important
}

.status-icon {
  padding-bottom: 1vh;
  font-size: 5em
}

.paymentMessageContainer {
  margin: 0 auto;
  max-width: 460px;
  width: 100%
}

.paymentMessageContainer .check-container {
  margin: 0 auto;
  width: 4.25rem;
  height: 5.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center
}

.paymentMessageContainer .check-container .check-background {
  width: 100%;
  height: calc(100% - 1.25rem);
  background: linear-gradient(to bottom right, #5de593, #41d67c);
  box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset;
  transform: scale(.84);
  border-radius: 50%;
  animation: animateContainer .2s ease-out forwards 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0
}

.paymentMessageContainer .check-container .check-background svg {
  width: 60%;
  transform: translateY(.25rem);
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: animateCheck .3s forwards .2s ease-out
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
  }

  25% {
    opacity: 1;
    transform: scale(.9);
    box-shadow: 0 0 0 65px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
  }

  43.75% {
    transform: scale(1.15);
    box-shadow: 0 0 0 43.334px #ffffff40 inset, 0 0 0 65px #ffffff40 inset
  }

  62.5% {
    transform: scale(1);
    box-shadow: 0 0 #ffffff40 inset, 0 0 0 21.667px #ffffff40 inset
  }

  81.25% {
    box-shadow: 0 0 #ffffff40 inset, 0 0 #ffffff40 inset
  }

  to {
    opacity: 1;
    box-shadow: 0 0 #ffffff40 inset, 0 0 #ffffff40 inset
  }
}

@keyframes animateCheck {
  0% {
    stroke-dashoffset: 80
  }

  to {
    stroke-dashoffset: 0
  }
}

.paymentOptionsContainer .el-collapse-transition-enter-active,
.paymentOptionsContainer .el-collapse-transition-leave-active {
  transition: none !important
}

.paymentOptionsContainer .el-collapse-item.is-active {
  animation: customCollapseAnimation 1s forwards
}

.paymentOptionsContainer .paymentOptionsHighlight .el-collapse-item__header {
  position: relative;
  background: var(--el-color-black) !important;
  color: var(--color-privacy-4) !important
}

.paymentOptionsContainer .el-collapse-item.is-disabled .el-collapse-item__header {
  background: var(--el-fill-color-extra-light) !important;
  color: var(--el-color-info-light-3) !important
}

.dark-mode .paymentOptionsContainer .paymentOptionsHighlight .el-collapse-item__header {
  background: var(--color-privacy-5) !important
}

.dark-mode .paymentOptionsContainer .el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--color-privacy-1) !important
}

@keyframes customCollapseAnimation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.text-base {
  font-weight: 400
}

.payment-method-item-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.payment-badge {
  position: absolute;
  top: 0;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%)
}

.payment-badge .badge {
  background-color: var(--el-color-white);
  border: 1px solid var(--color-privacy);
  color: var(--color-privacy);
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500
}

.dark-mode .payment-badge .badge {
  background-color: var(--color-privacy);
  border: none;
  color: var(--el-color-white)
}

.profile-recommendation {
  max-width: 550px;
  gap: 1rem
}

.profile-recommendation .el-dialog__header {
  padding: 24px 24px 0
}

.profile-recommendation .el-dialog__body {
  padding: 16px 24px 24px
}

.profile-recommendation--close {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.app-wc.dark-mode .header-info .creator-info[data-v-7f9106af] {
  background-color: #121212;
  color: #fff
}

.el-button.custom-primary[data-v-7f9106af] {
  color: #fff !important
}

.el-button.custom-outline[data-v-7f9106af] {
  border-color: var(--color-privacy) !important;
  color: var(--color-privacy) !important
}

.el-button.custom-outline[data-v-7f9106af]:hover,
.el-button.custom-outline[data-v-7f9106af]:focus {
  background: none !important
}

.header-info[data-v-7f9106af] {
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
  user-select: none
}

.header-info .creator-info[data-v-7f9106af] {
  border-radius: 0 0 16px 16px;
  background-color: #fff;
  display: flex
}

.header-info .creator-info-container[data-v-7f9106af] {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 8px 8px 0;
  border-radius: 0 0 16px 16px;
  overflow: hidden
}

.header-info .cover-img[data-v-7f9106af] {
  width: 100%;
  height: 65px;
  object-fit: cover;
  display: block;
  border-radius: 16px 16px 0 0
}

.header-info .follow-container .el-button[data-v-7f9106af] {
  height: 24px;
  font-size: 12px
}

.header-info .name-container[data-v-7f9106af] {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden
}

.header-info .name-container .nickname-text[data-v-7f9106af] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: 600
}

.header-info .name-container .profile-name-text[data-v-7f9106af] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  font-weight: 400
}

.header-info .name-container .verified-icon[data-v-7f9106af] {
  color: var(--color-privacy)
}

.payment-dialog .recurrence-info .recurrence-header {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  color: var(--color-privacy-5) !important;
  border: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

.payment-dialog .recurrence-info .recurrence-header:hover {
  background-color: transparent !important
}

.payment-dialog .recurrence-info .recurrence-header .el-icon {
  transition: transform .3s ease-in-out
}

.payment-dialog .recurrence-info .recurrence-header .el-icon.is-active {
  transform: rotate(179deg)
}

.payment-dialog .recurrence-info .recurrence-header .recurrence-list {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0
}

.payment-dialog .recurrence-info .recurrence-content {
  overflow: hidden;
  transition: height .3s ease-in-out
}

.payment-dialog .recurrence-info .recurrence-content .recurrence-list {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0
}

.payment-dialog .recurrence-info .recurrence-content .recurrence-list li {
  font-size: .8rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px
}

.dark-mode .payment-dialog .recurrence-info .recurrence-header,
.dark-mode .payment-dialog .recurrence-list {
  color: var(--el-color-info-light-9) !important
}

.wallet-deposit-success-dialog {
  .el-dialog__body {
    height: 95% !important;
  }
}

.wallet-button-loader-icon {
  animation: spin 1s linear infinite
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

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

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

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fa-beat-fade {

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

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

@keyframes fa-beat-fade {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}

@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.title-block-cards[data-v-dd8b9b6b] {
  font-size: 18px;
  margin-bottom: 16px;
  color: var(--el-color-black)
}

.dark-mode .title-block-cards[data-v-dd8b9b6b] {
  color: var(--el-color-white)
}

.cards-container[data-v-dd8b9b6b] {
  display: flex;
  gap: 10px;
  width: 100%;
  overflow-x: scroll;
  height: 140px;
  align-items: stretch;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.cards-container[data-v-dd8b9b6b]::-webkit-scrollbar {
  display: none
}

.card[data-v-dd8b9b6b] {
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 140px;
  max-width: 140px;
  background: var(--post-background)
}

.card[data-v-dd8b9b6b]:not(:last-child) {
  margin-right: 0
}

.add-card[data-v-dd8b9b6b] {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bs-border-color);
  color: var(--color-button-primary);
  font-size: 14px;
  background: transparent !important
}

.add-card svg[data-v-dd8b9b6b] {
  height: 24px
}

.add-icon[data-v-dd8b9b6b] {
  font-size: 14px;
  margin-bottom: 14px
}

.add-text[data-v-dd8b9b6b] {
  color: var(--el-color-black);
  font-size: 14px
}

.dark-mode .add-text[data-v-dd8b9b6b] {
  color: var(--el-color-white)
}

.add-text p[data-v-dd8b9b6b] {
  margin: 0
}

.filled-card .card-header[data-v-dd8b9b6b] {
  padding: 0;
  background-color: transparent
}

.filled-card .card-header .card-brand-img[data-v-dd8b9b6b] {
  height: 100%;
  object-fit: contain;
  min-height: 18px;
  min-width: 32px;
  max-height: 25px;
  max-width: 60px;
  margin-bottom: 5px
}

.main-badge[data-v-dd8b9b6b] {
  color: var(--color-button-primary);
  border-radius: 50px;
  padding: 1px 4px;
  font-size: 14px;
  width: fit-content;
  background-color: #f9f6f2
}

.dark-mode .main-badge[data-v-dd8b9b6b] {
  background-color: var(--color-privacy-5)
}

.brand.mc[data-v-dd8b9b6b] {
  display: flex;
  align-items: center;
  gap: 4px
}

.mc-dot[data-v-dd8b9b6b] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block
}

.mc-dot.red[data-v-dd8b9b6b] {
  background: #ed1c24
}

.mc-dot.yellow[data-v-dd8b9b6b] {
  background: #fcb900;
  margin-left: -6px
}

.card-number[data-v-dd8b9b6b] {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--color-privacy-5)
}

.dark-mode .card-number[data-v-dd8b9b6b] {
  color: #eee
}

.dots[data-v-dd8b9b6b] {
  letter-spacing: 2px;
  font-size: 18px;
  margin-right: 8px
}

.card-footer[data-v-dd8b9b6b] {
  color: #656565;
  font-size: 12px;
  padding: 0;
  background-color: transparent
}

.dark-mode .card-footer[data-v-dd8b9b6b] {
  color: #a6a6b0
}

.card-details .card-number {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 12px
}

.card-details .card-label {
  font-size: 14px;
  font-weight: 500;
  color: #606266;
  margin-bottom: 2px
}

.dark-mode .card-details .card-label {
  color: #aaa
}

.card-details .main-badge {
  color: #ff9100;
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 500;
  width: fit-content;
  background-color: #f2f2f2;
  margin-bottom: 12px
}

.dark-mode .card-details .main-badge {
  background-color: var(--color-privacy-5)
}

.group-card-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 24px 0;
  flex-direction: column
}

.group-card-buttons .card-button {
  width: 100%;
  border-radius: 100px;
  border-color: var(--color-button-primary);
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  margin-top: 8px;
  width: 100% !important
}

.group-card-buttons .delete-button {
  color: var(--color-button-primary) !important;
  border-color: var(--color-button-primary) !important
}

.group-card-buttons .delete-button:hover {
  background-color: var(--color-button-primary) !important;
  border-color: var(--color-button-primary) !important;
  color: var(--el-color-white) !important
}

.group-card-buttons .cancel-button {
  background-color: #fff;
  color: #a8abb2;
  border: 1px solid #a8abb2
}

.group-card-buttons .cancel-button:hover {
  background-color: #a8abb2;
  border-color: #a8abb2;
  color: #fff
}

.confirm-delete-form-dialog-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px
}

.description-cancel {
  color: var(--bs-text-color);
  text-align: center
}

.confirm-delete-form-dialog {
  --el-dialog-width: 90% !important;
  max-width: 500px
}

.confirm-delete-form-dialog .el-dialog__body {
  padding: 20px !important
}

p>a.btn-link {
  text-decoration: auto;
  vertical-align: baseline;
  padding: 0
}

.el-dialog__body {
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.el-input__prefix {
  margin-top: 1rem !important
}

.el-input__wrapper {
  border-radius: 25px !important
}

.el-popper.is-light {
  border-radius: 18px
}

.select-card .el-input__prefix {
  color: var(--bs-body-color) !important
}

.select-card .el-input__wrapper {
  font-size: 12px
}

.select-card .number small {
  font-size: 6px
}

.empty {
  font-size: var(--bs-body-font-size)
}

.el-form-item__label {
  padding-left: 20px !important
}

.el-input__prefix-inner {
  left: 10px !important;
  padding-top: 8px !important
}

.prefix-inner {
  left: 10px !important
}

.el-form .form-group .prefix-inner+.input-inner,
.el-form .form-group>.el-form-item__content>.el-input>.el-input__wrapper>.el-input__prefix+input.el-input__inner {
  border-radius: 25px !important;
  padding-left: 45px !important
}

.slide-fade-enter-active {
  transition: all .2s ease-out
}

.slide-fade-leave-active {
  transition: all .2s ease-in
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translate(40px);
  opacity: 0
}

.v10 .input-card-expiration {
  background-color: var(--input-bg-floating) !important
}

.input-card-expiration .el-input:first-child {
  max-width: 40px
}

.input-card-expiration .el-input:first-child .el-input__wrapper {
  padding-left: 0;
  padding-right: 0
}

.input-card-expiration .el-input:last-child .el-input__wrapper {
  padding-left: 10px;
  padding-right: 0
}

.input-card-expiration .el-input:last-child .el-input__wrapper .el-input__inner {
  text-align: left
}

.slide-fade-enter-active {
  transition: all .2s ease-out
}

.slide-fade-leave-active {
  transition: all .2s ease-in
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translate(40px);
  opacity: 0
}

.mb-2px {
  margin-bottom: 2px !important
}

.slide-fade-enter-active {
  transition: all .2s ease-out
}

.slide-fade-leave-active {
  transition: all .2s ease-in
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translate(40px);
  opacity: 0
}

.btn-new-card {
  border-radius: 30px;
  height: 38px !important;
  color: #fefefe;
  background: linear-gradient(45deg, #F58170, #F9AF77)
}

.btn-new-card:hover {
  color: #fefefe;
  background: linear-gradient(45deg, #FFA08A, #FFC09A)
}

.el-table {
  --el-table-border-color: #e2e2e2 !important
}

.el-table td .el-divider {
  --el-border-color: #eaeaeab3
}

.el-table td.col-actions .cell {
  padding-left: 0;
  padding-right: 0
}

.el-table td.col-card-info .cell {
  padding-right: 8px
}

.el-table td .action-main .el-button {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600
}

p>a.btn-link {
  text-decoration: auto;
  vertical-align: baseline;
  padding: 0
}

.el-dialog__body {
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.el-input__prefix {
  margin-top: 1rem !important
}

.el-input__wrapper {
  border-radius: 25px !important
}

.el-popper.is-light {
  border-radius: 18px
}

.select-card .el-input__prefix {
  color: var(--bs-body-color) !important
}

.select-card .el-input__wrapper {
  font-size: 12px
}

.select-card .number small {
  font-size: 6px
}

.select-card .el-select-dropdown__item.hover,
.select-card .el-select-dropdown__item:hover {
  background: none
}

.empty {
  font-size: var(--bs-body-font-size)
}

.dark-mode .el-dialog {
  background-color: var(--color-bg-dark) !important
}

.dark-mode .el-dialog .el-dialog__title {
  color: var(--el-color-white) !important
}

.dark-mode .el-input__wrapper .el-input__inner,
.dark-mode .el-input__wrapper .el-input__prefix-inner {
  color: #aaa !important
}

.dark-mode .el-input__wrapper .el-input__inner::placeholder,
.dark-mode .el-input__wrapper .el-input__prefix-inner::placeholder {
  color: #aaa !important
}

.card-brand-img {
  max-width: 24px;
  max-height: 24px
}

.cards-img {
  max-height: 32px
}

.footer-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-top: 8px;
  text-align: center;
  font-size: 12px;
  color: #a8abb2
}

.footer-info {
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-align: center;
  font-size: 12px
}

.el-tabs .el-tab-pane {
  padding-bottom: .25rem !important;
  padding-right: .75rem !important;
  padding-left: 1rem !important
}

.el-tabs.el-tabs--left {
  margin-right: -8px
}

.el-tabs.el-tabs--left .el-tabs__item svg {
  display: none
}

.el-tabs.el-tabs--top .el-tabs__nav-wrap {
  margin-left: 6px;
  margin-right: 4px
}

.el-tabs.el-tabs--top .el-tabs__content {
  margin-left: -12px;
  margin-right: -12px
}

.el-tabs.el-tabs--top .el-tabs__item {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}

.el-tabs.el-tabs--top .el-tabs__item span {
  display: none
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";

:root,
:host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}

.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}

.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}

.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}

.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}

.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}

.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-counter-scale, 0.25));
  transform: scale(var(--fa-counter-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  -webkit-transform: scale(var(--fa-layers-scale, 0.25));
  transform: scale(var(--fa-layers-scale, 0.25));
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {

  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-beat {

  0%,
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }

  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }

  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }

  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }

  64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  100% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }

  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }

  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }

  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }

  64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }

  100% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0);
  }
}

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@-webkit-keyframes fa-beat-fade {

  0%,
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-beat-fade {

  0%,
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  40%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  8%,
  24% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  12%,
  28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  40%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
  transform: rotate(var(--fa-rotate-angle, none));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}

@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";
@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";
@import"https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.2.30/index.min.css";
@import"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css";

.el-dialog {
  background-color: var(--card-bg-1) !important;

  .el-dialog__title {
    color: var(--bs-text-color) !important;
  }
}

.alert-text {
  margin-bottom: 8px
}

.fade-in {
  animation: fadeInAnimation .3s forwards
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.loader {
  width: 40px;
  height: 40px
}

.loader .el-loading-spinner,
.loader .el-loading-spinner .circular {
  width: 100%;
  height: 100%
}

.loader .el-loading-spinner {
  background-color: var(--card-bg-1) !important
}

.report .el-form-item__label {
  position: relative !important;
  left: 0px !important
}

.el-textarea__inner {
  border-radius: 25px !important
}

.el-textarea .el-input__count {
  justify-content: end !important;
  display: flex !important;
  position: relative !important;
  bottom: 0px !important;
  right: 0px !important;
  margin-top: 10px !important
}

.hide-scrollbar .el-textarea__inner {
  overflow: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important
}

.hide-scrollbar .el-textarea__inner::-webkit-scrollbar {
  width: 0;
  height: 0
}

.el-input__count {
  background-color: var(--card-bg-1) !important
}

.el-input__prefix svg {
  margin-right: 0 !important
}

.icon-font {
  margin-top: 20px !important;
  width: 16.63px !important;
  height: 19px !important
}

.el-select .el-input {
  height: 60px !important
}

.el-select .el-input__inner {
  padding: 20px 0 0 7px !important
}

.el-textarea__inner {
  padding: 30px 20px !important
}

.el-input__suffix {
  position: absolute !important;
  right: 10px !important
}

@import "https://modules.privacy.com.br/styles/privacy.components.css";