/*! Font Awesome Free 7 -- CSS copied verbatim from
 *  node_modules/@fortawesome/fontawesome-free/css/all.min.css.
 *  Only the WEBFONTS beside it are subset, to the codepoints this app can
 *  actually render.
 *
 *  This file sits at fa-subset/css/ and the fonts at fa-subset/webfonts/ --
 *  the same relative layout as the package -- so the vendor's
 *  `url(../webfonts/...)` resolves to the subset with no rewriting. The CSS is
 *  unaltered, so every class it defines behaves exactly as before.
 *
 *  The CSS is intentionally NOT trimmed: the font saving is ~211 kB on the
 *  wire, while trimming the class table would add ~8 kB gzipped and risk the
 *  base rules.
 *
 *  REGENERATE with:  python scripts/fa-subset.py
 */
/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}

:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa):before {
  content: var(--fa)/""
}

@supports not (content:"" /"") {
  :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa):before {
    content: var(--fa)
  }
}

.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: .625em;
  line-height: .1em;
  vertical-align: .225em
}

.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em
}

.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em
}

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

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

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

.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(var(--fa-li-width, 2em)*-1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}

.fa-border {
  border-radius: var(--fa-border-radius, .1em);
  border: var(--fa-border-width, .0625em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, .1875em .25em)
}

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

.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, .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(.28, .84, .42, 1))
}

.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 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-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
  animation-name: fa-spin;
  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-beat-fade,
  .fa-bounce,
  .fa-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) translateY(0)
  }

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

  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }

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

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

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

  to {
    transform: scale(1) translateY(0)
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}

@keyframes fa-beat-fade {

  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, .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%,
  to {
    transform: rotate(0)
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

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

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

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

.fa-flip-horizontal {
  transform: scaleX(-1)
}

.fa-flip-vertical {
  transform: scaleY(-1)
}

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

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

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

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

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

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

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

.fa-0 {
  --fa: "0"
}

.fa-1 {
  --fa: "1"
}

.fa-2 {
  --fa: "2"
}

.fa-3 {
  --fa: "3"
}

.fa-4 {
  --fa: "4"
}

.fa-5 {
  --fa: "5"
}

.fa-6 {
  --fa: "6"
}

.fa-7 {
  --fa: "7"
}

.fa-8 {
  --fa: "8"
}

.fa-9 {
  --fa: "9"
}

.fa-exclamation {
  --fa: "!"
}

.fa-hashtag {
  --fa: "#"
}

.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa: "$"
}

.fa-percent,
.fa-percentage {
  --fa: "%"
}

.fa-asterisk {
  --fa: "*"
}

.fa-add,
.fa-plus {
  --fa: "+"
}

.fa-less-than {
  --fa: "<"
}

.fa-equals {
  --fa: "="
}

.fa-greater-than {
  --fa: ">"
}

.fa-question {
  --fa: "?"
}

.fa-at {
  --fa: "@"
}

.fa-a {
  --fa: "A"
}

.fa-b {
  --fa: "B"
}

.fa-c {
  --fa: "C"
}

.fa-d {
  --fa: "D"
}

.fa-e {
  --fa: "E"
}

.fa-f {
  --fa: "F"
}

.fa-g {
  --fa: "G"
}

.fa-h {
  --fa: "H"
}

.fa-i {
  --fa: "I"
}

.fa-j {
  --fa: "J"
}

.fa-k {
  --fa: "K"
}

.fa-l {
  --fa: "L"
}

.fa-m {
  --fa: "M"
}

.fa-n {
  --fa: "N"
}

.fa-o {
  --fa: "O"
}

.fa-p {
  --fa: "P"
}

.fa-q {
  --fa: "Q"
}

.fa-r {
  --fa: "R"
}

.fa-s {
  --fa: "S"
}

.fa-t {
  --fa: "T"
}

.fa-u {
  --fa: "U"
}

.fa-v {
  --fa: "V"
}

.fa-w {
  --fa: "W"
}

.fa-x {
  --fa: "X"
}

.fa-y {
  --fa: "Y"
}

.fa-z {
  --fa: "Z"
}

.fa-faucet {
  --fa: ""
}

.fa-faucet-drip {
  --fa: ""
}

.fa-house-chimney-window {
  --fa: ""
}

.fa-house-signal {
  --fa: ""
}

.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa: ""
}

.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa: ""
}

.fa-trailer {
  --fa: ""
}

.fa-bacteria {
  --fa: ""
}

.fa-bacterium {
  --fa: ""
}

.fa-box-tissue {
  --fa: ""
}

.fa-hand-holding-medical {
  --fa: ""
}

.fa-hand-sparkles {
  --fa: ""
}

.fa-hands-bubbles,
.fa-hands-wash {
  --fa: ""
}

.fa-handshake-alt-slash,
.fa-handshake-simple-slash,
.fa-handshake-slash {
  --fa: ""
}

.fa-head-side-cough {
  --fa: ""
}

.fa-head-side-cough-slash {
  --fa: ""
}

.fa-head-side-mask {
  --fa: ""
}

.fa-head-side-virus {
  --fa: ""
}

.fa-house-chimney-user {
  --fa: ""
}

.fa-house-laptop,
.fa-laptop-house {
  --fa: ""
}

.fa-lungs-virus {
  --fa: ""
}

.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa: ""
}

.fa-plane-slash {
  --fa: ""
}

.fa-pump-medical {
  --fa: ""
}

.fa-pump-soap {
  --fa: ""
}

.fa-shield-virus {
  --fa: ""
}

.fa-sink {
  --fa: ""
}

.fa-soap {
  --fa: ""
}

.fa-stopwatch-20 {
  --fa: ""
}

.fa-shop-slash,
.fa-store-alt-slash {
  --fa: ""
}

.fa-store-slash {
  --fa: ""
}

.fa-toilet-paper-slash {
  --fa: ""
}

.fa-users-slash {
  --fa: ""
}

.fa-virus {
  --fa: ""
}

.fa-virus-slash {
  --fa: ""
}

.fa-viruses {
  --fa: ""
}

.fa-vest {
  --fa: ""
}

.fa-vest-patches {
  --fa: ""
}

.fa-arrow-trend-down {
  --fa: ""
}

.fa-arrow-trend-up {
  --fa: ""
}

.fa-arrow-up-from-bracket {
  --fa: ""
}

.fa-austral-sign {
  --fa: ""
}

.fa-baht-sign {
  --fa: ""
}

.fa-bitcoin-sign {
  --fa: ""
}

.fa-bolt-lightning {
  --fa: ""
}

.fa-book-bookmark {
  --fa: ""
}

.fa-camera-rotate {
  --fa: ""
}

.fa-cedi-sign {
  --fa: ""
}

.fa-chart-column {
  --fa: ""
}

.fa-chart-gantt {
  --fa: ""
}

.fa-clapperboard {
  --fa: ""
}

.fa-clover {
  --fa: ""
}

.fa-code-compare {
  --fa: ""
}

.fa-code-fork {
  --fa: ""
}

.fa-code-pull-request {
  --fa: ""
}

.fa-colon-sign {
  --fa: ""
}

.fa-cruzeiro-sign {
  --fa: ""
}

.fa-display {
  --fa: ""
}

.fa-dong-sign {
  --fa: ""
}

.fa-elevator {
  --fa: ""
}

.fa-filter-circle-xmark {
  --fa: ""
}

.fa-florin-sign {
  --fa: ""
}

.fa-folder-closed {
  --fa: ""
}

.fa-franc-sign {
  --fa: ""
}

.fa-guarani-sign {
  --fa: ""
}

.fa-gun {
  --fa: ""
}

.fa-hands-clapping {
  --fa: ""
}

.fa-home-user,
.fa-house-user {
  --fa: ""
}

.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa: ""
}

.fa-kip-sign {
  --fa: ""
}

.fa-lari-sign {
  --fa: ""
}

.fa-litecoin-sign {
  --fa: ""
}

.fa-manat-sign {
  --fa: ""
}

.fa-mask-face {
  --fa: ""
}

.fa-mill-sign {
  --fa: ""
}

.fa-money-bills {
  --fa: ""
}

.fa-naira-sign {
  --fa: ""
}

.fa-notdef {
  --fa: ""
}

.fa-panorama {
  --fa: ""
}

.fa-peseta-sign {
  --fa: ""
}

.fa-peso-sign {
  --fa: ""
}

.fa-plane-up {
  --fa: ""
}

.fa-rupiah-sign {
  --fa: ""
}

.fa-stairs {
  --fa: ""
}

.fa-timeline {
  --fa: ""
}

.fa-truck-front {
  --fa: ""
}

.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa: ""
}

.fa-vault {
  --fa: ""
}

.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa: ""
}

.fa-wheat-alt,
.fa-wheat-awn {
  --fa: ""
}

.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa: ""
}

.fa-bangladeshi-taka-sign {
  --fa: ""
}

.fa-bowl-rice {
  --fa: ""
}

.fa-person-pregnant {
  --fa: ""
}

.fa-home-lg,
.fa-house-chimney {
  --fa: ""
}

.fa-house-crack {
  --fa: ""
}

.fa-house-medical {
  --fa: ""
}

.fa-cent-sign {
  --fa: ""
}

.fa-plus-minus {
  --fa: ""
}

.fa-sailboat {
  --fa: ""
}

.fa-section {
  --fa: ""
}

.fa-shrimp {
  --fa: ""
}

.fa-brazilian-real-sign {
  --fa: ""
}

.fa-chart-simple {
  --fa: ""
}

.fa-diagram-next {
  --fa: ""
}

.fa-diagram-predecessor {
  --fa: ""
}

.fa-diagram-successor {
  --fa: ""
}

.fa-earth-oceania,
.fa-globe-oceania {
  --fa: ""
}

.fa-bug-slash {
  --fa: ""
}

.fa-file-circle-plus {
  --fa: ""
}

.fa-shop-lock {
  --fa: ""
}

.fa-virus-covid {
  --fa: ""
}

.fa-virus-covid-slash {
  --fa: ""
}

.fa-anchor-circle-check {
  --fa: ""
}

.fa-anchor-circle-exclamation {
  --fa: ""
}

.fa-anchor-circle-xmark {
  --fa: ""
}

.fa-anchor-lock {
  --fa: ""
}

.fa-arrow-down-up-across-line {
  --fa: ""
}

.fa-arrow-down-up-lock {
  --fa: ""
}

.fa-arrow-right-to-city {
  --fa: ""
}

.fa-arrow-up-from-ground-water {
  --fa: ""
}

.fa-arrow-up-from-water-pump {
  --fa: ""
}

.fa-arrow-up-right-dots {
  --fa: ""
}

.fa-arrows-down-to-line {
  --fa: ""
}

.fa-arrows-down-to-people {
  --fa: ""
}

.fa-arrows-left-right-to-line {
  --fa: ""
}

.fa-arrows-spin {
  --fa: ""
}

.fa-arrows-split-up-and-left {
  --fa: ""
}

.fa-arrows-to-circle {
  --fa: ""
}

.fa-arrows-to-dot {
  --fa: ""
}

.fa-arrows-to-eye {
  --fa: ""
}

.fa-arrows-turn-right {
  --fa: ""
}

.fa-arrows-turn-to-dots {
  --fa: ""
}

.fa-arrows-up-to-line {
  --fa: ""
}

.fa-bore-hole {
  --fa: ""
}

.fa-bottle-droplet {
  --fa: ""
}

.fa-bottle-water {
  --fa: ""
}

.fa-bowl-food {
  --fa: ""
}

.fa-boxes-packing {
  --fa: ""
}

.fa-bridge {
  --fa: ""
}

.fa-bridge-circle-check {
  --fa: ""
}

.fa-bridge-circle-exclamation {
  --fa: ""
}

.fa-bridge-circle-xmark {
  --fa: ""
}

.fa-bridge-lock {
  --fa: ""
}

.fa-bridge-water {
  --fa: ""
}

.fa-bucket {
  --fa: ""
}

.fa-bugs {
  --fa: ""
}

.fa-building-circle-arrow-right {
  --fa: ""
}

.fa-building-circle-check {
  --fa: ""
}

.fa-building-circle-exclamation {
  --fa: ""
}

.fa-building-circle-xmark {
  --fa: ""
}

.fa-building-flag {
  --fa: ""
}

.fa-building-lock {
  --fa: ""
}

.fa-building-ngo {
  --fa: ""
}

.fa-building-shield {
  --fa: ""
}

.fa-building-un {
  --fa: ""
}

.fa-building-user {
  --fa: ""
}

.fa-building-wheat {
  --fa: ""
}

.fa-burst {
  --fa: ""
}

.fa-car-on {
  --fa: ""
}

.fa-car-tunnel {
  --fa: ""
}

.fa-child-combatant,
.fa-child-rifle {
  --fa: ""
}

.fa-children {
  --fa: ""
}

.fa-circle-nodes {
  --fa: ""
}

.fa-clipboard-question {
  --fa: ""
}

.fa-cloud-showers-water {
  --fa: ""
}

.fa-computer {
  --fa: ""
}

.fa-cubes-stacked {
  --fa: ""
}

.fa-envelope-circle-check {
  --fa: ""
}

.fa-explosion {
  --fa: ""
}

.fa-ferry {
  --fa: ""
}

.fa-file-circle-exclamation {
  --fa: ""
}

.fa-file-circle-minus {
  --fa: ""
}

.fa-file-circle-question {
  --fa: ""
}

.fa-file-shield {
  --fa: ""
}

.fa-fire-burner {
  --fa: ""
}

.fa-fish-fins {
  --fa: ""
}

.fa-flask-vial {
  --fa: ""
}

.fa-glass-water {
  --fa: ""
}

.fa-glass-water-droplet {
  --fa: ""
}

.fa-group-arrows-rotate {
  --fa: ""
}

.fa-hand-holding-hand {
  --fa: ""
}

.fa-handcuffs {
  --fa: ""
}

.fa-hands-bound {
  --fa: ""
}

.fa-hands-holding-child {
  --fa: ""
}

.fa-hands-holding-circle {
  --fa: ""
}

.fa-heart-circle-bolt {
  --fa: ""
}

.fa-heart-circle-check {
  --fa: ""
}

.fa-heart-circle-exclamation {
  --fa: ""
}

.fa-heart-circle-minus {
  --fa: ""
}

.fa-heart-circle-plus {
  --fa: ""
}

.fa-heart-circle-xmark {
  --fa: ""
}

.fa-helicopter-symbol {
  --fa: ""
}

.fa-helmet-un {
  --fa: ""
}

.fa-hill-avalanche {
  --fa: ""
}

.fa-hill-rockslide {
  --fa: ""
}

.fa-house-circle-check {
  --fa: ""
}

.fa-house-circle-exclamation {
  --fa: ""
}

.fa-house-circle-xmark {
  --fa: ""
}

.fa-house-fire {
  --fa: ""
}

.fa-house-flag {
  --fa: ""
}

.fa-house-flood-water {
  --fa: ""
}

.fa-house-flood-water-circle-arrow-right {
  --fa: ""
}

.fa-house-lock {
  --fa: ""
}

.fa-house-medical-circle-check {
  --fa: ""
}

.fa-house-medical-circle-exclamation {
  --fa: ""
}

.fa-house-medical-circle-xmark {
  --fa: ""
}

.fa-house-medical-flag {
  --fa: ""
}

.fa-house-tsunami {
  --fa: ""
}

.fa-jar {
  --fa: ""
}

.fa-jar-wheat {
  --fa: ""
}

.fa-jet-fighter-up {
  --fa: ""
}

.fa-jug-detergent {
  --fa: ""
}

.fa-kitchen-set {
  --fa: ""
}

.fa-land-mine-on {
  --fa: ""
}

.fa-landmark-flag {
  --fa: ""
}

.fa-laptop-file {
  --fa: ""
}

.fa-lines-leaning {
  --fa: ""
}

.fa-location-pin-lock {
  --fa: ""
}

.fa-locust {
  --fa: ""
}

.fa-magnifying-glass-arrow-right {
  --fa: ""
}

.fa-magnifying-glass-chart {
  --fa: ""
}

.fa-mars-and-venus-burst {
  --fa: ""
}

.fa-mask-ventilator {
  --fa: ""
}

.fa-mattress-pillow {
  --fa: ""
}

.fa-mobile-retro {
  --fa: ""
}

.fa-money-bill-transfer {
  --fa: ""
}

.fa-money-bill-trend-up {
  --fa: ""
}

.fa-money-bill-wheat {
  --fa: ""
}

.fa-mosquito {
  --fa: ""
}

.fa-mosquito-net {
  --fa: ""
}

.fa-mound {
  --fa: ""
}

.fa-mountain-city {
  --fa: ""
}

.fa-mountain-sun {
  --fa: ""
}

.fa-oil-well {
  --fa: ""
}

.fa-people-group {
  --fa: ""
}

.fa-people-line {
  --fa: ""
}

.fa-people-pulling {
  --fa: ""
}

.fa-people-robbery {
  --fa: ""
}

.fa-people-roof {
  --fa: ""
}

.fa-person-arrow-down-to-line {
  --fa: ""
}

.fa-person-arrow-up-from-line {
  --fa: ""
}

.fa-person-breastfeeding {
  --fa: ""
}

.fa-person-burst {
  --fa: ""
}

.fa-person-cane {
  --fa: ""
}

.fa-person-chalkboard {
  --fa: ""
}

.fa-person-circle-check {
  --fa: ""
}

.fa-person-circle-exclamation {
  --fa: ""
}

.fa-person-circle-minus {
  --fa: ""
}

.fa-person-circle-plus {
  --fa: ""
}

.fa-person-circle-question {
  --fa: ""
}

.fa-person-circle-xmark {
  --fa: ""
}

.fa-person-dress-burst {
  --fa: ""
}

.fa-person-drowning {
  --fa: ""
}

.fa-person-falling {
  --fa: ""
}

.fa-person-falling-burst {
  --fa: ""
}

.fa-person-half-dress {
  --fa: ""
}

.fa-person-harassing {
  --fa: ""
}

.fa-person-military-pointing {
  --fa: ""
}

.fa-person-military-rifle {
  --fa: ""
}

.fa-person-military-to-person {
  --fa: ""
}

.fa-person-rays {
  --fa: ""
}

.fa-person-rifle {
  --fa: ""
}

.fa-person-shelter {
  --fa: ""
}

.fa-person-walking-arrow-loop-left {
  --fa: ""
}

.fa-person-walking-arrow-right {
  --fa: ""
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: ""
}

.fa-person-walking-luggage {
  --fa: ""
}

.fa-plane-circle-check {
  --fa: ""
}

.fa-plane-circle-exclamation {
  --fa: ""
}

.fa-plane-circle-xmark {
  --fa: ""
}

.fa-plane-lock {
  --fa: ""
}

.fa-plate-wheat {
  --fa: ""
}

.fa-plug-circle-bolt {
  --fa: ""
}

.fa-plug-circle-check {
  --fa: ""
}

.fa-plug-circle-exclamation {
  --fa: ""
}

.fa-plug-circle-minus {
  --fa: ""
}

.fa-plug-circle-plus {
  --fa: ""
}

.fa-plug-circle-xmark {
  --fa: ""
}

.fa-ranking-star {
  --fa: ""
}

.fa-road-barrier {
  --fa: ""
}

.fa-road-bridge {
  --fa: ""
}

.fa-road-circle-check {
  --fa: ""
}

.fa-road-circle-exclamation {
  --fa: ""
}

.fa-road-circle-xmark {
  --fa: ""
}

.fa-road-lock {
  --fa: ""
}

.fa-road-spikes {
  --fa: ""
}

.fa-rug {
  --fa: ""
}

.fa-sack-xmark {
  --fa: ""
}

.fa-school-circle-check {
  --fa: ""
}

.fa-school-circle-exclamation {
  --fa: ""
}

.fa-school-circle-xmark {
  --fa: ""
}

.fa-school-flag {
  --fa: ""
}

.fa-school-lock {
  --fa: ""
}

.fa-sheet-plastic {
  --fa: ""
}

.fa-shield-cat {
  --fa: ""
}

.fa-shield-dog {
  --fa: ""
}

.fa-shield-heart {
  --fa: ""
}

.fa-square-nfi {
  --fa: ""
}

.fa-square-person-confined {
  --fa: ""
}

.fa-square-virus {
  --fa: ""
}

.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa: ""
}

.fa-sun-plant-wilt {
  --fa: ""
}

.fa-tarp {
  --fa: ""
}

.fa-tarp-droplet {
  --fa: ""
}

.fa-tent {
  --fa: ""
}

.fa-tent-arrow-down-to-line {
  --fa: ""
}

.fa-tent-arrow-left-right {
  --fa: ""
}

.fa-tent-arrow-turn-left {
  --fa: ""
}

.fa-tent-arrows-down {
  --fa: ""
}

.fa-tents {
  --fa: ""
}

.fa-toilet-portable {
  --fa: ""
}

.fa-toilets-portable {
  --fa: ""
}

.fa-tower-cell {
  --fa: ""
}

.fa-tower-observation {
  --fa: ""
}

.fa-tree-city {
  --fa: ""
}

.fa-trowel {
  --fa: ""
}

.fa-trowel-bricks {
  --fa: ""
}

.fa-truck-arrow-right {
  --fa: ""
}

.fa-truck-droplet {
  --fa: ""
}

.fa-truck-field {
  --fa: ""
}

.fa-truck-field-un {
  --fa: ""
}

.fa-truck-plane {
  --fa: ""
}

.fa-users-between-lines {
  --fa: ""
}

.fa-users-line {
  --fa: ""
}

.fa-users-rays {
  --fa: ""
}

.fa-users-rectangle {
  --fa: ""
}

.fa-users-viewfinder {
  --fa: ""
}

.fa-vial-circle-check {
  --fa: ""
}

.fa-vial-virus {
  --fa: ""
}

.fa-wheat-awn-circle-exclamation {
  --fa: ""
}

.fa-worm {
  --fa: ""
}

.fa-xmarks-lines {
  --fa: ""
}

.fa-child-dress {
  --fa: ""
}

.fa-child-reaching {
  --fa: ""
}

.fa-file-circle-check {
  --fa: ""
}

.fa-file-circle-xmark {
  --fa: ""
}

.fa-person-through-window {
  --fa: ""
}

.fa-plant-wilt {
  --fa: ""
}

.fa-stapler {
  --fa: ""
}

.fa-train-tram {
  --fa: ""
}

.fa-table-cells-column-lock {
  --fa: ""
}

.fa-table-cells-row-lock {
  --fa: ""
}

.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa: ""
}

.fa-table-cells-row-unlock {
  --fa: ""
}

.fa-chart-diagram {
  --fa: ""
}

.fa-comment-nodes {
  --fa: ""
}

.fa-file-fragment {
  --fa: ""
}

.fa-file-half-dashed {
  --fa: ""
}

.fa-hexagon-nodes {
  --fa: ""
}

.fa-hexagon-nodes-bolt {
  --fa: ""
}

.fa-square-binary {
  --fa: ""
}

.fa-pentagon {
  --fa: ""
}

.fa-non-binary {
  --fa: ""
}

.fa-spiral {
  --fa: ""
}

.fa-mobile-vibrate {
  --fa: ""
}

.fa-single-quote-left {
  --fa: ""
}

.fa-single-quote-right {
  --fa: ""
}

.fa-bus-side {
  --fa: ""
}

.fa-heptagon,
.fa-septagon {
  --fa: ""
}

.fa-glass-martini,
.fa-martini-glass-empty {
  --fa: ""
}

.fa-music {
  --fa: ""
}

.fa-magnifying-glass,
.fa-search {
  --fa: ""
}

.fa-heart {
  --fa: ""
}

.fa-star {
  --fa: ""
}

.fa-user,
.fa-user-alt,
.fa-user-large {
  --fa: ""
}

.fa-film,
.fa-film-alt,
.fa-film-simple {
  --fa: ""
}

.fa-table-cells-large,
.fa-th-large {
  --fa: ""
}

.fa-table-cells,
.fa-th {
  --fa: ""
}

.fa-table-list,
.fa-th-list {
  --fa: ""
}

.fa-check {
  --fa: ""
}

.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa: ""
}

.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa: ""
}

.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa: ""
}

.fa-power-off {
  --fa: ""
}

.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa: ""
}

.fa-cog,
.fa-gear {
  --fa: ""
}

.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa: ""
}

.fa-clock,
.fa-clock-four {
  --fa: ""
}

.fa-road {
  --fa: ""
}

.fa-download {
  --fa: ""
}

.fa-inbox {
  --fa: ""
}

.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa: ""
}

.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa: ""
}

.fa-list-alt,
.fa-rectangle-list {
  --fa: ""
}

.fa-lock {
  --fa: ""
}

.fa-flag {
  --fa: ""
}

.fa-headphones,
.fa-headphones-alt,
.fa-headphones-simple {
  --fa: ""
}

.fa-volume-off {
  --fa: ""
}

.fa-volume-down,
.fa-volume-low {
  --fa: ""
}

.fa-volume-high,
.fa-volume-up {
  --fa: ""
}

.fa-qrcode {
  --fa: ""
}

.fa-barcode {
  --fa: ""
}

.fa-tag {
  --fa: ""
}

.fa-tags {
  --fa: ""
}

.fa-book {
  --fa: ""
}

.fa-bookmark {
  --fa: ""
}

.fa-print {
  --fa: ""
}

.fa-camera,
.fa-camera-alt {
  --fa: ""
}

.fa-font {
  --fa: ""
}

.fa-bold {
  --fa: ""
}

.fa-italic {
  --fa: ""
}

.fa-text-height {
  --fa: ""
}

.fa-text-width {
  --fa: ""
}

.fa-align-left {
  --fa: ""
}

.fa-align-center {
  --fa: ""
}

.fa-align-right {
  --fa: ""
}

.fa-align-justify {
  --fa: ""
}

.fa-list,
.fa-list-squares {
  --fa: ""
}

.fa-dedent,
.fa-outdent {
  --fa: ""
}

.fa-indent {
  --fa: ""
}

.fa-video,
.fa-video-camera {
  --fa: ""
}

.fa-image {
  --fa: ""
}

.fa-location-pin,
.fa-map-marker {
  --fa: ""
}

.fa-adjust,
.fa-circle-half-stroke {
  --fa: ""
}

.fa-droplet,
.fa-tint {
  --fa: ""
}

.fa-edit,
.fa-pen-to-square {
  --fa: ""
}

.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa: ""
}

.fa-backward-step,
.fa-step-backward {
  --fa: ""
}

.fa-backward-fast,
.fa-fast-backward {
  --fa: ""
}

.fa-backward {
  --fa: ""
}

.fa-play {
  --fa: ""
}

.fa-pause {
  --fa: ""
}

.fa-stop {
  --fa: ""
}

.fa-forward {
  --fa: ""
}

.fa-fast-forward,
.fa-forward-fast {
  --fa: ""
}

.fa-forward-step,
.fa-step-forward {
  --fa: ""
}

.fa-eject {
  --fa: ""
}

.fa-chevron-left {
  --fa: ""
}

.fa-chevron-right {
  --fa: ""
}

.fa-circle-plus,
.fa-plus-circle {
  --fa: ""
}

.fa-circle-minus,
.fa-minus-circle {
  --fa: ""
}

.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa: ""
}

.fa-check-circle,
.fa-circle-check {
  --fa: ""
}

.fa-circle-question,
.fa-question-circle {
  --fa: ""
}

.fa-circle-info,
.fa-info-circle {
  --fa: ""
}

.fa-crosshairs {
  --fa: ""
}

.fa-ban,
.fa-cancel {
  --fa: ""
}

.fa-arrow-left {
  --fa: ""
}

.fa-arrow-right {
  --fa: ""
}

.fa-arrow-up {
  --fa: ""
}

.fa-arrow-down {
  --fa: ""
}

.fa-mail-forward,
.fa-share {
  --fa: ""
}

.fa-expand {
  --fa: ""
}

.fa-compress {
  --fa: ""
}

.fa-minus,
.fa-subtract {
  --fa: ""
}

.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa: ""
}

.fa-gift {
  --fa: ""
}

.fa-leaf {
  --fa: ""
}

.fa-fire {
  --fa: ""
}

.fa-eye {
  --fa: ""
}

.fa-eye-slash {
  --fa: ""
}

.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa: ""
}

.fa-plane {
  --fa: ""
}

.fa-calendar-alt,
.fa-calendar-days {
  --fa: ""
}

.fa-random,
.fa-shuffle {
  --fa: ""
}

.fa-comment {
  --fa: ""
}

.fa-magnet {
  --fa: ""
}

.fa-chevron-up {
  --fa: ""
}

.fa-chevron-down {
  --fa: ""
}

.fa-retweet {
  --fa: ""
}

.fa-cart-shopping,
.fa-shopping-cart {
  --fa: ""
}

.fa-folder,
.fa-folder-blank {
  --fa: ""
}

.fa-folder-open {
  --fa: ""
}

.fa-arrows-up-down,
.fa-arrows-v {
  --fa: ""
}

.fa-arrows-h,
.fa-arrows-left-right {
  --fa: ""
}

.fa-bar-chart,
.fa-chart-bar {
  --fa: ""
}

.fa-camera-retro {
  --fa: ""
}

.fa-key {
  --fa: ""
}

.fa-cogs,
.fa-gears {
  --fa: ""
}

.fa-comments {
  --fa: ""
}

.fa-star-half {
  --fa: ""
}

.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa: ""
}

.fa-thumb-tack,
.fa-thumbtack {
  --fa: ""
}

.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa: ""
}

.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa: ""
}

.fa-trophy {
  --fa: ""
}

.fa-upload {
  --fa: ""
}

.fa-lemon {
  --fa: ""
}

.fa-phone {
  --fa: ""
}

.fa-phone-square,
.fa-square-phone {
  --fa: ""
}

.fa-unlock {
  --fa: ""
}

.fa-credit-card,
.fa-credit-card-alt {
  --fa: ""
}

.fa-feed,
.fa-rss {
  --fa: ""
}

.fa-hard-drive,
.fa-hdd {
  --fa: ""
}

.fa-bullhorn {
  --fa: ""
}

.fa-certificate {
  --fa: ""
}

.fa-hand-point-right {
  --fa: ""
}

.fa-hand-point-left {
  --fa: ""
}

.fa-hand-point-up {
  --fa: ""
}

.fa-hand-point-down {
  --fa: ""
}

.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa: ""
}

.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa: ""
}

.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa: ""
}

.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa: ""
}

.fa-globe {
  --fa: ""
}

.fa-wrench {
  --fa: ""
}

.fa-list-check,
.fa-tasks {
  --fa: ""
}

.fa-filter {
  --fa: ""
}

.fa-briefcase {
  --fa: ""
}

.fa-arrows-alt,
.fa-up-down-left-right {
  --fa: ""
}

.fa-users {
  --fa: ""
}

.fa-chain,
.fa-link {
  --fa: ""
}

.fa-cloud {
  --fa: ""
}

.fa-flask {
  --fa: ""
}

.fa-cut,
.fa-scissors {
  --fa: ""
}

.fa-copy {
  --fa: ""
}

.fa-paperclip {
  --fa: ""
}

.fa-floppy-disk,
.fa-save {
  --fa: ""
}

.fa-square {
  --fa: ""
}

.fa-bars,
.fa-navicon {
  --fa: ""
}

.fa-list-dots,
.fa-list-ul {
  --fa: ""
}

.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa: ""
}

.fa-strikethrough {
  --fa: ""
}

.fa-underline {
  --fa: ""
}

.fa-table {
  --fa: ""
}

.fa-magic,
.fa-wand-magic {
  --fa: ""
}

.fa-truck {
  --fa: ""
}

.fa-money-bill {
  --fa: ""
}

.fa-caret-down {
  --fa: ""
}

.fa-caret-up {
  --fa: ""
}

.fa-caret-left {
  --fa: ""
}

.fa-caret-right {
  --fa: ""
}

.fa-columns,
.fa-table-columns {
  --fa: ""
}

.fa-sort,
.fa-unsorted {
  --fa: ""
}

.fa-sort-desc,
.fa-sort-down {
  --fa: ""
}

.fa-sort-asc,
.fa-sort-up {
  --fa: ""
}

.fa-envelope {
  --fa: ""
}

.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa: ""
}

.fa-gavel,
.fa-legal {
  --fa: ""
}

.fa-bolt,
.fa-zap {
  --fa: ""
}

.fa-sitemap {
  --fa: ""
}

.fa-umbrella {
  --fa: ""
}

.fa-file-clipboard,
.fa-paste {
  --fa: ""
}

.fa-lightbulb {
  --fa: ""
}

.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa: ""
}

.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa: ""
}

.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa: ""
}

.fa-user-doctor,
.fa-user-md {
  --fa: ""
}

.fa-stethoscope {
  --fa: ""
}

.fa-suitcase {
  --fa: ""
}

.fa-bell {
  --fa: ""
}

.fa-coffee,
.fa-mug-saucer {
  --fa: ""
}

.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa: ""
}

.fa-ambulance,
.fa-truck-medical {
  --fa: ""
}

.fa-medkit,
.fa-suitcase-medical {
  --fa: ""
}

.fa-fighter-jet,
.fa-jet-fighter {
  --fa: ""
}

.fa-beer,
.fa-beer-mug-empty {
  --fa: ""
}

.fa-h-square,
.fa-square-h {
  --fa: ""
}

.fa-plus-square,
.fa-square-plus {
  --fa: ""
}

.fa-angle-double-left,
.fa-angles-left {
  --fa: ""
}

.fa-angle-double-right,
.fa-angles-right {
  --fa: ""
}

.fa-angle-double-up,
.fa-angles-up {
  --fa: ""
}

.fa-angle-double-down,
.fa-angles-down {
  --fa: ""
}

.fa-angle-left {
  --fa: ""
}

.fa-angle-right {
  --fa: ""
}

.fa-angle-up {
  --fa: ""
}

.fa-angle-down {
  --fa: ""
}

.fa-laptop {
  --fa: ""
}

.fa-tablet-button {
  --fa: ""
}

.fa-mobile-button {
  --fa: ""
}

.fa-quote-left,
.fa-quote-left-alt {
  --fa: ""
}

.fa-quote-right,
.fa-quote-right-alt {
  --fa: ""
}

.fa-spinner {
  --fa: ""
}

.fa-circle {
  --fa: ""
}

.fa-face-smile,
.fa-smile {
  --fa: ""
}

.fa-face-frown,
.fa-frown {
  --fa: ""
}

.fa-face-meh,
.fa-meh {
  --fa: ""
}

.fa-gamepad {
  --fa: ""
}

.fa-keyboard {
  --fa: ""
}

.fa-flag-checkered {
  --fa: ""
}

.fa-terminal {
  --fa: ""
}

.fa-code {
  --fa: ""
}

.fa-mail-reply-all,
.fa-reply-all {
  --fa: ""
}

.fa-location-arrow {
  --fa: ""
}

.fa-crop {
  --fa: ""
}

.fa-code-branch {
  --fa: ""
}

.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa: ""
}

.fa-info {
  --fa: ""
}

.fa-superscript {
  --fa: ""
}

.fa-subscript {
  --fa: ""
}

.fa-eraser {
  --fa: ""
}

.fa-puzzle-piece {
  --fa: ""
}

.fa-microphone {
  --fa: ""
}

.fa-microphone-slash {
  --fa: ""
}

.fa-shield,
.fa-shield-blank {
  --fa: ""
}

.fa-calendar {
  --fa: ""
}

.fa-fire-extinguisher {
  --fa: ""
}

.fa-rocket {
  --fa: ""
}

.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa: ""
}

.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa: ""
}

.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa: ""
}

.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa: ""
}

.fa-anchor {
  --fa: ""
}

.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa: ""
}

.fa-bullseye {
  --fa: ""
}

.fa-ellipsis,
.fa-ellipsis-h {
  --fa: ""
}

.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa: ""
}

.fa-rss-square,
.fa-square-rss {
  --fa: ""
}

.fa-circle-play,
.fa-play-circle {
  --fa: ""
}

.fa-ticket {
  --fa: ""
}

.fa-minus-square,
.fa-square-minus {
  --fa: ""
}

.fa-arrow-turn-up,
.fa-level-up {
  --fa: ""
}

.fa-arrow-turn-down,
.fa-level-down {
  --fa: ""
}

.fa-check-square,
.fa-square-check {
  --fa: ""
}

.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa: ""
}

.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa: ""
}

.fa-share-from-square,
.fa-share-square {
  --fa: ""
}

.fa-compass {
  --fa: ""
}

.fa-caret-square-down,
.fa-square-caret-down {
  --fa: ""
}

.fa-caret-square-up,
.fa-square-caret-up {
  --fa: ""
}

.fa-caret-square-right,
.fa-square-caret-right {
  --fa: ""
}

.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa: ""
}

.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa: ""
}

.fa-rupee,
.fa-rupee-sign {
  --fa: ""
}

.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa: ""
}

.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa: ""
}

.fa-krw,
.fa-won,
.fa-won-sign {
  --fa: ""
}

.fa-file {
  --fa: ""
}

.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa: ""
}

.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa: ""
}

.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa: ""
}

.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa: ""
}

.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa: ""
}

.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa: ""
}

.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa: ""
}

.fa-thumbs-up {
  --fa: ""
}

.fa-thumbs-down {
  --fa: ""
}

.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa: ""
}

.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa: ""
}

.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa: ""
}

.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa: ""
}

.fa-female,
.fa-person-dress {
  --fa: ""
}

.fa-male,
.fa-person {
  --fa: ""
}

.fa-sun {
  --fa: ""
}

.fa-moon {
  --fa: ""
}

.fa-archive,
.fa-box-archive {
  --fa: ""
}

.fa-bug {
  --fa: ""
}

.fa-caret-square-left,
.fa-square-caret-left {
  --fa: ""
}

.fa-circle-dot,
.fa-dot-circle {
  --fa: ""
}

.fa-wheelchair {
  --fa: ""
}

.fa-lira-sign {
  --fa: ""
}

.fa-shuttle-space,
.fa-space-shuttle {
  --fa: ""
}

.fa-envelope-square,
.fa-square-envelope {
  --fa: ""
}

.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa: ""
}

.fa-graduation-cap,
.fa-mortar-board {
  --fa: ""
}

.fa-language {
  --fa: ""
}

.fa-fax {
  --fa: ""
}

.fa-building {
  --fa: ""
}

.fa-child {
  --fa: ""
}

.fa-paw {
  --fa: ""
}

.fa-cube {
  --fa: ""
}

.fa-cubes {
  --fa: ""
}

.fa-recycle {
  --fa: ""
}

.fa-automobile,
.fa-car {
  --fa: ""
}

.fa-cab,
.fa-taxi {
  --fa: ""
}

.fa-tree {
  --fa: ""
}

.fa-database {
  --fa: ""
}

.fa-file-pdf {
  --fa: ""
}

.fa-file-word {
  --fa: ""
}

.fa-file-excel {
  --fa: ""
}

.fa-file-powerpoint {
  --fa: ""
}

.fa-file-image {
  --fa: ""
}

.fa-file-archive,
.fa-file-zipper {
  --fa: ""
}

.fa-file-audio {
  --fa: ""
}

.fa-file-video {
  --fa: ""
}

.fa-file-code {
  --fa: ""
}

.fa-life-ring {
  --fa: ""
}

.fa-circle-notch {
  --fa: ""
}

.fa-paper-plane {
  --fa: ""
}

.fa-clock-rotate-left,
.fa-history {
  --fa: ""
}

.fa-header,
.fa-heading {
  --fa: ""
}

.fa-paragraph {
  --fa: ""
}

.fa-sliders,
.fa-sliders-h {
  --fa: ""
}

.fa-share-alt,
.fa-share-nodes {
  --fa: ""
}

.fa-share-alt-square,
.fa-square-share-nodes {
  --fa: ""
}

.fa-bomb {
  --fa: ""
}

.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa: ""
}

.fa-teletype,
.fa-tty {
  --fa: ""
}

.fa-binoculars {
  --fa: ""
}

.fa-plug {
  --fa: ""
}

.fa-newspaper {
  --fa: ""
}

.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa: ""
}

.fa-calculator {
  --fa: ""
}

.fa-bell-slash {
  --fa: ""
}

.fa-trash {
  --fa: ""
}

.fa-copyright {
  --fa: ""
}

.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa: ""
}

.fa-paint-brush,
.fa-paintbrush {
  --fa: ""
}

.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa: ""
}

.fa-area-chart,
.fa-chart-area {
  --fa: ""
}

.fa-chart-pie,
.fa-pie-chart {
  --fa: ""
}

.fa-chart-line,
.fa-line-chart {
  --fa: ""
}

.fa-toggle-off {
  --fa: ""
}

.fa-toggle-on {
  --fa: ""
}

.fa-bicycle {
  --fa: ""
}

.fa-bus {
  --fa: ""
}

.fa-closed-captioning {
  --fa: ""
}

.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa: ""
}

.fa-cart-plus {
  --fa: ""
}

.fa-cart-arrow-down {
  --fa: ""
}

.fa-diamond {
  --fa: ""
}

.fa-ship {
  --fa: ""
}

.fa-user-secret {
  --fa: ""
}

.fa-motorcycle {
  --fa: ""
}

.fa-street-view {
  --fa: ""
}

.fa-heart-pulse,
.fa-heartbeat {
  --fa: ""
}

.fa-venus {
  --fa: ""
}

.fa-mars {
  --fa: ""
}

.fa-mercury {
  --fa: ""
}

.fa-mars-and-venus {
  --fa: ""
}

.fa-transgender,
.fa-transgender-alt {
  --fa: ""
}

.fa-venus-double {
  --fa: ""
}

.fa-mars-double {
  --fa: ""
}

.fa-venus-mars {
  --fa: ""
}

.fa-mars-stroke {
  --fa: ""
}

.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa: ""
}

.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa: ""
}

.fa-neuter {
  --fa: ""
}

.fa-genderless {
  --fa: ""
}

.fa-server {
  --fa: ""
}

.fa-user-plus {
  --fa: ""
}

.fa-user-times,
.fa-user-xmark {
  --fa: ""
}

.fa-bed {
  --fa: ""
}

.fa-train {
  --fa: ""
}

.fa-subway,
.fa-train-subway {
  --fa: ""
}

.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa: ""
}

.fa-battery-4,
.fa-battery-three-quarters {
  --fa: ""
}

.fa-battery-3,
.fa-battery-half {
  --fa: ""
}

.fa-battery-2,
.fa-battery-quarter {
  --fa: ""
}

.fa-battery-0,
.fa-battery-empty {
  --fa: ""
}

.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa: ""
}

.fa-i-cursor {
  --fa: ""
}

.fa-object-group {
  --fa: ""
}

.fa-object-ungroup {
  --fa: ""
}

.fa-note-sticky,
.fa-sticky-note {
  --fa: ""
}

.fa-clone {
  --fa: ""
}

.fa-balance-scale,
.fa-scale-balanced {
  --fa: ""
}

.fa-hourglass-1,
.fa-hourglass-start {
  --fa: ""
}

.fa-hourglass-2,
.fa-hourglass-half {
  --fa: ""
}

.fa-hourglass-3,
.fa-hourglass-end {
  --fa: ""
}

.fa-hourglass,
.fa-hourglass-empty {
  --fa: ""
}

.fa-hand-back-fist,
.fa-hand-rock {
  --fa: ""
}

.fa-hand,
.fa-hand-paper {
  --fa: ""
}

.fa-hand-scissors {
  --fa: ""
}

.fa-hand-lizard {
  --fa: ""
}

.fa-hand-spock {
  --fa: ""
}

.fa-hand-pointer {
  --fa: ""
}

.fa-hand-peace {
  --fa: ""
}

.fa-trademark {
  --fa: ""
}

.fa-registered {
  --fa: ""
}

.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa: ""
}

.fa-calendar-plus {
  --fa: ""
}

.fa-calendar-minus {
  --fa: ""
}

.fa-calendar-times,
.fa-calendar-xmark {
  --fa: ""
}

.fa-calendar-check {
  --fa: ""
}

.fa-industry {
  --fa: ""
}

.fa-map-pin {
  --fa: ""
}

.fa-map-signs,
.fa-signs-post {
  --fa: ""
}

.fa-map {
  --fa: ""
}

.fa-comment-alt,
.fa-message {
  --fa: ""
}

.fa-circle-pause,
.fa-pause-circle {
  --fa: ""
}

.fa-circle-stop,
.fa-stop-circle {
  --fa: ""
}

.fa-bag-shopping,
.fa-shopping-bag {
  --fa: ""
}

.fa-basket-shopping,
.fa-shopping-basket {
  --fa: ""
}

.fa-universal-access {
  --fa: ""
}

.fa-blind,
.fa-person-walking-with-cane {
  --fa: ""
}

.fa-audio-description {
  --fa: ""
}

.fa-phone-volume,
.fa-volume-control-phone {
  --fa: ""
}

.fa-braille {
  --fa: ""
}

.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa: ""
}

.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa: ""
}

.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa: ""
}

.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa: ""
}

.fa-eye-low-vision,
.fa-low-vision {
  --fa: ""
}

.fa-handshake,
.fa-handshake-alt,
.fa-handshake-simple {
  --fa: ""
}

.fa-envelope-open {
  --fa: ""
}

.fa-address-book,
.fa-contact-book {
  --fa: ""
}

.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa: ""
}

.fa-circle-user,
.fa-user-circle {
  --fa: ""
}

.fa-id-badge {
  --fa: ""
}

.fa-drivers-license,
.fa-id-card {
  --fa: ""
}

.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa: ""
}

.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa: ""
}

.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa: ""
}

.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa: ""
}

.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa: ""
}

.fa-shower {
  --fa: ""
}

.fa-bath,
.fa-bathtub {
  --fa: ""
}

.fa-podcast {
  --fa: ""
}

.fa-window-maximize {
  --fa: ""
}

.fa-window-minimize {
  --fa: ""
}

.fa-window-restore {
  --fa: ""
}

.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa: ""
}

.fa-microchip {
  --fa: ""
}

.fa-snowflake {
  --fa: ""
}

.fa-spoon,
.fa-utensil-spoon {
  --fa: ""
}

.fa-cutlery,
.fa-utensils {
  --fa: ""
}

.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa: ""
}

.fa-trash-alt,
.fa-trash-can {
  --fa: ""
}

.fa-rotate,
.fa-sync-alt {
  --fa: ""
}

.fa-stopwatch {
  --fa: ""
}

.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa: ""
}

.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa: ""
}

.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa: ""
}

.fa-poo {
  --fa: ""
}

.fa-images {
  --fa: ""
}

.fa-pencil,
.fa-pencil-alt {
  --fa: ""
}

.fa-pen {
  --fa: ""
}

.fa-pen-alt,
.fa-pen-clip {
  --fa: ""
}

.fa-octagon {
  --fa: ""
}

.fa-down-long,
.fa-long-arrow-alt-down {
  --fa: ""
}

.fa-left-long,
.fa-long-arrow-alt-left {
  --fa: ""
}

.fa-long-arrow-alt-right,
.fa-right-long {
  --fa: ""
}

.fa-long-arrow-alt-up,
.fa-up-long {
  --fa: ""
}

.fa-hexagon {
  --fa: ""
}

.fa-file-edit,
.fa-file-pen {
  --fa: ""
}

.fa-expand-arrows-alt,
.fa-maximize {
  --fa: ""
}

.fa-clipboard {
  --fa: ""
}

.fa-arrows-alt-h,
.fa-left-right {
  --fa: ""
}

.fa-arrows-alt-v,
.fa-up-down {
  --fa: ""
}

.fa-alarm-clock {
  --fa: ""
}

.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa: ""
}

.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa: ""
}

.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa: ""
}

.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa: ""
}

.fa-external-link-alt,
.fa-up-right-from-square {
  --fa: ""
}

.fa-external-link-square-alt,
.fa-square-up-right {
  --fa: ""
}

.fa-exchange-alt,
.fa-right-left {
  --fa: ""
}

.fa-repeat {
  --fa: ""
}

.fa-code-commit {
  --fa: ""
}

.fa-code-merge {
  --fa: ""
}

.fa-desktop,
.fa-desktop-alt {
  --fa: ""
}

.fa-gem {
  --fa: ""
}

.fa-level-down-alt,
.fa-turn-down {
  --fa: ""
}

.fa-level-up-alt,
.fa-turn-up {
  --fa: ""
}

.fa-lock-open {
  --fa: ""
}

.fa-location-dot,
.fa-map-marker-alt {
  --fa: ""
}

.fa-microphone-alt,
.fa-microphone-lines {
  --fa: ""
}

.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa: ""
}

.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa: ""
}

.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa: ""
}

.fa-money-bill-1,
.fa-money-bill-alt {
  --fa: ""
}

.fa-phone-slash {
  --fa: ""
}

.fa-image-portrait,
.fa-portrait {
  --fa: ""
}

.fa-mail-reply,
.fa-reply {
  --fa: ""
}

.fa-shield-alt,
.fa-shield-halved {
  --fa: ""
}

.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa: ""
}

.fa-tablet,
.fa-tablet-android {
  --fa: ""
}

.fa-ticket-alt,
.fa-ticket-simple {
  --fa: ""
}

.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa: ""
}

.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa: ""
}

.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa: ""
}

.fa-baseball-bat-ball {
  --fa: ""
}

.fa-baseball,
.fa-baseball-ball {
  --fa: ""
}

.fa-basketball,
.fa-basketball-ball {
  --fa: ""
}

.fa-bowling-ball {
  --fa: ""
}

.fa-chess {
  --fa: ""
}

.fa-chess-bishop {
  --fa: ""
}

.fa-chess-board {
  --fa: ""
}

.fa-chess-king {
  --fa: ""
}

.fa-chess-knight {
  --fa: ""
}

.fa-chess-pawn {
  --fa: ""
}

.fa-chess-queen {
  --fa: ""
}

.fa-chess-rook {
  --fa: ""
}

.fa-dumbbell {
  --fa: ""
}

.fa-football,
.fa-football-ball {
  --fa: ""
}

.fa-golf-ball,
.fa-golf-ball-tee {
  --fa: ""
}

.fa-hockey-puck {
  --fa: ""
}

.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa: ""
}

.fa-square-full {
  --fa: ""
}

.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa: ""
}

.fa-volleyball,
.fa-volleyball-ball {
  --fa: ""
}

.fa-allergies,
.fa-hand-dots {
  --fa: ""
}

.fa-band-aid,
.fa-bandage {
  --fa: ""
}

.fa-box {
  --fa: ""
}

.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa: ""
}

.fa-briefcase-medical {
  --fa: ""
}

.fa-burn,
.fa-fire-flame-simple {
  --fa: ""
}

.fa-capsules {
  --fa: ""
}

.fa-clipboard-check {
  --fa: ""
}

.fa-clipboard-list {
  --fa: ""
}

.fa-diagnoses,
.fa-person-dots-from-line {
  --fa: ""
}

.fa-dna {
  --fa: ""
}

.fa-dolly,
.fa-dolly-box {
  --fa: ""
}

.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa: ""
}

.fa-file-medical {
  --fa: ""
}

.fa-file-medical-alt,
.fa-file-waveform {
  --fa: ""
}

.fa-first-aid,
.fa-kit-medical {
  --fa: ""
}

.fa-circle-h,
.fa-hospital-symbol {
  --fa: ""
}

.fa-id-card-alt,
.fa-id-card-clip {
  --fa: ""
}

.fa-notes-medical {
  --fa: ""
}

.fa-pallet {
  --fa: ""
}

.fa-pills {
  --fa: ""
}

.fa-prescription-bottle {
  --fa: ""
}

.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa: ""
}

.fa-bed-pulse,
.fa-procedures {
  --fa: ""
}

.fa-shipping-fast,
.fa-truck-fast {
  --fa: ""
}

.fa-smoking {
  --fa: ""
}

.fa-syringe {
  --fa: ""
}

.fa-tablets {
  --fa: ""
}

.fa-thermometer {
  --fa: ""
}

.fa-vial {
  --fa: ""
}

.fa-vials {
  --fa: ""
}

.fa-warehouse {
  --fa: ""
}

.fa-weight,
.fa-weight-scale {
  --fa: ""
}

.fa-x-ray {
  --fa: ""
}

.fa-box-open {
  --fa: ""
}

.fa-comment-dots,
.fa-commenting {
  --fa: ""
}

.fa-comment-slash {
  --fa: ""
}

.fa-couch {
  --fa: ""
}

.fa-circle-dollar-to-slot,
.fa-donate {
  --fa: ""
}

.fa-dove {
  --fa: ""
}

.fa-hand-holding {
  --fa: ""
}

.fa-hand-holding-heart {
  --fa: ""
}

.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa: ""
}

.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa: ""
}

.fa-hands-holding {
  --fa: ""
}

.fa-hands-helping,
.fa-handshake-angle {
  --fa: ""
}

.fa-parachute-box {
  --fa: ""
}

.fa-people-carry,
.fa-people-carry-box {
  --fa: ""
}

.fa-piggy-bank {
  --fa: ""
}

.fa-ribbon {
  --fa: ""
}

.fa-route {
  --fa: ""
}

.fa-seedling,
.fa-sprout {
  --fa: ""
}

.fa-sign,
.fa-sign-hanging {
  --fa: ""
}

.fa-face-smile-wink,
.fa-smile-wink {
  --fa: ""
}

.fa-tape {
  --fa: ""
}

.fa-truck-loading,
.fa-truck-ramp-box {
  --fa: ""
}

.fa-truck-moving {
  --fa: ""
}

.fa-video-slash {
  --fa: ""
}

.fa-wine-glass {
  --fa: ""
}

.fa-user-astronaut {
  --fa: ""
}

.fa-user-check {
  --fa: ""
}

.fa-user-clock {
  --fa: ""
}

.fa-user-cog,
.fa-user-gear {
  --fa: ""
}

.fa-user-edit,
.fa-user-pen {
  --fa: ""
}

.fa-user-friends,
.fa-user-group {
  --fa: ""
}

.fa-user-graduate {
  --fa: ""
}

.fa-user-lock {
  --fa: ""
}

.fa-user-minus {
  --fa: ""
}

.fa-user-ninja {
  --fa: ""
}

.fa-user-shield {
  --fa: ""
}

.fa-user-alt-slash,
.fa-user-large-slash,
.fa-user-slash {
  --fa: ""
}

.fa-user-tag {
  --fa: ""
}

.fa-user-tie {
  --fa: ""
}

.fa-users-cog,
.fa-users-gear {
  --fa: ""
}

.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa: ""
}

.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa: ""
}

.fa-blender {
  --fa: ""
}

.fa-book-open {
  --fa: ""
}

.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa: ""
}

.fa-broom {
  --fa: ""
}

.fa-blackboard,
.fa-chalkboard {
  --fa: ""
}

.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa: ""
}

.fa-church {
  --fa: ""
}

.fa-coins {
  --fa: ""
}

.fa-compact-disc {
  --fa: ""
}

.fa-crow {
  --fa: ""
}

.fa-crown {
  --fa: ""
}

.fa-dice {
  --fa: ""
}

.fa-dice-five {
  --fa: ""
}

.fa-dice-four {
  --fa: ""
}

.fa-dice-one {
  --fa: ""
}

.fa-dice-six {
  --fa: ""
}

.fa-dice-three {
  --fa: ""
}

.fa-dice-two {
  --fa: ""
}

.fa-divide {
  --fa: ""
}

.fa-door-closed {
  --fa: ""
}

.fa-door-open {
  --fa: ""
}

.fa-feather {
  --fa: ""
}

.fa-frog {
  --fa: ""
}

.fa-gas-pump {
  --fa: ""
}

.fa-glasses {
  --fa: ""
}

.fa-greater-than-equal {
  --fa: ""
}

.fa-helicopter {
  --fa: ""
}

.fa-infinity {
  --fa: ""
}

.fa-kiwi-bird {
  --fa: ""
}

.fa-less-than-equal {
  --fa: ""
}

.fa-memory {
  --fa: ""
}

.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa: ""
}

.fa-money-bill-wave {
  --fa: ""
}

.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa: ""
}

.fa-money-check {
  --fa: ""
}

.fa-money-check-alt,
.fa-money-check-dollar {
  --fa: ""
}

.fa-not-equal {
  --fa: ""
}

.fa-palette {
  --fa: ""
}

.fa-parking,
.fa-square-parking {
  --fa: ""
}

.fa-diagram-project,
.fa-project-diagram {
  --fa: ""
}

.fa-receipt {
  --fa: ""
}

.fa-robot {
  --fa: ""
}

.fa-ruler {
  --fa: ""
}

.fa-ruler-combined {
  --fa: ""
}

.fa-ruler-horizontal {
  --fa: ""
}

.fa-ruler-vertical {
  --fa: ""
}

.fa-school {
  --fa: ""
}

.fa-screwdriver {
  --fa: ""
}

.fa-shoe-prints {
  --fa: ""
}

.fa-skull {
  --fa: ""
}

.fa-ban-smoking,
.fa-smoking-ban {
  --fa: ""
}

.fa-store {
  --fa: ""
}

.fa-shop,
.fa-store-alt {
  --fa: ""
}

.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa: ""
}

.fa-stroopwafel {
  --fa: ""
}

.fa-toolbox {
  --fa: ""
}

.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa: ""
}

.fa-person-walking,
.fa-walking {
  --fa: ""
}

.fa-wallet {
  --fa: ""
}

.fa-angry,
.fa-face-angry {
  --fa: ""
}

.fa-archway {
  --fa: ""
}

.fa-atlas,
.fa-book-atlas {
  --fa: ""
}

.fa-award {
  --fa: ""
}

.fa-backspace,
.fa-delete-left {
  --fa: ""
}

.fa-bezier-curve {
  --fa: ""
}

.fa-bong {
  --fa: ""
}

.fa-brush {
  --fa: ""
}

.fa-bus-alt,
.fa-bus-simple {
  --fa: ""
}

.fa-cannabis {
  --fa: ""
}

.fa-check-double {
  --fa: ""
}

.fa-cocktail,
.fa-martini-glass-citrus {
  --fa: ""
}

.fa-bell-concierge,
.fa-concierge-bell {
  --fa: ""
}

.fa-cookie {
  --fa: ""
}

.fa-cookie-bite {
  --fa: ""
}

.fa-crop-alt,
.fa-crop-simple {
  --fa: ""
}

.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa: ""
}

.fa-dizzy,
.fa-face-dizzy {
  --fa: ""
}

.fa-compass-drafting,
.fa-drafting-compass {
  --fa: ""
}

.fa-drum {
  --fa: ""
}

.fa-drum-steelpan {
  --fa: ""
}

.fa-feather-alt,
.fa-feather-pointed {
  --fa: ""
}

.fa-file-contract {
  --fa: ""
}

.fa-file-arrow-down,
.fa-file-download {
  --fa: ""
}

.fa-arrow-right-from-file,
.fa-file-export {
  --fa: ""
}

.fa-arrow-right-to-file,
.fa-file-import {
  --fa: ""
}

.fa-file-invoice {
  --fa: ""
}

.fa-file-invoice-dollar {
  --fa: ""
}

.fa-file-prescription {
  --fa: ""
}

.fa-file-signature {
  --fa: ""
}

.fa-file-arrow-up,
.fa-file-upload {
  --fa: ""
}

.fa-fill {
  --fa: ""
}

.fa-fill-drip {
  --fa: ""
}

.fa-fingerprint {
  --fa: ""
}

.fa-fish {
  --fa: ""
}

.fa-face-flushed,
.fa-flushed {
  --fa: ""
}

.fa-face-frown-open,
.fa-frown-open {
  --fa: ""
}

.fa-glass-martini-alt,
.fa-martini-glass {
  --fa: ""
}

.fa-earth-africa,
.fa-globe-africa {
  --fa: ""
}

.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa: ""
}

.fa-earth-asia,
.fa-globe-asia {
  --fa: ""
}

.fa-face-grimace,
.fa-grimace {
  --fa: ""
}

.fa-face-grin,
.fa-grin {
  --fa: ""
}

.fa-face-grin-wide,
.fa-grin-alt {
  --fa: ""
}

.fa-face-grin-beam,
.fa-grin-beam {
  --fa: ""
}

.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa: ""
}

.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa: ""
}

.fa-face-grin-squint,
.fa-grin-squint {
  --fa: ""
}

.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa: ""
}

.fa-face-grin-stars,
.fa-grin-stars {
  --fa: ""
}

.fa-face-grin-tears,
.fa-grin-tears {
  --fa: ""
}

.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa: ""
}

.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa: ""
}

.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa: ""
}

.fa-face-grin-wink,
.fa-grin-wink {
  --fa: ""
}

.fa-grid-horizontal,
.fa-grip,
.fa-grip-horizontal {
  --fa: ""
}

.fa-grid-vertical,
.fa-grip-vertical {
  --fa: ""
}

.fa-headset {
  --fa: ""
}

.fa-highlighter {
  --fa: ""
}

.fa-hot-tub,
.fa-hot-tub-person {
  --fa: ""
}

.fa-hotel {
  --fa: ""
}

.fa-joint {
  --fa: ""
}

.fa-face-kiss,
.fa-kiss {
  --fa: ""
}

.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa: ""
}

.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa: ""
}

.fa-face-laugh,
.fa-laugh {
  --fa: ""
}

.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa: ""
}

.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa: ""
}

.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa: ""
}

.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa: ""
}

.fa-map-location,
.fa-map-marked {
  --fa: ""
}

.fa-map-location-dot,
.fa-map-marked-alt {
  --fa: ""
}

.fa-marker {
  --fa: ""
}

.fa-medal {
  --fa: ""
}

.fa-face-meh-blank,
.fa-meh-blank {
  --fa: ""
}

.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa: ""
}

.fa-monument {
  --fa: ""
}

.fa-mortar-pestle {
  --fa: ""
}

.fa-paint-roller {
  --fa: ""
}

.fa-passport {
  --fa: ""
}

.fa-pen-fancy {
  --fa: ""
}

.fa-pen-nib {
  --fa: ""
}

.fa-pen-ruler,
.fa-pencil-ruler {
  --fa: ""
}

.fa-plane-arrival {
  --fa: ""
}

.fa-plane-departure {
  --fa: ""
}

.fa-prescription {
  --fa: ""
}

.fa-face-sad-cry,
.fa-sad-cry {
  --fa: ""
}

.fa-face-sad-tear,
.fa-sad-tear {
  --fa: ""
}

.fa-shuttle-van,
.fa-van-shuttle {
  --fa: ""
}

.fa-signature {
  --fa: ""
}

.fa-face-smile-beam,
.fa-smile-beam {
  --fa: ""
}

.fa-solar-panel {
  --fa: ""
}

.fa-spa {
  --fa: ""
}

.fa-splotch {
  --fa: ""
}

.fa-spray-can {
  --fa: ""
}

.fa-stamp {
  --fa: ""
}

.fa-star-half-alt,
.fa-star-half-stroke {
  --fa: ""
}

.fa-suitcase-rolling {
  --fa: ""
}

.fa-face-surprise,
.fa-surprise {
  --fa: ""
}

.fa-swatchbook {
  --fa: ""
}

.fa-person-swimming,
.fa-swimmer {
  --fa: ""
}

.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa: ""
}

.fa-droplet-slash,
.fa-tint-slash {
  --fa: ""
}

.fa-face-tired,
.fa-tired {
  --fa: ""
}

.fa-tooth {
  --fa: ""
}

.fa-umbrella-beach {
  --fa: ""
}

.fa-weight-hanging {
  --fa: ""
}

.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa: ""
}

.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa: ""
}

.fa-apple-alt,
.fa-apple-whole {
  --fa: ""
}

.fa-atom {
  --fa: ""
}

.fa-bone {
  --fa: ""
}

.fa-book-open-reader,
.fa-book-reader {
  --fa: ""
}

.fa-brain {
  --fa: ""
}

.fa-car-alt,
.fa-car-rear {
  --fa: ""
}

.fa-battery-car,
.fa-car-battery {
  --fa: ""
}

.fa-car-burst,
.fa-car-crash {
  --fa: ""
}

.fa-car-side {
  --fa: ""
}

.fa-charging-station {
  --fa: ""
}

.fa-diamond-turn-right,
.fa-directions {
  --fa: ""
}

.fa-draw-polygon,
.fa-vector-polygon {
  --fa: ""
}

.fa-laptop-code {
  --fa: ""
}

.fa-layer-group {
  --fa: ""
}

.fa-location,
.fa-location-crosshairs {
  --fa: ""
}

.fa-lungs {
  --fa: ""
}

.fa-microscope {
  --fa: ""
}

.fa-oil-can {
  --fa: ""
}

.fa-poop {
  --fa: ""
}

.fa-shapes,
.fa-triangle-circle-square {
  --fa: ""
}

.fa-star-of-life {
  --fa: ""
}

.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa: ""
}

.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa: ""
}

.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa: ""
}

.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa: ""
}

.fa-teeth {
  --fa: ""
}

.fa-teeth-open {
  --fa: ""
}

.fa-masks-theater,
.fa-theater-masks {
  --fa: ""
}

.fa-traffic-light {
  --fa: ""
}

.fa-truck-monster {
  --fa: ""
}

.fa-truck-pickup {
  --fa: ""
}

.fa-ad,
.fa-rectangle-ad {
  --fa: ""
}

.fa-ankh {
  --fa: ""
}

.fa-bible,
.fa-book-bible {
  --fa: ""
}

.fa-briefcase-clock,
.fa-business-time {
  --fa: ""
}

.fa-city {
  --fa: ""
}

.fa-comment-dollar {
  --fa: ""
}

.fa-comments-dollar {
  --fa: ""
}

.fa-cross {
  --fa: ""
}

.fa-dharmachakra {
  --fa: ""
}

.fa-envelope-open-text {
  --fa: ""
}

.fa-folder-minus {
  --fa: ""
}

.fa-folder-plus {
  --fa: ""
}

.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa: ""
}

.fa-gopuram {
  --fa: ""
}

.fa-hamsa {
  --fa: ""
}

.fa-bahai,
.fa-haykal {
  --fa: ""
}

.fa-jedi {
  --fa: ""
}

.fa-book-journal-whills,
.fa-journal-whills {
  --fa: ""
}

.fa-kaaba {
  --fa: ""
}

.fa-khanda {
  --fa: ""
}

.fa-landmark {
  --fa: ""
}

.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa: ""
}

.fa-menorah {
  --fa: ""
}

.fa-mosque {
  --fa: ""
}

.fa-om {
  --fa: ""
}

.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa: ""
}

.fa-peace {
  --fa: ""
}

.fa-place-of-worship {
  --fa: ""
}

.fa-poll,
.fa-square-poll-vertical {
  --fa: ""
}

.fa-poll-h,
.fa-square-poll-horizontal {
  --fa: ""
}

.fa-person-praying,
.fa-pray {
  --fa: ""
}

.fa-hands-praying,
.fa-praying-hands {
  --fa: ""
}

.fa-book-quran,
.fa-quran {
  --fa: ""
}

.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa: ""
}

.fa-magnifying-glass-location,
.fa-search-location {
  --fa: ""
}

.fa-socks {
  --fa: ""
}

.fa-square-root-alt,
.fa-square-root-variable {
  --fa: ""
}

.fa-star-and-crescent {
  --fa: ""
}

.fa-star-of-david {
  --fa: ""
}

.fa-synagogue {
  --fa: ""
}

.fa-scroll-torah,
.fa-torah {
  --fa: ""
}

.fa-torii-gate {
  --fa: ""
}

.fa-vihara {
  --fa: ""
}

.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa: ""
}

.fa-yin-yang {
  --fa: ""
}

.fa-blender-phone {
  --fa: ""
}

.fa-book-dead,
.fa-book-skull {
  --fa: ""
}

.fa-campground {
  --fa: ""
}

.fa-cat {
  --fa: ""
}

.fa-chair {
  --fa: ""
}

.fa-cloud-moon {
  --fa: ""
}

.fa-cloud-sun {
  --fa: ""
}

.fa-cow {
  --fa: ""
}

.fa-dice-d20 {
  --fa: ""
}

.fa-dice-d6 {
  --fa: ""
}

.fa-dog {
  --fa: ""
}

.fa-dragon {
  --fa: ""
}

.fa-drumstick-bite {
  --fa: ""
}

.fa-dungeon {
  --fa: ""
}

.fa-file-csv {
  --fa: ""
}

.fa-fist-raised,
.fa-hand-fist {
  --fa: ""
}

.fa-ghost {
  --fa: ""
}

.fa-hammer {
  --fa: ""
}

.fa-hanukiah {
  --fa: ""
}

.fa-hat-wizard {
  --fa: ""
}

.fa-hiking,
.fa-person-hiking {
  --fa: ""
}

.fa-hippo {
  --fa: ""
}

.fa-horse {
  --fa: ""
}

.fa-house-chimney-crack,
.fa-house-damage {
  --fa: ""
}

.fa-hryvnia,
.fa-hryvnia-sign {
  --fa: ""
}

.fa-mask {
  --fa: ""
}

.fa-mountain {
  --fa: ""
}

.fa-network-wired {
  --fa: ""
}

.fa-otter {
  --fa: ""
}

.fa-ring {
  --fa: ""
}

.fa-person-running,
.fa-running {
  --fa: ""
}

.fa-scroll {
  --fa: ""
}

.fa-skull-crossbones {
  --fa: ""
}

.fa-slash {
  --fa: ""
}

.fa-spider {
  --fa: ""
}

.fa-toilet-paper,
.fa-toilet-paper-alt,
.fa-toilet-paper-blank {
  --fa: ""
}

.fa-tractor {
  --fa: ""
}

.fa-user-injured {
  --fa: ""
}

.fa-vr-cardboard {
  --fa: ""
}

.fa-wand-sparkles {
  --fa: ""
}

.fa-wind {
  --fa: ""
}

.fa-wine-bottle {
  --fa: ""
}

.fa-cloud-meatball {
  --fa: ""
}

.fa-cloud-moon-rain {
  --fa: ""
}

.fa-cloud-rain {
  --fa: ""
}

.fa-cloud-showers-heavy {
  --fa: ""
}

.fa-cloud-sun-rain {
  --fa: ""
}

.fa-democrat {
  --fa: ""
}

.fa-flag-usa {
  --fa: ""
}

.fa-hurricane {
  --fa: ""
}

.fa-landmark-alt,
.fa-landmark-dome {
  --fa: ""
}

.fa-meteor {
  --fa: ""
}

.fa-person-booth {
  --fa: ""
}

.fa-poo-bolt,
.fa-poo-storm {
  --fa: ""
}

.fa-rainbow {
  --fa: ""
}

.fa-republican {
  --fa: ""
}

.fa-smog {
  --fa: ""
}

.fa-temperature-high {
  --fa: ""
}

.fa-temperature-low {
  --fa: ""
}

.fa-cloud-bolt,
.fa-thunderstorm {
  --fa: ""
}

.fa-tornado {
  --fa: ""
}

.fa-volcano {
  --fa: ""
}

.fa-check-to-slot,
.fa-vote-yea {
  --fa: ""
}

.fa-water {
  --fa: ""
}

.fa-baby {
  --fa: ""
}

.fa-baby-carriage,
.fa-carriage-baby {
  --fa: ""
}

.fa-biohazard {
  --fa: ""
}

.fa-blog {
  --fa: ""
}

.fa-calendar-day {
  --fa: ""
}

.fa-calendar-week {
  --fa: ""
}

.fa-candy-cane {
  --fa: ""
}

.fa-carrot {
  --fa: ""
}

.fa-cash-register {
  --fa: ""
}

.fa-compress-arrows-alt,
.fa-minimize {
  --fa: ""
}

.fa-dumpster {
  --fa: ""
}

.fa-dumpster-fire {
  --fa: ""
}

.fa-ethernet {
  --fa: ""
}

.fa-gifts {
  --fa: ""
}

.fa-champagne-glasses,
.fa-glass-cheers {
  --fa: ""
}

.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa: ""
}

.fa-earth-europe,
.fa-globe-europe {
  --fa: ""
}

.fa-grip-lines {
  --fa: ""
}

.fa-grip-lines-vertical {
  --fa: ""
}

.fa-guitar {
  --fa: ""
}

.fa-heart-broken,
.fa-heart-crack {
  --fa: ""
}

.fa-holly-berry {
  --fa: ""
}

.fa-horse-head {
  --fa: ""
}

.fa-icicles {
  --fa: ""
}

.fa-igloo {
  --fa: ""
}

.fa-mitten {
  --fa: ""
}

.fa-mug-hot {
  --fa: ""
}

.fa-radiation {
  --fa: ""
}

.fa-circle-radiation,
.fa-radiation-alt {
  --fa: ""
}

.fa-restroom {
  --fa: ""
}

.fa-satellite {
  --fa: ""
}

.fa-satellite-dish {
  --fa: ""
}

.fa-sd-card {
  --fa: ""
}

.fa-sim-card {
  --fa: ""
}

.fa-person-skating,
.fa-skating {
  --fa: ""
}

.fa-person-skiing,
.fa-skiing {
  --fa: ""
}

.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa: ""
}

.fa-sleigh {
  --fa: ""
}

.fa-comment-sms,
.fa-sms {
  --fa: ""
}

.fa-person-snowboarding,
.fa-snowboarding {
  --fa: ""
}

.fa-snowman {
  --fa: ""
}

.fa-snowplow {
  --fa: ""
}

.fa-tenge,
.fa-tenge-sign {
  --fa: ""
}

.fa-toilet {
  --fa: ""
}

.fa-screwdriver-wrench,
.fa-tools {
  --fa: ""
}

.fa-cable-car,
.fa-tram {
  --fa: ""
}

.fa-fire-alt,
.fa-fire-flame-curved {
  --fa: ""
}

.fa-bacon {
  --fa: ""
}

.fa-book-medical {
  --fa: ""
}

.fa-bread-slice {
  --fa: ""
}

.fa-cheese {
  --fa: ""
}

.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa: ""
}

.fa-clipboard-user {
  --fa: ""
}

.fa-comment-medical {
  --fa: ""
}

.fa-crutch {
  --fa: ""
}

.fa-disease {
  --fa: ""
}

.fa-egg {
  --fa: ""
}

.fa-folder-tree {
  --fa: ""
}

.fa-burger,
.fa-hamburger {
  --fa: ""
}

.fa-hand-middle-finger {
  --fa: ""
}

.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa: ""
}

.fa-hospital-user {
  --fa: ""
}

.fa-hotdog {
  --fa: ""
}

.fa-ice-cream {
  --fa: ""
}

.fa-laptop-medical {
  --fa: ""
}

.fa-pager {
  --fa: ""
}

.fa-pepper-hot {
  --fa: ""
}

.fa-pizza-slice {
  --fa: ""
}

.fa-sack-dollar {
  --fa: ""
}

.fa-book-tanakh,
.fa-tanakh {
  --fa: ""
}

.fa-bars-progress,
.fa-tasks-alt {
  --fa: ""
}

.fa-trash-arrow-up,
.fa-trash-restore {
  --fa: ""
}

.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa: ""
}

.fa-user-nurse {
  --fa: ""
}

.fa-wave-square {
  --fa: ""
}

.fa-biking,
.fa-person-biking {
  --fa: ""
}

.fa-border-all {
  --fa: ""
}

.fa-border-none {
  --fa: ""
}

.fa-border-style,
.fa-border-top-left {
  --fa: ""
}

.fa-digging,
.fa-person-digging {
  --fa: ""
}

.fa-fan {
  --fa: ""
}

.fa-heart-music-camera-bolt,
.fa-icons {
  --fa: ""
}

.fa-phone-alt,
.fa-phone-flip {
  --fa: ""
}

.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa: ""
}

.fa-photo-film,
.fa-photo-video {
  --fa: ""
}

.fa-remove-format,
.fa-text-slash {
  --fa: ""
}

.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa: ""
}

.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa: ""
}

.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa: ""
}

.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa: ""
}

.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa: ""
}

.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa: ""
}

.fa-spell-check {
  --fa: ""
}

.fa-voicemail {
  --fa: ""
}

.fa-hat-cowboy {
  --fa: ""
}

.fa-hat-cowboy-side {
  --fa: ""
}

.fa-computer-mouse,
.fa-mouse {
  --fa: ""
}

.fa-radio {
  --fa: ""
}

.fa-record-vinyl {
  --fa: ""
}

.fa-walkie-talkie {
  --fa: ""
}

.fa-caravan {
  --fa: ""
}

:host,
:root {
  --fa-family-brands: "Font Awesome 7 Brands";
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAAjAAAkAAAAADbgAAAh5A4EBAAAAAAAAAAAAAAAAAAAAAAAAAAAADZMtBmAAfAE2AiQDLAQGBYNeByAbEg1RlC5WE+BHYdzmNKlta9uacxM7lVwI3D4bJ4WUUhGKwq//rauSSqWnRjXMuDVCSyMt6b+Cj+AJPEJI7cuhiH923vslnpVoYvHINvCBTn0+ldO3pJlXvGXuZToDcvLZDqCTxjIkMmj37cog2Rxi5yefuYinTm+AN3dG/f/vV3rvZNgcT0ygoUF8//ed3Iq2iLQVXiqLBgrf4yu6mmC6ZwH3EV5hQnVqT/bB5EJYJNNfJ1VRPXngDkz7P00qU/I5RnyWvu21HKRNPKtR5l2WpOUTLUU2vU2zRxFTzkE9KjwytX18j10Euy4qDKLzvF5otull9e7KZt0UClWamhauolpEzJqM8EPxmhqH1OBIZi7wVDbr2Gf4jn2PP9pGjZ4wYOAgm9MzOzxBZ9Bj8NU6na7a6fY7vA7V5UNBR9BV7XF4b4VdEAj6bQ6HO+jwubyW/IMhY6mld1HkhSy5VGe7oOD/Uh7qX2DJPblkkd9y+Okt02f454UQzuJwFFkIk52i4xKxybXyNjrb4Al7pSQIh2rXOvJ5rDe8v+VhbZkF/QYK20aCQ92Y0t0dao9hRHybCLoIup1joVkMzEaW7QbSjVyjtoja4szMUhWL1dXsShq80zAzYZopRFLR0ZEo5kVTpgoDwlnTi2J9rDxSTaOaqrOSRTVb9gpleKVsjTWw+ZO+psEELZ2AM5wzvQg2REqxyigmotOJGYL3GFfY+X8tm31Nw7eJOsqbigT1M8HwCc+hfoLIoQ/TaAZ5Gypq+BDlOWD8K1JpU+GptPf/S9g5Gv4a/oq20miuE6/oFVpvfpipNFNMg77Z6ntER8DzfKn+zhJc6dElDvNAbW0R76iNS9HdyMk8c0SBnvI03ips2cOjoDYqVi1Vl+gaH1rhOjieG/NqOPrUT22vUpCudOmCZw4cPEMscz46Poh9mWlvogSrbzgUimK3M5Ed9xAJfTAUMqHymkstFELYRJpC0QG1Vg7h0JEUaM+0SKGFI+FIR1FDaaFtBVsJKQX26RZbCkEBJbR0CEdpTQ1qW9nEZ/8lMN8MV15F36zQJw9u+R5QNtlZl3kwx1VOgnzENPeDjC2GXZD91VmCnBXlPuzZtF6s5KBr+WI+j5dyL7n8E5zPV2p1iPzofGUVk/lD20hM5KacSWKSU/ZEEuSh1ckEytusbjuB2nAhwm7ATc9bLyXhWa7JfsA2ttICk1mrpPFP44vf2SQKNM1C/iPMAD9ffGXLJIUW0EJTKShFLTSkFhQScbeFUgktoaRWLUiPgiDIwY2tLUIo24PboXZr6VQIbWNhrLIBs7LNjgStcX7njq2EwBV2PoGfYy342ut8CvD00dc+IT7msaP8BPz49ctPEdzQspuNgGoFtAUCrRJtDDTkHnB3o7FH4df9LayWilWiylKcJsCMxUzCZKzEKppJo1vEmrXSM4fu+XZ3i8Zm7RPYLLBFBK2eboztsYJiK5Zupk9WbMbyLV5wrgcHelZG1yTW7SaBdQdratmdn8fcnLui16DX2ZSWruMtv59Zg6Y5aKEz/ogOEEE+IjqKGHLNqjWB2KLzFRtgw/6qtIj8RK067mKp+JVYIRr8Si/GMWFVTXcQmzrtRxgABJxHYp1QtSW8FaNvLbzOzwL4RvAJJ9A0Kjqfk+YRRsDnPNV7cQOaPGm4X/jB5qe9J7zny0deEH9x/evcGnwrGPzFaM4BQ0d1jMNQteW8A6NvFAT/NEaAb4Cbf+j8jU8b6ZrgYt8qsZONFbEbP58zjsu9e3gcPNq653XiNba28nWANJ6/1wgrMx0dhZ96zSg0E/9958mAphGaRBDwjYr/QSSy9pKRixdGiinMx5fLxXnkyqykykiWRwrRHKLZCGMprESNnVah3xrCvMGBkUEPzRqeZ6tc6OI2wNau7m3EVnbNczu4urCwnaCP2X5OTnIOnAtN9hI9DIXYA+iZDM0RV/D1Wgt2sIFAH30U0u5UDkwUKN5oM0yUs/TG8C3We1g8lEwmiIiIFyMeBqoxd6CCvnrNrVThZD45rXIg6UgFoQQlIeTW/sfewdzkaNpSGOVwNpZBOBvTygMz+Wwxi2+XD03OFPDlYiXrEZpZ6QhoH89iQ9m0mcYVp/6bq6lsGalIbKq3ldvyICVJE2V+akSeHMd7+Xf4XgKpYqoAfDoqKffEtkRbdNMwgMXOxX3CMMm/cIOPFfAtpAH77w8c7j0eVqLFLZiV6lesFupefdZykTKtknXhnOlKnsuVJPGtgqJD1RGqrmtA5R4Z88d7v/lpH5Rg1ks4grJ2whaUhLIOEStMR5Igd8hBCdIEwhsuDBdNTyitioOP147M7mtgdyi7NbSkmScM51KTL8rPYOKamGSjoO8gjytwbO/BI6Achn1jlgUVGDZhzCgA7wx5XPsOHvYegb1jAEaeqIox/DZ/joliG9X9PlBezLfUIECYVJZ8H0NjETjDe9mpqq1P1E4zJOcHXo0oJElA6SpbxW1FqgUptbQhkRDrhOrTviW+8mL6H5vl0Y8jrLzYKf5SFkQJCSVaKdy6ZUM+iiSxCMM//V36jy0/tv0c+XP3z4u/bv3O/7HpOmnvfaRS38cMixmqblYHqW2ja6ImRz5BIXi8jDwYye/B4t4xZX+VSAla3vouHqd/oveVwF+wRiGVFPfVsaUbIX1hiW1URGZOPlFbJUpYQdiIXQi1oUizIky3QyG/hzN5tIg+rJDHJ1H18hENRvhkIWd91ABfXsrAkzao1mhjTDXOUIMNMYFFvv4KWDQYbVRs/2qTDTS+UUfaM0tjpPp1PzXG6ZuHBjC1a4IHm2iEvnNVdilLSyW5ym2cer0cnqhTDI1LSw31wprKgKBvcjTkDjOr08fFeyjMcEuLJ3k6GGLZfbmCdjKyZnITr2TnhAAAAAA=)
}

.fa-brands,
.fa-classic.fa-brands,
.fab {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400
}

.fa-firefox-browser {
  --fa: ""
}

.fa-ideal {
  --fa: ""
}

.fa-microblog {
  --fa: ""
}

.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa: ""
}

.fa-unity {
  --fa: ""
}

.fa-dailymotion {
  --fa: ""
}

.fa-instagram-square,
.fa-square-instagram {
  --fa: ""
}

.fa-mixer {
  --fa: ""
}

.fa-shopify {
  --fa: ""
}

.fa-deezer {
  --fa: ""
}

.fa-edge-legacy {
  --fa: ""
}

.fa-google-pay {
  --fa: ""
}

.fa-rust {
  --fa: ""
}

.fa-tiktok {
  --fa: ""
}

.fa-unsplash {
  --fa: ""
}

.fa-cloudflare {
  --fa: ""
}

.fa-guilded {
  --fa: ""
}

.fa-hive {
  --fa: ""
}

.fa-42-group,
.fa-innosoft {
  --fa: ""
}

.fa-instalod {
  --fa: ""
}

.fa-octopus-deploy {
  --fa: ""
}

.fa-perbyte {
  --fa: ""
}

.fa-uncharted {
  --fa: ""
}

.fa-watchman-monitoring {
  --fa: ""
}

.fa-wodu {
  --fa: ""
}

.fa-wirsindhandwerk,
.fa-wsh {
  --fa: ""
}

.fa-bots {
  --fa: ""
}

.fa-cmplid {
  --fa: ""
}

.fa-bilibili {
  --fa: ""
}

.fa-golang {
  --fa: ""
}

.fa-pix {
  --fa: ""
}

.fa-sitrox {
  --fa: ""
}

.fa-hashnode {
  --fa: ""
}

.fa-meta {
  --fa: ""
}

.fa-padlet {
  --fa: ""
}

.fa-nfc-directional {
  --fa: ""
}

.fa-nfc-symbol {
  --fa: ""
}

.fa-screenpal {
  --fa: ""
}

.fa-space-awesome {
  --fa: ""
}

.fa-square-font-awesome {
  --fa: ""
}

.fa-gitlab-square,
.fa-square-gitlab {
  --fa: ""
}

.fa-odysee {
  --fa: ""
}

.fa-stubber {
  --fa: ""
}

.fa-debian {
  --fa: ""
}

.fa-shoelace {
  --fa: ""
}

.fa-threads {
  --fa: ""
}

.fa-square-threads {
  --fa: ""
}

.fa-square-x-twitter {
  --fa: ""
}

.fa-x-twitter {
  --fa: ""
}

.fa-opensuse {
  --fa: ""
}

.fa-letterboxd {
  --fa: ""
}

.fa-square-letterboxd {
  --fa: ""
}

.fa-mintbit {
  --fa: ""
}

.fa-google-scholar {
  --fa: ""
}

.fa-brave {
  --fa: ""
}

.fa-brave-reverse {
  --fa: ""
}

.fa-pixiv {
  --fa: ""
}

.fa-upwork {
  --fa: ""
}

.fa-webflow {
  --fa: ""
}

.fa-signal-messenger {
  --fa: ""
}

.fa-bluesky {
  --fa: ""
}

.fa-jxl {
  --fa: ""
}

.fa-square-upwork {
  --fa: ""
}

.fa-web-awesome {
  --fa: ""
}

.fa-square-web-awesome {
  --fa: ""
}

.fa-square-web-awesome-stroke {
  --fa: ""
}

.fa-dart-lang {
  --fa: ""
}

.fa-flutter {
  --fa: ""
}

.fa-files-pinwheel {
  --fa: ""
}

.fa-css {
  --fa: ""
}

.fa-square-bluesky {
  --fa: ""
}

.fa-openai {
  --fa: ""
}

.fa-square-linkedin {
  --fa: ""
}

.fa-cash-app {
  --fa: ""
}

.fa-disqus {
  --fa: ""
}

.fa-11ty,
.fa-eleventy {
  --fa: ""
}

.fa-kakao-talk {
  --fa: ""
}

.fa-linktree {
  --fa: ""
}

.fa-notion {
  --fa: ""
}

.fa-pandora {
  --fa: ""
}

.fa-pixelfed {
  --fa: ""
}

.fa-tidal {
  --fa: ""
}

.fa-vsco {
  --fa: ""
}

.fa-w3c {
  --fa: ""
}

.fa-lumon {
  --fa: ""
}

.fa-lumon-drop {
  --fa: ""
}

.fa-square-figma {
  --fa: ""
}

.fa-tex {
  --fa: ""
}

.fa-duolingo {
  --fa: ""
}

.fa-square-twitter,
.fa-twitter-square {
  --fa: ""
}

.fa-facebook-square,
.fa-square-facebook {
  --fa: ""
}

.fa-linkedin {
  --fa: ""
}

.fa-github-square,
.fa-square-github {
  --fa: ""
}

.fa-twitter {
  --fa: ""
}

.fa-facebook {
  --fa: ""
}

.fa-github {
  --fa: ""
}

.fa-pinterest {
  --fa: ""
}

.fa-pinterest-square,
.fa-square-pinterest {
  --fa: ""
}

.fa-google-plus-square,
.fa-square-google-plus {
  --fa: ""
}

.fa-google-plus-g {
  --fa: ""
}

.fa-linkedin-in {
  --fa: ""
}

.fa-github-alt {
  --fa: ""
}

.fa-maxcdn {
  --fa: ""
}

.fa-html5 {
  --fa: ""
}

.fa-css3 {
  --fa: ""
}

.fa-btc {
  --fa: ""
}

.fa-youtube {
  --fa: ""
}

.fa-xing {
  --fa: ""
}

.fa-square-xing,
.fa-xing-square {
  --fa: ""
}

.fa-dropbox {
  --fa: ""
}

.fa-stack-overflow {
  --fa: ""
}

.fa-instagram {
  --fa: ""
}

.fa-flickr {
  --fa: ""
}

.fa-adn {
  --fa: ""
}

.fa-bitbucket {
  --fa: ""
}

.fa-tumblr {
  --fa: ""
}

.fa-square-tumblr,
.fa-tumblr-square {
  --fa: ""
}

.fa-apple {
  --fa: ""
}

.fa-windows {
  --fa: ""
}

.fa-android {
  --fa: ""
}

.fa-linux {
  --fa: ""
}

.fa-dribbble {
  --fa: ""
}

.fa-skype {
  --fa: ""
}

.fa-foursquare {
  --fa: ""
}

.fa-trello {
  --fa: ""
}

.fa-gratipay {
  --fa: ""
}

.fa-vk {
  --fa: ""
}

.fa-weibo {
  --fa: ""
}

.fa-renren {
  --fa: ""
}

.fa-pagelines {
  --fa: ""
}

.fa-stack-exchange {
  --fa: ""
}

.fa-square-vimeo,
.fa-vimeo-square {
  --fa: ""
}

.fa-slack,
.fa-slack-hash {
  --fa: ""
}

.fa-wordpress {
  --fa: ""
}

.fa-openid {
  --fa: ""
}

.fa-yahoo {
  --fa: ""
}

.fa-google {
  --fa: ""
}

.fa-reddit {
  --fa: ""
}

.fa-reddit-square,
.fa-square-reddit {
  --fa: ""
}

.fa-stumbleupon-circle {
  --fa: ""
}

.fa-stumbleupon {
  --fa: ""
}

.fa-delicious {
  --fa: ""
}

.fa-digg {
  --fa: ""
}

.fa-pied-piper-pp {
  --fa: ""
}

.fa-pied-piper-alt {
  --fa: ""
}

.fa-drupal {
  --fa: ""
}

.fa-joomla {
  --fa: ""
}

.fa-behance {
  --fa: ""
}

.fa-behance-square,
.fa-square-behance {
  --fa: ""
}

.fa-steam {
  --fa: ""
}

.fa-square-steam,
.fa-steam-square {
  --fa: ""
}

.fa-spotify {
  --fa: ""
}

.fa-deviantart {
  --fa: ""
}

.fa-soundcloud {
  --fa: ""
}

.fa-vine {
  --fa: ""
}

.fa-codepen {
  --fa: ""
}

.fa-jsfiddle {
  --fa: ""
}

.fa-rebel {
  --fa: ""
}

.fa-empire {
  --fa: ""
}

.fa-git-square,
.fa-square-git {
  --fa: ""
}

.fa-git {
  --fa: ""
}

.fa-hacker-news {
  --fa: ""
}

.fa-tencent-weibo {
  --fa: ""
}

.fa-qq {
  --fa: ""
}

.fa-weixin {
  --fa: ""
}

.fa-slideshare {
  --fa: ""
}

.fa-twitch {
  --fa: ""
}

.fa-yelp {
  --fa: ""
}

.fa-paypal {
  --fa: ""
}

.fa-google-wallet {
  --fa: ""
}

.fa-cc-visa {
  --fa: ""
}

.fa-cc-mastercard {
  --fa: ""
}

.fa-cc-discover {
  --fa: ""
}

.fa-cc-amex {
  --fa: ""
}

.fa-cc-paypal {
  --fa: ""
}

.fa-cc-stripe {
  --fa: ""
}

.fa-lastfm {
  --fa: ""
}

.fa-lastfm-square,
.fa-square-lastfm {
  --fa: ""
}

.fa-ioxhost {
  --fa: ""
}

.fa-angellist {
  --fa: ""
}

.fa-buysellads {
  --fa: ""
}

.fa-connectdevelop {
  --fa: ""
}

.fa-dashcube {
  --fa: ""
}

.fa-forumbee {
  --fa: ""
}

.fa-leanpub {
  --fa: ""
}

.fa-sellsy {
  --fa: ""
}

.fa-shirtsinbulk {
  --fa: ""
}

.fa-simplybuilt {
  --fa: ""
}

.fa-skyatlas {
  --fa: ""
}

.fa-pinterest-p {
  --fa: ""
}

.fa-whatsapp {
  --fa: ""
}

.fa-viacoin {
  --fa: ""
}

.fa-medium,
.fa-medium-m {
  --fa: ""
}

.fa-y-combinator {
  --fa: ""
}

.fa-optin-monster {
  --fa: ""
}

.fa-opencart {
  --fa: ""
}

.fa-expeditedssl {
  --fa: ""
}

.fa-cc-jcb {
  --fa: ""
}

.fa-cc-diners-club {
  --fa: ""
}

.fa-creative-commons {
  --fa: ""
}

.fa-gg {
  --fa: ""
}

.fa-gg-circle {
  --fa: ""
}

.fa-odnoklassniki {
  --fa: ""
}

.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa: ""
}

.fa-get-pocket {
  --fa: ""
}

.fa-wikipedia-w {
  --fa: ""
}

.fa-safari {
  --fa: ""
}

.fa-chrome {
  --fa: ""
}

.fa-firefox {
  --fa: ""
}

.fa-opera {
  --fa: ""
}

.fa-internet-explorer {
  --fa: ""
}

.fa-contao {
  --fa: ""
}

.fa-500px {
  --fa: ""
}

.fa-amazon {
  --fa: ""
}

.fa-houzz {
  --fa: ""
}

.fa-vimeo-v {
  --fa: ""
}

.fa-black-tie {
  --fa: ""
}

.fa-fonticons {
  --fa: ""
}

.fa-reddit-alien {
  --fa: ""
}

.fa-edge {
  --fa: ""
}

.fa-codiepie {
  --fa: ""
}

.fa-modx {
  --fa: ""
}

.fa-fort-awesome {
  --fa: ""
}

.fa-usb {
  --fa: ""
}

.fa-product-hunt {
  --fa: ""
}

.fa-mixcloud {
  --fa: ""
}

.fa-scribd {
  --fa: ""
}

.fa-bluetooth {
  --fa: ""
}

.fa-bluetooth-b {
  --fa: ""
}

.fa-gitlab {
  --fa: ""
}

.fa-wpbeginner {
  --fa: ""
}

.fa-wpforms {
  --fa: ""
}

.fa-envira {
  --fa: ""
}

.fa-glide {
  --fa: ""
}

.fa-glide-g {
  --fa: ""
}

.fa-viadeo {
  --fa: ""
}

.fa-square-viadeo,
.fa-viadeo-square {
  --fa: ""
}

.fa-snapchat,
.fa-snapchat-ghost {
  --fa: ""
}

.fa-snapchat-square,
.fa-square-snapchat {
  --fa: ""
}

.fa-pied-piper {
  --fa: ""
}

.fa-first-order {
  --fa: ""
}

.fa-yoast {
  --fa: ""
}

.fa-themeisle {
  --fa: ""
}

.fa-google-plus {
  --fa: ""
}

.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa: ""
}

.fa-linode {
  --fa: ""
}

.fa-quora {
  --fa: ""
}

.fa-free-code-camp {
  --fa: ""
}

.fa-telegram,
.fa-telegram-plane {
  --fa: ""
}

.fa-bandcamp {
  --fa: ""
}

.fa-grav {
  --fa: ""
}

.fa-etsy {
  --fa: ""
}

.fa-imdb {
  --fa: ""
}

.fa-ravelry {
  --fa: ""
}

.fa-sellcast {
  --fa: ""
}

.fa-superpowers {
  --fa: ""
}

.fa-wpexplorer {
  --fa: ""
}

.fa-meetup {
  --fa: ""
}

.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa: ""
}

.fa-accessible-icon {
  --fa: ""
}

.fa-accusoft {
  --fa: ""
}

.fa-adversal {
  --fa: ""
}

.fa-affiliatetheme {
  --fa: ""
}

.fa-algolia {
  --fa: ""
}

.fa-amilia {
  --fa: ""
}

.fa-angrycreative {
  --fa: ""
}

.fa-app-store {
  --fa: ""
}

.fa-app-store-ios {
  --fa: ""
}

.fa-apper {
  --fa: ""
}

.fa-asymmetrik {
  --fa: ""
}

.fa-audible {
  --fa: ""
}

.fa-avianex {
  --fa: ""
}

.fa-aws {
  --fa: ""
}

.fa-bimobject {
  --fa: ""
}

.fa-bitcoin {
  --fa: ""
}

.fa-bity {
  --fa: ""
}

.fa-blackberry {
  --fa: ""
}

.fa-blogger {
  --fa: ""
}

.fa-blogger-b {
  --fa: ""
}

.fa-buromobelexperte {
  --fa: ""
}

.fa-centercode {
  --fa: ""
}

.fa-cloudscale {
  --fa: ""
}

.fa-cloudsmith {
  --fa: ""
}

.fa-cloudversify {
  --fa: ""
}

.fa-cpanel {
  --fa: ""
}

.fa-css3-alt {
  --fa: ""
}

.fa-cuttlefish {
  --fa: ""
}

.fa-d-and-d {
  --fa: ""
}

.fa-deploydog {
  --fa: ""
}

.fa-deskpro {
  --fa: ""
}

.fa-digital-ocean {
  --fa: ""
}

.fa-discord {
  --fa: ""
}

.fa-discourse {
  --fa: ""
}

.fa-dochub {
  --fa: ""
}

.fa-docker {
  --fa: ""
}

.fa-draft2digital {
  --fa: ""
}

.fa-dribbble-square,
.fa-square-dribbble {
  --fa: ""
}

.fa-dyalog {
  --fa: ""
}

.fa-earlybirds {
  --fa: ""
}

.fa-erlang {
  --fa: ""
}

.fa-facebook-f {
  --fa: ""
}

.fa-facebook-messenger {
  --fa: ""
}

.fa-firstdraft {
  --fa: ""
}

.fa-fonticons-fi {
  --fa: ""
}

.fa-fort-awesome-alt {
  --fa: ""
}

.fa-freebsd {
  --fa: ""
}

.fa-gitkraken {
  --fa: ""
}

.fa-gofore {
  --fa: ""
}

.fa-goodreads {
  --fa: ""
}

.fa-goodreads-g {
  --fa: ""
}

.fa-google-drive {
  --fa: ""
}

.fa-google-play {
  --fa: ""
}

.fa-gripfire {
  --fa: ""
}

.fa-grunt {
  --fa: ""
}

.fa-gulp {
  --fa: ""
}

.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa: ""
}

.fa-hire-a-helper {
  --fa: ""
}

.fa-hotjar {
  --fa: ""
}

.fa-hubspot {
  --fa: ""
}

.fa-itunes {
  --fa: ""
}

.fa-itunes-note {
  --fa: ""
}

.fa-jenkins {
  --fa: ""
}

.fa-joget {
  --fa: ""
}

.fa-js {
  --fa: ""
}

.fa-js-square,
.fa-square-js {
  --fa: ""
}

.fa-keycdn {
  --fa: ""
}

.fa-kickstarter,
.fa-square-kickstarter {
  --fa: ""
}

.fa-kickstarter-k {
  --fa: ""
}

.fa-laravel {
  --fa: ""
}

.fa-line {
  --fa: ""
}

.fa-lyft {
  --fa: ""
}

.fa-magento {
  --fa: ""
}

.fa-medapps {
  --fa: ""
}

.fa-medrt {
  --fa: ""
}

.fa-microsoft {
  --fa: ""
}

.fa-mix {
  --fa: ""
}

.fa-mizuni {
  --fa: ""
}

.fa-monero {
  --fa: ""
}

.fa-napster {
  --fa: ""
}

.fa-node-js {
  --fa: ""
}

.fa-npm {
  --fa: ""
}

.fa-ns8 {
  --fa: ""
}

.fa-nutritionix {
  --fa: ""
}

.fa-page4 {
  --fa: ""
}

.fa-palfed {
  --fa: ""
}

.fa-patreon {
  --fa: ""
}

.fa-periscope {
  --fa: ""
}

.fa-phabricator {
  --fa: ""
}

.fa-phoenix-framework {
  --fa: ""
}

.fa-playstation {
  --fa: ""
}

.fa-pushed {
  --fa: ""
}

.fa-python {
  --fa: ""
}

.fa-red-river {
  --fa: ""
}

.fa-rendact,
.fa-wpressr {
  --fa: ""
}

.fa-replyd {
  --fa: ""
}

.fa-resolving {
  --fa: ""
}

.fa-rocketchat {
  --fa: ""
}

.fa-rockrms {
  --fa: ""
}

.fa-schlix {
  --fa: ""
}

.fa-searchengin {
  --fa: ""
}

.fa-servicestack {
  --fa: ""
}

.fa-sistrix {
  --fa: ""
}

.fa-speakap {
  --fa: ""
}

.fa-staylinked {
  --fa: ""
}

.fa-steam-symbol {
  --fa: ""
}

.fa-sticker-mule {
  --fa: ""
}

.fa-studiovinari {
  --fa: ""
}

.fa-supple {
  --fa: ""
}

.fa-uber {
  --fa: ""
}

.fa-uikit {
  --fa: ""
}

.fa-uniregistry {
  --fa: ""
}

.fa-untappd {
  --fa: ""
}

.fa-ussunnah {
  --fa: ""
}

.fa-vaadin {
  --fa: ""
}

.fa-viber {
  --fa: ""
}

.fa-vimeo {
  --fa: ""
}

.fa-vnv {
  --fa: ""
}

.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa: ""
}

.fa-whmcs {
  --fa: ""
}

.fa-wordpress-simple {
  --fa: ""
}

.fa-xbox {
  --fa: ""
}

.fa-yandex {
  --fa: ""
}

.fa-yandex-international {
  --fa: ""
}

.fa-apple-pay {
  --fa: ""
}

.fa-cc-apple-pay {
  --fa: ""
}

.fa-fly {
  --fa: ""
}

.fa-node {
  --fa: ""
}

.fa-osi {
  --fa: ""
}

.fa-react {
  --fa: ""
}

.fa-autoprefixer {
  --fa: ""
}

.fa-less {
  --fa: ""
}

.fa-sass {
  --fa: ""
}

.fa-vuejs {
  --fa: ""
}

.fa-angular {
  --fa: ""
}

.fa-aviato {
  --fa: ""
}

.fa-ember {
  --fa: ""
}

.fa-gitter {
  --fa: ""
}

.fa-hooli {
  --fa: ""
}

.fa-strava {
  --fa: ""
}

.fa-stripe {
  --fa: ""
}

.fa-stripe-s {
  --fa: ""
}

.fa-typo3 {
  --fa: ""
}

.fa-amazon-pay {
  --fa: ""
}

.fa-cc-amazon-pay {
  --fa: ""
}

.fa-ethereum {
  --fa: ""
}

.fa-korvue {
  --fa: ""
}

.fa-elementor {
  --fa: ""
}

.fa-square-youtube,
.fa-youtube-square {
  --fa: ""
}

.fa-flipboard {
  --fa: ""
}

.fa-hips {
  --fa: ""
}

.fa-php {
  --fa: ""
}

.fa-quinscape {
  --fa: ""
}

.fa-readme {
  --fa: ""
}

.fa-java {
  --fa: ""
}

.fa-pied-piper-hat {
  --fa: ""
}

.fa-creative-commons-by {
  --fa: ""
}

.fa-creative-commons-nc {
  --fa: ""
}

.fa-creative-commons-nc-eu {
  --fa: ""
}

.fa-creative-commons-nc-jp {
  --fa: ""
}

.fa-creative-commons-nd {
  --fa: ""
}

.fa-creative-commons-pd {
  --fa: ""
}

.fa-creative-commons-pd-alt {
  --fa: ""
}

.fa-creative-commons-remix {
  --fa: ""
}

.fa-creative-commons-sa {
  --fa: ""
}

.fa-creative-commons-sampling {
  --fa: ""
}

.fa-creative-commons-sampling-plus {
  --fa: ""
}

.fa-creative-commons-share {
  --fa: ""
}

.fa-creative-commons-zero {
  --fa: ""
}

.fa-ebay {
  --fa: ""
}

.fa-keybase {
  --fa: ""
}

.fa-mastodon {
  --fa: ""
}

.fa-r-project {
  --fa: ""
}

.fa-researchgate {
  --fa: ""
}

.fa-teamspeak {
  --fa: ""
}

.fa-first-order-alt {
  --fa: ""
}

.fa-fulcrum {
  --fa: ""
}

.fa-galactic-republic {
  --fa: ""
}

.fa-galactic-senate {
  --fa: ""
}

.fa-jedi-order {
  --fa: ""
}

.fa-mandalorian {
  --fa: ""
}

.fa-old-republic {
  --fa: ""
}

.fa-phoenix-squadron {
  --fa: ""
}

.fa-sith {
  --fa: ""
}

.fa-trade-federation {
  --fa: ""
}

.fa-wolf-pack-battalion {
  --fa: ""
}

.fa-hornbill {
  --fa: ""
}

.fa-mailchimp {
  --fa: ""
}

.fa-megaport {
  --fa: ""
}

.fa-nimblr {
  --fa: ""
}

.fa-rev {
  --fa: ""
}

.fa-shopware {
  --fa: ""
}

.fa-squarespace {
  --fa: ""
}

.fa-themeco {
  --fa: ""
}

.fa-weebly {
  --fa: ""
}

.fa-wix {
  --fa: ""
}

.fa-ello {
  --fa: ""
}

.fa-hackerrank {
  --fa: ""
}

.fa-kaggle {
  --fa: ""
}

.fa-markdown {
  --fa: ""
}

.fa-neos {
  --fa: ""
}

.fa-zhihu {
  --fa: ""
}

.fa-alipay {
  --fa: ""
}

.fa-the-red-yeti {
  --fa: ""
}

.fa-critical-role {
  --fa: ""
}

.fa-d-and-d-beyond {
  --fa: ""
}

.fa-dev {
  --fa: ""
}

.fa-fantasy-flight-games {
  --fa: ""
}

.fa-wizards-of-the-coast {
  --fa: ""
}

.fa-think-peaks {
  --fa: ""
}

.fa-reacteurope {
  --fa: ""
}

.fa-artstation {
  --fa: ""
}

.fa-atlassian {
  --fa: ""
}

.fa-canadian-maple-leaf {
  --fa: ""
}

.fa-centos {
  --fa: ""
}

.fa-confluence {
  --fa: ""
}

.fa-dhl {
  --fa: ""
}

.fa-diaspora {
  --fa: ""
}

.fa-fedex {
  --fa: ""
}

.fa-fedora {
  --fa: ""
}

.fa-figma {
  --fa: ""
}

.fa-intercom {
  --fa: ""
}

.fa-invision {
  --fa: ""
}

.fa-jira {
  --fa: ""
}

.fa-mendeley {
  --fa: ""
}

.fa-raspberry-pi {
  --fa: ""
}

.fa-redhat {
  --fa: ""
}

.fa-sketch {
  --fa: ""
}

.fa-sourcetree {
  --fa: ""
}

.fa-suse {
  --fa: ""
}

.fa-ubuntu {
  --fa: ""
}

.fa-ups {
  --fa: ""
}

.fa-usps {
  --fa: ""
}

.fa-yarn {
  --fa: ""
}

.fa-airbnb {
  --fa: ""
}

.fa-battle-net {
  --fa: ""
}

.fa-bootstrap {
  --fa: ""
}

.fa-buffer {
  --fa: ""
}

.fa-chromecast {
  --fa: ""
}

.fa-evernote {
  --fa: ""
}

.fa-itch-io {
  --fa: ""
}

.fa-salesforce {
  --fa: ""
}

.fa-speaker-deck {
  --fa: ""
}

.fa-symfony {
  --fa: ""
}

.fa-waze {
  --fa: ""
}

.fa-yammer {
  --fa: ""
}

.fa-git-alt {
  --fa: ""
}

.fa-stackpath {
  --fa: ""
}

.fa-cotton-bureau {
  --fa: ""
}

.fa-buy-n-large {
  --fa: ""
}

.fa-mdb {
  --fa: ""
}

.fa-orcid {
  --fa: ""
}

.fa-swift {
  --fa: ""
}

.fa-umbraco {
  --fa: ""
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic)
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400-w93C56hJ.woff2")
}

.far {
  --fa-family: var(--fa-family-classic)
}

.fa-regular,
.far {
  --fa-style: 400
}

:host,
:root {
  --fa-family-classic: "Font Awesome 7 Free";
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900-CT4ft6HK.woff2")
}

.fas {
  --fa-style: 900
}

.fa-classic,
.fas {
  --fa-family: var(--fa-family-classic)
}

.fa-solid {
  --fa-style: 900
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAAjAAAkAAAAADbgAAAh5A4EBAAAAAAAAAAAAAAAAAAAAAAAAAAAADZMtBmAAfAE2AiQDLAQGBYNeByAbEg1RlC5WE+BHYdzmNKlta9uacxM7lVwI3D4bJ4WUUhGKwq//rauSSqWnRjXMuDVCSyMt6b+Cj+AJPEJI7cuhiH923vslnpVoYvHINvCBTn0+ldO3pJlXvGXuZToDcvLZDqCTxjIkMmj37cog2Rxi5yefuYinTm+AN3dG/f/vV3rvZNgcT0ygoUF8//ed3Iq2iLQVXiqLBgrf4yu6mmC6ZwH3EV5hQnVqT/bB5EJYJNNfJ1VRPXngDkz7P00qU/I5RnyWvu21HKRNPKtR5l2WpOUTLUU2vU2zRxFTzkE9KjwytX18j10Euy4qDKLzvF5otull9e7KZt0UClWamhauolpEzJqM8EPxmhqH1OBIZi7wVDbr2Gf4jn2PP9pGjZ4wYOAgm9MzOzxBZ9Bj8NU6na7a6fY7vA7V5UNBR9BV7XF4b4VdEAj6bQ6HO+jwubyW/IMhY6mld1HkhSy5VGe7oOD/Uh7qX2DJPblkkd9y+Okt02f454UQzuJwFFkIk52i4xKxybXyNjrb4Al7pSQIh2rXOvJ5rDe8v+VhbZkF/QYK20aCQ92Y0t0dao9hRHybCLoIup1joVkMzEaW7QbSjVyjtoja4szMUhWL1dXsShq80zAzYZopRFLR0ZEo5kVTpgoDwlnTi2J9rDxSTaOaqrOSRTVb9gpleKVsjTWw+ZO+psEELZ2AM5wzvQg2REqxyigmotOJGYL3GFfY+X8tm31Nw7eJOsqbigT1M8HwCc+hfoLIoQ/TaAZ5Gypq+BDlOWD8K1JpU+GptPf/S9g5Gv4a/oq20miuE6/oFVpvfpipNFNMg77Z6ntER8DzfKn+zhJc6dElDvNAbW0R76iNS9HdyMk8c0SBnvI03ips2cOjoDYqVi1Vl+gaH1rhOjieG/NqOPrUT22vUpCudOmCZw4cPEMscz46Poh9mWlvogSrbzgUimK3M5Ed9xAJfTAUMqHymkstFELYRJpC0QG1Vg7h0JEUaM+0SKGFI+FIR1FDaaFtBVsJKQX26RZbCkEBJbR0CEdpTQ1qW9nEZ/8lMN8MV15F36zQJw9u+R5QNtlZl3kwx1VOgnzENPeDjC2GXZD91VmCnBXlPuzZtF6s5KBr+WI+j5dyL7n8E5zPV2p1iPzofGUVk/lD20hM5KacSWKSU/ZEEuSh1ckEytusbjuB2nAhwm7ATc9bLyXhWa7JfsA2ttICk1mrpPFP44vf2SQKNM1C/iPMAD9ffGXLJIUW0EJTKShFLTSkFhQScbeFUgktoaRWLUiPgiDIwY2tLUIo24PboXZr6VQIbWNhrLIBs7LNjgStcX7njq2EwBV2PoGfYy342ut8CvD00dc+IT7msaP8BPz49ctPEdzQspuNgGoFtAUCrRJtDDTkHnB3o7FH4df9LayWilWiylKcJsCMxUzCZKzEKppJo1vEmrXSM4fu+XZ3i8Zm7RPYLLBFBK2eboztsYJiK5Zupk9WbMbyLV5wrgcHelZG1yTW7SaBdQdratmdn8fcnLui16DX2ZSWruMtv59Zg6Y5aKEz/ogOEEE+IjqKGHLNqjWB2KLzFRtgw/6qtIj8RK067mKp+JVYIRr8Si/GMWFVTXcQmzrtRxgABJxHYp1QtSW8FaNvLbzOzwL4RvAJJ9A0Kjqfk+YRRsDnPNV7cQOaPGm4X/jB5qe9J7zny0deEH9x/evcGnwrGPzFaM4BQ0d1jMNQteW8A6NvFAT/NEaAb4Cbf+j8jU8b6ZrgYt8qsZONFbEbP58zjsu9e3gcPNq653XiNba28nWANJ6/1wgrMx0dhZ96zSg0E/9958mAphGaRBDwjYr/QSSy9pKRixdGiinMx5fLxXnkyqykykiWRwrRHKLZCGMprESNnVah3xrCvMGBkUEPzRqeZ6tc6OI2wNau7m3EVnbNczu4urCwnaCP2X5OTnIOnAtN9hI9DIXYA+iZDM0RV/D1Wgt2sIFAH30U0u5UDkwUKN5oM0yUs/TG8C3We1g8lEwmiIiIFyMeBqoxd6CCvnrNrVThZD45rXIg6UgFoQQlIeTW/sfewdzkaNpSGOVwNpZBOBvTygMz+Wwxi2+XD03OFPDlYiXrEZpZ6QhoH89iQ9m0mcYVp/6bq6lsGalIbKq3ldvyICVJE2V+akSeHMd7+Xf4XgKpYqoAfDoqKffEtkRbdNMwgMXOxX3CMMm/cIOPFfAtpAH77w8c7j0eVqLFLZiV6lesFupefdZykTKtknXhnOlKnsuVJPGtgqJD1RGqrmtA5R4Z88d7v/lpH5Rg1ks4grJ2whaUhLIOEStMR5Igd8hBCdIEwhsuDBdNTyitioOP147M7mtgdyi7NbSkmScM51KTL8rPYOKamGSjoO8gjytwbO/BI6Achn1jlgUVGDZhzCgA7wx5XPsOHvYegb1jAEaeqIox/DZ/joliG9X9PlBezLfUIECYVJZ8H0NjETjDe9mpqq1P1E4zJOcHXo0oJElA6SpbxW1FqgUptbQhkRDrhOrTviW+8mL6H5vl0Y8jrLzYKf5SFkQJCSVaKdy6ZUM+iiSxCMM//V36jy0/tv0c+XP3z4u/bv3O/7HpOmnvfaRS38cMixmqblYHqW2ja6ImRz5BIXi8jDwYye/B4t4xZX+VSAla3vouHqd/oveVwF+wRiGVFPfVsaUbIX1hiW1URGZOPlFbJUpYQdiIXQi1oUizIky3QyG/hzN5tIg+rJDHJ1H18hENRvhkIWd91ABfXsrAkzao1mhjTDXOUIMNMYFFvv4KWDQYbVRs/2qTDTS+UUfaM0tjpPp1PzXG6ZuHBjC1a4IHm2iEvnNVdilLSyW5ym2cer0cnqhTDI1LSw31wprKgKBvcjTkDjOr08fFeyjMcEuLJ3k6GGLZfbmCdjKyZnITr2TnhAAAAAA=) format("woff2")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("../fonts/fa-solid-900-CT4ft6HK.woff2") format("woff2")
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-regular-400-w93C56hJ.woff2") format("woff2")
}

@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("../fonts/fa-solid-900-CT4ft6HK.woff2") format("woff2")
}

@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAAjAAAkAAAAADbgAAAh5A4EBAAAAAAAAAAAAAAAAAAAAAAAAAAAADZMtBmAAfAE2AiQDLAQGBYNeByAbEg1RlC5WE+BHYdzmNKlta9uacxM7lVwI3D4bJ4WUUhGKwq//rauSSqWnRjXMuDVCSyMt6b+Cj+AJPEJI7cuhiH923vslnpVoYvHINvCBTn0+ldO3pJlXvGXuZToDcvLZDqCTxjIkMmj37cog2Rxi5yefuYinTm+AN3dG/f/vV3rvZNgcT0ygoUF8//ed3Iq2iLQVXiqLBgrf4yu6mmC6ZwH3EV5hQnVqT/bB5EJYJNNfJ1VRPXngDkz7P00qU/I5RnyWvu21HKRNPKtR5l2WpOUTLUU2vU2zRxFTzkE9KjwytX18j10Euy4qDKLzvF5otull9e7KZt0UClWamhauolpEzJqM8EPxmhqH1OBIZi7wVDbr2Gf4jn2PP9pGjZ4wYOAgm9MzOzxBZ9Bj8NU6na7a6fY7vA7V5UNBR9BV7XF4b4VdEAj6bQ6HO+jwubyW/IMhY6mld1HkhSy5VGe7oOD/Uh7qX2DJPblkkd9y+Okt02f454UQzuJwFFkIk52i4xKxybXyNjrb4Al7pSQIh2rXOvJ5rDe8v+VhbZkF/QYK20aCQ92Y0t0dao9hRHybCLoIup1joVkMzEaW7QbSjVyjtoja4szMUhWL1dXsShq80zAzYZopRFLR0ZEo5kVTpgoDwlnTi2J9rDxSTaOaqrOSRTVb9gpleKVsjTWw+ZO+psEELZ2AM5wzvQg2REqxyigmotOJGYL3GFfY+X8tm31Nw7eJOsqbigT1M8HwCc+hfoLIoQ/TaAZ5Gypq+BDlOWD8K1JpU+GptPf/S9g5Gv4a/oq20miuE6/oFVpvfpipNFNMg77Z6ntER8DzfKn+zhJc6dElDvNAbW0R76iNS9HdyMk8c0SBnvI03ips2cOjoDYqVi1Vl+gaH1rhOjieG/NqOPrUT22vUpCudOmCZw4cPEMscz46Poh9mWlvogSrbzgUimK3M5Ed9xAJfTAUMqHymkstFELYRJpC0QG1Vg7h0JEUaM+0SKGFI+FIR1FDaaFtBVsJKQX26RZbCkEBJbR0CEdpTQ1qW9nEZ/8lMN8MV15F36zQJw9u+R5QNtlZl3kwx1VOgnzENPeDjC2GXZD91VmCnBXlPuzZtF6s5KBr+WI+j5dyL7n8E5zPV2p1iPzofGUVk/lD20hM5KacSWKSU/ZEEuSh1ckEytusbjuB2nAhwm7ATc9bLyXhWa7JfsA2ttICk1mrpPFP44vf2SQKNM1C/iPMAD9ffGXLJIUW0EJTKShFLTSkFhQScbeFUgktoaRWLUiPgiDIwY2tLUIo24PboXZr6VQIbWNhrLIBs7LNjgStcX7njq2EwBV2PoGfYy342ut8CvD00dc+IT7msaP8BPz49ctPEdzQspuNgGoFtAUCrRJtDDTkHnB3o7FH4df9LayWilWiylKcJsCMxUzCZKzEKppJo1vEmrXSM4fu+XZ3i8Zm7RPYLLBFBK2eboztsYJiK5Zupk9WbMbyLV5wrgcHelZG1yTW7SaBdQdratmdn8fcnLui16DX2ZSWruMtv59Zg6Y5aKEz/ogOEEE+IjqKGHLNqjWB2KLzFRtgw/6qtIj8RK067mKp+JVYIRr8Si/GMWFVTXcQmzrtRxgABJxHYp1QtSW8FaNvLbzOzwL4RvAJJ9A0Kjqfk+YRRsDnPNV7cQOaPGm4X/jB5qe9J7zny0deEH9x/evcGnwrGPzFaM4BQ0d1jMNQteW8A6NvFAT/NEaAb4Cbf+j8jU8b6ZrgYt8qsZONFbEbP58zjsu9e3gcPNq653XiNba28nWANJ6/1wgrMx0dhZ96zSg0E/9958mAphGaRBDwjYr/QSSy9pKRixdGiinMx5fLxXnkyqykykiWRwrRHKLZCGMprESNnVah3xrCvMGBkUEPzRqeZ6tc6OI2wNau7m3EVnbNczu4urCwnaCP2X5OTnIOnAtN9hI9DIXYA+iZDM0RV/D1Wgt2sIFAH30U0u5UDkwUKN5oM0yUs/TG8C3We1g8lEwmiIiIFyMeBqoxd6CCvnrNrVThZD45rXIg6UgFoQQlIeTW/sfewdzkaNpSGOVwNpZBOBvTygMz+Wwxi2+XD03OFPDlYiXrEZpZ6QhoH89iQ9m0mcYVp/6bq6lsGalIbKq3ldvyICVJE2V+akSeHMd7+Xf4XgKpYqoAfDoqKffEtkRbdNMwgMXOxX3CMMm/cIOPFfAtpAH77w8c7j0eVqLFLZiV6lesFupefdZykTKtknXhnOlKnsuVJPGtgqJD1RGqrmtA5R4Z88d7v/lpH5Rg1ks4grJ2whaUhLIOEStMR5Igd8hBCdIEwhsuDBdNTyitioOP147M7mtgdyi7NbSkmScM51KTL8rPYOKamGSjoO8gjytwbO/BI6Achn1jlgUVGDZhzCgA7wx5XPsOHvYegb1jAEaeqIox/DZ/joliG9X9PlBezLfUIECYVJZ8H0NjETjDe9mpqq1P1E4zJOcHXo0oJElA6SpbxW1FqgUptbQhkRDrhOrTviW+8mL6H5vl0Y8jrLzYKf5SFkQJCSVaKdy6ZUM+iiSxCMM//V36jy0/tv0c+XP3z4u/bv3O/7HpOmnvfaRS38cMixmqblYHqW2ja6ImRz5BIXi8jDwYye/B4t4xZX+VSAla3vouHqd/oveVwF+wRiGVFPfVsaUbIX1hiW1URGZOPlFbJUpYQdiIXQi1oUizIky3QyG/hzN5tIg+rJDHJ1H18hENRvhkIWd91ABfXsrAkzao1mhjTDXOUIMNMYFFvv4KWDQYbVRs/2qTDTS+UUfaM0tjpPp1PzXG6ZuHBjC1a4IHm2iEvnNVdilLSyW5ym2cer0cnqhTDI1LSw31wprKgKBvcjTkDjOr08fFeyjMcEuLJ3k6GGLZfbmCdjKyZnITr2TnhAAAAAA=) format("woff2")
}

@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("../fonts/fa-regular-400-w93C56hJ.woff2") format("woff2");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAA/IAAkAAAAAIi4AAA9/A4EBAAAAAAAAAAAAAAAAAAAAAAAAAAAAATYCJAQGBmADgRwFiH0AghwHIA22GYUWESMRdnLSigfwXxK0JUN3PWgtIVtGtFABIUcjR8vMKvVNUhctBQIndOh7wFzNSdpf090C0MDGNSSuod3GJyMkmSUKlm72kk6vLpKqU4SDLlGqOoHx7wzNIRzzvZseTSBF/CoWaAkVRa5inol55lqxm5oz/9pr/qq+GXmakr21m0KxnJeWZ3dOoSo0//sTGj5e/r///znN1cDq77IugUrslFAFYg2CIfrG8Y3Q37GCqLAnZVKJvSuQC/x0zjP8v7/fp1rJjZ8tzGQcKS6iBFIAJMtql0EBKwIFJDuugO7Ztucm55fDg6nLQiMNIEFoAX1WesldzzU7W7qlB5C8/++0N/TOuYAMJkEJWxa0H6VUF8my5XljyWqW/HtHCdpC8/dzpf3Zo1xxtyzxz6xshdvbIjqxeb2f7J8c5YBze4Ccu5kUEBWBI0AH7IDAk6uwKytrZI3u+Oomu9N+Ch7edEI2hmbmj9mR4KGCCO1OI0Dr/VoFnpZiOoC03o/+9KGeq7f9lSyoBfSRrC9Amv8NNQXkv9dga9kX4SPg6q20ZH4KKkGH7ZxcnL4NSQJ3bNjDCltkZrMsvFjN7LHIvUfNiVvGzRR5g2liAY8ep1zeXndi8cn0bUAk+Rdo+H2aN3ibf00mnl6cTgSTzGQi2PwMLyybUdSOvMvrfRwevuNCicEtAc7iNqM5uMOiDXd5AXgoUDKe4wSrl3nYrJiJ5dgWy5eZNmGBqPqM7SiyHxMG13JMyioCC01sSbFISoxYYmjOYqngylWrJo0avhAvkN+mBQx+0Q/EuqY/MKvU/6QZOMFPn8YVKyFyLf/LwdGlvyBChm501AWTjv/yEZr7ZH17ZBCTYxHSc7VDmT9AFoyEi6CHBl359As9DQ82B5suxNn3j4gMt+UxWSNNYZZQvW8yZzIvpkfcsB9IM5scuJuxZ+gYJ1yo5FvehXBoyRMNnMS9UkW8OOc0MMSN2jR1ry3AabQk+JogpOfRBxzLQ6FlJ2OAKkDymQgcW9xTi3N58PQJMI1CpuCI5kjHZahelKvRmSv2ue23LAciStmv+qMxQMnoseN2TIh3nYzeu5gDMxPesxbeaVPhgpl1YJmQaT3p1uPa1l1QhEhsavLU+p3RJIxFqOwqyqks0qiMPn+ufnYItSTrkSg46sjY07FeCST6L1G6yVZZA2yuHrPmLfvQd7z6pC2GlriWzHIa3OjGNaElbS9udWlddmD03CQBYiOxu4x5MJj9aty8+8AtN195+WXnHXvMkeNHDepdrGj100fvPXPfPXedUS6QTH6OC8SLjm/RC7INBP1psFtAuh/jut1At7ug28Oumya6dSRdewT9u6fdi8KNPu45gM6I0glL5B4A5FS5OD6rJV07pr01Tbe7DNCfricygjae+C8jaQlwudWMKcHzYSyjgDACa+78r8uoVNCuVt7QVZyQLL8TeXFxjQoILPBnv12E3VdiCtFHfhcuFVlENkpnn2H/SXxVqpIlyc3yF4pgxXblcOUDlbeqTC1Xn9KUaxfCEQ5ZDvsdWhyTHXc4xTiPFe9zSekzvX2uzy5XoflexesHfIjl6zaU7k0eJ7GkJRisvss6IthIXzDKJNgOafeXL1zY+OrZ2RWDrpkmcPqRR0ALgU2f5sPNsN5mzE7tGsX/CsEmx07579/v/0rKfyU/B9xewNKUpWHBHGbSwWLhbS+nLAwOaSF2mpv37S0/A/N7tx/MR+H37AN49NY/GwSdrdlKnwmsNXUd0tTVHOFmclEYIQgaGkBICGSuZ2Zc1ZkgP6RM2kJWRDpVWXSeUXND5gKE1JyQkTqNKOsaR7iRmE+pgsyJlfylH6GUWXsT4uqgTL4XmmnNBvTSIeYa4auJkXz9tYBP6kI9QqqfU+wpBYuGK8AgbUZh6gA5zBkSrotIcz5B9ZUVMbvF5XkimQGmEkJDFtup83hwGaecgpTfOY8wQkjFBzHim294LkTOH5ONcFRwicEpLaxkTBrpwgUgBlRdiBbKSaPvsPwgNe+QUgccBUKDlOTvIscppyB76uemdhAoSqlahohzaq7UyX1ypuqk1WitUALYdpVCZjsbLNPWInJ/Wes1k6pryh+M6SRpjCbelogDZqvZoKqmSIjR31Kygf6f65K5G/LTlgDb0MVco6lFM67rlKt9moYigNgIdq9yZOjHuvIR2PQxkiarNVcVl9zfdHZiykproVioWsEItpndkPRp+9f1iEFZrhiBIGSl9F51vg6hluZQK1vrAmvXWTvJBc0mVVWMsuULNSugE0RQP9YSpt/9U5ZGBkV6UFpG3YtQk8V8RYcxEvldZR5I30VGzICwLSbvPXh/sd8AvSSvFjJZCB+d6PnyuEek88l8lBPR+BJaCYxfwwA0qhk0mcY4Z4w7NSIui2Spk3wgIpgJhpzfTmKALCrJLZCAScME5kqCYdqz+RVLJFffGEwnooYqpsl7EEYSN0SqBE30aFd04GY8/GVnAGNw86+H/zWjfEohq3YYxm0LulET5J7JoTAIGWn0CYlrS9e/DgdlMOlMMM2U/9dKwRHEda8hq2OZM8rY5I00yY9eXn4zGnIsmAASXcciw0TcLGE9Be859qlRjbeNBLjn/fu9kbEK/E0YQQ31G+2zQY3SuUUVjsBLePiL/6+46JcWPTyrzXIohckV6wVMt4jguZ/DT85pkL1XgabxDej/lYMB5gkvnpz879KLsg1b4DuSzocNzAOx8K39A+BeuhzA0bwHxKtUqlvryMsHHRjDoAqCdgrT6/MrNJIl8BAha+So2Z3q4y7bsHc2oWKDc3jqafI8EzgA8xbpBJ8JJKRRDnt7UXS0YwcEKRXGPKiGlDgD3ugGi52DrG2MM8+AO83Woq8P9JT6ox9mlDCwZhyDETO3JmvjwFnCPfnw45a5stJ9j1QK+bzOqv2jqUZBNibfaIdOl1eA1kQ7h2dQI8DTZTUXVFJmzyIlJVwFsTapQBQqjqdr4qXGfoma0Qnna96oFnEPDNrdtcWgvWAvEUqs4GC8mVtbJ8omjqeYiro6oT8pq3ip63X6up32Y4gP1PUX6APTS9osERNRRXR9i/+YulbmAd3XfI0eWF1ubK2AI4NK8ygBll5Oq4JoKJ127LhN21X7NfXV+7k0Rgtlu8hpjgyapeonI0xI1cn6T61Xpq5rpx3VT7g/pSGipIRrGWKB9tY56llBi0myy5NmDZRGrbd4OInkwyiXMhKjtl/T1iC5iId7UOocDRvAnozZYbGHekzqtCExsN/jToMDp2hoAT2/g7ySVayA/KCUxm07sANSKQ+JgVVb7bDjedw2hLw9aOsGPOucwfNDNPQ82R4kBooORoE6uEc368C/4EV6ptNehiCxci9VcrbhBugYGilx8skc9pfwz7f4lcUujBZqGRT7Yj9/GeF9uY9sli0x+jZku4B7V5CtDAsvQE+x4CGiGMrHlBnjZ0bH0PihMmF80fW1oCF2ZNt7v3jHuzgavrvcNTa8/Mf+lA28ePHHhdmlDs8Ijtsw41mQAzvwgOKGD1MfShiSoHyiyJrdYqp0/sF6cC6ZcQcwPs1nKZaFuzYcmZ63tyiDyriD0nlUmMlvEVDQLq09dX5+a/BCmp3giaHXbgvBDWB6GUeYkCJoe0RHFAuTiC7EWEtxIjYMlowP2ID2zjgBYs0FN4eE5IuVNZgWg21O/9fbq/bbBR+RDrc2rLVjxpO+anAx69iHLY8Rwbgn6BgDS4KZvlyRdNypPcT4G0RcEvfduSXZK9vbOhvOqxLHo0L53u3tM2fQ1171UqgFwaN7/iNt0KPwFbvwYwjhFlnWBIKVFEMvvpaVQNC18E19gVmLOadcxghyPsO0e9GzdZqJbAXKAazc/8ObOkWFE3IWDAnZDxLnMwOjzchyp7RASRrhFEiUFFsYUZZGhB5+IW2DBTHDEDOBSjHt/IyKa+I2YgshSBQUvjdFHVFSnRM7MLrKBcRwFxNCXuKIWxkkDZ3+GNSME7+HNFfwO/1sPObe41m+JMcl5i4nO+f7sAWpd3LiiRQKWk4dBljDES8g2BQw2ivsHIW4+jD/wt59GA//0G8vh/oQ5lvznmwzL8LRG9sCdLI+9lzbhO05llkvRHx2KbZmKzhzwqUGwYQo01QBjU9dhD4so8lPnjgxcUjV0SIEMK4oIhJD7FTYlJhAMCAvn9kKjWCzYoSFkOXbiZ9YkeBAyWHrMwq8OGUy2/ExrEh6VZNtBrZRyYayz4FnJlTvuR/zj9Jll0FK/h5zjG4lJQ84Rrz/PlWhF67tuOAAReg8QlviW7BqX0z6dNNNWjHPAf0783geYmU3uu+nMa96e7VTkIwddJvmc7uBmfrcbhKZC0RHpV/nFU6Q48pogAXcnadHcERQnjZYlsKgbAkz/PvinZmQWXZBy19p5MhAQE40OBPxz+fYZgK99OPNnJXHxomMWB7La/SnlBrolWVgu/xaRI7zL8ALVqePUC9iPvuUW3N3XZI6J6uRiMrebvG9YDIbfHGAXDedDHIpyu79Uq4D91aqY3+ABiG8rsVnRg1L5xpsOLVt51LUQTvrEAtUMqzOzqK2T2t2zP772rd/ZY6fUp1uF6ePhpWeIxiqoWyhNsRA69AZrcY5o5zVFHUIBwtfsdxjAkFKhVFxVByV78qjlajtlsg1clS7RI9XJ/f2gjjXdB/xy3u+B7Z1szrwPh1m8nMticlqfZJWvPGLmjcJBohzT5z1F63AWaocmFtuAY1ePeBY30R4kfL7aE9+GetD5Hvj8eGMZ3up6qQxKgieGx69dhLxDSY+nQ5FI3LRfrLhMDFvEwF2uOoME+/Gh0MqYxkm4s05u6D4DyLBRemu4kMtB6Nv/NOFUZPitzFD8qL8o0r+kYrPnnsY0vWZd5GEzsCREC+Wz3APkfzeqsAp0tZw0lLrhuy2DNy1E1VNM1LqdhIO45OPIwT3rftapv3Bq7mdNHFSgnKIkN8flMKWHNJF9U1BMQglWyx3EZ7e5f02oBD3RnnUPJn1p0wir+pGFraC2kyNDOKF8tvhNtQ4Hcy0KjTgZz2eIU55xre6wlnEltXkEBDbif0x/5SQnkBBsVWmb3r49ic42aAZm9yFY1aRg7n+S55ntbIbUFoODVCE879nRYAuMN+ACxenLXW8IjGFgtIdIwdl+hm8IjDZChcfQWQE4njeBgZtMFXgB6tKKFfpy23VFRCE125CitD/JeFiLDnXDHDSEnA6F9x0fPn4hNuPX1WQu8Z38LPLmCxI8nJVmHouX1lTh3BMEinPhg07NI3cNPSeEiWEBfG4rV6SAQMAAAA=) format("woff2");
  unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: ""
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: "Geist", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-400: oklch(75% .183 55.934);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-brand-purple-400: oklch(69% .2 285);
    --color-brand-purple-500-10: oklch(60% .26 285/.1);
    --color-brand-purple-500-20: oklch(60% .26 285/.2);
    --color-brand-purple-500-30: oklch(60% .26 285/.3);
    --color-surface-base: #0d0d0e;
    --color-surface-raised: #121212;
    --color-surface-overlay: #161616;
    --color-surface-sunken: #0a0a0b;
    --color-hairline: #232326;
    --color-hairline-strong: #303034;
    --color-content: #f4f4f5;
    --color-content-muted: #a1a1aa;
    --color-content-faint: #85858f;
    --color-brand: #6e56e8;
    --color-brand-hover: #8271ee;
    --color-chain-sol: #9945ff;
    --color-chain-sol-text: #b28bff;
    --color-chain-bnb: #f0b90b;
    --color-chain-bnb-ink: #3a2c05;
    --color-chain-bnb-text: #f5c542;
    --color-positive: #46c46a;
    --color-negative: #ef4d4d;
    --color-warning: #d99a2b;
    --color-warning-ink: #2b1d05;
    --color-caution: #e0803a;
    --color-negative-strong: #b02525;
    --color-surface-page: #050508
  }
}

@layer base {

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
  }

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display: none !important
  }

  html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
  }

  body {
    font-family: var(--font-sans, "Geist", ui-sans-serif, -apple-system, "Segoe UI", sans-serif);
    font-size: var(--text-body);
    line-height: var(--leading-body);
    letter-spacing: var(--tracking-body);
    font-weight: var(--weight-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: normal;
    font-feature-settings: "kern" 1, "liga" 1;
    overflow-x: clip
  }

  .tabular,
  [data-numeric],
  .font-mono,
  code,
  kbd,
  samp,
  pre {
    font-family: var(--font-mono, "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "zero" 1
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: var(--weight-semibold);
    line-height: var(--leading-heading);
    letter-spacing: var(--tracking-heading);
    text-wrap: balance
  }

  h1 {
    font-size: var(--text-h1);
    line-height: var(--leading-tight)
  }

  h2 {
    font-size: var(--text-h2)
  }

  h3 {
    font-size: var(--text-h3)
  }

  h4 {
    font-size: var(--text-h4)
  }

  .prose p {
    max-width: var(--measure);
    line-height: var(--leading-relaxed);
    text-wrap: pretty
  }

  .prose {
    line-height: var(--leading-relaxed);
    text-wrap: pretty
  }

  :focus-visible {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px;
    border-radius: var(--radius-sm)
  }

  :focus:not(:focus-visible) {
    outline: none
  }
}

@layer components {
  .terms-checkbox {
    width: 1rem;
    height: 1rem;
    accent-color: var(--color-brand);
    border-radius: var(--radius-sm);
    cursor: pointer;
    flex-shrink: 0
  }

  .terms-checkbox:focus-visible {
    outline: 2px solid var(--color-brand);
    outline-offset: 2px
  }
}

@layer utilities {
  .\@container {
    container-type: inline-size
  }

  .pointer-events-none {
    pointer-events: none
  }

  .collapse {
    visibility: collapse
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing)*0)
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing)*0)
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing)*0)
  }

  .top-0 {
    top: calc(var(--spacing)*0)
  }

  .top-0\.5 {
    top: calc(var(--spacing)*.5)
  }

  .top-1 {
    top: calc(var(--spacing)*1)
  }

  .top-1\/2 {
    top: 50%
  }

  .top-3 {
    top: calc(var(--spacing)*3)
  }

  .top-4 {
    top: calc(var(--spacing)*4)
  }

  .top-5 {
    top: calc(var(--spacing)*5)
  }

  .top-20 {
    top: calc(var(--spacing)*20)
  }

  .top-full {
    top: 100%
  }

  .right-0 {
    right: calc(var(--spacing)*0)
  }

  .right-2 {
    right: calc(var(--spacing)*2)
  }

  .right-3 {
    right: calc(var(--spacing)*3)
  }

  .right-4 {
    right: calc(var(--spacing)*4)
  }

  .right-6 {
    right: calc(var(--spacing)*6)
  }

  .-bottom-px {
    bottom: -1px
  }

  .bottom-1\/3 {
    bottom: 33.3333%
  }

  .left-0 {
    left: calc(var(--spacing)*0)
  }

  .left-0\.5 {
    left: calc(var(--spacing)*.5)
  }

  .left-1 {
    left: calc(var(--spacing)*1)
  }

  .left-1\/2 {
    left: 50%
  }

  .left-3 {
    left: calc(var(--spacing)*3)
  }

  .left-8 {
    left: calc(var(--spacing)*8)
  }

  .z-2 {
    z-index: 2
  }

  .z-10 {
    z-index: 10
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-\[1\] {
    z-index: 1
  }

  .z-\[16\] {
    z-index: 16
  }

  .z-\[35\] {
    z-index: 35
  }

  .z-\[90\] {
    z-index: 90
  }

  .z-\[91\] {
    z-index: 91
  }

  .z-\[100\] {
    z-index: 100
  }

  .z-\[200\] {
    z-index: 200
  }

  .z-\[9999\] {
    z-index: 9999
  }

  .z-\[10000\] {
    z-index: 10000
  }

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

  .order-3 {
    order: 3
  }

  .col-span-2 {
    grid-column: span 2/span 2
  }

  .col-start-1 {
    grid-column-start: 1
  }

  .col-start-2 {
    grid-column-start: 2
  }

  .row-span-2 {
    grid-row: span 2/span 2
  }

  .row-start-1 {
    grid-row-start: 1
  }

  .row-start-2 {
    grid-row-start: 2
  }

  .container {
    width: 100%
  }

  @media(min-width:40rem) {
    .container {
      max-width: 40rem
    }
  }

  @media(min-width:48rem) {
    .container {
      max-width: 48rem
    }
  }

  @media(min-width:64rem) {
    .container {
      max-width: 64rem
    }
  }

  @media(min-width:80rem) {
    .container {
      max-width: 80rem
    }
  }

  @media(min-width:96rem) {
    .container {
      max-width: 96rem
    }
  }

  .m-0 {
    margin: calc(var(--spacing)*0)
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing)*-1)
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing)*-4)
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing)*.5)
  }

  .mx-1 {
    margin-inline: calc(var(--spacing)*1)
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing)*2.5)
  }

  .mx-3 {
    margin-inline: calc(var(--spacing)*3)
  }

  .mx-4 {
    margin-inline: calc(var(--spacing)*4)
  }

  .mx-6 {
    margin-inline: calc(var(--spacing)*6)
  }

  .mx-auto {
    margin-inline: auto
  }

  .my-2 {
    margin-block: calc(var(--spacing)*2)
  }

  .-mt-1 {
    margin-top: calc(var(--spacing)*-1)
  }

  .mt-0 {
    margin-top: calc(var(--spacing)*0)
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing)*.5)
  }

  .mt-1 {
    margin-top: calc(var(--spacing)*1)
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
  }

  .mt-2 {
    margin-top: calc(var(--spacing)*2)
  }

  .mt-3 {
    margin-top: calc(var(--spacing)*3)
  }

  .mt-4 {
    margin-top: calc(var(--spacing)*4)
  }

  .mt-5 {
    margin-top: calc(var(--spacing)*5)
  }

  .mt-6 {
    margin-top: calc(var(--spacing)*6)
  }

  .mt-8 {
    margin-top: calc(var(--spacing)*8)
  }

  .mt-10 {
    margin-top: calc(var(--spacing)*10)
  }

  .mt-20 {
    margin-top: calc(var(--spacing)*20)
  }

  .-mr-0\.5 {
    margin-right: calc(var(--spacing)*-.5)
  }

  .-mr-1 {
    margin-right: calc(var(--spacing)*-1)
  }

  .-mr-3 {
    margin-right: calc(var(--spacing)*-3)
  }

  .mr-1 {
    margin-right: calc(var(--spacing)*1)
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing)*1.5)
  }

  .mr-2 {
    margin-right: calc(var(--spacing)*2)
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing)*0)
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing)*.5)
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing)*1)
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing)*1.5)
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing)*2)
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing)*3)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing)*5)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing)*8)
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing)*.5)
  }

  .ml-1 {
    margin-left: calc(var(--spacing)*1)
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing)*1.5)
  }

  .ml-2 {
    margin-left: calc(var(--spacing)*2)
  }

  .ml-3 {
    margin-left: calc(var(--spacing)*3)
  }

  .ml-auto {
    margin-left: auto
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .inline-grid {
    display: inline-grid
  }

  .table {
    display: table
  }

  .table-row {
    display: table-row
  }

  .aspect-\[9\/7\] {
    aspect-ratio: 9/7
  }

  .size-5 {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
  }

  .h-0\.5 {
    height: calc(var(--spacing)*.5)
  }

  .h-1 {
    height: calc(var(--spacing)*1)
  }

  .h-1\.5 {
    height: calc(var(--spacing)*1.5)
  }

  .h-2 {
    height: calc(var(--spacing)*2)
  }

  .h-2\.5 {
    height: calc(var(--spacing)*2.5)
  }

  .h-3 {
    height: calc(var(--spacing)*3)
  }

  .h-3\.5 {
    height: calc(var(--spacing)*3.5)
  }

  .h-4 {
    height: calc(var(--spacing)*4)
  }

  .h-5 {
    height: calc(var(--spacing)*5)
  }

  .h-6 {
    height: calc(var(--spacing)*6)
  }

  .h-7 {
    height: calc(var(--spacing)*7)
  }

  .h-8 {
    height: calc(var(--spacing)*8)
  }

  .h-10 {
    height: calc(var(--spacing)*10)
  }

  .h-11 {
    height: calc(var(--spacing)*11)
  }

  .h-12 {
    height: calc(var(--spacing)*12)
  }

  .h-14 {
    height: calc(var(--spacing)*14)
  }

  .h-16 {
    height: calc(var(--spacing)*16)
  }

  .h-20 {
    height: calc(var(--spacing)*20)
  }

  .h-24 {
    height: calc(var(--spacing)*24)
  }

  .h-96 {
    height: calc(var(--spacing)*96)
  }

  .h-\[18px\] {
    height: 18px
  }

  .h-\[42px\] {
    height: 42px
  }

  .h-\[68px\] {
    height: 68px
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .h-screen {
    height: 100vh
  }

  .max-h-0 {
    max-height: calc(var(--spacing)*0)
  }

  .max-h-32 {
    max-height: calc(var(--spacing)*32)
  }

  .max-h-40 {
    max-height: calc(var(--spacing)*40)
  }

  .max-h-64 {
    max-height: calc(var(--spacing)*64)
  }

  .max-h-72 {
    max-height: calc(var(--spacing)*72)
  }

  .max-h-\[60vh\] {
    max-height: 60vh
  }

  .max-h-\[70vh\] {
    max-height: 70vh
  }

  .max-h-\[85dvh\] {
    max-height: 85dvh
  }

  .max-h-\[85vh\] {
    max-height: 85vh
  }

  .max-h-\[90vh\] {
    max-height: 90vh
  }

  .max-h-\[420px\] {
    max-height: 420px
  }

  .max-h-\[500px\] {
    max-height: 500px
  }

  .max-h-\[1000px\] {
    max-height: 1000px
  }

  .max-h-\[calc\(100dvh-200px\)\] {
    max-height: calc(100dvh - 200px)
  }

  .min-h-0 {
    min-height: calc(var(--spacing)*0)
  }

  .min-h-6 {
    min-height: calc(var(--spacing)*6)
  }

  .min-h-8 {
    min-height: calc(var(--spacing)*8)
  }

  .min-h-11 {
    min-height: calc(var(--spacing)*11)
  }

  .min-h-\[1\.5rem\] {
    min-height: 1.5rem
  }

  .min-h-\[1\.25rem\] {
    min-height: 1.25rem
  }

  .min-h-\[1\.125rem\] {
    min-height: 1.125rem
  }

  .min-h-\[24px\] {
    min-height: 24px
  }

  .min-h-\[32px\] {
    min-height: 32px
  }

  .min-h-\[120px\] {
    min-height: 120px
  }

  .min-h-\[400px\] {
    min-height: 400px
  }

  .min-h-\[440px\] {
    min-height: 440px
  }

  .min-h-\[500px\] {
    min-height: 500px
  }

  .min-h-screen {
    min-height: 100vh
  }

  .w-1 {
    width: calc(var(--spacing)*1)
  }

  .w-1\.5 {
    width: calc(var(--spacing)*1.5)
  }

  .w-1\/2 {
    width: 50%
  }

  .w-2 {
    width: calc(var(--spacing)*2)
  }

  .w-2\.5 {
    width: calc(var(--spacing)*2.5)
  }

  .w-2\/3 {
    width: 66.6667%
  }

  .w-3 {
    width: calc(var(--spacing)*3)
  }

  .w-3\.5 {
    width: calc(var(--spacing)*3.5)
  }

  .w-3\/4 {
    width: 75%
  }

  .w-4 {
    width: calc(var(--spacing)*4)
  }

  .w-5 {
    width: calc(var(--spacing)*5)
  }

  .w-6 {
    width: calc(var(--spacing)*6)
  }

  .w-7 {
    width: calc(var(--spacing)*7)
  }

  .w-8 {
    width: calc(var(--spacing)*8)
  }

  .w-9 {
    width: calc(var(--spacing)*9)
  }

  .w-10 {
    width: calc(var(--spacing)*10)
  }

  .w-11 {
    width: calc(var(--spacing)*11)
  }

  .w-12 {
    width: calc(var(--spacing)*12)
  }

  .w-14 {
    width: calc(var(--spacing)*14)
  }

  .w-16 {
    width: calc(var(--spacing)*16)
  }

  .w-20 {
    width: calc(var(--spacing)*20)
  }

  .w-24 {
    width: calc(var(--spacing)*24)
  }

  .w-32 {
    width: calc(var(--spacing)*32)
  }

  .w-40 {
    width: calc(var(--spacing)*40)
  }

  .w-48 {
    width: calc(var(--spacing)*48)
  }

  .w-56 {
    width: calc(var(--spacing)*56)
  }

  .w-64 {
    width: calc(var(--spacing)*64)
  }

  .w-72 {
    width: calc(var(--spacing)*72)
  }

  .w-80 {
    width: calc(var(--spacing)*80)
  }

  .w-\[8\.5rem\] {
    width: 8.5rem
  }

  .w-\[8ch\] {
    width: 8ch
  }

  .w-\[18px\] {
    width: 18px
  }

  .w-\[220px\] {
    width: 220px
  }

  .w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem)
  }

  .w-\[min\(92vw\,400px\)\] {
    width: min(92vw, 400px)
  }

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .w-px {
    width: 1px
  }

  .max-w-2xl {
    max-width: var(--container-2xl)
  }

  .max-w-3xl {
    max-width: var(--container-3xl)
  }

  .max-w-4xl {
    max-width: var(--container-4xl)
  }

  .max-w-5xl {
    max-width: var(--container-5xl)
  }

  .max-w-6xl {
    max-width: var(--container-6xl)
  }

  .max-w-7xl {
    max-width: var(--container-7xl)
  }

  .max-w-\[20ch\] {
    max-width: 20ch
  }

  .max-w-\[46ch\] {
    max-width: 46ch
  }

  .max-w-\[68ch\] {
    max-width: 68ch
  }

  .max-w-\[90px\] {
    max-width: 90px
  }

  .max-w-\[92vw\] {
    max-width: 92vw
  }

  .max-w-\[100rem\] {
    max-width: 100rem
  }

  .max-w-\[100vw\] {
    max-width: 100vw
  }

  .max-w-\[110px\] {
    max-width: 110px
  }

  .max-w-\[150px\] {
    max-width: 150px
  }

  .max-w-\[400px\] {
    max-width: 400px
  }

  .max-w-\[1100px\] {
    max-width: 1100px
  }

  .max-w-\[1700px\] {
    max-width: 1700px
  }

  .max-w-\[calc\(100vw-1\.5rem\)\] {
    max-width: calc(100vw - 1.5rem)
  }

  .max-w-\[var\(--container\)\] {
    max-width: var(--container)
  }

  .max-w-lg {
    max-width: var(--container-lg)
  }

  .max-w-md {
    max-width: var(--container-md)
  }

  .max-w-sm {
    max-width: var(--container-sm)
  }

  .max-w-xl {
    max-width: var(--container-xl)
  }

  .max-w-xs {
    max-width: var(--container-xs)
  }

  .min-w-0 {
    min-width: calc(var(--spacing)*0)
  }

  .min-w-48 {
    min-width: calc(var(--spacing)*48)
  }

  .min-w-64 {
    min-width: calc(var(--spacing)*64)
  }

  .min-w-\[7rem\] {
    min-width: 7rem
  }

  .min-w-\[60px\] {
    min-width: 60px
  }

  .min-w-\[70px\] {
    min-width: 70px
  }

  .min-w-\[150px\] {
    min-width: 150px
  }

  .min-w-\[300px\] {
    min-width: 300px
  }

  .min-w-max {
    min-width: max-content
  }

  .flex-1 {
    flex: 1
  }

  .flex-shrink {
    flex-shrink: 1
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .border-collapse {
    border-collapse: collapse
  }

  .origin-top-left {
    transform-origin: 0 0
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing)*4);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing)*6);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .rotate-180 {
    rotate: 180deg
  }

  .transform {
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
  }

  .animate-bounce {
    animation: var(--animate-bounce)
  }

  .animate-ping {
    animation: var(--animate-ping)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .animate-spin {
    animation: var(--animate-spin)
  }

  .cursor-default {
    cursor: default
  }

  .cursor-grab {
    cursor: grab
  }

  .cursor-not-allowed {
    cursor: not-allowed
  }

  .cursor-ns-resize {
    cursor: ns-resize
  }

  .cursor-pointer {
    cursor: pointer
  }

  .cursor-zoom-out {
    cursor: zoom-out
  }

  .touch-manipulation {
    touch-action: manipulation
  }

  .touch-none {
    touch-action: none
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .resize-y {
    resize: vertical
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing)*28)
  }

  .list-decimal {
    list-style-type: decimal
  }

  .list-disc {
    list-style-type: disc
  }

  .list-none {
    list-style-type: none
  }

  .appearance-none {
    appearance: none
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto
  }

  .flex-col {
    flex-direction: column
  }

  .flex-row-reverse {
    flex-direction: row-reverse
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .place-items-center {
    place-items: center
  }

  .\!items-start {
    align-items: flex-start !important
  }

  .items-baseline {
    align-items: baseline
  }

  .items-center {
    align-items: center
  }

  .items-end {
    align-items: flex-end
  }

  .items-start {
    align-items: flex-start
  }

  .items-stretch {
    align-items: stretch
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

  .gap-0 {
    gap: calc(var(--spacing)*0)
  }

  .gap-0\.5 {
    gap: calc(var(--spacing)*.5)
  }

  .gap-1 {
    gap: calc(var(--spacing)*1)
  }

  .gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
  }

  .gap-2 {
    gap: calc(var(--spacing)*2)
  }

  .gap-2\.5 {
    gap: calc(var(--spacing)*2.5)
  }

  .gap-3 {
    gap: calc(var(--spacing)*3)
  }

  .gap-4 {
    gap: calc(var(--spacing)*4)
  }

  .gap-5 {
    gap: calc(var(--spacing)*5)
  }

  .gap-6 {
    gap: calc(var(--spacing)*6)
  }

  .gap-8 {
    gap: calc(var(--spacing)*8)
  }

  .gap-12 {
    gap: calc(var(--spacing)*12)
  }

  :where(.space-y-0\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-1\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing)*1.5)
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing)*2)
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing)*3)
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing)*4)
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing)*5)
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing)*6)
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing)*8)
  }

  :where(.space-x-2>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing)*1)
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing)*1.5)
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing)*2)
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing)*3)
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing)*4)
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing)*5)
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing)*6)
  }

  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px*var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
  }

  :where(.divide-hairline>:not(:last-child)) {
    border-color: var(--color-hairline)
  }

  .self-center {
    align-self: center
  }

  .self-start {
    align-self: flex-start
  }

  .justify-self-end {
    justify-self: flex-end
  }

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

  .overflow-auto {
    overflow: auto
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-scroll {
    overflow: scroll
  }

  .overflow-visible {
    overflow: visible
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .overflow-x-clip {
    overflow-x: clip
  }

  .overflow-x-hidden {
    overflow-x: hidden
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .overflow-y-hidden {
    overflow-y: hidden
  }

  .rounded {
    border-radius: .25rem
  }

  .rounded-\[3px\] {
    border-radius: 3px
  }

  .rounded-\[var\(--radius-full\)\] {
    border-radius: var(--radius-full)
  }

  .rounded-\[var\(--radius-lg\)\] {
    border-radius: var(--radius-lg)
  }

  .rounded-\[var\(--radius-md\)\] {
    border-radius: var(--radius-md)
  }

  .rounded-\[var\(--radius-sm\)\] {
    border-radius: var(--radius-sm)
  }

  .rounded-full {
    border-radius: 3.40282e38px
  }

  .rounded-lg {
    border-radius: var(--radius-lg)
  }

  .rounded-md {
    border-radius: var(--radius-md)
  }

  .rounded-t-\[var\(--radius-lg\)\] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
  }

  .rounded-r-\[var\(--radius-sm\)\] {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm)
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .border-\[\#14b8a6\]\/30 {
    border-color: #14b8a64d
  }

  .border-black\/20 {
    border-color: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-black\/20 {
      border-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
  }

  .border-blue-500 {
    border-color: var(--color-blue-500)
  }

  .border-blue-500\/30 {
    border-color: #3080ff4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-blue-500\/30 {
      border-color: color-mix(in oklab, var(--color-blue-500)30%, transparent)
    }
  }

  .border-brand {
    border-color: var(--color-brand)
  }

  .border-brand\/20 {
    border-color: #6e56e833
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-brand\/20 {
      border-color: color-mix(in oklab, var(--color-brand)20%, transparent)
    }
  }

  .border-brand\/30 {
    border-color: #6e56e84d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-brand\/30 {
      border-color: color-mix(in oklab, var(--color-brand)30%, transparent)
    }
  }

  .border-brand\/40 {
    border-color: #6e56e866
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-brand\/40 {
      border-color: color-mix(in oklab, var(--color-brand)40%, transparent)
    }
  }

  .border-hairline {
    border-color: var(--color-hairline)
  }

  .border-hairline-strong {
    border-color: var(--color-hairline-strong)
  }

  .border-negative {
    border-color: var(--color-negative)
  }

  .border-negative\/20 {
    border-color: #ef4d4d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-negative\/20 {
      border-color: color-mix(in oklab, var(--color-negative)20%, transparent)
    }
  }

  .border-negative\/30 {
    border-color: #ef4d4d4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-negative\/30 {
      border-color: color-mix(in oklab, var(--color-negative)30%, transparent)
    }
  }

  .border-negative\/40 {
    border-color: #ef4d4d66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-negative\/40 {
      border-color: color-mix(in oklab, var(--color-negative)40%, transparent)
    }
  }

  .border-negative\/50 {
    border-color: #ef4d4d80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-negative\/50 {
      border-color: color-mix(in oklab, var(--color-negative)50%, transparent)
    }
  }

  .border-positive {
    border-color: var(--color-positive)
  }

  .border-positive\/20 {
    border-color: #46c46a33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-positive\/20 {
      border-color: color-mix(in oklab, var(--color-positive)20%, transparent)
    }
  }

  .border-positive\/30 {
    border-color: #46c46a4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-positive\/30 {
      border-color: color-mix(in oklab, var(--color-positive)30%, transparent)
    }
  }

  .border-positive\/40 {
    border-color: #46c46a66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-positive\/40 {
      border-color: color-mix(in oklab, var(--color-positive)40%, transparent)
    }
  }

  .border-red-500\/20 {
    border-color: #fb2c3633
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
    }
  }

  .border-red-500\/30 {
    border-color: #fb2c364d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
    }
  }

  .border-red-500\/40 {
    border-color: #fb2c3666
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/40 {
      border-color: color-mix(in oklab, var(--color-red-500)40%, transparent)
    }
  }

  .border-red-500\/50 {
    border-color: #fb2c3680
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/50 {
      border-color: color-mix(in oklab, var(--color-red-500)50%, transparent)
    }
  }

  .border-transparent {
    border-color: #0000
  }

  .border-violet-400\/30 {
    border-color: #a685ff4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-violet-400\/30 {
      border-color: color-mix(in oklab, var(--color-violet-400)30%, transparent)
    }
  }

  .border-violet-400\/40 {
    border-color: #a685ff66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-violet-400\/40 {
      border-color: color-mix(in oklab, var(--color-violet-400)40%, transparent)
    }
  }

  .border-violet-400\/50 {
    border-color: #a685ff80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-violet-400\/50 {
      border-color: color-mix(in oklab, var(--color-violet-400)50%, transparent)
    }
  }

  .border-warning\/30 {
    border-color: #d99a2b4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning\/30 {
      border-color: color-mix(in oklab, var(--color-warning)30%, transparent)
    }
  }

  .border-warning\/40 {
    border-color: #d99a2b66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--color-warning)40%, transparent)
    }
  }

  .border-white {
    border-color: var(--color-white)
  }

  .border-white\/10 {
    border-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }
  }

  .border-white\/20 {
    border-color: #fff3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
  }

  .border-white\/30 {
    border-color: #ffffff4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color: color-mix(in oklab, var(--color-white)30%, transparent)
    }
  }

  .border-yellow-500\/30 {
    border-color: #edb2004d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-yellow-500\/30 {
      border-color: color-mix(in oklab, var(--color-yellow-500)30%, transparent)
    }
  }

  .border-t-transparent {
    border-top-color: #0000
  }

  .border-l-\[var\(--color-negative\)\] {
    border-left-color: var(--color-negative)
  }

  .bg-\[\#0f0f1e\] {
    background-color: #0f0f1e
  }

  .bg-\[\#14b8a6\]\/20 {
    background-color: #14b8a633
  }

  .bg-\[\#050508\] {
    background-color: #050508
  }

  .bg-\[var\(--color-content\)\] {
    background-color: var(--color-content)
  }

  .bg-\[var\(--color-hairline\)\] {
    background-color: var(--color-hairline)
  }

  .bg-\[var\(--color-hairline-strong\)\] {
    background-color: var(--color-hairline-strong)
  }

  .bg-\[var\(--color-negative-strong\)\] {
    background-color: var(--color-negative-strong)
  }

  .bg-\[var\(--color-surface-page\)\] {
    background-color: var(--color-surface-page)
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500)
  }

  .bg-black\/60 {
    background-color: #0009
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black)60%, transparent)
    }
  }

  .bg-black\/70 {
    background-color: #000000b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black)70%, transparent)
    }
  }

  .bg-black\/90 {
    background-color: #000000e6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/90 {
      background-color: color-mix(in oklab, var(--color-black)90%, transparent)
    }
  }

  .bg-blue-500\/20 {
    background-color: #3080ff33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500)20%, transparent)
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600)
  }

  .bg-brand {
    background-color: var(--color-brand)
  }

  .bg-brand\/10 {
    background-color: #6e56e81a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/10 {
      background-color: color-mix(in oklab, var(--color-brand)10%, transparent)
    }
  }

  .bg-brand\/15 {
    background-color: #6e56e826
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/15 {
      background-color: color-mix(in oklab, var(--color-brand)15%, transparent)
    }
  }

  .bg-brand\/20 {
    background-color: #6e56e833
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/20 {
      background-color: color-mix(in oklab, var(--color-brand)20%, transparent)
    }
  }

  .bg-chain-bnb\/10 {
    background-color: #f0b90b1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-chain-bnb\/10 {
      background-color: color-mix(in oklab, var(--color-chain-bnb)10%, transparent)
    }
  }

  .bg-content-faint {
    background-color: var(--color-content-faint)
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100)
  }

  .bg-gray-400\/10 {
    background-color: #99a1af1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-gray-400\/10 {
      background-color: color-mix(in oklab, var(--color-gray-400)10%, transparent)
    }
  }

  .bg-gray-600 {
    background-color: var(--color-gray-600)
  }

  .bg-green-400\/10 {
    background-color: #05df721a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-400\/10 {
      background-color: color-mix(in oklab, var(--color-green-400)10%, transparent)
    }
  }

  .bg-hairline {
    background-color: var(--color-hairline)
  }

  .bg-hairline-strong {
    background-color: var(--color-hairline-strong)
  }

  .bg-negative {
    background-color: var(--color-negative)
  }

  .bg-negative-strong {
    background-color: var(--color-negative-strong)
  }

  .bg-negative\/10 {
    background-color: #ef4d4d1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-negative\/10 {
      background-color: color-mix(in oklab, var(--color-negative)10%, transparent)
    }
  }

  .bg-negative\/15 {
    background-color: #ef4d4d26
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-negative\/15 {
      background-color: color-mix(in oklab, var(--color-negative)15%, transparent)
    }
  }

  .bg-negative\/20 {
    background-color: #ef4d4d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-negative\/20 {
      background-color: color-mix(in oklab, var(--color-negative)20%, transparent)
    }
  }

  .bg-negative\/30 {
    background-color: #ef4d4d4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-negative\/30 {
      background-color: color-mix(in oklab, var(--color-negative)30%, transparent)
    }
  }

  .bg-orange-400\/10 {
    background-color: #ff8b1a1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-orange-400\/10 {
      background-color: color-mix(in oklab, var(--color-orange-400)10%, transparent)
    }
  }

  .bg-positive {
    background-color: var(--color-positive)
  }

  .bg-positive\/10 {
    background-color: #46c46a1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-positive\/10 {
      background-color: color-mix(in oklab, var(--color-positive)10%, transparent)
    }
  }

  .bg-positive\/15 {
    background-color: #46c46a26
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-positive\/15 {
      background-color: color-mix(in oklab, var(--color-positive)15%, transparent)
    }
  }

  .bg-purple-400\/10 {
    background-color: #c07eff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-purple-400\/10 {
      background-color: color-mix(in oklab, var(--color-purple-400)10%, transparent)
    }
  }

  .bg-red-400\/10 {
    background-color: #ff65681a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-400\/10 {
      background-color: color-mix(in oklab, var(--color-red-400)10%, transparent)
    }
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
    }
  }

  .bg-red-500\/20 {
    background-color: #fb2c3633
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
    }
  }

  .bg-surface-base {
    background-color: var(--color-surface-base)
  }

  .bg-surface-overlay {
    background-color: var(--color-surface-overlay)
  }

  .bg-surface-page {
    background-color: var(--color-surface-page)
  }

  .bg-surface-page\/25 {
    background-color: #05050840
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-surface-page\/25 {
      background-color: color-mix(in oklab, var(--color-surface-page)25%, transparent)
    }
  }

  .bg-surface-raised {
    background-color: var(--color-surface-raised)
  }

  .bg-surface-raised\/85 {
    background-color: #121212d9
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-surface-raised\/85 {
      background-color: color-mix(in oklab, var(--color-surface-raised)85%, transparent)
    }
  }

  .bg-surface-sunken {
    background-color: var(--color-surface-sunken)
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600)
  }

  .bg-violet-600\/10 {
    background-color: #7f22fe1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-violet-600\/10 {
      background-color: color-mix(in oklab, var(--color-violet-600)10%, transparent)
    }
  }

  .bg-violet-600\/20 {
    background-color: #7f22fe33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-violet-600\/20 {
      background-color: color-mix(in oklab, var(--color-violet-600)20%, transparent)
    }
  }

  .bg-warning {
    background-color: var(--color-warning)
  }

  .bg-warning\/10 {
    background-color: #d99a2b1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--color-warning)10%, transparent)
    }
  }

  .bg-warning\/15 {
    background-color: #d99a2b26
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/15 {
      background-color: color-mix(in oklab, var(--color-warning)15%, transparent)
    }
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-white\/5 {
    background-color: #ffffff0d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white)5%, transparent)
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }
  }

  .bg-yellow-400\/10 {
    background-color: #fac8001a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-400\/10 {
      background-color: color-mix(in oklab, var(--color-yellow-400)10%, transparent)
    }
  }

  .bg-yellow-500\/10 {
    background-color: #edb2001a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-500\/10 {
      background-color: color-mix(in oklab, var(--color-yellow-500)10%, transparent)
    }
  }

  .bg-yellow-500\/20 {
    background-color: #edb20033
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-500\/20 {
      background-color: color-mix(in oklab, var(--color-yellow-500)20%, transparent)
    }
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .object-center {
    object-position: center
  }

  .p-0 {
    padding: calc(var(--spacing)*0)
  }

  .p-0\.5 {
    padding: calc(var(--spacing)*.5)
  }

  .p-1 {
    padding: calc(var(--spacing)*1)
  }

  .p-1\.5 {
    padding: calc(var(--spacing)*1.5)
  }

  .p-2 {
    padding: calc(var(--spacing)*2)
  }

  .p-3 {
    padding: calc(var(--spacing)*3)
  }

  .p-4 {
    padding: calc(var(--spacing)*4)
  }

  .p-6 {
    padding: calc(var(--spacing)*6)
  }

  .p-8 {
    padding: calc(var(--spacing)*8)
  }

  .\!px-0 {
    padding-inline: calc(var(--spacing)*0) !important
  }

  .px-0 {
    padding-inline: calc(var(--spacing)*0)
  }

  .px-1 {
    padding-inline: calc(var(--spacing)*1)
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing)*1.5)
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2)
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing)*2.5)
  }

  .px-3 {
    padding-inline: calc(var(--spacing)*3)
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4)
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6)
  }

  .\!py-2 {
    padding-block: calc(var(--spacing)*2) !important
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1)
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
  }

  .py-2 {
    padding-block: calc(var(--spacing)*2)
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
  }

  .py-3 {
    padding-block: calc(var(--spacing)*3)
  }

  .py-4 {
    padding-block: calc(var(--spacing)*4)
  }

  .py-5 {
    padding-block: calc(var(--spacing)*5)
  }

  .py-6 {
    padding-block: calc(var(--spacing)*6)
  }

  .py-8 {
    padding-block: calc(var(--spacing)*8)
  }

  .py-10 {
    padding-block: calc(var(--spacing)*10)
  }

  .py-12 {
    padding-block: calc(var(--spacing)*12)
  }

  .py-16 {
    padding-block: calc(var(--spacing)*16)
  }

  .\!pt-16 {
    padding-top: calc(var(--spacing)*16) !important
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing)*.5)
  }

  .pt-1 {
    padding-top: calc(var(--spacing)*1)
  }

  .pt-2 {
    padding-top: calc(var(--spacing)*2)
  }

  .pt-3 {
    padding-top: calc(var(--spacing)*3)
  }

  .pt-4 {
    padding-top: calc(var(--spacing)*4)
  }

  .pt-5 {
    padding-top: calc(var(--spacing)*5)
  }

  .pt-6 {
    padding-top: calc(var(--spacing)*6)
  }

  .pt-24 {
    padding-top: calc(var(--spacing)*24)
  }

  .pr-1 {
    padding-right: calc(var(--spacing)*1)
  }

  .pr-2 {
    padding-right: calc(var(--spacing)*2)
  }

  .pr-3 {
    padding-right: calc(var(--spacing)*3)
  }

  .pr-4 {
    padding-right: calc(var(--spacing)*4)
  }

  .pr-8 {
    padding-right: calc(var(--spacing)*8)
  }

  .pr-10 {
    padding-right: calc(var(--spacing)*10)
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing)*1)
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing)*2)
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing)*3)
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing)*4)
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing)*6)
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing)*8)
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing)*12)
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing)*16)
  }

  .pb-px {
    padding-bottom: 1px
  }

  .pl-1 {
    padding-left: calc(var(--spacing)*1)
  }

  .pl-3 {
    padding-left: calc(var(--spacing)*3)
  }

  .pl-4 {
    padding-left: calc(var(--spacing)*4)
  }

  .pl-5 {
    padding-left: calc(var(--spacing)*5)
  }

  .pl-8 {
    padding-left: calc(var(--spacing)*8)
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .indent-\[0\.2em\] {
    text-indent: .2em
  }

  .indent-\[0\.4em\] {
    text-indent: .4em
  }

  .indent-\[0\.5em\] {
    text-indent: .5em
  }

  .align-middle {
    vertical-align: middle
  }

  .font-mono {
    font-family: var(--font-mono)
  }

  .font-sans {
    font-family: var(--font-sans)
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height))
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

  .text-\[0\.5em\] {
    font-size: .5em
  }

  .text-\[0\.6em\] {
    font-size: .6em
  }

  .text-\[0\.7em\] {
    font-size: .7em
  }

  .text-\[0\.8em\] {
    font-size: .8em
  }

  .text-\[0\.75em\] {
    font-size: .75em
  }

  .text-\[0\.85em\] {
    font-size: .85em
  }

  .text-\[9px\] {
    font-size: 9px
  }

  .text-\[10px\] {
    font-size: 10px
  }

  .text-\[13px\] {
    font-size: 13px
  }

  .text-\[16px\] {
    font-size: 16px
  }

  .text-\[22px\] {
    font-size: 22px
  }

  .text-\[length\:var\(--text-body\)\] {
    font-size: var(--text-body)
  }

  .text-\[length\:var\(--text-caption\)\] {
    font-size: var(--text-caption)
  }

  .text-\[length\:var\(--text-display\)\] {
    font-size: var(--text-display)
  }

  .text-\[length\:var\(--text-h2\)\] {
    font-size: var(--text-h2)
  }

  .text-\[length\:var\(--text-h3\)\] {
    font-size: var(--text-h3)
  }

  .text-\[length\:var\(--text-h4\)\] {
    font-size: var(--text-h4)
  }

  .text-\[length\:var\(--text-lead\)\] {
    font-size: var(--text-lead)
  }

  .text-\[length\:var\(--text-micro\)\] {
    font-size: var(--text-micro)
  }

  .text-\[length\:var\(--text-small\)\] {
    font-size: var(--text-small)
  }

  .text-\[length\:…\] {
    font-size: …
  }

  .leading-\[var\(--leading-body\)\] {
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body)
  }

  .leading-\[var\(--leading-heading\)\] {
    --tw-leading: var(--leading-heading);
    line-height: var(--leading-heading)
  }

  .leading-\[var\(--leading-relaxed\)\] {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug)
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em
  }

  .tracking-\[0\.4em\] {
    --tw-tracking: .4em;
    letter-spacing: .4em
  }

  .tracking-\[0\.5em\] {
    --tw-tracking: .5em;
    letter-spacing: .5em
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em
  }

  .tracking-\[inherit\] {
    --tw-tracking: inherit;
    letter-spacing: inherit
  }

  .tracking-\[var\(--tracking-caps\)\] {
    --tw-tracking: var(--tracking-caps);
    letter-spacing: var(--tracking-caps)
  }

  .tracking-\[var\(--tracking-heading\)\] {
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading)
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal)
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }

  .text-balance {
    text-wrap: balance
  }

  .text-pretty {
    text-wrap: pretty
  }

  .text-wrap {
    text-wrap: wrap
  }

  .break-words {
    overflow-wrap: break-word
  }

  .break-all {
    word-break: break-all
  }

  .whitespace-normal {
    white-space: normal
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .whitespace-pre-line {
    white-space: pre-line
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap
  }

  .\!text-white\/80 {
    color: #fffc !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!text-white\/80 {
      color: color-mix(in oklab, var(--color-white)80%, transparent) !important
    }
  }

  .text-\[\#14b8a6\] {
    color: #14b8a6
  }

  .text-\[var\(--color-caution\)\] {
    color: var(--color-caution)
  }

  .text-\[var\(--color-chain-bnb-text\)\] {
    color: var(--color-chain-bnb-text)
  }

  .text-\[var\(--color-chain-sol-text\)\] {
    color: var(--color-chain-sol-text)
  }

  .text-\[var\(--color-content-muted\)\] {
    color: var(--color-content-muted)
  }

  .text-\[var\(--color-positive\)\] {
    color: var(--color-positive)
  }

  .text-\[var\(--color-surface-base\)\] {
    color: var(--color-surface-base)
  }

  .text-\[var\(--color-surface-base\)\]\/70 {
    color: #0d0d0eb3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-\[var\(--color-surface-base\)\]\/70 {
      color: color-mix(in oklab, var(--color-surface-base)70%, transparent)
    }
  }

  .text-\[var\(--color-vendor-discord\)\] {
    color: var(--color-vendor-discord)
  }

  .text-\[var\(--color-vendor-discord-text\)\] {
    color: var(--color-vendor-discord-text)
  }

  .text-\[var\(--color-vendor-google\)\] {
    color: var(--color-vendor-google)
  }

  .text-\[var\(--color-vendor-steam\)\] {
    color: var(--color-vendor-steam)
  }

  .text-\[var\(--color-vendor-telegram\)\] {
    color: var(--color-vendor-telegram)
  }

  .text-\[var\(--color-vendor-x\)\] {
    color: var(--color-vendor-x)
  }

  .text-\[var\(--color-warning\)\] {
    color: var(--color-warning)
  }

  .text-\[var\(--color-warning-ink\)\] {
    color: var(--color-warning-ink)
  }

  .text-\[var\(--color-warning-ink\)\]\/70 {
    color: #2b1d05b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-\[var\(--color-warning-ink\)\]\/70 {
      color: color-mix(in oklab, var(--color-warning-ink)70%, transparent)
    }
  }

  .text-black {
    color: var(--color-black)
  }

  .text-blue-400 {
    color: var(--color-blue-400)
  }

  .text-brand {
    color: var(--color-brand)
  }

  .text-brand-hover {
    color: var(--color-brand-hover)
  }

  .text-content {
    color: var(--color-content)
  }

  .text-content-faint {
    color: var(--color-content-faint)
  }

  .text-content-muted {
    color: var(--color-content-muted)
  }

  .text-gray-300 {
    color: var(--color-gray-300)
  }

  .text-gray-400 {
    color: var(--color-gray-400)
  }

  .text-gray-600 {
    color: var(--color-gray-600)
  }

  .text-gray-800 {
    color: var(--color-gray-800)
  }

  .text-green-400 {
    color: var(--color-green-400)
  }

  .text-green-500 {
    color: var(--color-green-500)
  }

  .text-negative {
    color: var(--color-negative)
  }

  .text-negative-strong {
    color: var(--color-negative-strong)
  }

  .text-negative\/70 {
    color: #ef4d4db3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-negative\/70 {
      color: color-mix(in oklab, var(--color-negative)70%, transparent)
    }
  }

  .text-orange-400 {
    color: var(--color-orange-400)
  }

  .text-positive {
    color: var(--color-positive)
  }

  .text-positive\/80 {
    color: #46c46acc
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-positive\/80 {
      color: color-mix(in oklab, var(--color-positive)80%, transparent)
    }
  }

  .text-purple-400 {
    color: var(--color-purple-400)
  }

  .text-red-300 {
    color: var(--color-red-300)
  }

  .text-red-400 {
    color: var(--color-red-400)
  }

  .text-red-500 {
    color: var(--color-red-500)
  }

  .text-slate-200 {
    color: var(--color-slate-200)
  }

  .text-slate-400 {
    color: var(--color-slate-400)
  }

  .text-violet-200 {
    color: var(--color-violet-200)
  }

  .text-violet-300 {
    color: var(--color-violet-300)
  }

  .text-warning {
    color: var(--color-warning)
  }

  .text-white {
    color: var(--color-white)
  }

  .text-white\/20 {
    color: #fff3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/20 {
      color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
  }

  .text-white\/40 {
    color: #fff6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white)40%, transparent)
    }
  }

  .text-white\/50 {
    color: #ffffff80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
  }

  .text-white\/60 {
    color: #fff9
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white)60%, transparent)
    }
  }

  .text-white\/70 {
    color: #ffffffb3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white)70%, transparent)
    }
  }

  .text-white\/75 {
    color: #ffffffbf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white)75%, transparent)
    }
  }

  .text-white\/80 {
    color: #fffc
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white)80%, transparent)
    }
  }

  .text-white\/90 {
    color: #ffffffe6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white)90%, transparent)
    }
  }

  .text-yellow-400 {
    color: var(--color-yellow-400)
  }

  .text-yellow-400\/70 {
    color: #fac800b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-yellow-400\/70 {
      color: color-mix(in oklab, var(--color-yellow-400)70%, transparent)
    }
  }

  .lowercase {
    text-transform: lowercase
  }

  .normal-case {
    text-transform: none
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
  }

  .line-through {
    text-decoration-line: line-through
  }

  .no-underline {
    text-decoration-line: none
  }

  .underline {
    text-decoration-line: underline
  }

  .decoration-brand\/40 {
    text-decoration-color: #6e56e866
  }

  @supports (color:color-mix(in lab, red, red)) {
    .decoration-brand\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-brand)40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-brand)40%, transparent)
    }
  }

  .decoration-hairline-strong {
    -webkit-text-decoration-color: var(--color-hairline-strong);
    text-decoration-color: var(--color-hairline-strong)
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .underline-offset-4 {
    text-underline-offset: 4px
  }

  .placeholder-\[var\(--color-content-faint\)\]::placeholder {
    color: var(--color-content-faint)
  }

  .placeholder-white\/30::placeholder {
    color: #ffffff4d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .placeholder-white\/30::placeholder {
      color: color-mix(in oklab, var(--color-white)30%, transparent)
    }
  }

  .placeholder-white\/40::placeholder {
    color: #fff6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .placeholder-white\/40::placeholder {
      color: color-mix(in oklab, var(--color-white)40%, transparent)
    }
  }

  .accent-\[var\(--color-brand\)\] {
    accent-color: var(--color-brand)
  }

  .accent-\[var\(--color-chain-bnb\)\] {
    accent-color: var(--color-chain-bnb)
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-50 {
    opacity: .5
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-70 {
    opacity: .7
  }

  .opacity-80 {
    opacity: .8
  }

  .opacity-100 {
    opacity: 1
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[inset_0_-1px_0_var\(--color-hairline\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--color-hairline));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[var\(--shadow-modal\)\] {
    --tw-shadow: var(--shadow-modal);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[var\(--shadow-popover\)\] {
    --tw-shadow: var(--shadow-popover);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-brand {
    --tw-ring-color: var(--color-brand)
  }

  .ring-positive\/40 {
    --tw-ring-color: #46c46a66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .ring-positive\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-positive)40%, transparent)
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[background-color\,border-color\,color\] {
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[color\,background-color\,border-color\] {
    transition-property: color, background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[color\,border-color\] {
    transition-property: color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[filter\,transform\] {
    transition-property: filter, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s
  }

  .duration-\[var\(--dur-fast\)\] {
    --tw-duration: var(--dur-fast);
    transition-duration: var(--dur-fast)
  }

  .duration-\[var\(--dur-instant\)\] {
    --tw-duration: var(--dur-instant);
    transition-duration: var(--dur-instant)
  }

  .duration-\[var\(--dur-slow\)\] {
    --tw-duration: var(--dur-slow);
    transition-duration: var(--dur-slow)
  }

  .ease-\[var\(--ease-out\)\] {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none
  }

  .\[-webkit-tap-highlight-color\:transparent\] {
    -webkit-tap-highlight-color: transparent
  }

  @media(hover:hover) {
    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:rotate-90:is(:where(.group):hover *) {
      rotate: 90deg
    }

    .group-hover\:bg-brand:is(:where(.group):hover *) {
      background-color: var(--color-brand)
    }

    .group-hover\:text-brand:is(:where(.group):hover *) {
      color: var(--color-brand)
    }

    .group-hover\:text-content:is(:where(.group):hover *) {
      color: var(--color-content)
    }

    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8
    }
  }

  .group-focus-visible\:bg-brand:is(:where(.group):focus-visible *) {
    background-color: var(--color-brand)
  }

  .peer-checked\:border-brand:is(:where(.peer):checked~*) {
    border-color: var(--color-brand)
  }

  .peer-checked\:bg-brand:is(:where(.peer):checked~*) {
    background-color: var(--color-brand)
  }

  .peer-focus\:ring-2:is(:where(.peer):focus~*) {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .peer-focus\:ring-brand:is(:where(.peer):focus~*) {
    --tw-ring-color: var(--color-brand)
  }

  .peer-focus-visible\:outline:is(:where(.peer):focus-visible~*) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
  }

  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*) {
    outline-offset: 2px
  }

  .peer-focus-visible\:outline-\[var\(--color-brand\)\]:is(:where(.peer):focus-visible~*) {
    outline-color: var(--color-brand)
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
    opacity: .5
  }

  .file\:mr-4::file-selector-button {
    margin-right: calc(var(--spacing)*4)
  }

  .file\:cursor-pointer::file-selector-button {
    cursor: pointer
  }

  .file\:rounded-lg::file-selector-button {
    border-radius: var(--radius-lg)
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .file\:bg-brand\/20::file-selector-button {
    background-color: #6e56e833
  }

  @supports (color:color-mix(in lab, red, red)) {
    .file\:bg-brand\/20::file-selector-button {
      background-color: color-mix(in oklab, var(--color-brand)20%, transparent)
    }
  }

  .file\:px-4::file-selector-button {
    padding-inline: calc(var(--spacing)*4)
  }

  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing)*2)
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .file\:text-brand::file-selector-button {
    color: var(--color-brand)
  }

  .placeholder\:text-content-faint::placeholder {
    color: var(--color-content-faint)
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%
  }

  .before\:h-11:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*11)
  }

  .before\:w-11:before {
    content: var(--tw-content);
    width: calc(var(--spacing)*11)
  }

  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute
  }

  .after\:inset-x-0:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing)*0)
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%
  }

  .after\:left-0\.5:after {
    content: var(--tw-content);
    left: calc(var(--spacing)*.5)
  }

  .after\:h-3\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*3.5)
  }

  .after\:h-11:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*11)
  }

  .after\:w-3\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing)*3.5)
  }

  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px
  }

  .after\:bg-content:after {
    content: var(--tw-content);
    background-color: var(--color-content)
  }

  .after\:transition-transform:after {
    content: var(--tw-content);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .after\:duration-\[var\(--dur-fast\)\]:after {
    content: var(--tw-content);
    --tw-duration: var(--dur-fast);
    transition-duration: var(--dur-fast)
  }

  .after\:ease-\[var\(--ease-out\)\]:after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
  }

  .peer-checked\:after\:translate-x-4:is(:where(.peer):checked~*):after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing)*4);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .peer-checked\:after\:bg-white:is(:where(.peer):checked~*):after {
    content: var(--tw-content);
    background-color: var(--color-white)
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing)*0)
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing)*0)
  }

  .focus-within\:border-brand:focus-within {
    border-color: var(--color-brand)
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1
  }

  @media(hover:hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .hover\:border-brand:hover {
      border-color: var(--color-brand)
    }

    .hover\:border-brand-hover:hover {
      border-color: var(--color-brand-hover)
    }

    .hover\:border-hairline:hover {
      border-color: var(--color-hairline)
    }

    .hover\:border-hairline-strong:hover {
      border-color: var(--color-hairline-strong)
    }

    .hover\:border-negative:hover {
      border-color: var(--color-negative)
    }

    .hover\:border-negative\/40:hover {
      border-color: #ef4d4d66
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-negative\/40:hover {
        border-color: color-mix(in oklab, var(--color-negative)40%, transparent)
      }
    }

    .hover\:border-negative\/50:hover {
      border-color: #ef4d4d80
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-negative\/50:hover {
        border-color: color-mix(in oklab, var(--color-negative)50%, transparent)
      }
    }

    .hover\:border-negative\/60:hover {
      border-color: #ef4d4d99
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-negative\/60:hover {
        border-color: color-mix(in oklab, var(--color-negative)60%, transparent)
      }
    }

    .hover\:border-negative\/70:hover {
      border-color: #ef4d4db3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-negative\/70:hover {
        border-color: color-mix(in oklab, var(--color-negative)70%, transparent)
      }
    }

    .hover\:border-positive:hover {
      border-color: var(--color-positive)
    }

    .hover\:border-positive\/60:hover {
      border-color: #46c46a99
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-positive\/60:hover {
        border-color: color-mix(in oklab, var(--color-positive)60%, transparent)
      }
    }

    .hover\:border-red-500\/50:hover {
      border-color: #fb2c3680
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-red-500\/50:hover {
        border-color: color-mix(in oklab, var(--color-red-500)50%, transparent)
      }
    }

    .hover\:border-white\/30:hover {
      border-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-white\/30:hover {
        border-color: color-mix(in oklab, var(--color-white)30%, transparent)
      }
    }

    .hover\:bg-blue-500\/30:hover {
      background-color: #3080ff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-blue-500)30%, transparent)
      }
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700)
    }

    .hover\:bg-brand-hover:hover {
      background-color: var(--color-brand-hover)
    }

    .hover\:bg-brand\/10:hover {
      background-color: #6e56e81a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-brand\/10:hover {
        background-color: color-mix(in oklab, var(--color-brand)10%, transparent)
      }
    }

    .hover\:bg-brand\/20:hover {
      background-color: #6e56e833
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-brand\/20:hover {
        background-color: color-mix(in oklab, var(--color-brand)20%, transparent)
      }
    }

    .hover\:bg-brand\/30:hover {
      background-color: #6e56e84d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-brand\/30:hover {
        background-color: color-mix(in oklab, var(--color-brand)30%, transparent)
      }
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200)
    }

    .hover\:bg-hairline:hover {
      background-color: var(--color-hairline)
    }

    .hover\:bg-negative:hover {
      background-color: var(--color-negative)
    }

    .hover\:bg-negative\/10:hover {
      background-color: #ef4d4d1a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-negative\/10:hover {
        background-color: color-mix(in oklab, var(--color-negative)10%, transparent)
      }
    }

    .hover\:bg-negative\/30:hover {
      background-color: #ef4d4d4d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-negative\/30:hover {
        background-color: color-mix(in oklab, var(--color-negative)30%, transparent)
      }
    }

    .hover\:bg-negative\/40:hover {
      background-color: #ef4d4d66
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-negative\/40:hover {
        background-color: color-mix(in oklab, var(--color-negative)40%, transparent)
      }
    }

    .hover\:bg-positive:hover {
      background-color: var(--color-positive)
    }

    .hover\:bg-red-500\/30:hover {
      background-color: #fb2c364d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/30:hover {
        background-color: color-mix(in oklab, var(--color-red-500)30%, transparent)
      }
    }

    .hover\:bg-surface-overlay:hover {
      background-color: var(--color-surface-overlay)
    }

    .hover\:bg-surface-raised:hover {
      background-color: var(--color-surface-raised)
    }

    .hover\:bg-violet-500:hover {
      background-color: var(--color-violet-500)
    }

    .hover\:bg-violet-600\/35:hover {
      background-color: #7f22fe59
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-violet-600\/35:hover {
        background-color: color-mix(in oklab, var(--color-violet-600)35%, transparent)
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }
    }

    .hover\:text-\[var\(--color-surface-base\)\]:hover {
      color: var(--color-surface-base)
    }

    .hover\:text-\[var\(--color-warning-ink\)\]:hover {
      color: var(--color-warning-ink)
    }

    .hover\:text-brand:hover {
      color: var(--color-brand)
    }

    .hover\:text-brand-hover:hover {
      color: var(--color-brand-hover)
    }

    .hover\:text-content:hover {
      color: var(--color-content)
    }

    .hover\:text-content-muted:hover {
      color: var(--color-content-muted)
    }

    .hover\:text-negative:hover {
      color: var(--color-negative)
    }

    .hover\:text-positive:hover {
      color: var(--color-positive)
    }

    .hover\:text-red-300:hover {
      color: var(--color-red-300)
    }

    .hover\:text-white:hover {
      color: var(--color-white)
    }

    .hover\:text-white\/80:hover {
      color: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-white\/80:hover {
        color: color-mix(in oklab, var(--color-white)80%, transparent)
      }
    }

    .hover\:no-underline:hover {
      text-decoration-line: none
    }

    .hover\:underline:hover {
      text-decoration-line: underline
    }

    .hover\:decoration-brand:hover {
      -webkit-text-decoration-color: var(--color-brand);
      text-decoration-color: var(--color-brand)
    }

    .hover\:opacity-80:hover {
      opacity: .8
    }

    .hover\:opacity-100:hover {
      opacity: 1
    }

    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:ring-white\/60:hover {
      --tw-ring-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:ring-white\/60:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-white)60%, transparent)
      }
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .hover\:brightness-125:hover {
      --tw-brightness: brightness(125%);
      filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .hover\:file\:bg-brand\/30:hover::file-selector-button {
      background-color: #6e56e84d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:file\:bg-brand\/30:hover::file-selector-button {
        background-color: color-mix(in oklab, var(--color-brand)30%, transparent)
      }
    }
  }

  .focus\:border-brand:focus {
    border-color: var(--color-brand)
  }

  .focus\:border-brand\/50:focus {
    border-color: #6e56e880
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:border-brand\/50:focus {
      border-color: color-mix(in oklab, var(--color-brand)50%, transparent)
    }
  }

  .focus\:border-negative:focus {
    border-color: var(--color-negative)
  }

  .focus\:border-negative\/50:focus {
    border-color: #ef4d4d80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:border-negative\/50:focus {
      border-color: color-mix(in oklab, var(--color-negative)50%, transparent)
    }
  }

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500)
  }

  .focus\:bg-surface-overlay:focus {
    background-color: var(--color-surface-overlay)
  }

  .focus\:bg-surface-raised:focus {
    background-color: var(--color-surface-raised)
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus\:ring-brand\/20:focus {
    --tw-ring-color: #6e56e833
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-brand\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-brand)20%, transparent)
    }
  }

  .focus\:ring-brand\/50:focus {
    --tw-ring-color: #6e56e880
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-brand\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-brand)50%, transparent)
    }
  }

  .focus\:ring-negative\/20:focus {
    --tw-ring-color: #ef4d4d33
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-negative\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-negative)20%, transparent)
    }
  }

  .focus\:ring-red-500\/20:focus {
    --tw-ring-color: #fb2c3633
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-red-500\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
  }

  .focus-visible\:outline-\[var\(--color-brand\)\]:focus-visible {
    outline-color: var(--color-brand)
  }

  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing
  }

  .active\:bg-surface-overlay:active {
    background-color: var(--color-surface-overlay)
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:bg-surface-overlay:disabled {
    background-color: var(--color-surface-overlay)
  }

  .disabled\:opacity-30:disabled {
    opacity: .3
  }

  .disabled\:opacity-40:disabled {
    opacity: .4
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  .aria-\[invalid\=true\]\:border-negative[aria-invalid=true] {
    border-color: var(--color-negative)
  }

  @media(prefers-reduced-motion:no-preference) {
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse)
    }
  }

  @media(prefers-reduced-motion:reduce) {
    .motion-reduce\:animate-none {
      animation: none
    }

    .motion-reduce\:transition-none {
      transition-property: none
    }
  }

  @media(min-width:40rem) {
    .sm\:absolute {
      position: absolute
    }

    .sm\:top-auto {
      top: auto
    }

    .sm\:right-6 {
      right: calc(var(--spacing)*6)
    }

    .sm\:left-0 {
      left: calc(var(--spacing)*0)
    }

    .sm\:left-6 {
      left: calc(var(--spacing)*6)
    }

    .sm\:col-span-1 {
      grid-column: span 1/span 1
    }

    .sm\:col-span-2 {
      grid-column: span 2/span 2
    }

    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing)*-6)
    }

    .sm\:mx-2 {
      margin-inline: calc(var(--spacing)*2)
    }

    .sm\:mt-1 {
      margin-top: calc(var(--spacing)*1)
    }

    .sm\:mr-2 {
      margin-right: calc(var(--spacing)*2)
    }

    .sm\:ml-0 {
      margin-left: calc(var(--spacing)*0)
    }

    .sm\:ml-1 {
      margin-left: calc(var(--spacing)*1)
    }

    .sm\:block {
      display: block
    }

    .sm\:hidden {
      display: none
    }

    .sm\:inline {
      display: inline
    }

    .sm\:inline-flex {
      display: inline-flex
    }

    .sm\:h-2 {
      height: calc(var(--spacing)*2)
    }

    .sm\:h-4 {
      height: calc(var(--spacing)*4)
    }

    .sm\:h-5 {
      height: calc(var(--spacing)*5)
    }

    .sm\:max-h-\[80vh\] {
      max-height: 80vh
    }

    .sm\:w-2 {
      width: calc(var(--spacing)*2)
    }

    .sm\:w-4 {
      width: calc(var(--spacing)*4)
    }

    .sm\:w-5 {
      width: calc(var(--spacing)*5)
    }

    .sm\:w-48 {
      width: calc(var(--spacing)*48)
    }

    .sm\:w-64 {
      width: calc(var(--spacing)*64)
    }

    .sm\:w-80 {
      width: calc(var(--spacing)*80)
    }

    .sm\:w-\[80\%\] {
      width: 80%
    }

    .sm\:w-auto {
      width: auto
    }

    .sm\:max-w-none {
      max-width: none
    }

    .sm\:min-w-\[70px\] {
      min-width: 70px
    }

    .sm\:min-w-\[80px\] {
      min-width: 80px
    }

    .sm\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sm\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto
    }

    .sm\:flex-col {
      flex-direction: column
    }

    .sm\:flex-row {
      flex-direction: row
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap
    }

    .sm\:items-end {
      align-items: flex-end
    }

    .sm\:items-start {
      align-items: flex-start
    }

    .sm\:justify-between {
      justify-content: space-between
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing)*3)
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .sm\:overflow-y-auto {
      overflow-y: auto
    }

    .sm\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

    .sm\:rounded-l-\[var\(--radius-lg\)\] {
      border-top-left-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg)
    }

    .sm\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .sm\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }

    .sm\:p-4 {
      padding: calc(var(--spacing)*4)
    }

    .sm\:p-5 {
      padding: calc(var(--spacing)*5)
    }

    .sm\:p-6 {
      padding: calc(var(--spacing)*6)
    }

    .sm\:p-8 {
      padding: calc(var(--spacing)*8)
    }

    .sm\:px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing)*6)
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing)*8)
    }

    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing)*1.5)
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing)*3)
    }

    .sm\:py-4 {
      padding-block: calc(var(--spacing)*4)
    }

    .sm\:pr-4 {
      padding-right: calc(var(--spacing)*4)
    }

    .sm\:pl-4 {
      padding-left: calc(var(--spacing)*4)
    }

    .sm\:pl-5 {
      padding-left: calc(var(--spacing)*5)
    }

    .sm\:text-center {
      text-align: center
    }

    .sm\:text-right {
      text-align: right
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .sm\:text-\[length\:var\(--text-body\)\] {
      font-size: var(--text-body)
    }

    .sm\:text-\[length\:var\(--text-lead\)\] {
      font-size: var(--text-lead)
    }

    .sm\:text-\[length\:var\(--text-small\)\] {
      font-size: var(--text-small)
    }
  }

  @media(min-width:48rem) {
    .md\:static {
      position: static
    }

    .md\:col-span-2 {
      grid-column: span 2/span 2
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing)*0)
    }

    .md\:block {
      display: block
    }

    .md\:flex {
      display: flex
    }

    .md\:hidden {
      display: none
    }

    .md\:w-52 {
      width: calc(var(--spacing)*52)
    }

    .md\:w-\[60\%\] {
      width: 60%
    }

    .md\:w-auto {
      width: auto
    }

    .md\:min-w-0 {
      min-width: calc(var(--spacing)*0)
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
      flex-direction: row
    }

    .md\:flex-wrap {
      flex-wrap: wrap
    }

    .md\:items-center {
      align-items: center
    }

    .md\:items-end {
      align-items: flex-end
    }

    .md\:items-start {
      align-items: flex-start
    }

    .md\:justify-between {
      justify-content: space-between
    }

    .md\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }

    .md\:border-hairline {
      border-color: var(--color-hairline)
    }

    .md\:pr-0 {
      padding-right: calc(var(--spacing)*0)
    }

    .md\:pl-6 {
      padding-left: calc(var(--spacing)*6)
    }
  }

  @media(min-width:64rem) {
    .lg\:col-span-2 {
      grid-column: span 2/span 2
    }

    .lg\:col-span-4 {
      grid-column: span 4/span 4
    }

    .lg\:col-start-2 {
      grid-column-start: 2
    }

    .lg\:col-start-3 {
      grid-column-start: 3
    }

    .lg\:row-span-1 {
      grid-row: span 1/span 1
    }

    .lg\:row-start-1 {
      grid-row-start: 1
    }

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing)*0)
    }

    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:w-\[40\%\] {
      width: 40%
    }

    .lg\:w-\[580px\] {
      width: 580px
    }

    .lg\:max-w-2xl {
      max-width: var(--container-2xl)
    }

    .lg\:max-w-none {
      max-width: none
    }

    .lg\:min-w-0 {
      min-width: calc(var(--spacing)*0)
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[1fr_36rem\] {
      grid-template-columns: 1fr 36rem
    }

    .lg\:grid-cols-\[5rem_1fr_auto\] {
      grid-template-columns: 5rem 1fr auto
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 28rem)
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,36rem\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 36rem)
    }

    .lg\:flex-col {
      flex-direction: column
    }

    .lg\:flex-row {
      flex-direction: row
    }

    .lg\:items-end {
      align-items: flex-end
    }

    .lg\:justify-between {
      justify-content: space-between
    }

    .lg\:justify-center {
      justify-content: center
    }

    .lg\:gap-16 {
      gap: calc(var(--spacing)*16)
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .lg\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing)*8)
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing)*12)
    }

    .lg\:pt-0\.5 {
      padding-top: calc(var(--spacing)*.5)
    }

    .lg\:pl-\[6\.75rem\] {
      padding-left: 6.75rem
    }
  }

  @media(min-width:80rem) {
    .xl\:absolute {
      position: absolute
    }

    .xl\:relative {
      position: relative
    }

    .xl\:inset-0 {
      inset: calc(var(--spacing)*0)
    }

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

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

    .xl\:block {
      display: block
    }

    .xl\:flex {
      display: flex
    }

    .xl\:hidden {
      display: none
    }

    .xl\:h-full {
      height: 100%
    }

    .xl\:max-h-none {
      max-height: none
    }

    .xl\:min-h-0 {
      min-height: calc(var(--spacing)*0)
    }

    .xl\:max-w-\[480px\] {
      max-width: 480px
    }

    .xl\:max-w-\[510px\] {
      max-width: 510px
    }

    .xl\:flex-1 {
      flex: 1
    }

    .xl\:flex-\[3_1_0\%\] {
      flex: 3
    }

    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:flex-row {
      flex-direction: row
    }

    .xl\:items-stretch {
      align-items: stretch
    }

    .xl\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .xl\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .xl\:py-2 {
      padding-block: calc(var(--spacing)*2)
    }

    .xl\:pr-2 {
      padding-right: calc(var(--spacing)*2)
    }

    .xl\:pb-0 {
      padding-bottom: calc(var(--spacing)*0)
    }

    .xl\:pl-2 {
      padding-left: calc(var(--spacing)*2)
    }
  }

  @media(min-width:96rem) {
    .\32xl\:block {
      display: block
    }

    .\32xl\:flex {
      display: flex
    }

    .\32xl\:hidden {
      display: none
    }

    .\32xl\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
  }

  .\[\&_\.tabular-nums\]\:text-\[length\:var\(--text-h2\)\] .tabular-nums {
    font-size: var(--text-h2)
  }

  .\[\&_blockquote\]\:border-l-2 blockquote {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px
  }

  .\[\&_blockquote\]\:border-brand blockquote {
    border-color: var(--color-brand)
  }

  .\[\&_blockquote\]\:pl-3 blockquote {
    padding-left: calc(var(--spacing)*3)
  }

  .\[\&_blockquote\]\:text-content-muted blockquote {
    color: var(--color-content-muted)
  }

  .\[\&_code\]\:rounded-\[var\(--radius-sm\)\] code {
    border-radius: var(--radius-sm)
  }

  .\[\&_code\]\:border code {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .\[\&_code\]\:border-hairline code {
    border-color: var(--color-hairline)
  }

  .\[\&_code\]\:bg-surface-sunken code {
    background-color: var(--color-surface-sunken)
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing)*1)
  }

  .\[\&_code\]\:font-mono code {
    font-family: var(--font-mono)
  }

  .\[\&_i\]\:animate-pulse i {
    animation: var(--animate-pulse)
  }

  @media(prefers-reduced-motion:reduce) {
    .motion-reduce\:\[\&_i\]\:animate-none i {
      animation: none
    }
  }

  .\[\&_img\]\:max-w-full img {
    max-width: 100%
  }

  .\[\&_img\]\:rounded-\[var\(--radius-sm\)\] img {
    border-radius: var(--radius-sm)
  }

  .\[\&\>i\]\:animate-pulse>i {
    animation: var(--animate-pulse)
  }

  @media(prefers-reduced-motion:reduce) {
    .motion-reduce\:\[\&\>i\]\:animate-none>i {
      animation: none
    }
  }
}

:root {
  --text-micro: .6875rem;
  --text-caption: .75rem;
  --text-small: .8125rem;
  --text-body: .9375rem;
  --text-lead: 1.125rem;
  --text-h4: 1.375rem;
  --text-h3: 1.75rem;
  --text-h2: 2.25rem;
  --text-h1: 3rem;
  --text-display: 3.8125rem;
  --tracking-display: -.03em;
  --tracking-heading: -.02em;
  --tracking-body: -.006em;
  --tracking-caps: .08em;
  --leading-tight: 1.1;
  --leading-heading: 1.25;
  --leading-body: 1.6;
  --leading-relaxed: 1.75;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --measure: 68ch;
  --container: 1200px;
  --gutter: var(--space-5);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 999px;
  --shadow-popover: 0 2px 8px #00000052, 0 0 0 1px #00000029;
  --shadow-modal: 0 16px 48px #00000070, 0 0 0 1px #0003;
  --dur-instant: 90ms;
  --dur-fast: .15s;
  --dur-base: .22s;
  --dur-slow: .32s;
  --dur-flash: 4.5s;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --stagger: 40ms;
  --dur-acquire: .14s;
  --dur-metric: .18s;
  --dur-disclose: .18s;
  --dur-assembly: .34s;
  --stagger-row: 24ms;
  --stagger-metric: 32ms;
  --stagger-panel: 45ms;
  --panel-lead: 90ms;
  --acquire-cap: 8;
  --ease-assembly: cubic-bezier(.16, 1, .3, 1);
  --vh-full: 100dvh;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --tap-target: 44px
}

@supports (transition-timing-function:linear(0, 1)) {
  :root {
    --ease-assembly: linear(0, .079, .242, .416, .572, .698, .794, .864, .912, .945, .967, .981, .989, .995, .998, .999, 1, 1)
  }
}

@keyframes fx-fade-up {
  0% {
    opacity: 0;
    transform: translateY(8px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fx-fade {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fx-scale-in {
  0% {
    opacity: 0;
    transform: scale(.97)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fx-shimmer {
  0% {
    background-position: 100% 0
  }

  to {
    background-position: -100% 0
  }
}

.fx-fade-up {
  animation: fx-fade-up var(--dur-base)var(--ease-out)both
}

.fx-fade {
  animation: fx-fade var(--dur-base)var(--ease-out)both
}

.fx-scale-in {
  animation: fx-scale-in var(--dur-fast)var(--ease-out)both
}

.fx-shimmer {
  background-image: linear-gradient(100deg, transparent 35%, var(--color-hairline-strong)50%, transparent 65%);
  animation: fx-shimmer 2.4s var(--ease-in-out)infinite;
  background-repeat: no-repeat;
  background-size: 200% 100%
}

.fx-stagger>* {
  animation: fx-fade-up var(--dur-base)var(--ease-out)both
}

.fx-stagger>:first-child {
  animation-delay: calc(var(--stagger)*0)
}

.fx-stagger>:nth-child(2) {
  animation-delay: calc(var(--stagger)*1)
}

.fx-stagger>:nth-child(3) {
  animation-delay: calc(var(--stagger)*2)
}

.fx-stagger>:nth-child(4) {
  animation-delay: calc(var(--stagger)*3)
}

.fx-stagger>:nth-child(5) {
  animation-delay: calc(var(--stagger)*4)
}

.fx-stagger>:nth-child(6) {
  animation-delay: calc(var(--stagger)*5)
}

.fx-stagger>:nth-child(7) {
  animation-delay: calc(var(--stagger)*6)
}

.fx-stagger>:nth-child(8) {
  animation-delay: calc(var(--stagger)*7)
}

.fx-stagger>:nth-child(9) {
  animation-delay: calc(var(--stagger)*8)
}

.fx-stagger>:nth-child(10) {
  animation-delay: calc(var(--stagger)*9)
}

.fx-stagger>:nth-child(11) {
  animation-delay: calc(var(--stagger)*10)
}

.fx-stagger>:nth-child(n+12) {
  animation-delay: calc(var(--stagger)*11)
}

.fx-reveal {
  opacity: 0;
  transition: opacity var(--dur-slow)var(--ease-out), transform var(--dur-slow)var(--ease-out);
  transform: translateY(12px)
}

.fx-reveal[data-revealed=true] {
  opacity: 1;
  transform: none
}

.fx-fade-up,
.fx-scale-in,
.fx-reveal:not([data-revealed=true]) {
  will-change: transform, opacity
}

@keyframes fx-row-acquire {
  0% {
    opacity: 0;
    transform: translate(-6px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fx-rows[data-revealed=false]>:nth-child(-n+8) {
  opacity: 0
}

.fx-rows[data-revealed=true]>:nth-child(-n+8) {
  animation: fx-row-acquire var(--dur-acquire)var(--ease-out)both
}

.fx-rows[data-revealed=true]>:first-child {
  animation-delay: calc(var(--stagger-row)*0)
}

.fx-rows[data-revealed=true]>:nth-child(2) {
  animation-delay: calc(var(--stagger-row)*1)
}

.fx-rows[data-revealed=true]>:nth-child(3) {
  animation-delay: calc(var(--stagger-row)*2)
}

.fx-rows[data-revealed=true]>:nth-child(4) {
  animation-delay: calc(var(--stagger-row)*3)
}

.fx-rows[data-revealed=true]>:nth-child(5) {
  animation-delay: calc(var(--stagger-row)*4)
}

.fx-rows[data-revealed=true]>:nth-child(6) {
  animation-delay: calc(var(--stagger-row)*5)
}

.fx-rows[data-revealed=true]>:nth-child(7) {
  animation-delay: calc(var(--stagger-row)*6)
}

.fx-rows[data-revealed=true]>:nth-child(8) {
  animation-delay: calc(var(--stagger-row)*7)
}

.fx-row-in {
  animation: fx-row-acquire var(--dur-acquire)var(--ease-out)both
}

@keyframes fx-metric-roll {
  0% {
    opacity: 0;
    transform: translateY(4px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fx-metrics[data-revealed=false] .fx-metric-value {
  opacity: 0
}

.fx-metrics[data-revealed=true] .fx-metric-value {
  animation: fx-metric-roll var(--dur-metric)var(--ease-out)both
}

.fx-metrics[data-revealed=true]>:first-child .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*0)
}

.fx-metrics[data-revealed=true]>:nth-child(2) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*1)
}

.fx-metrics[data-revealed=true]>:nth-child(3) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*2)
}

.fx-metrics[data-revealed=true]>:nth-child(4) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*3)
}

.fx-metrics[data-revealed=true]>:nth-child(5) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*4)
}

.fx-metrics[data-revealed=true]>:nth-child(6) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*5)
}

.fx-metrics[data-revealed=true]>:nth-child(n+7) .fx-metric-value {
  animation-delay: calc(var(--stagger-metric)*6)
}

.fx-metric-tick {
  animation: fx-metric-roll var(--dur-metric)var(--ease-out)both
}

@keyframes fx-rail-draw {
  0% {
    transform: scaleY(0)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes fx-panel-part {
  0% {
    opacity: 0;
    transform: translateY(6px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fx-panel-rail {
  transform-origin: top
}

.fx-panel[data-revealed=false] .fx-panel-rail {
  transform: scaleY(0)
}

.fx-panel[data-revealed=false] .fx-panel-part {
  opacity: 0
}

.fx-panel[data-revealed=true] .fx-panel-rail {
  animation: fx-rail-draw var(--dur-assembly)var(--ease-assembly)both
}

.fx-panel[data-revealed=true] .fx-panel-part {
  animation: fx-panel-part var(--dur-assembly)var(--ease-assembly)both;
  animation-delay: var(--panel-lead)
}

.fx-panel[data-revealed=true] .fx-panel-part:first-child {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*0)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(2) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*1)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(3) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*2)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(4) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*3)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(5) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*4)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(6) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*5)
}

.fx-panel[data-revealed=true] .fx-panel-part:nth-child(n+7) {
  animation-delay: calc(var(--panel-lead) + var(--stagger-panel)*6)
}

.fx-disclosure {
  opacity: 0;
  transition: grid-template-rows var(--dur-disclose)var(--ease-out), opacity var(--dur-disclose)var(--ease-out);
  grid-template-rows: 0fr;
  display: grid
}

.fx-disclosure>* {
  min-height: 0;
  overflow: hidden
}

.fx-disclosure[data-open=true] {
  opacity: 1;
  grid-template-rows: 1fr
}

.fx-disclosure-icon {
  transition: transform var(--dur-disclose)var(--ease-out);
  display: inline-block;
  transform: rotate(0)
}

[aria-expanded=true] .fx-disclosure-icon,
.fx-disclosure-icon[data-open=true] {
  transform: rotate(45deg)
}

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

  *,
  :before,
  :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important
  }

  .fx-reveal {
    opacity: 1;
    transform: none
  }

  .fx-rows[data-revealed=false]>:nth-child(-n+8),
  .fx-metrics[data-revealed=false] .fx-metric-value,
  .fx-panel[data-revealed=false] .fx-panel-part {
    opacity: 1
  }

  .fx-panel[data-revealed=false] .fx-panel-rail {
    transform: none
  }
}

.h-screen-safe {
  height: var(--vh-full)
}

.min-h-screen-safe {
  min-height: var(--vh-full)
}

.safe-inset {
  padding-top: var(--safe-top);
  padding-right: var(--safe-right);
  padding-bottom: var(--safe-bottom);
  padding-left: var(--safe-left)
}

.safe-top {
  padding-top: var(--safe-top)
}

.safe-bottom {
  padding-bottom: var(--safe-bottom)
}

.safe-x {
  padding-left: var(--safe-left);
  padding-right: var(--safe-right)
}

@media(pointer:coarse) {
  .tap-safe {
    position: relative
  }

  .tap-safe:after {
    content: "";
    min-width: var(--tap-target);
    min-height: var(--tap-target);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%)
  }

  .no-touch-hover:hover {
    background-color: inherit
  }
}

@media(display-mode:standalone) {
  body {
    background-color: var(--color-surface-base);
    -webkit-touch-callout: none
  }

  input,
  textarea,
  [contenteditable],
  .selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    user-select: text
  }
}

@supports (scrollbar-width:thin) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-hairline-strong)transparent
  }
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-hairline-strong);
  border-radius: var(--radius-full);
  background-clip: content-box;
  border: 3px solid #0000
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-content-faint)
}

:root {
  --anchor-warning: var(--color-warning);
  --anchor-warning-ink: var(--color-warning-ink);
  --anchor-negative-strong: var(--color-negative-strong);
  --anchor-surface-page: var(--color-surface-page);
  --anchor-chain-sol: var(--color-chain-sol);
  --anchor-chain-bnb-ink: var(--color-chain-bnb-ink)
}

.tape-track {
  animation: tape-scroll var(--tape-duration, 60s)linear infinite
}

.tape-track:hover,
.tape-track:focus-within,
.group:hover .tape-track,
.group:focus-within .tape-track {
  animation-play-state: paused
}

@keyframes tape-scroll {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-100%)
  }
}

@media(prefers-reduced-motion:reduce) {
  .tape-track {
    animation: none;
    transform: none
  }
}

[role=row][data-new=true] {
  animation: fx-row-flash var(--dur-flash)var(--ease-out)1
}

@keyframes fx-row-flash {
  0% {
    background-color: color-mix(in srgb, var(--color-brand)14%, transparent);
    box-shadow: inset 2px 0 0 0 var(--color-brand)
  }

  to {
    background-color: #0000;
    box-shadow: inset 2px 0 #0000
  }
}

@media(prefers-reduced-motion:reduce) {
  [role=row][data-new=true] {
    background-color: #6e56e81a;
    animation: none
  }

  @supports (color:color-mix(in lab, red, red)) {
    [role=row][data-new=true] {
      background-color: color-mix(in srgb, var(--color-brand)10%, transparent)
    }
  }

  [role=row][data-new=true] {
    box-shadow: inset 2px 0 0 0 var(--color-brand)
  }
}

header .navigation a,
.rpb-navigation-link {
  font-size: 1rem;
  text-decoration: none;
  transition: all .3s;
  position: relative
}

header .navigation a:before,
.rpb-navigation-link:before {
  content: none
}

header .navigation a:hover,
header .navigation a.active,
.rpb-navigation-link:hover,
.rpb-navigation-link.active {
  color: #fff
}

header .navigation a:hover:before,
header .navigation a.active:before,
.rpb-navigation-link:hover:before,
.rpb-navigation-link.active:before {
  width: 100%
}

.payment-indicator-badge {
  display: inline-block;
  position: relative
}

.payment-indicator-dot {
  background-color: var(--color-negative);
  border: 2px solid var(--color-surface-base);
  z-index: 10;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite pulse-red;
  position: absolute;
  top: -2px;
  right: -2px
}

@keyframes pulse-red {

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

  50% {
    opacity: .8;
    transform: scale(1.1)
  }
}

.payment-indicator-badge .payment-indicator-dot {
  top: -2px;
  right: -8px
}

@media(max-width:768px) {
  .payment-indicator-dot {
    width: 10px;
    height: 10px;
    top: -3px;
    right: -3px
  }

  .payment-indicator-badge .payment-indicator-dot {
    top: -3px;
    right: -10px
  }
}

input:not([type]),
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
select,
textarea {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: 1rem
}

input.font-mono,
textarea.font-mono,
select.font-mono {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace)
}

input.font-mono::placeholder,
textarea.font-mono::placeholder {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif)
}

@keyframes scroll-ticker {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-50%)
  }
}

.subscription-plan-link {
  color: inherit !important;
  text-decoration: none !important
}

.subscription-plan-link:before {
  display: none !important
}

.subscription-plan-link:hover,
.subscription-plan-link:focus {
  text-decoration: none !important
}

.subscription-plan-link:hover:before,
.subscription-plan-link:focus:before {
  display: none !important
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

::-webkit-scrollbar-track {
  background: var(--color-surface-base)
}

::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 6px
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff26
}

* {
  scrollbar-width: thin;
  scrollbar-color: #ffffff1a var(--color-surface-base)
}

@keyframes slide-in-right {
  0% {
    opacity: 0;
    transform: translate(100%)
  }

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

@keyframes shrink-width {
  0% {
    width: 100%
  }

  to {
    width: 0%
  }
}

.animate-slide-in-right {
  animation: .3s ease-out forwards slide-in-right
}

.animate-shrink-width {
  animation: 3s linear forwards shrink-width
}

@supports (-webkit-touch-callout:none) {

  html,
  body {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch
  }

  input:not([type]),
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=tel],
  input[type=url],
  input[type=search],
  input[type=date],
  input[type=datetime-local],
  input[type=month],
  input[type=week],
  input[type=time],
  select,
  textarea {
    font-size: 16px !important
  }
}

.rpb-section-eyebrow,
.rpb-section-badge {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  margin: 0;
  display: block
}

.rpb-section-badge span {
  font: inherit;
  letter-spacing: inherit;
  color: inherit
}

html,
body,
#root {
  max-width: 100vw;
  overflow-x: clip
}

html,
body {
  background-color: var(--color-surface-base)
}

@media screen and (max-width:768px) {

  .rpb-hero-3d-container,
  .rpb-hero-3d-element,
  .rpb-hero-cube,
  .rpb-hero-sphere,
  .rpb-hero-torus {
    display: none !important
  }
}

.rpb-scroll-top {
  position: relative
}

#rpb-scroll-top-btn {
  bottom: calc(2rem + env(safe-area-inset-bottom));
  z-index: 9999;
  background: var(--color-surface-overlay);
  border: 1px solid var(--color-hairline);
  width: 40px;
  height: 40px;
  color: var(--color-brand);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background .3s, border-color .3s;
  display: flex;
  position: fixed;
  right: 2rem
}

#rpb-scroll-top-btn:hover {
  background: var(--color-surface-overlay);
  border-color: var(--color-hairline-strong)
}

#rpb-scroll-top-btn i {
  font-size: .9rem
}

@media(max-width:768px) {
  .rpb-scroll-top {
    margin-top: 20px
  }

  body:has(.admin-mobile-bottom-nav) #rpb-scroll-top-btn {
    bottom: calc(80px + env(safe-area-inset-bottom));
    right: 1rem
  }
}

.rpb-ripple-wrapper {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden
}

.rpb-ripple-wrapper .rpb-social-link {
  border-radius: 0;
  position: static;
  overflow: visible
}

.rpb-ripple-effect {
  pointer-events: none;
  z-index: 0;
  background: #ffffff26;
  border-radius: 50%;
  animation: .6s ease-out ripple;
  position: absolute;
  transform: scale(0)
}

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2)
  }
}

#modal-root {
  z-index: 1000;
  position: relative
}

html.rpb-modal-open,
html.rpb-modal-open body {
  touch-action: none !important;
  overflow: hidden !important
}

.rpb-generic-modal {
  width: 100%;
  height: 100%;
  padding: env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-base)ease, visibility var(--dur-base)ease;
  background: #000c;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0
}

.rpb-generic-modal.active {
  opacity: 1;
  visibility: visible
}

.rpb-modal-shell {
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  width: 90%;
  max-width: 600px;
  max-height: min(90vh, 100%);
  transition: transform var(--dur-base)ease, opacity var(--dur-base)ease;
  opacity: 0;
  flex-direction: column;
  display: flex;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(30px)
}

.rpb-modal-shell.slide-in {
  opacity: 1;
  transform: translateY(0)
}

.rpb-modal-shell.slide-out {
  opacity: 0;
  transform: translateY(30px)
}

.rpb-modal-content {
  border-radius: var(--radius-lg);
  flex-grow: 1;
  overflow-y: auto
}

.rpb-modal-header {
  border-bottom: 1px solid var(--color-hairline);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  display: flex
}

.rpb-modal-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600
}

.rpb-modal-close {
  background: var(--color-surface-overlay);
  border: 1px solid var(--color-hairline);
  color: #ffffffb3;
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: all var(--dur-base)ease;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex
}

.rpb-modal-close:hover {
  border-color: var(--color-hairline-strong);
  color: #fff
}

.rpb-modal-close:hover i {
  transition: all var(--dur-base)ease;
  transform: rotate(90deg)
}

.rpb-modal-body {
  padding: 25px
}

.rpb-modal-footer {
  border-top: 1px solid var(--color-hairline);
  z-index: 2;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  display: flex;
  position: sticky;
  bottom: 0
}

.rpb-modal-footer-justify-end {
  justify-content: flex-end
}

.rpb-modal-footer-close {
  background: var(--color-brand);
  color: #fff;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--dur-fast)ease, opacity var(--dur-base)ease;
  border: none;
  padding: 10px 20px
}

.rpb-modal-footer-close:hover {
  background: var(--color-brand-hover)
}

.rpb-modal-footer-close:disabled {
  background: var(--color-surface-overlay);
  color: var(--color-content-faint);
  cursor: not-allowed;
  opacity: .6;
  box-shadow: none
}

.rpb-modal-footer-hint {
  color: #fff;
  opacity: 0;
  transition: opacity var(--dur-base)ease-out, transform var(--dur-base)ease-out;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  transform: translateY(8px)
}

.rpb-modal-footer-hint-visible {
  opacity: 1;
  transform: translateY(0)
}

@media(max-width:768px) {
  .rpb-modal-shell {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%
  }

  .rpb-modal-header {
    padding: 16px 18px
  }

  .rpb-modal-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 50px);
    font-size: 1.05rem;
    overflow: hidden
  }

  .rpb-modal-body {
    padding: 18px
  }

  .rpb-modal-footer {
    padding: 16px 18px
  }
}

.rpb-typing-effect {
  border-right: 2px solid var(--color-brand);
  white-space: nowrap;
  margin: 0;
  animation: .75s step-end infinite rpbCursorBlink;
  display: inline-block;
  overflow: hidden
}

.rpb-typing-effect-hideCursor {
  border-right: none
}

@keyframes rpbCursorBlink {

  0%,
  to {
    border-color: #0000
  }

  50% {
    border-color: var(--color-brand)
  }
}

.sso-buttons-wrapper {
  flex-direction: column;
  gap: .5rem;
  width: 100%;
  margin-top: 1.25rem;
  display: flex
}

.sso-divider {
  align-items: center;
  gap: .75rem;
  margin-bottom: .25rem;
  display: flex
}

.sso-divider-line {
  background: var(--color-hairline);
  flex: 1;
  height: 1px
}

.sso-divider-text {
  font-size: var(--text-caption);
  color: var(--color-content-faint);
  white-space: nowrap
}

.sso-btn {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-hairline);
  background: var(--color-surface-overlay);
  width: 100%;
  height: 2.5rem;
  color: var(--color-content);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  cursor: pointer;
  transition: border-color var(--dur-instant)var(--ease-out), background-color var(--dur-instant)var(--ease-out);
  justify-content: center;
  align-items: center;
  gap: .625rem;
  padding: 0 1rem;
  display: flex
}

.sso-btn:hover {
  border-color: var(--color-hairline-strong)
}

.sso-btn-icon {
  flex-shrink: 0;
  align-items: center;
  display: flex
}

.sso-btn-label {
  line-height: 1
}

.sso-telegram-widget {
  justify-content: center;
  margin-top: .25rem;
  display: flex
}

.rpb-hero-3d-container {
  z-index: 2;
  perspective: 1000px;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-hero-3d-element {
  transform-style: preserve-3d;
  position: absolute
}

.rpb-hero-cube {
  width: 80px;
  height: 80px;
  transform-style: preserve-3d;
  animation: 15s ease-in-out infinite rpb-float-cube;
  top: 30%;
  right: 15%
}

.rpb-cube-face {
  background: #6e56e80f;
  width: 100%;
  height: 100%;
  position: absolute
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-cube-face {
    background: color-mix(in srgb, var(--color-brand)6%, transparent)
  }
}

.rpb-cube-face {
  border: 1px solid #6e56e826
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-cube-face {
    border: 1px solid color-mix(in srgb, var(--color-brand)15%, transparent)
  }
}

.rpb-cube-face {
  backface-visibility: visible
}

.rpb-cube-front {
  transform: translateZ(40px)
}

.rpb-cube-back {
  transform: rotateY(180deg)translateZ(40px)
}

.rpb-cube-top {
  transform: rotateX(90deg)translateZ(40px)
}

.rpb-cube-bottom {
  transform: rotateX(-90deg)translateZ(40px)
}

.rpb-cube-left {
  transform: rotateY(-90deg)translateZ(40px)
}

.rpb-cube-right {
  transform: rotateY(90deg)translateZ(40px)
}

.rpb-hero-sphere {
  background: radial-gradient(circle at 30% 30%, #6e56e826, #6e56e808);
  border-radius: 50%;
  width: 100px;
  height: 100px
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-hero-sphere {
    background: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--color-brand)15%, transparent), color-mix(in srgb, var(--color-brand)3%, transparent))
  }
}

.rpb-hero-sphere {
  border: 1px solid #6e56e81f
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-hero-sphere {
    border: 1px solid color-mix(in srgb, var(--color-brand)12%, transparent)
  }
}

.rpb-hero-sphere {
  animation: 20s ease-in-out infinite rpb-float-sphere;
  top: 65%;
  left: 20%
}

.rpb-hero-torus {
  border: 10px solid var(--color-brand-purple-500-10);
  background: 0 0;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: 18s ease-in-out infinite rpb-float-torus;
  top: 20%;
  left: 25%
}

.rpb-hero-solana-logo {
  opacity: .15;
  width: 150px;
  height: 150px;
  animation: 4s ease-in-out infinite rpb-pulse;
  position: absolute;
  bottom: 10%;
  right: 10%
}

@keyframes rpb-pulse {

  0%,
  to {
    opacity: .15;
    transform: scale(1)
  }

  50% {
    opacity: .25;
    transform: scale(1.05)
  }
}

.rpb-hero-solana-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%
}

@media(max-width:768px) {
  .rpb-hero-3d-element {
    transform: scale(.7)
  }
}

.rpb-hero-cta-button {
  background: var(--color-brand);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out), transform var(--dur-instant)var(--ease-out);
  border: none;
  justify-items: center;
  gap: .15rem;
  padding: .7rem 1.75rem;
  display: inline-grid
}

@media(hover:hover) {
  .rpb-hero-cta-button:hover {
    background: var(--color-brand-hover)
  }
}

.rpb-hero-cta-button:active {
  transform: translateY(1px)
}

.rpb-hero-cta-text {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-lead);
  font-weight: var(--weight-medium);
  color: #fff;
  display: block
}

.rpb-hero-cta-price {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-caption);
  color: #fffc;
  display: block
}

@keyframes rpb-fade-in-up {
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.rpb-hero-section {
  min-height: calc(100vh - var(--rpb-header-height) - var(--impersonation-offset, 0px) - var(--app-banners-height, 0px));
  min-height: calc(100dvh - var(--rpb-header-height) - var(--impersonation-offset, 0px) - var(--app-banners-height, 0px));
  background: var(--color-surface-base);
  width: auto;
  padding: var(--space-8)var(--space-5);
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden
}

.rpb-hero-content {
  z-index: 10;
  width: 100%;
  max-width: var(--container);
  gap: var(--space-7);
  text-align: left;
  align-items: center;
  margin: 0 auto;
  display: grid;
  position: relative
}

@media(min-width:1024px) {
  .rpb-hero-content {
    gap: var(--space-8);
    grid-template-columns: minmax(0, 1fr) minmax(0, 30rem)
  }
}

.rpb-hero-copy {
  gap: var(--space-4);
  justify-items: start;
  max-width: 56ch;
  display: grid
}

.rpb-hero-eyebrow {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  align-items: center;
  gap: .5em;
  margin: 0;
  display: inline-flex
}

.rpb-hero-eyebrow i {
  color: var(--color-positive);
  font-size: .5em
}

.rpb-hero-title {
  font-size: clamp(2.25rem, 6vw, var(--text-display));
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  color: var(--color-content);
  text-wrap: balance;
  margin: 0
}

.rpb-hero-subtitle {
  max-width: 52ch;
  font-size: var(--text-lead);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-hero-features {
  gap: var(--space-2);
  margin-top: var(--space-1);
  flex-wrap: wrap;
  display: flex
}

.rpb-hero-feature {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  font-size: var(--text-caption);
  color: var(--color-content-muted);
  transition: border-color var(--dur-instant)var(--ease-out);
  align-items: center;
  gap: .5em;
  padding: .4rem .7rem;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-hero-feature:hover {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-hero-feature i {
  color: var(--color-brand);
  font-size: .9em
}

.rpb-hero-cta-container {
  align-items: center;
  gap: var(--space-5);
  margin-top: var(--space-3);
  flex-wrap: wrap;
  display: flex
}

.rpb-hero-stats {
  gap: var(--space-5);
  display: flex
}

.rpb-hero-stat {
  gap: .15rem;
  display: grid
}

.rpb-hero-stat-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content)
}

.rpb-hero-stat-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-hero-ledger {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised);
  overflow: hidden
}

.rpb-hero-ledger [role=rowgroup]>[role=row] {
  animation: fx-fade-up var(--dur-base)var(--ease-out)both
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:first-child {
  animation-delay: calc(var(--stagger)*0)
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:nth-child(2) {
  animation-delay: calc(var(--stagger)*1)
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:nth-child(3) {
  animation-delay: calc(var(--stagger)*2)
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:nth-child(4) {
  animation-delay: calc(var(--stagger)*3)
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:nth-child(5) {
  animation-delay: calc(var(--stagger)*4)
}

.rpb-hero-ledger [role=rowgroup]>[role=row]:nth-child(6) {
  animation-delay: calc(var(--stagger)*5)
}

.rpb-hero-ledger-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3)var(--space-4);
  border-bottom: 1px solid var(--color-hairline);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  display: flex
}

.rpb-hero-ledger-link {
  color: var(--color-brand);
  transition: color var(--dur-instant)var(--ease-out);
  align-items: center;
  gap: .4em;
  text-decoration: none;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-hero-ledger-link:hover {
    color: var(--color-brand-hover)
  }
}

@media(max-width:768px) {
  .rpb-hero-section {
    padding: var(--space-7)var(--space-4);
    align-items: flex-start
  }

  .rpb-hero-content {
    gap: var(--space-6)
  }

  .rpb-hero-cta-container,
  .rpb-hero-stats {
    gap: var(--space-4)
  }
}

.rpb-features-showcase {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5);
  position: relative
}

.rpb-features-container {
  max-width: var(--container);
  margin: 0 auto
}

.rpb-features-header {
  gap: var(--space-3);
  max-width: 60ch;
  margin-bottom: var(--space-7);
  display: grid
}

.rpb-features-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-features-subtitle {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-features-explorer {
  gap: var(--space-5);
  display: grid
}

@media(min-width:1024px) {
  .rpb-features-explorer {
    border: 1px solid var(--color-hairline);
    border-radius: var(--radius-lg);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0;
    overflow: hidden
  }

  .rpb-feature-index {
    grid-column: span 7/span 7
  }

  .rpb-feature-readout {
    grid-column: span 5/span 5
  }

  .rpb-readout-rail {
    display: block
  }
}

.rpb-feature-index {
  align-content: start;
  display: grid
}

.rpb-feature-tab {
  align-items: baseline;
  column-gap: var(--space-4);
  row-gap: var(--space-1);
  width: 100%;
  min-height: 44px;
  padding: var(--space-4)var(--space-5);
  border: 0;
  border-bottom: 1px solid var(--color-hairline);
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: background-color var(--dur-fast)var(--ease-out);
  background: 0 0;
  border-radius: 0;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  margin: 0;
  display: grid;
  position: relative
}

.rpb-feature-index>.rpb-feature-tab:last-of-type {
  border-bottom: 0
}

.rpb-feature-tab:before {
  content: "";
  background: var(--color-brand);
  transform-origin: 0;
  width: 2px;
  transition: transform var(--dur-fast)var(--ease-out);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0)
}

@media(hover:hover) {
  .rpb-feature-tab:hover {
    background: var(--color-surface-raised)
  }
}

.rpb-feature-tab[aria-selected=true] {
  background: var(--color-surface-overlay)
}

.rpb-feature-tab[aria-selected=true]:before {
  transform: scaleX(1)
}

.rpb-feature-tab:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px
}

.rpb-feature-tab-idx {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint);
  transition: color var(--dur-fast)var(--ease-out);
  grid-area: 1/1
}

.rpb-feature-tab[aria-selected=true] .rpb-feature-tab-idx {
  color: var(--color-content)
}

.rpb-feature-tab-name {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--color-content-muted);
  transition: color var(--dur-fast)var(--ease-out);
  grid-area: 1/2
}

.rpb-feature-tab[aria-selected=true] .rpb-feature-tab-name {
  color: var(--color-content)
}

.rpb-feature-tab-desc {
  max-width: 48ch;
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-faint);
  text-wrap: pretty;
  grid-area: 2/2
}

.rpb-feature-readout {
  gap: var(--space-6);
  padding: var(--space-5);
  background: var(--color-surface-raised);
  grid-template-rows: 1fr auto;
  display: grid;
  position: relative
}

.rpb-readout-rail {
  z-index: 1;
  background: var(--color-hairline);
  width: 1px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.rpb-readout-panels {
  align-self: start
}

.rpb-readout-panel:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm)
}

.rpb-readout-body {
  gap: var(--space-4);
  display: grid
}

.rpb-readout-head {
  gap: var(--space-2);
  display: grid
}

.rpb-readout-index {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint);
  margin: 0
}

.rpb-readout-name {
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-feature-detail-body {
  gap: var(--space-4);
  display: grid
}

.rpb-feature-list {
  gap: var(--space-2);
  max-width: 68ch;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid
}

.rpb-feature-list li {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  padding-left: 1.1rem;
  position: relative
}

.rpb-feature-list li:before {
  content: "";
  background: var(--color-hairline-strong);
  width: .5rem;
  height: 1px;
  position: absolute;
  top: .7em;
  left: 0
}

.rpb-feature-tags {
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex
}

.rpb-feature-tag {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  padding: .15rem .45rem
}

.rpb-spec-ledger {
  margin: 0;
  display: grid
}

.rpb-spec-row {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  padding: var(--space-3)0;
  border-top: 1px solid var(--color-hairline);
  display: flex
}

.rpb-spec-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-spec-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-feature-readout .rpb-spec-ledger {
  margin-inline: calc(var(--space-5)*-1);
  margin-bottom: calc(var(--space-5)*-1);
  padding: 0 var(--space-5)var(--space-3);
  background: var(--color-surface-overlay)
}

.rpb-features-stack {
  gap: var(--space-6);
  display: grid
}

.rpb-features-list {
  border-top: 1px solid var(--color-hairline)
}

.rpb-feature-row {
  border-bottom: 1px solid var(--color-hairline)
}

.rpb-feature-summary {
  align-items: baseline;
  column-gap: var(--space-4);
  row-gap: var(--space-1);
  width: 100%;
  min-height: 44px;
  padding: var(--space-4)var(--space-2);
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: background-color var(--dur-instant)var(--ease-out);
  background: 0 0;
  border: 0;
  border-radius: 0;
  grid-template-columns: 2.5rem minmax(0, 1fr) 1.5rem;
  margin: 0;
  display: grid
}

@media(hover:hover) {
  .rpb-feature-summary:hover {
    background: var(--color-surface-raised)
  }
}

.rpb-feature-summary:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px
}

.rpb-feature-idx {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint);
  grid-area: 1/1
}

.rpb-feature-name {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--color-content);
  grid-area: 1/2
}

.rpb-feature-desc {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  grid-area: 2/2
}

.rpb-feature-toggle {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-lead);
  color: var(--color-content-faint);
  transition: transform var(--dur-disclose)var(--ease-out), color var(--dur-disclose)var(--ease-out);
  grid-area: 1/3;
  place-self: center end;
  line-height: 1
}

.rpb-feature-summary[aria-expanded=true] .rpb-feature-toggle {
  color: var(--color-content)
}

.rpb-feature-detail-inner {
  min-height: 0;
  padding: 0 var(--space-2)var(--space-5)calc(2.5rem + var(--space-4) + var(--space-2));
  display: grid;
  overflow: hidden
}

.rpb-features-stack>.rpb-spec-ledger {
  padding: var(--space-1)var(--space-4);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised)
}

.rpb-features-stack>.rpb-spec-ledger>.rpb-spec-row:first-child {
  border-top: 0
}

@media(max-width:640px) {
  .rpb-features-showcase {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-feature-summary {
    column-gap: var(--space-3)
  }

  .rpb-feature-detail-inner {
    padding-left: calc(2.5rem + var(--space-3) + var(--space-2))
  }
}

.rpb-tech-stack {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5);
  position: relative
}

.rpb-tech-container {
  max-width: var(--container);
  margin: 0 auto
}

.rpb-tech-header {
  gap: var(--space-3);
  max-width: 60ch;
  margin-bottom: var(--space-7);
  display: grid
}

.rpb-tech-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  text-wrap: balance;
  margin: 0
}

.rpb-tech-subtitle {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-tech-ledger {
  border-top: 1px solid var(--color-hairline-strong)
}

.rpb-tech-band {
  margin: 0;
  padding: 0;
  list-style: none
}

.rpb-tech-row {
  gap: var(--space-3)var(--space-6);
  padding: var(--space-5)var(--space-2);
  border-bottom: 1px solid var(--color-hairline);
  grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
  display: grid
}

.rpb-tech-band>.rpb-tech-row:last-child {
  border-bottom-color: var(--color-hairline-strong)
}

.rpb-tech-key {
  align-content: start;
  gap: var(--space-2);
  display: grid
}

.rpb-tech-index {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint)
}

.rpb-tech-name {
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  text-wrap: balance;
  margin: 0
}

.rpb-tech-detail {
  align-content: start;
  gap: var(--space-3);
  display: grid
}

.rpb-tech-copy {
  max-width: 62ch;
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-tech-caps {
  row-gap: var(--space-2);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.rpb-tech-cap {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-tech-cap+.rpb-tech-cap {
  margin-left: var(--space-3);
  padding-left: var(--space-3);
  border-left: 1px solid var(--color-hairline)
}

.rpb-tech-row--figure {
  align-items: baseline
}

.rpb-tech-output-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-caption);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-muted)
}

.rpb-tech-figure {
  text-align: right;
  white-space: nowrap;
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h2);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content);
  justify-self: end;
  margin: 0;
  line-height: 1
}

.rpb-tech-figure-unit {
  font-size: var(--text-h4);
  color: var(--color-content-faint)
}

.rpb-tech-partners-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-caption);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-muted);
  margin: 0
}

.rpb-tech-partners-grid {
  align-items: center;
  gap: var(--space-4)var(--space-5);
  flex-wrap: wrap;
  display: flex
}

.rpb-partner-logo {
  object-fit: contain;
  opacity: .65;
  width: auto;
  max-width: 5rem;
  height: 1.5rem;
  transition: opacity var(--dur-fast)var(--ease-out)
}

.rpb-partner-logo--tiled {
  border-radius: var(--radius-full);
  object-fit: cover;
  opacity: .55;
  width: 1.5rem;
  height: 1.5rem
}

.rpb-tech-partners-grid .rpb-partner-logo {
  object-position: left center;
  width: 4.5rem;
  max-width: none
}

.rpb-tech-partners-grid .rpb-partner-logo--tiled {
  width: 1.5rem
}

@media(hover:hover) {
  .rpb-partner-logo:hover {
    opacity: 1
  }

  .rpb-partner-logo--tiled:hover {
    opacity: .9
  }
}

@media(max-width:760px) {
  .rpb-tech-row {
    gap: var(--space-3);
    padding: var(--space-4)var(--space-1);
    grid-template-columns: minmax(0, 1fr)
  }

  .rpb-tech-row--figure {
    column-gap: var(--space-4);
    grid-template-columns: minmax(0, 1fr) auto
  }

  .rpb-tech-figure {
    font-size: var(--text-h3)
  }

  .rpb-tech-figure-unit {
    font-size: var(--text-body)
  }

  .rpb-tech-caps {
    column-gap: var(--space-4)
  }

  .rpb-tech-cap+.rpb-tech-cap {
    border-left: 0;
    margin-left: 0;
    padding-left: 0
  }
}

@media(max-width:640px) {
  .rpb-tech-stack {
    padding: var(--space-7)var(--space-4)
  }
}

.rpb-how-it-works {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5);
  position: relative
}

.rpb-workflow-container {
  max-width: var(--container);
  z-index: 1;
  margin: 0 auto;
  position: relative
}

.rpb-workflow-header {
  gap: var(--space-3);
  max-width: 60ch;
  margin-bottom: var(--space-7);
  display: grid
}

.rpb-workflow-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-workflow-subtitle {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-procedure {
  flex-direction: column;
  display: flex
}

.rpb-procedure>[data-hiw-order="1"] {
  order: 1
}

.rpb-procedure>[data-hiw-order="2"] {
  order: 2
}

.rpb-procedure>[data-hiw-order="3"] {
  order: 3
}

.rpb-procedure>[data-hiw-order="4"] {
  order: 4
}

@media(min-width:1024px) {
  .rpb-procedure {
    column-gap: var(--space-7);
    grid-template-rows: repeat(4, auto);
    grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
    display: grid
  }

  .rpb-procedure>[data-hiw-order] {
    order: 0
  }

  .rpb-procedure>.rpb-step {
    grid-column: 1
  }

  .rpb-procedure>.rpb-output {
    top: var(--space-6);
    grid-area: 1/2/-1;
    align-self: start;
    margin: 0;
    position: sticky
  }
}

.rpb-step {
  column-gap: var(--space-4);
  width: 100%;
  padding: var(--space-4);
  border: none;
  border-top: 1px solid var(--color-hairline);
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out);
  background: 0 0;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: baseline;
  display: grid;
  position: relative
}

.rpb-step:last-of-type {
  border-bottom: 1px solid var(--color-hairline)
}

.rpb-step:before {
  content: "";
  background: var(--color-brand);
  transform-origin: top;
  width: 2px;
  transition: transform var(--dur-fast)var(--ease-out);
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  transform: scaleY(0)
}

.rpb-step.is-open:before {
  transform: scaleY(1)
}

.rpb-step.is-open {
  background: var(--color-surface-raised)
}

@media(hover:hover) {
  .rpb-step:hover {
    background: var(--color-surface-raised)
  }
}

@media(prefers-reduced-motion:reduce) {
  .rpb-step:before {
    transition: none
  }
}

.rpb-step-index {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint);
  transition: color var(--dur-instant)var(--ease-out)
}

.rpb-step.is-open .rpb-step-index {
  color: var(--color-brand)
}

.rpb-step-body {
  gap: var(--space-2);
  min-width: 0;
  display: grid
}

.rpb-step-title {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-body);
  color: var(--color-content)
}

.rpb-step-desc {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  display: block
}

.rpb-step-checks {
  gap: var(--space-1);
  margin-top: var(--space-1);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-hairline);
  display: grid
}

.rpb-step-check {
  column-gap: var(--space-2);
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: baseline;
  display: grid
}

.rpb-step-check-key {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-micro);
  color: var(--color-content-faint)
}

.rpb-step-check-text {
  font-size: var(--text-caption);
  line-height: var(--leading-body);
  color: var(--color-content-muted)
}

.rpb-output {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-raised);
  margin: var(--space-4)0 var(--space-2);
  position: relative;
  overflow: hidden
}

.rpb-output-rail {
  background: var(--color-brand);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.rpb-output-bar {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3)var(--space-4);
  border-bottom: 1px solid var(--color-hairline);
  background: var(--color-surface-overlay);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  display: flex
}

.rpb-output-step {
  font-variant-numeric: tabular-nums;
  color: var(--color-content-muted)
}

.rpb-output-step-n {
  color: var(--color-brand)
}

.rpb-output-body {
  padding: var(--space-4)
}

@media(min-width:1024px) {
  .rpb-output-screen {
    min-height: 20rem
  }
}

.rpb-term {
  gap: var(--space-1);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  display: grid
}

.rpb-term-line {
  column-gap: var(--space-2);
  grid-template-columns: 1ch minmax(0, 1fr) auto;
  align-items: baseline;
  margin: 0;
  display: grid
}

.rpb-term-sigil {
  color: var(--color-content-faint)
}

.rpb-term-text {
  overflow-wrap: anywhere;
  min-width: 0
}

.rpb-term-line--cmd .rpb-term-text {
  color: var(--color-content)
}

.rpb-term-ok {
  color: var(--color-positive);
  font-size: .85em
}

.rpb-term-line--result {
  margin-top: var(--space-2);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-hairline);
  color: var(--color-positive);
  font-weight: var(--weight-medium)
}

.rpb-demo-dashboard {
  gap: var(--space-5);
  flex-wrap: wrap;
  display: flex
}

.rpb-dashboard-widget {
  min-width: 12rem;
  padding: var(--space-5);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-overlay);
  flex: 1
}

.rpb-widget-label {
  margin-bottom: var(--space-2);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-widget-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h3);
  font-weight: var(--weight-medium);
  color: var(--color-content)
}

.rpb-trigger-list {
  display: grid
}

.rpb-trigger-item {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-3);
  padding: var(--space-2)0;
  display: flex
}

.rpb-trigger-item+.rpb-trigger-item {
  border-top: 1px solid var(--color-hairline)
}

.rpb-trigger-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-small);
  color: var(--color-content)
}

.rpb-trigger-action {
  font-size: var(--text-caption);
  color: var(--color-content-muted);
  text-align: right
}

.rpb-demo-chart-container {
  flex-direction: column;
  height: 100%;
  display: flex
}

.rpb-demo-chart-header {
  margin-bottom: var(--space-3);
  justify-content: space-between;
  align-items: center;
  display: flex
}

.rpb-chart-title {
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: var(--color-content)
}

.rpb-chart-options {
  gap: var(--space-1);
  display: flex
}

.rpb-chart-option {
  padding: var(--space-1)var(--space-2);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  color: var(--color-content-faint);
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out), color var(--dur-instant)var(--ease-out);
  background: 0 0;
  border: none
}

.rpb-chart-option.active {
  background: var(--color-surface-overlay);
  color: var(--color-content)
}

.rpb-demo-chart {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-base);
  height: 14rem;
  margin-bottom: var(--space-3)
}

.rpb-chart-controls {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  display: flex
}

.rpb-chart-slider {
  gap: var(--space-1);
  display: grid
}

.rpb-chart-slider span {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-sim-intensity {
  appearance: none;
  background: var(--color-surface-overlay);
  border-radius: var(--radius-sm);
  background-clip: content-box;
  outline: none;
  width: 9rem;
  height: 3px;
  padding-block: 1.25rem
}

.rpb-sim-intensity::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: var(--radius-full);
  background: var(--color-brand);
  cursor: pointer;
  width: 1.125rem;
  height: 1.125rem
}

.rpb-sim-intensity::-moz-range-thumb {
  border-radius: var(--radius-full);
  background: var(--color-brand);
  cursor: pointer;
  border: none;
  width: 1.125rem;
  height: 1.125rem
}

.rpb-chart-play-btn {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  min-height: 2.75rem;
  padding: var(--space-2)var(--space-4);
  border-radius: var(--radius-md);
  background: var(--color-brand);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: #fff;
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out);
  border: none;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-chart-play-btn:hover {
    background: var(--color-brand-hover)
  }
}

.rpb-demo-security {
  height: 100%
}

.rpb-security-panel {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-base);
  overflow: hidden
}

.rpb-panel-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4)var(--space-5);
  background: var(--color-surface-overlay);
  flex-wrap: wrap;
  display: flex
}

.rpb-panel-header h4 {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0
}

.rpb-panel-tabs {
  gap: var(--space-3);
  display: flex
}

.rpb-panel-tab {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-caption);
  color: var(--color-content-faint);
  cursor: pointer;
  transition: color var(--dur-instant)var(--ease-out);
  background: 0 0;
  border: none;
  padding: 0
}

.rpb-panel-tab.active {
  color: var(--color-brand);
  font-weight: var(--weight-semibold)
}

.rpb-panel-empty {
  padding: var(--space-6)var(--space-5);
  text-align: center;
  font-size: var(--text-small);
  color: var(--color-content-faint);
  margin: 0
}

.rpb-wallet-list {
  padding: var(--space-2)var(--space-5)var(--space-4)
}

.rpb-wallet-entry {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3)0;
  display: flex
}

.rpb-wallet-entry+.rpb-wallet-entry {
  border-top: 1px solid var(--color-hairline)
}

.rpb-wallet-status {
  width: var(--space-2);
  height: var(--space-2);
  border-radius: var(--radius-full);
  flex-shrink: 0
}

.rpb-status-allow {
  background: var(--color-positive)
}

.rpb-status-deny {
  background: var(--color-negative)
}

.rpb-wallet-address {
  min-width: 0;
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-small);
  color: var(--color-content);
  flex: 1
}

.rpb-wallet-type {
  font-size: var(--text-caption);
  color: var(--color-content-muted);
  flex-shrink: 0
}

.rpb-wallet-actions {
  gap: var(--space-2);
  color: var(--color-content-faint);
  display: flex
}

.rpb-wallet-add {
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
  color: var(--color-brand);
  font-size: var(--text-small);
  display: flex
}

.rpb-chart-option,
.rpb-panel-tab {
  position: relative
}

.rpb-chart-option:after,
.rpb-panel-tab:after {
  content: "";
  height: max(100%, 2.75rem);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%)
}

@media(max-width:768px) {
  .rpb-how-it-works {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-workflow-title {
    font-size: var(--text-h3)
  }

  .rpb-step {
    column-gap: var(--space-3);
    padding: var(--space-4)var(--space-2);
    grid-template-columns: 1.75rem minmax(0, 1fr)
  }

  .rpb-output-body {
    padding: var(--space-3)
  }

  .rpb-demo-dashboard {
    flex-direction: column
  }

  .rpb-dashboard-widget {
    padding: var(--space-4)
  }

  .rpb-wallet-list {
    padding: var(--space-2)var(--space-4)var(--space-4)
  }

  .rpb-chart-controls {
    flex-direction: column;
    align-items: flex-start
  }
}

.rpb-pricing-plans {
  padding: var(--space-9)var(--space-5);
  background: var(--color-surface-base);
  position: relative;
  overflow: clip visible
}

.rpb-pricing-container {
  max-width: var(--container);
  margin: 0 auto;
  position: relative
}

.rpb-pricing-header {
  text-align: center;
  margin-bottom: var(--space-8);
  opacity: 0;
  transform: translateY(20px)
}

.rpb-pricing-header-fade-in {
  animation: rpbPricingHeaderFadeIn var(--dur-slow)var(--ease-out)forwards
}

@keyframes rpbPricingHeaderFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

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

.rpb-pricing-plans .rpb-section-badge {
  margin: 0 0 var(--space-3);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint);
  display: inline-block
}

.rpb-pricing-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0 0 var(--space-3)
}

.rpb-pricing-subtitle {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-lead);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  margin: 0 0 var(--space-3)
}

.rpb-pricing-subtitle-animation {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  min-height: 30px;
  padding: 0 var(--space-4);
  text-align: center;
  flex-wrap: wrap;
  display: flex
}

.rpb-subtitle-prefix,
.rpb-subtitle-typed {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-lead)
}

.rpb-subtitle-prefix {
  color: var(--color-content-muted)
}

.rpb-subtitle-typed {
  color: var(--color-brand);
  min-width: 10px
}

@media(max-width:768px) {
  .rpb-pricing-plans {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-pricing-title {
    font-size: var(--text-h3)
  }
}

.rpb-pricing-grid {
  gap: var(--space-6);
  margin-bottom: var(--space-8);
  grid-template-columns: repeat(3, 1fr);
  display: grid
}

@media(max-width:992px) {
  .rpb-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
  }
}

.rpb-compact-pricing-grid {
  margin-bottom: var(--space-6)
}

.rpb-compact-pricing-grid .rpb-compact-pricing-card {
  margin-bottom: var(--space-5)
}

.rpb-pricing-card {
  opacity: 0;
  height: 100%;
  position: relative;
  transform: translateY(24px)
}

.rpb-pricing-card-fade-in {
  animation: rpbPricingCardFadeIn var(--dur-slow)var(--ease-out)forwards
}

@keyframes rpbPricingCardFadeIn {
  0% {
    opacity: 0;
    transform: translateY(24px)
  }

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

.rpb-card-ribbon-container {
  height: 100%;
  position: relative
}

.rpb-card-background {
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  transition: border-color var(--dur-instant)var(--ease-out);
  z-index: 1;
  position: absolute;
  inset: 0;
  overflow: hidden
}

@media(hover:hover) {
  .rpb-pricing-card:hover .rpb-card-background {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-card-featured .rpb-card-background,
.rpb-pricing-card.rpb-card-featured:hover .rpb-card-background {
  border-color: var(--color-brand)
}

.rpb-card-content {
  z-index: 2;
  height: 100%;
  padding: var(--space-6);
  flex-direction: column;
  display: flex;
  position: relative
}

.rpb-card-badge,
.rpb-compact-card-badge {
  top: var(--space-3);
  right: var(--space-3);
  border: 1px solid var(--color-brand);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-brand);
  z-index: 3;
  padding: .15rem .45rem;
  position: absolute
}

.rpb-card-header {
  text-align: center;
  margin-bottom: var(--space-6);
  min-height: calc(var(--space-10) + var(--space-5))
}

.rpb-card-title,
.rpb-compact-card-title,
.rpb-addon-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content);
  margin: 0 0 var(--space-4)
}

.rpb-card-title {
  font-size: var(--text-h3)
}

.rpb-compact-card-title,
.rpb-addon-title {
  font-size: var(--text-h4);
  margin-bottom: var(--space-3)
}

.rpb-card-price {
  display: inline-block;
  position: relative
}

.rpb-price-amount {
  justify-content: center;
  align-items: baseline;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
  display: flex
}

.rpb-price-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h1);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  line-height: 1
}

.rpb-price-currency {
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--color-brand);
  display: inline-flex
}

.rpb-price-period {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-compact-price-amount {
  justify-content: flex-end;
  align-items: baseline;
  gap: var(--space-1);
  margin-bottom: var(--space-1);
  display: flex
}

.rpb-compact-price-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  color: var(--color-content)
}

.rpb-compact-price-currency {
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: var(--color-brand);
  display: inline-flex
}

.rpb-compact-price-period {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-price-strike,
.rpb-compact-price-strike,
.rpb-addon-price-strike {
  margin-bottom: var(--space-1)
}

.rpb-price-strike-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-small);
  color: var(--color-content-faint);
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--color-negative);
  text-decoration-color: var(--color-negative);
  text-decoration-thickness: 2px
}

.rpb-price-strike-percent {
  margin-left: var(--space-2);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-weight: var(--weight-semibold);
  font-size: var(--text-small);
  color: var(--color-brand)
}

.rpb-card-features .rpb-feature-list li {
  padding-left: 0
}

.rpb-card-features .rpb-feature-list li:before {
  content: none
}

.rpb-card-features {
  margin-bottom: var(--space-6);
  flex: 1
}

.rpb-pricing-plans .rpb-feature-item {
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-hairline);
  align-items: center;
  display: flex
}

.rpb-pricing-plans .rpb-feature-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.rpb-pricing-plans .rpb-feature-list .rpb-feature-icon {
  border-radius: var(--radius-full);
  background: #6e56e829;
  width: 22px;
  min-width: 22px;
  height: 22px
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-pricing-plans .rpb-feature-list .rpb-feature-icon {
    background: color-mix(in srgb, var(--color-brand)16%, transparent)
  }
}

.rpb-pricing-plans .rpb-feature-list .rpb-feature-icon {
  color: var(--color-brand);
  margin: 0 var(--space-3)0 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  display: inline-flex
}

.rpb-pricing-plans .rpb-feature-list .rpb-feature-disabled .rpb-feature-icon {
  background: var(--color-surface-overlay);
  color: var(--color-content-faint)
}

.rpb-pricing-plans .rpb-feature-text {
  font-size: var(--text-small);
  color: var(--color-content-muted)
}

.rpb-pricing-plans .rpb-feature-disabled .rpb-feature-text {
  color: var(--color-content-faint)
}

.rpb-card-cta {
  text-align: center;
  margin-top: auto
}

.rpb-pricing-button,
.rpb-compact-pricing-button {
  background: var(--color-surface-overlay);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  padding: var(--space-3)var(--space-6);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--color-content);
  cursor: pointer;
  transition: border-color var(--dur-instant)var(--ease-out), background var(--dur-instant)var(--ease-out)
}

@media(hover:hover) {

  .rpb-pricing-button:hover,
  .rpb-compact-pricing-button:hover {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-button-featured {
  background: var(--color-brand);
  border-color: var(--color-brand)
}

@media(hover:hover) {
  .rpb-button-featured:hover {
    background: var(--color-brand-hover);
    border-color: var(--color-brand-hover)
  }
}

.rpb-button-featured:active {
  transform: translateY(1px)
}

.rpb-no-plans-message {
  text-align: center;
  padding: var(--space-8)var(--space-6);
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  margin: var(--space-5)0;
  grid-column: 1/-1
}

.rpb-no-plans-icon {
  background: var(--color-surface-overlay);
  border: 1px solid var(--color-hairline-strong);
  border-radius: var(--radius-full);
  width: 64px;
  height: 64px;
  margin: 0 auto var(--space-5);
  justify-content: center;
  align-items: center;
  display: flex
}

.rpb-no-plans-icon i {
  color: var(--color-brand);
  font-size: 1.5rem
}

.rpb-no-plans-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0 0 var(--space-3)
}

.rpb-no-plans-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-body);
  color: var(--color-content-muted);
  line-height: var(--leading-body);
  max-width: 400px;
  margin: 0 auto
}

@media(max-width:768px) {
  .rpb-no-plans-message {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-no-plans-icon {
    width: 52px;
    height: 52px;
    margin-bottom: var(--space-4)
  }

  .rpb-no-plans-icon i {
    font-size: 1.2rem
  }

  .rpb-no-plans-title {
    font-size: var(--text-lead)
  }
}

.rpb-compact-pricing-card {
  opacity: 0;
  transform: translateY(16px)
}

.rpb-compact-pricing-card-fade-in {
  animation: rpbCompactPricingCardFadeIn var(--dur-base)var(--ease-out)forwards
}

@keyframes rpbCompactPricingCardFadeIn {
  0% {
    opacity: 0;
    transform: translateY(16px)
  }

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

.rpb-compact-card-container {
  position: relative
}

.rpb-compact-card-background {
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  transition: border-color var(--dur-instant)var(--ease-out);
  z-index: 1;
  position: absolute;
  inset: 0
}

@media(hover:hover) {
  .rpb-compact-pricing-card:hover .rpb-compact-card-background {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-compact-card-content {
  z-index: 2;
  padding: var(--space-5)var(--space-6);
  position: relative
}

.rpb-compact-card-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-6);
  display: flex
}

.rpb-compact-card-main {
  flex: 1
}

.rpb-compact-card-features-list {
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex
}

.rpb-compact-feature-tag,
.rpb-compact-feature-more {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-hairline);
  color: var(--color-content-muted);
  background: 0 0;
  padding: .15rem .45rem
}

.rpb-compact-feature-tag.disabled {
  color: var(--color-content-faint)
}

@media(hover:hover) {
  .rpb-compact-pricing-card:hover .rpb-compact-feature-tag:not(.disabled) {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-compact-feature-more {
  border-color: var(--color-brand);
  color: var(--color-brand);
  font-weight: var(--weight-medium)
}

.rpb-compact-card-side {
  align-items: center;
  gap: var(--space-6);
  display: flex
}

.rpb-compact-card-price {
  text-align: right
}

.rpb-compact-card-cta {
  flex-shrink: 0
}

@media(max-width:992px) {
  .rpb-compact-card-header {
    align-items: flex-start;
    gap: var(--space-5);
    flex-direction: column
  }

  .rpb-compact-card-side {
    justify-content: space-between;
    width: 100%
  }

  .rpb-compact-card-price {
    text-align: left
  }

  .rpb-compact-price-amount {
    justify-content: flex-start
  }
}

.rpb-addon-section {
  margin-bottom: var(--space-8);
  opacity: 0;
  transform: translateY(20px)
}

.rpb-addon-section-fade-in {
  animation: rpbAddonSectionFadeIn var(--dur-slow)var(--ease-out)forwards
}

@keyframes rpbAddonSectionFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

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

.rpb-addon-container {
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: border-color var(--dur-instant)var(--ease-out);
  overflow: hidden
}

@media(hover:hover) {
  .rpb-addon-container:hover {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-addon-selected {
  border-color: var(--color-brand)
}

.rpb-addon-header {
  background: var(--color-surface-overlay);
  padding: var(--space-5)var(--space-6);
  border-bottom: 1px solid var(--color-hairline);
  justify-content: space-between;
  align-items: center;
  display: flex
}

.rpb-addon-price {
  align-items: baseline;
  display: flex
}

.rpb-addon-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  color: var(--color-content)
}

.rpb-addon-currency {
  align-items: center;
  gap: var(--space-1);
  margin-left: var(--space-2);
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-small);
  color: var(--color-brand);
  display: inline-flex
}

.rpb-addon-content {
  padding: var(--space-6);
  gap: var(--space-6);
  flex-wrap: wrap;
  align-items: center;
  display: flex
}

.rpb-addon-description {
  width: 100%
}

.rpb-addon-description p {
  font-size: var(--text-body);
  color: var(--color-content-muted);
  margin: 0
}

.rpb-addon-features {
  gap: var(--space-5);
  flex: 3;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  display: grid
}

.rpb-addon-feature {
  align-items: flex-start;
  gap: var(--space-4);
  display: flex
}

.rpb-addon-icon {
  border-radius: var(--radius-full);
  background: var(--color-surface-overlay);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex
}

.rpb-addon-icon i {
  color: var(--color-brand);
  font-size: 1.1rem
}

.rpb-addon-feature-text h4 {
  font-size: var(--text-body);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0 0 var(--space-1)
}

.rpb-addon-feature-text p {
  font-size: var(--text-small);
  color: var(--color-content-muted);
  margin: 0
}

.rpb-addon-action {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex
}

@media(max-width:992px) {
  .rpb-addon-content {
    flex-direction: column;
    align-items: stretch
  }

  .rpb-addon-action {
    justify-content: center
  }
}

.rpb-pricing-guarantee {
  justify-content: center;
  align-items: center;
  gap: var(--space-5);
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  padding: var(--space-5)var(--space-6);
  margin-bottom: var(--space-8);
  opacity: 0;
  display: flex;
  transform: translateY(16px)
}

.rpb-pricing-guarantee-fade-in {
  animation: rpbPricingGuaranteeFadeIn var(--dur-base)var(--ease-out)forwards
}

@keyframes rpbPricingGuaranteeFadeIn {
  0% {
    opacity: 0;
    transform: translateY(16px)
  }

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

.rpb-guarantee-icon {
  border-radius: var(--radius-full);
  background: var(--color-surface-overlay);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex
}

.rpb-guarantee-icon i {
  color: var(--color-positive);
  font-size: 1.3rem
}

.rpb-guarantee-content h3 {
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0 0 var(--space-1)
}

.rpb-guarantee-content p {
  font-size: var(--text-small);
  color: var(--color-content-muted);
  margin: 0
}

@media(max-width:768px) {
  .rpb-pricing-guarantee {
    text-align: center;
    padding: var(--space-5)var(--space-4);
    flex-direction: column
  }
}

.rpb-confirmation-content {
  gap: var(--space-5);
  flex-direction: column;
  display: flex
}

.rpb-confirmation-header {
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-hairline)
}

.rpb-confirmation-plan-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0 0 var(--space-2)0
}

.rpb-confirmation-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-body);
  color: var(--color-content-muted);
  line-height: var(--leading-body);
  max-width: 58ch;
  margin: 0
}

.rpb-confirmation-details {
  gap: var(--space-5);
  flex-direction: column;
  display: flex
}

.rpb-confirmation-features {
  border-top: 1px solid var(--color-hairline);
  padding-top: var(--space-4)
}

.rpb-confirmation-features-title {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  font-weight: var(--weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: var(--color-content-faint);
  margin: 0 0 var(--space-2)0
}

.rpb-confirmation-features-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.rpb-confirmation-feature-item {
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-2)0;
  display: flex
}

.rpb-confirmation-feature-item+.rpb-confirmation-feature-item {
  border-top: 1px solid var(--color-hairline)
}

.rpb-confirmation-feature-disabled .rpb-confirmation-feature-text {
  color: var(--color-content-faint)
}

.rpb-confirmation-feature-icon {
  width: 1rem;
  height: 1rem;
  font-size: var(--text-small);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: .15rem;
  display: flex
}

.rpb-confirmation-feature-icon.fa-circle-check {
  color: var(--color-positive)
}

.rpb-confirmation-feature-icon.fa-circle-xmark {
  color: var(--color-content-faint)
}

.rpb-confirmation-feature-text {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-body);
  color: var(--color-content-muted);
  line-height: var(--leading-body)
}

.rpb-confirmation-actions {
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-hairline);
  justify-content: flex-end;
  display: flex
}

.rpb-confirmation-cancel-button,
.rpb-confirmation-confirm-button {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  height: 2.5rem;
  padding: 0 var(--space-4);
  border-radius: var(--radius-md);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  transition: border-color var(--dur-instant)var(--ease-out), background-color var(--dur-instant)var(--ease-out), color var(--dur-instant)var(--ease-out);
  border: 1px solid #0000;
  display: inline-flex
}

.rpb-confirmation-cancel-button {
  background: var(--color-surface-overlay);
  color: var(--color-content);
  border-color: var(--color-hairline)
}

.rpb-confirmation-cancel-button:hover:not(:disabled) {
  border-color: var(--color-hairline-strong)
}

.rpb-confirmation-confirm-button {
  background: var(--color-brand);
  color: #fff;
  border-color: var(--color-brand)
}

.rpb-confirmation-confirm-button:hover:not(:disabled) {
  background: var(--color-brand-hover);
  border-color: var(--color-brand-hover)
}

.rpb-confirmation-confirm-button:disabled,
.rpb-confirmation-cancel-button:disabled {
  opacity: .5;
  cursor: not-allowed
}

.rpb-confirmation-error {
  background: #ef4d4d1a
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-confirmation-error {
    background: color-mix(in srgb, var(--color-negative)10%, transparent)
  }
}

.rpb-confirmation-error {
  color: var(--color-negative);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  border: 1px solid #ef4d4d4d
}

@supports (color:color-mix(in lab, red, red)) {
  .rpb-confirmation-error {
    border: 1px solid color-mix(in srgb, var(--color-negative)30%, transparent)
  }
}

.rpb-confirmation-error {
  align-items: flex-start;
  gap: var(--space-2);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  line-height: var(--leading-body);
  display: flex
}

.rpb-confirmation-error i {
  font-size: var(--text-body);
  flex-shrink: 0;
  margin-top: .1rem
}

.rpb-confirmation-coupon-section {
  gap: var(--space-2);
  flex-direction: column;
  display: flex
}

.rpb-confirmation-coupon-input-container {
  align-items: stretch;
  gap: var(--space-2);
  width: 100%;
  display: flex
}

.rpb-confirmation-coupon-input {
  min-width: 0;
  padding: 0 var(--space-3);
  background: var(--color-surface-overlay);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  height: 2.5rem;
  color: var(--color-content);
  transition: border-color var(--dur-instant)var(--ease-out);
  outline: none;
  flex: auto
}

.rpb-confirmation-coupon-input:hover:not(:disabled) {
  border-color: var(--color-hairline-strong)
}

.rpb-confirmation-coupon-input::placeholder {
  color: var(--color-content-faint)
}

.rpb-confirmation-coupon-input:focus {
  border-color: var(--color-brand)
}

.rpb-confirmation-coupon-input:disabled {
  opacity: .5;
  cursor: not-allowed
}

.rpb-confirmation-coupon-button {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  height: 2.5rem;
  padding: 0 var(--space-4);
  background: var(--color-surface-overlay);
  color: var(--color-content);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color var(--dur-instant)var(--ease-out), background-color var(--dur-instant)var(--ease-out);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  flex: none;
  display: inline-flex
}

.rpb-confirmation-coupon-button:hover:not(:disabled) {
  border-color: var(--color-hairline-strong)
}

.rpb-confirmation-coupon-button:disabled {
  opacity: .5;
  cursor: not-allowed
}

.rpb-confirmation-price-original {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  color: var(--color-content-faint);
  font-weight: var(--weight-regular);
  font-size: var(--text-caption);
  text-decoration: line-through
}

.rpb-confirmation-price-discounted {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-lead);
  color: var(--color-positive);
  line-height: 1.2;
  font-weight: var(--weight-semibold)
}

@media(max-width:768px) {
  .rpb-confirmation-actions {
    flex-direction: column
  }

  .rpb-confirmation-cancel-button,
  .rpb-confirmation-confirm-button {
    width: 100%
  }

  .rpb-confirmation-plan-title {
    font-size: var(--text-lead)
  }
}

.rpb-success-stories {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5);
  position: relative
}

.rpb-success-container {
  max-width: var(--container);
  margin: 0 auto
}

.rpb-success-header {
  gap: var(--space-3);
  max-width: 60ch;
  margin-bottom: var(--space-7);
  display: grid
}

.rpb-success-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-success-subtitle {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-success-metrics {
  background: var(--color-hairline);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-7);
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 1px;
  display: grid;
  overflow: hidden
}

.rpb-metric-box {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-surface-raised);
  display: flex
}

.rpb-success-metric-icon {
  color: var(--color-brand);
  font-size: 1rem
}

.rpb-success-metric-content {
  gap: .15rem;
  display: grid
}

.rpb-metric-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content)
}

.rpb-metric-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-live-feed {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised);
  margin-bottom: var(--space-7);
  flex-wrap: wrap;
  display: flex
}

.rpb-feed-header {
  gap: var(--space-1);
  max-width: 44ch;
  display: grid
}

.rpb-feed-title {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-lead);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0;
  display: flex
}

.rpb-feed-title i {
  color: var(--color-brand)
}

.rpb-success-discord-desc {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  margin: 0
}

.rpb-success-discord-button {
  align-items: center;
  gap: var(--space-2);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-overlay);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: var(--color-content);
  cursor: pointer;
  transition: border-color var(--dur-instant)var(--ease-out), transform var(--dur-instant)var(--ease-out);
  flex-shrink: 0;
  padding: .6rem 1.1rem;
  display: inline-flex
}

.rpb-success-discord-button i {
  color: var(--color-brand)
}

@media(hover:hover) {
  .rpb-success-discord-button:hover {
    border-color: var(--color-hairline-strong)
  }
}

.rpb-success-discord-button:active {
  transform: translateY(1px)
}

.rpb-success-cta {
  justify-items: center;
  gap: var(--space-4);
  text-align: center;
  display: grid
}

.rpb-cta-title {
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-cta-button {
  align-items: center;
  gap: var(--space-2);
  background: var(--color-brand);
  border-radius: var(--radius-md);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-lead);
  font-weight: var(--weight-medium);
  color: #fff;
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out), transform var(--dur-instant)var(--ease-out);
  border: none;
  padding: .7rem 1.75rem;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-cta-button:hover {
    background: var(--color-brand-hover)
  }
}

.rpb-cta-button:active {
  transform: translateY(1px)
}

@media(max-width:640px) {
  .rpb-success-stories {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-live-feed {
    flex-direction: column;
    align-items: flex-start
  }

  .rpb-success-discord-button {
    justify-content: center;
    width: 100%
  }
}

.rpb-platform-compatibility {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5);
  position: relative
}

.rpb-platform-container {
  max-width: var(--container);
  margin: 0 auto
}

.rpb-platform-header {
  gap: var(--space-3);
  max-width: 60ch;
  margin-bottom: var(--space-7);
  display: grid
}

.rpb-platform-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-platform-subtitle {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-platforms-tabs {
  margin-bottom: var(--space-6)
}

.rpb-tabs-container {
  align-items: stretch;
  gap: var(--space-1);
  border-bottom: 1px solid var(--color-hairline);
  display: flex;
  overflow-x: auto
}

.rpb-tab {
  padding: var(--space-3)var(--space-4);
  white-space: nowrap;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: var(--color-content-muted);
  cursor: pointer;
  transition: color var(--dur-instant)var(--ease-out);
  background: 0 0;
  border: none;
  align-items: center;
  gap: .5em;
  display: inline-flex;
  position: relative
}

.rpb-tab:after {
  content: "";
  height: 2px;
  transition: background-color var(--dur-instant)var(--ease-out);
  background: 0 0;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0
}

@media(hover:hover) {
  .rpb-tab:hover {
    color: var(--color-content)
  }
}

.rpb-tab.active {
  color: var(--color-content)
}

.rpb-tab.active:after {
  background: var(--color-brand)
}

.rpb-tab i {
  color: var(--color-content-faint);
  font-size: .9em
}

.rpb-tab.active i {
  color: var(--color-brand)
}

.rpb-platforms-content {
  margin-bottom: var(--space-7)
}

.rpb-platforms-grid {
  border-top: 1px solid var(--color-hairline)
}

.rpb-platform-card {
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3)var(--space-2);
  border-bottom: 1px solid var(--color-hairline);
  transition: background-color var(--dur-instant)var(--ease-out);
  grid-template-columns: 2.25rem minmax(0, 1fr) minmax(9rem, auto) 1.75rem;
  display: grid
}

@media(hover:hover) {
  .rpb-platform-card:hover {
    background: var(--color-surface-raised)
  }
}

.rpb-platform-logo {
  border-radius: var(--radius-sm);
  background: var(--color-surface-overlay);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  overflow: hidden
}

.rpb-platform-logo img {
  object-fit: contain;
  width: 70%;
  height: 70%
}

.rpb-platform-info {
  gap: .15rem;
  min-width: 0;
  display: grid
}

.rpb-platform-name {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--color-content);
  margin: 0
}

.rpb-platform-description {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  margin: 0
}

.rpb-platform-status {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  align-items: center;
  gap: .5em;
  display: flex
}

.rpb-status-full {
  --status-color: var(--color-positive)
}

.rpb-status-partial {
  --status-color: var(--color-warning)
}

.rpb-status-upcoming {
  --status-color: var(--color-brand)
}

.rpb-status-not {
  --status-color: var(--color-negative)
}

.rpb-status-dot {
  background: var(--status-color, var(--color-content-faint));
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px
}

.rpb-status-text {
  color: var(--status-color, var(--color-content-faint))
}

.rpb-platform-action {
  justify-self: center
}

.rpb-platform-details-btn {
  border-radius: var(--radius-sm);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--color-content-faint);
  cursor: pointer;
  transition: color var(--dur-instant)var(--ease-out);
  background: 0 0;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex
}

@media(hover:hover) {
  .rpb-platform-details-btn:hover {
    color: var(--color-brand)
  }
}

.rpb-platform-stats {
  gap: var(--space-5);
  display: grid
}

.rpb-stat-counters {
  background: var(--color-hairline);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 1px;
  display: grid;
  overflow: hidden
}

.rpb-stat-counter {
  padding: var(--space-4);
  background: var(--color-surface-raised);
  gap: .15rem;
  display: grid
}

.rpb-counter-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content)
}

.rpb-counter-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-platform-cta {
  gap: var(--space-4);
  padding: var(--space-6);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised);
  text-align: center;
  justify-items: center;
  display: grid
}

.rpb-cta-text {
  max-width: 48ch;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  margin: 0
}

.rpb-platform-cta-button {
  align-items: center;
  gap: var(--space-2);
  background: var(--color-brand);
  border-radius: var(--radius-md);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: #fff;
  cursor: pointer;
  transition: background-color var(--dur-instant)var(--ease-out), transform var(--dur-instant)var(--ease-out);
  border: none;
  padding: .65rem 1.5rem;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-platform-cta-button:hover {
    background: var(--color-brand-hover)
  }
}

.rpb-platform-cta-button:active {
  transform: translateY(1px)
}

.rpb-platform-details-modal .rpb-modal-shell {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-modal)
}

.rpb-modal-platform-info {
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
  display: flex
}

.rpb-modal-platform-logo {
  border-radius: var(--radius-md);
  background: var(--color-surface-overlay);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  overflow: hidden
}

.rpb-modal-platform-logo img {
  object-fit: contain;
  width: 75%;
  height: 75%
}

.rpb-modal-platform-header {
  gap: .35rem;
  min-width: 0;
  display: grid
}

.rpb-modal-platform-name {
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  color: var(--color-content);
  margin: 0
}

.rpb-modal-platform-status {
  align-items: center;
  gap: .5em;
  display: flex
}

.rpb-modal-platform-description {
  margin: 0 0 var(--space-5);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-hairline);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted)
}

.rpb-modal-section-title {
  margin: 0 0 var(--space-3);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-integration-features {
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
  display: grid
}

.rpb-integration-features li {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  padding-left: 1.1rem;
  position: relative
}

.rpb-integration-features li:before {
  content: "";
  background: var(--color-hairline-strong);
  width: .5rem;
  height: 1px;
  position: absolute;
  top: .7em;
  left: 0
}

.rpb-modal-actions {
  justify-content: flex-end;
  display: flex
}

.rpb-modal-link {
  align-items: center;
  gap: var(--space-2);
  background: var(--color-brand);
  border-radius: var(--radius-md);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  color: #fff;
  transition: background-color var(--dur-instant)var(--ease-out);
  padding: .6rem 1.25rem;
  text-decoration: none;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-modal-link:hover {
    background: var(--color-brand-hover)
  }
}

@media(max-width:640px) {
  .rpb-platform-compatibility {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-platform-card {
    row-gap: var(--space-2);
    grid-template-columns: 2.25rem minmax(0, 1fr) 1.75rem
  }

  .rpb-platform-status {
    grid-column: 2/3
  }

  .rpb-modal-platform-info {
    text-align: center;
    flex-direction: column
  }

  .rpb-modal-platform-status {
    justify-content: center
  }
}

.rpb-final-cta {
  background: var(--color-surface-base);
  padding: var(--space-9)var(--space-5)
}

.rpb-final-container {
  justify-items: center;
  gap: var(--space-4);
  text-align: center;
  border-top: 1px solid var(--color-hairline);
  max-width: 40rem;
  padding-top: var(--space-8);
  margin: 0 auto;
  display: grid
}

.rpb-final-title {
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-heading);
  line-height: var(--leading-heading);
  color: var(--color-content);
  margin: 0
}

.rpb-final-subtitle {
  max-width: 48ch;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-content-muted);
  text-wrap: pretty;
  margin: 0
}

.rpb-final-action {
  margin-top: var(--space-2)
}

.rpb-final-trust {
  background: var(--color-hairline);
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-lg);
  width: 100%;
  margin: var(--space-6)0 0;
  text-align: left;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden
}

.rpb-final-trust-item {
  align-content: start;
  gap: var(--space-1);
  padding: var(--space-4);
  background: var(--color-surface-raised);
  display: grid
}

.rpb-final-trust-icon {
  color: var(--color-brand);
  font-size: 1rem
}

.rpb-final-trust-title {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-final-trust-text {
  font-size: var(--text-small);
  line-height: var(--leading-body);
  color: var(--color-content-muted)
}

@media(max-width:640px) {
  .rpb-final-cta {
    padding: var(--space-7)var(--space-4)
  }

  .rpb-final-trust {
    grid-template-columns: 1fr
  }
}

.rpb-final-community {
  margin-top: var(--space-7);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-hairline);
  gap: var(--space-5);
  justify-items: center;
  display: grid
}

.rpb-final-community-metrics {
  justify-content: center;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.rpb-final-community-metric {
  justify-items: center;
  gap: .15rem;
  display: grid
}

.rpb-final-community-icon {
  color: var(--color-brand);
  margin-bottom: var(--space-1);
  font-size: .9rem
}

.rpb-final-community-value {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-heading);
  color: var(--color-content)
}

.rpb-final-community-label {
  font-family: var(--font-mono, "Geist Mono", ui-monospace, monospace);
  font-size: var(--text-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-content-faint)
}

.rpb-final-community-links {
  justify-content: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex
}

.rpb-final-community-link {
  border: 1px solid var(--color-hairline);
  border-radius: var(--radius-md);
  background: var(--color-surface-raised);
  font-size: var(--text-small);
  color: var(--color-content-muted);
  transition: border-color var(--dur-instant)var(--ease-out), color var(--dur-instant)var(--ease-out);
  align-items: center;
  gap: .5em;
  padding: .5rem 1rem;
  text-decoration: none;
  display: inline-flex
}

@media(hover:hover) {
  .rpb-final-community-link:hover {
    border-color: var(--color-hairline-strong);
    color: var(--color-content)
  }
}

.rpb-final-community-link:active {
  transform: translateY(1px)
}

.rpb-footer {
  background: var(--color-surface-base);
  border-top: 1px solid var(--color-hairline);
  padding: 80px 20px 40px;
  position: relative;
  overflow: hidden
}

.rpb-footer-container {
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  position: relative
}

.rpb-footer-top {
  flex-wrap: wrap;
  gap: 60px;
  margin-bottom: 60px;
  display: flex
}

.rpb-footer-brand {
  flex: 1;
  min-width: 250px;
  max-width: 350px
}

.rpb-footer-logo {
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  display: flex
}

.rpb-logo-icon {
  width: 50px;
  height: 50px;
  position: relative
}

.rpb-logo-flip {
  perspective: 300px;
  width: 100%;
  height: 100%
}

.rpb-logo-flip-inner {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: 4s ease-in-out infinite rpbLogoFlip;
  position: relative
}

@keyframes rpbLogoFlip {

  0%,
  42% {
    transform: rotateY(0)
  }

  50%,
  92% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(360deg)
  }
}

.rpb-logo-face {
  backface-visibility: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0
}

.rpb-logo-face-back {
  transform: rotateY(180deg)
}

.rpb-logo-text {
  flex-direction: column;
  display: flex
}

.rpb-brand-name {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 3px;
  font-size: 1.5rem;
  font-weight: 700
}

.rpb-brand-tagline {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  font-size: .8rem
}

.rpb-brand-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  margin: 0 0 25px;
  font-size: .95rem;
  line-height: 1.5
}

.rpb-footer-socials {
  gap: 15px;
  display: flex
}

.rpb-social-link {
  background: var(--color-surface-overlay);
  width: 40px;
  height: 40px;
  color: var(--color-content-muted);
  border: 1px solid var(--color-hairline);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  transition: background .3s, color .3s, border-color .3s;
  display: flex;
  position: relative;
  overflow: hidden
}

.rpb-social-link:hover {
  background: var(--color-surface-overlay);
  color: #fff;
  border-color: var(--color-hairline-strong)
}

.rpb-footer-links {
  flex: 2;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 40px;
  display: grid
}

.rpb-footer-link-group {
  flex-direction: column;
  display: flex
}

.rpb-link-group-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 20px;
  padding-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  position: relative
}

.rpb-link-group-title:after {
  content: "";
  background: var(--color-hairline-strong);
  width: 30px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0
}

.rpb-link-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.rpb-link-list li {
  margin-bottom: 12px
}

.rpb-footer-link {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: var(--color-content-muted);
  font-size: .9rem;
  text-decoration: none;
  transition: color .3s;
  display: inline-block;
  position: relative
}

.rpb-footer-link:before {
  content: "";
  background: var(--color-brand);
  width: 0;
  height: 1px;
  transition: width .3s;
  position: absolute;
  bottom: -2px;
  left: 0
}

.rpb-footer-link:hover {
  color: #fff
}

.rpb-footer-link:hover:before {
  width: 100%
}

.rpb-footer-ecosystem {
  text-align: center;
  opacity: 0;
  margin-bottom: 60px;
  transform: translateY(30px)
}

.rpb-footer-ecosystem-fade-in {
  animation: .8s forwards rpbFooterEcosystemFadeIn
}

@keyframes rpbFooterEcosystemFadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px)
  }

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

.rpb-ecosystem-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 25px;
  font-size: 1.2rem;
  font-weight: 600;
  display: inline-block;
  position: relative
}

.rpb-ecosystem-title:before {
  content: "";
  background: var(--color-hairline-strong);
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%)
}

.rpb-ecosystem-partners {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  display: flex
}

.rpb-footer-bottom {
  border-top: 1px solid var(--color-hairline);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
  display: grid
}

.rpb-copyright {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: var(--color-content-muted);
  font-size: .85rem
}

.rpb-footer-badges {
  flex-wrap: wrap;
  gap: 15px;
  display: flex
}

.rpb-footer-badge {
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  display: flex
}

.rpb-footer-badge i {
  color: var(--color-brand);
  font-size: .8rem
}

.rpb-footer-badge span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: var(--color-content-muted);
  font-size: .75rem
}

.rpb-footer-floating-elements {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-floating-code {
  color: #ffffff26;
  opacity: .5;
  font-family: Space Mono, monospace;
  font-size: .8rem;
  position: absolute
}

.rpb-code-1 {
  animation: 15s ease-in-out infinite rpbFloat1;
  top: 20%;
  left: 5%
}

.rpb-code-2 {
  animation: 18s ease-in-out infinite rpbFloat2;
  top: 50%;
  right: 10%
}

.rpb-code-3 {
  animation: 12s ease-in-out infinite rpbFloat3;
  bottom: 15%;
  left: 20%
}

@keyframes rpbFloat1 {

  0%,
  to {
    transform: translateY(0)rotate(0)
  }

  50% {
    transform: translateY(-20px)rotate(10deg)
  }
}

@keyframes rpbFloat2 {

  0%,
  to {
    transform: translateY(0)rotate(0)
  }

  50% {
    transform: translateY(-30px)rotate(-10deg)
  }
}

@keyframes rpbFloat3 {

  0%,
  to {
    transform: translateY(0)rotate(0)
  }

  50% {
    transform: translateY(-15px)rotate(15deg)
  }
}

.rpb-floating-shape {
  opacity: .2;
  position: absolute
}

.rpb-shape-1 {
  border: 1px solid #ffffff14;
  border-radius: 20px;
  width: 100px;
  height: 100px;
  animation: 30s linear infinite rpbRotate1;
  top: 15%;
  right: 15%;
  transform: rotate(20deg)
}

.rpb-shape-2 {
  border: 1px solid #ffffff1f;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: 10s ease-in-out infinite rpbPulse;
  bottom: 20%;
  right: 25%
}

.rpb-shape-3 {
  background: var(--color-brand-purple-500-20);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 80px;
  height: 80px;
  animation: 20s linear infinite rpbRotate2;
  top: 40%;
  left: 10%
}

@keyframes rpbRotate1 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes rpbRotate2 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(-360deg)
  }
}

@keyframes rpbPulse {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: .5;
    transform: scale(1.3)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@media(max-width:768px) {
  .rpb-footer {
    padding: 60px 15px 30px
  }

  .rpb-footer-links {
    grid-template-columns: 1fr;
    gap: 30px
  }

  .rpb-footer-bottom {
    text-align: center;
    grid-template-columns: 1fr;
    gap: 15px
  }

  .rpb-footer-badges {
    justify-content: center
  }
}

@media(max-width:992px) {
  .rpb-footer-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px
  }

  .rpb-footer-top {
    flex-direction: column
  }

  .rpb-footer-brand {
    max-width: 100%
  }
}

.rpb-footer-bg {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-footer-glow {
  filter: blur(100px);
  border-radius: 50%;
  position: absolute
}

.rpb-footer-glow-1 {
  background: 0 0;
  width: 400px;
  height: 400px;
  bottom: 10%;
  right: 10%
}

.rpb-footer-glow-2 {
  background: 0 0;
  width: 350px;
  height: 350px;
  top: 10%;
  left: 10%
}

.rpb-footer-grid {
  opacity: .3;
  background-image: linear-gradient(#ffffff03 1px, #0000 1px), linear-gradient(90deg, #ffffff03 1px, #0000 1px);
  background-size: 50px 50px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-footer-modal .rpb-modal-content {
  background: var(--color-surface-raised);
  color: #fff
}

.rpb-footer-particles {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }

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

.animate-fadeIn {
  animation: .3s ease-out fadeIn
}

.animate-scroll-ticker {
  animation: 30s linear infinite scroll-ticker
}

.dashboard-header-buttons {
  flex-direction: column;
  gap: 12px;
  display: flex
}

@media(min-width:640px) {
  .dashboard-header-buttons {
    flex-direction: row;
    gap: 16px
  }
}

.dashboard-primary-button {
  background: var(--color-brand);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-size: 1rem;
  font-weight: 600;
  transition: background .15s;
  position: relative;
  overflow: hidden
}

.dashboard-primary-button:hover {
  background: var(--color-brand-hover)
}

.dashboard-primary-button:active {
  transform: translateY(0)scale(1)
}

.dashboard-primary-button:focus {
  outline: 2px solid #6e56e880
}

@supports (color:color-mix(in lab, red, red)) {
  .dashboard-primary-button:focus {
    outline: 2px solid color-mix(in srgb, var(--color-brand)50%, transparent)
  }
}

.dashboard-primary-button:focus {
  outline-offset: 2px
}

.dashboard-secondary-button {
  background: var(--color-surface-raised);
  border: 1px solid var(--color-hairline);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: var(--color-content-muted);
  cursor: pointer;
  border-radius: 8px;
  padding: 10px 24px;
  font-size: .9rem;
  font-weight: 500;
  transition: background .15s, border-color .15s, color .15s
}

.dashboard-secondary-button:hover {
  background: var(--color-surface-overlay);
  border-color: var(--color-hairline-strong);
  color: #fff
}

.dashboard-secondary-button:active {
  transform: translateY(0)scale(1)
}

.dashboard-secondary-button:focus {
  outline-offset: 2px;
  outline: 2px solid #ffffff4d
}

@media(max-width:639px) {
  .dashboard-primary-button {
    width: 100%;
    padding: 14px 24px;
    font-size: 1rem
  }

  .dashboard-secondary-button {
    width: 100%;
    padding: 12px 24px;
    font-size: .95rem
  }
}

.dashboard-primary-button {
  color: #fff
}

.dashboard-secondary-button {
  color: #ffffffe6
}

.dashboard-secondary-button:hover {
  color: #fff
}

.dashboard-primary-button:focus-visible,
.dashboard-secondary-button:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px
}

.dashboard-primary-button:disabled,
.dashboard-secondary-button:disabled {
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none
}

.dashboard-primary-button:disabled:hover,
.dashboard-secondary-button:disabled:hover {
  box-shadow: none;
  transform: none
}

.rpb-wallet-creation-content {
  flex-direction: column;
  gap: 25px;
  display: flex
}

.rpb-wallet-creation-warning {
  border-radius: var(--radius-lg);
  background: #ffc1071a;
  border: 1px solid #ffc10733;
  gap: 15px;
  padding: 20px;
  display: flex
}

.rpb-wallet-creation-warning-icon {
  background: #ffc10733;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex
}

.rpb-wallet-creation-warning-icon i {
  color: #ffc107;
  font-size: 1.2rem
}

.rpb-wallet-creation-warning-content {
  flex: 1
}

.rpb-wallet-creation-warning-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffc107;
  margin: 0 0 8px;
  font-size: 1.1rem;
  font-weight: 600
}

.rpb-wallet-creation-warning-text {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0;
  font-size: .95rem;
  line-height: 1.5
}

.rpb-wallet-creation-details {
  border-radius: var(--radius-lg);
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  padding: 20px
}

.rpb-wallet-creation-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6
}

.rpb-wallet-creation-success {
  text-align: center;
  padding: 20px 0
}

.rpb-wallet-creation-success-icon {
  justify-content: center;
  margin-bottom: 15px;
  display: flex
}

.rpb-wallet-creation-success-icon i {
  color: var(--color-positive);
  font-size: 3rem
}

.rpb-wallet-creation-success-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 10px;
  font-size: 1.5rem;
  font-weight: 700
}

.rpb-wallet-creation-success-text {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6
}

.rpb-wallet-creation-mnemonic-section {
  border-radius: var(--radius-lg);
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  padding: 20px
}

.rpb-wallet-creation-mnemonic-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex
}

.rpb-wallet-creation-mnemonic-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600
}

.rpb-wallet-creation-mnemonic-warning {
  border-radius: var(--radius-md);
  background: #dc35451a;
  border: 1px solid #dc354533;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  display: flex
}

.rpb-wallet-creation-mnemonic-warning i {
  color: #dc3545;
  font-size: .9rem
}

.rpb-wallet-creation-mnemonic-warning span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #dc3545;
  font-size: .85rem;
  font-weight: 600
}

.rpb-wallet-creation-mnemonic-container {
  flex-direction: column;
  gap: 15px;
  display: flex
}

.rpb-wallet-creation-mnemonic-words {
  border-radius: var(--radius-lg);
  background: #0000004d;
  border: 1px solid #ffffff1a;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 20px;
  display: grid
}

.rpb-wallet-creation-mnemonic-word {
  color: #fff;
  border-radius: var(--radius-md);
  text-align: center;
  -webkit-user-select: text;
  user-select: text;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  padding: 8px 12px;
  font-family: Courier New, monospace;
  font-size: .9rem
}

.rpb-wallet-creation-mnemonic-copy {
  justify-content: center;
  display: flex
}

.rpb-wallet-creation-copy-button {
  background: var(--color-brand);
  color: #fff;
  border-radius: var(--radius-md);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  cursor: pointer;
  transition: all var(--dur-base)ease;
  border: none;
  padding: 12px 24px;
  font-size: .95rem;
  font-weight: 600
}

.rpb-wallet-creation-copy-button:hover {
  background: #8a3de6
}

.rpb-wallet-creation-wallet-info {
  border-radius: var(--radius-lg);
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  padding: 20px
}

.rpb-wallet-creation-wallet-detail {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  display: flex
}

.rpb-wallet-creation-wallet-detail:last-child {
  border-bottom: none
}

.rpb-wallet-creation-wallet-detail label {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  font-size: .9rem;
  font-weight: 600
}

.rpb-wallet-creation-wallet-detail span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  font-size: .95rem;
  font-weight: 500
}

.rpb-wallet-creation-address-container {
  flex: 1;
  margin-left: 15px
}

.rpb-wallet-creation-address-copy {
  width: 100%
}

.rpb-wallet-creation-address-copy span {
  border-radius: var(--radius-md);
  word-break: break-all;
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  padding: 8px 12px;
  font-family: Courier New, monospace;
  font-size: .85rem;
  display: block
}

.rpb-wallet-creation-address-copy button {
  color: #fff;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--dur-base);
  background: #007bff;
  border: none;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  margin-left: 8px;
  padding: 8px 12px;
  display: flex
}

.rpb-wallet-creation-address-copy button:hover {
  background: #0056b3
}

.rpb-wallet-creation-actions,
.rpb-wallet-creation-final-actions {
  border-top: 1px solid #ffffff1a;
  justify-content: center;
  gap: 15px;
  padding-top: 20px;
  display: flex
}

.rpb-wallet-creation-cancel-button,
.rpb-wallet-creation-confirm-button,
.rpb-wallet-creation-done-button {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--dur-base)ease;
  border: none;
  min-width: 140px;
  padding: 12px 30px;
  font-size: 1rem;
  font-weight: 600
}

.rpb-wallet-creation-cancel-button {
  color: #fffc;
  background: #ffffff1a;
  border: 1px solid #fff3
}

.rpb-wallet-creation-cancel-button:hover {
  color: #fff;
  background: #ffffff26
}

.rpb-wallet-creation-confirm-button,
.rpb-wallet-creation-done-button {
  background: var(--color-brand);
  color: #fff;
  position: relative;
  overflow: hidden
}

.rpb-wallet-creation-confirm-button:hover,
.rpb-wallet-creation-done-button:hover {
  background: #8a3de6
}

.rpb-wallet-creation-confirm-button:active,
.rpb-wallet-creation-done-button:active {
  transform: translateY(0)
}

.rpb-wallet-creation-confirm-button:disabled {
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none
}

.rpb-wallet-creation-confirm-button:disabled:hover {
  box-shadow: none;
  transform: none
}

.rpb-wallet-creation-cancel-button:disabled {
  opacity: .6;
  cursor: not-allowed
}

.rpb-wallet-creation-error {
  color: #dc3545;
  border-radius: var(--radius-lg);
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  background: #dc35451a;
  border: 1px solid #dc354533;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: .9rem;
  display: flex
}

.rpb-wallet-creation-error i {
  flex-shrink: 0;
  font-size: 1.1rem
}

.rpb-wallet-creation-count-selection {
  border-radius: var(--radius-md);
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  padding: 20px
}

.rpb-wallet-creation-progress {
  text-align: center;
  padding: 40px 20px
}

.rpb-wallet-creation-progress-icon {
  justify-content: center;
  margin-bottom: 20px;
  display: flex
}

.rpb-wallet-creation-progress-icon i {
  color: var(--color-brand);
  font-size: 3rem
}

.rpb-wallet-creation-progress-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 15px;
  font-size: 1.3rem;
  font-weight: 700
}

.rpb-wallet-creation-progress-text {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0 0 25px;
  font-size: 1rem
}

.rpb-wallet-creation-progress-bar {
  border-radius: var(--radius-lg);
  background: #ffffff1a;
  width: 100%;
  height: 8px;
  overflow: hidden
}

.rpb-wallet-creation-progress-fill {
  background: var(--color-brand);
  border-radius: var(--radius-lg);
  height: 100%;
  transition: width var(--dur-base)ease
}

.rpb-wallet-creation-json-section {
  border-radius: var(--radius-lg);
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  margin-bottom: 20px;
  padding: 20px
}

.rpb-wallet-creation-json-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  display: flex
}

.rpb-wallet-creation-json-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600
}

.rpb-wallet-creation-json-content {
  border-radius: var(--radius-lg);
  color: #fff;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #0000004d;
  border: 1px solid #ffffff1a;
  max-height: 400px;
  margin: 0;
  padding: 20px;
  font-family: Courier New, monospace;
  font-size: .85rem;
  overflow-y: auto
}

.rpb-wallet-creation-failed-summary {
  border-radius: var(--radius-lg);
  background: #dc35451a;
  border: 1px solid #dc354533;
  margin-bottom: 20px;
  padding: 15px
}

.rpb-wallet-creation-failed-summary h6 {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #dc3545;
  margin: 0 0 8px;
  font-size: .95rem;
  font-weight: 600
}

.rpb-wallet-creation-failed-summary p {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0;
  font-size: .9rem
}

@media(max-width:768px) {

  .rpb-wallet-creation-actions,
  .rpb-wallet-creation-final-actions {
    flex-direction: column
  }

  .rpb-wallet-creation-cancel-button,
  .rpb-wallet-creation-confirm-button,
  .rpb-wallet-creation-done-button {
    width: 100%
  }

  .rpb-wallet-creation-mnemonic-words {
    grid-template-columns: repeat(2, 1fr)
  }

  .rpb-wallet-creation-mnemonic-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
  }

  .rpb-wallet-creation-wallet-detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
  }

  .rpb-wallet-creation-address-container {
    width: 100%;
    margin-left: 0
  }
}

@media(max-width:480px) {
  .rpb-wallet-creation-mnemonic-words {
    grid-template-columns: 1fr
  }
}

:root {
  --rpb-header-height: 48px;
  --color-vendor-discord: #5865f2;
  --color-vendor-discord-text: #7289da;
  --color-vendor-telegram: #229ed9;
  --color-vendor-steam: #c7d5e0;
  --color-vendor-google: #ea4335;
  --color-vendor-x: #1d9bf0
}

html,
body {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  background: #0d0d0e;
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: clip
}

html {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  -webkit-text-size-adjust: 100%
}

body,
#root,
.rpb-min-h-screen-safe {
  min-height: 100dvh;
  min-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))
}

#root {
  background: inherit;
  width: 100%;
  max-width: 100vw;
  overflow-x: clip
}

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

img,
video,
iframe,
embed,
object {
  max-width: 100%;
  height: auto
}

@media(max-width:768px) {

  html,
  body,
  #root {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important
  }

  .container,
  [class*=container] {
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: clip visible;
    max-width: 100vw !important
  }

  table {
    max-width: 100%;
    display: block;
    overflow-x: auto
  }

  pre,
  code {
    word-wrap: break-word;
    max-width: 100%;
    overflow-x: auto
  }
}

.rpb-hero-scroll-indicator {
  opacity: 0;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  animation: 1s 1.5s forwards rpb-fade-in;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%)
}

.rpb-hero-mouse {
  border: 2px solid #ffffff4d;
  border-radius: 20px;
  width: 30px;
  height: 50px;
  position: relative
}

.rpb-hero-scroll-wheel {
  background: #fff9;
  border-radius: 4px;
  width: 6px;
  height: 10px;
  animation: 2s infinite rpb-scroll-wheel;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%)
}

.rpb-hero-scroll-indicator span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff9;
  font-size: .8rem
}

@keyframes rpb-fade-in {
  to {
    opacity: 1
  }
}

@keyframes rpb-float-cube {

  0%,
  to {
    transform: translateY(0)rotateX(45deg)rotateY(45deg)
  }

  50% {
    transform: translateY(-30px)rotateX(60deg)rotateY(60deg)
  }
}

@keyframes rpb-float-sphere {

  0%,
  to {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-40px)
  }
}

@keyframes rpb-float-torus {

  0%,
  to {
    transform: translateY(0)rotate(0)
  }

  50% {
    transform: translateY(-20px)rotate(180deg)
  }
}

@keyframes rpb-scroll-wheel {
  0% {
    opacity: 1;
    transform: translate(-50%)translateY(0)
  }

  to {
    opacity: 0;
    transform: translate(-50%)translateY(15px)
  }
}

.modal-overlay {
  z-index: 10000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0
}

.modal-content {
  color: #fff;
  background: #0a0a10;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  padding: 20px;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0009
}

.modal-content h2 {
  margin-top: 0
}

.modal-content p {
  margin-bottom: 20px;
  line-height: 1.5
}

.modal-close-button {
  color: #fff;
  cursor: pointer;
  background: #9945ff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px
}

@keyframes rpbChartOverlayAnim {
  0% {
    background-position: 0%
  }

  to {
    background-position: 100%
  }
}

.rpb-testimonials-carousel {
  opacity: 0;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
  transform: translateY(30px)
}

.rpb-carousel-track {
  transition: transform .5s;
  display: flex
}

.rpb-testimonial-card {
  box-sizing: border-box;
  min-width: 100%;
  padding: 0 15px
}

.rpb-testimonial-content {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 20px;
  height: 100%;
  padding: 30px;
  transition: all .3s
}

.rpb-testimonial-card.active .rpb-testimonial-content {
  background: #ffffff0d;
  border-color: #ffffff1a
}

.rpb-testimonial-header {
  align-items: center;
  margin-bottom: 20px;
  display: flex
}

.rpb-testimonial-avatar {
  border: 2px solid #ffffff1a;
  border-radius: 50%;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  position: relative;
  overflow: hidden
}

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

.rpb-avatar-status {
  background: #14f195;
  border: 2px solid #fffc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 3px;
  right: 3px
}

.rpb-testimonial-author {
  flex: 1
}

.rpb-author-name {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 5px;
  font-size: 1.2rem;
  font-weight: 600
}

.rpb-author-tag {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff9;
  background: #ffffff0d;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: .8rem;
  display: inline-block
}

.rpb-testimonial-rating {
  flex-direction: column;
  align-items: flex-end;
  display: flex
}

.rpb-rating-stars {
  color: gold;
  margin-bottom: 5px;
  font-size: 1rem
}

.rpb-rating-value {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  font-size: .9rem;
  font-weight: 600
}

.rpb-testimonial-quote {
  margin-bottom: 30px;
  padding: 0 0 0 30px;
  position: relative
}

.rpb-quote-icon {
  color: #fff3;
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-testimonial-quote p {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0;
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.6
}

.rpb-testimonial-stats {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  display: flex
}

.rpb-stat-item {
  text-align: center;
  background: #ffffff08;
  border-radius: 10px;
  flex: 1;
  min-width: 100px;
  margin: 0 5px 10px;
  padding: 15px;
  transition: all .3s
}

.rpb-testimonial-card.active .rpb-stat-item:hover {
  background: #ffffff0d
}

.rpb-stat-name {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff9;
  margin-bottom: 5px;
  font-size: .8rem
}

.rpb-stat-value {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600
}

.rpb-testimonial-chart {
  height: 120px;
  position: relative
}

.rpb-return-chart {
  width: 100%;
  height: 100%
}

.rpb-carousel-controls {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex
}

.rpb-carousel-arrow {
  color: #fff;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  transition: all .3s;
  display: flex
}

.rpb-carousel-arrow:hover {
  background: #ffffff1a
}

.rpb-carousel-arrow:disabled {
  opacity: .5;
  cursor: not-allowed
}

.rpb-carousel-dots {
  align-items: center;
  gap: 8px;
  display: flex
}

.rpb-carousel-dot {
  cursor: pointer;
  background: #fff3;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: all .3s
}

.rpb-carousel-dot.active {
  background: #9945ff;
  transform: scale(1.2)
}

.rpb-feed-item {
  opacity: 0;
  background: #ffffff08;
  border-radius: 10px;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
  padding: 12px 15px;
  animation: .5s forwards rpbSlideIn;
  display: flex;
  transform: translate(-100%)
}

.rpb-feed-icon {
  background: #14f1951a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex
}

.rpb-feed-icon i {
  color: #14f195;
  font-size: 1rem
}

.rpb-feed-content {
  flex: 1
}

.rpb-feed-action {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 5px;
  font-size: .9rem
}

.rpb-feed-details {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff9;
  align-items: center;
  gap: 15px;
  font-size: .8rem;
  display: flex
}

.rpb-feed-time {
  align-items: center;
  gap: 5px;
  display: flex
}

.rpb-feed-time i {
  font-size: .7rem
}

.rpb-feed-profit {
  color: #14f195;
  font-weight: 600
}

@keyframes rpbSlideIn {
  to {
    opacity: 1;
    transform: translate(0)
  }
}

@media(max-width:992px) {
  .rpb-testimonial-stats {
    justify-content: center
  }

  .rpb-stat-item {
    min-width: 150px;
    margin-bottom: 10px
  }
}

@media(max-width:768px) {
  .rpb-testimonial-header {
    flex-direction: column;
    align-items: flex-start
  }

  .rpb-testimonial-avatar {
    margin-bottom: 15px
  }

  .rpb-testimonial-rating {
    align-items: flex-start;
    margin-top: 10px
  }

  .rpb-testimonial-chart {
    height: 100px
  }
}

.rpb-roi-simulator {
  opacity: 0;
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 20px;
  margin-bottom: 80px;
  overflow: hidden;
  transform: translateY(30px)
}

.rpb-simulator-header {
  background: #ffffff05;
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  padding: 25px 30px;
  display: flex
}

.rpb-simulator-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  display: flex
}

.rpb-simulator-title i {
  color: #9945ff
}

.rpb-simulator-badges {
  gap: 15px;
  display: flex
}

.rpb-simulator-badge {
  background: #14f1951a;
  border-radius: 30px;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  display: flex
}

.rpb-simulator-badge i {
  color: #14f195;
  font-size: .9rem
}

.rpb-simulator-badge span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffe6;
  font-size: .8rem;
  font-weight: 600
}

.rpb-simulator-body {
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px;
  display: flex
}

.rpb-simulator-controls {
  flex: 1;
  min-width: 300px
}

.rpb-input-group {
  margin-bottom: 25px
}

.rpb-input-group label {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  margin-bottom: 10px;
  font-size: .9rem;
  display: block
}

.rpb-input-with-icon {
  margin-bottom: 10px;
  position: relative
}

.rpb-input-with-icon i {
  color: #9945ff;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%)
}

.rpb-simulator-input {
  width: 100%;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 12px 15px 12px 40px;
  font-size: 1rem
}

.rpb-input-slider {
  margin-top: 5px
}

.rpb-input-slider input {
  appearance: none;
  background: #ffffff1a;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 5px
}

.rpb-input-slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  background: #9945ff;
  border-radius: 50%;
  width: 18px;
  height: 18px
}

.rpb-select-wrapper {
  position: relative
}

.rpb-select-wrapper i {
  color: #9945ff;
  pointer-events: none;
  font-size: .8rem;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}

.rpb-simulator-select {
  width: 100%;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  appearance: none;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 12px 15px;
  font-size: 1rem
}

.rpb-calculate-button {
  width: 100%;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  cursor: pointer;
  background: #9945ff;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
  padding: 14px 20px;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden
}

.rpb-calculate-button:before {
  content: "";
  background: linear-gradient(90deg, #fff0, #fff3, #fff0);
  width: 100%;
  height: 100%;
  transition: all .5s;
  position: absolute;
  top: 0;
  left: -100%
}

.rpb-calculate-button:hover {
  box-shadow: none;
  transform: translateY(-5px)
}

.rpb-calculate-button:hover:before {
  left: 100%
}

.rpb-simulator-results {
  flex: 1;
  min-width: 300px
}

.rpb-results-chart-container {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  height: 200px;
  margin-bottom: 30px;
  padding: 20px;
  position: relative
}

.rpb-results-metrics {
  justify-content: space-between;
  gap: 15px;
  display: flex
}

.rpb-result-card {
  background: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 15px;
  flex: 1;
  align-items: center;
  gap: 15px;
  padding: 20px;
  transition: all .3s;
  display: flex
}

.rpb-result-card:hover {
  background: #ffffff0f;
  border-color: #ffffff1a
}

.rpb-result-icon {
  background: #9945ff1a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex
}

.rpb-result-icon i {
  color: #9945ff;
  font-size: 1.1rem
}

.rpb-result-data {
  flex: 1
}

.rpb-result-value {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin-bottom: 5px;
  font-size: 1.3rem;
  font-weight: 700
}

.rpb-result-label {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff9;
  font-size: .8rem
}

.rpb-community-graphic {
  flex: 1;
  min-width: 300px;
  position: relative
}

.rpb-graphic-messages {
  max-width: 400px
}

.rpb-message-bubble {
  opacity: 0;
  background: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 15px;
  margin-bottom: 15px;
  padding: 15px;
  transition: all .5s;
  transform: translate(50px)
}

.rpb-message-bubble.active {
  opacity: 1;
  transform: translate(0)
}

.rpb-message-header {
  align-items: center;
  margin-bottom: 10px;
  display: flex
}

.rpb-message-avatar {
  width: 30px;
  height: 30px;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  background: #9945ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: .8rem;
  display: flex
}

.rpb-message-name {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  flex: 1;
  font-size: .9rem;
  font-weight: 600
}

.rpb-message-time {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffff80;
  font-size: .8rem
}

.rpb-message-content {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  font-size: .95rem;
  line-height: 1.4
}

.rpb-floating-elements {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.rpb-floating-icon {
  opacity: .8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute
}

.rpb-icon-1 {
  background: #9945ff33;
  animation: 10s ease-in-out infinite rpbFloat1;
  top: 10%;
  right: 20%
}

.rpb-icon-2 {
  background: #14f19533;
  animation: 12s ease-in-out infinite rpbFloat2;
  top: 40%;
  right: 10%
}

.rpb-icon-3 {
  background: #f363;
  animation: 8s ease-in-out infinite rpbFloat3;
  top: 70%;
  right: 25%
}

.rpb-floating-icon i {
  color: #fff;
  font-size: 1.2rem
}

.rpb-final-action {
  opacity: 0;
  margin-bottom: 30px;
  transform: translateY(30px)
}

.rpb-final-cta-card {
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  flex-wrap: wrap;
  display: flex;
  position: relative;
  overflow: hidden
}

.rpb-cta-content {
  z-index: 2;
  flex: 2;
  min-width: 300px;
  padding: 40px;
  position: relative
}

.rpb-cta-headline {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 15px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3
}

.rpb-cta-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  margin: 0 0 30px;
  font-size: 1.1rem;
  line-height: 1.5
}

.rpb-cta-price-container {
  justify-content: center;
  margin-bottom: 30px;
  display: flex
}

.rpb-price-tag {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  padding: 25px 40px;
  transition: all .2s;
  position: relative;
  overflow: hidden
}

.rpb-price-tag:hover {
  border-color: #ffffff1a
}

.rpb-price-tag:before {
  display: none
}

.rpb-price-inner {
  flex-direction: column;
  align-items: center;
  display: flex
}

.rpb-cta-guarantee {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  display: flex
}

.rpb-cta-guarantee i {
  color: #14f195;
  font-size: 1.2rem
}

.rpb-cta-guarantee span {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  font-size: .9rem
}

.rpb-cta-buttons {
  flex-direction: column;
  align-items: center;
  gap: 15px;
  display: flex
}

.rpb-main-cta-button {
  width: 100%;
  max-width: 300px;
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  text-align: center;
  box-shadow: none;
  background: #9945ff;
  border: none;
  border-radius: 10px;
  padding: 18px 30px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  display: block;
  position: relative;
  overflow: hidden
}

.rpb-main-cta-button:hover {
  background: #8a3de6
}

.rpb-btn-shine {
  background: linear-gradient(90deg, #fff0, #ffffff4d, #fff0);
  width: 70%;
  height: 100%;
  animation: 3s infinite rpbButtonShine;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skew(-25deg)
}

.rpb-secondary-cta-button {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fffc;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 12px 25px;
  font-size: .9rem;
  text-decoration: none;
  transition: all .3s;
  display: flex
}

.rpb-secondary-cta-button:hover {
  background: #ffffff14;
  border-color: #ffffff26
}

@keyframes rpbButtonShine {
  0% {
    left: -100%
  }

  20%,
  to {
    left: 100%
  }
}

@keyframes rpbGlowPulse {

  0%,
  to {
    opacity: .5;
    transform: scale(1)
  }

  50% {
    opacity: .7;
    transform: scale(1.2)
  }
}

@media(max-width:992px) {

  .rpb-simulator-results,
  .rpb-simulator-controls {
    width: 100%
  }

  .rpb-results-metrics {
    flex-direction: column
  }
}

@media(max-width:768px) {
  .rpb-simulator-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
  }

  .rpb-simulator-badges {
    justify-content: flex-start;
    width: 100%
  }

  .rpb-cta-headline {
    font-size: 1.7rem
  }
}

.rpb-footer-newsletter {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 15px;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 60px;
  padding: 30px;
  display: flex
}

.rpb-newsletter-content {
  flex: 1;
  min-width: 250px
}

.rpb-newsletter-title {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  margin: 0 0 15px;
  font-size: 1.5rem;
  font-weight: 600
}

.rpb-newsletter-description {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffffb3;
  margin: 0;
  font-size: .95rem;
  line-height: 1.5
}

.rpb-newsletter-form {
  flex: 1;
  min-width: 300px
}

.rpb-form-group {
  margin-bottom: 10px;
  display: flex
}

.rpb-newsletter-input {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px 0 0 8px;
  flex: 1;
  padding: 12px 15px;
  font-size: .9rem
}

.rpb-newsletter-button {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #fff;
  cursor: pointer;
  background: #9945ff;
  border: none;
  border-radius: 0 8px 8px 0;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  font-size: .9rem;
  font-weight: 600;
  transition: all .3s;
  display: flex
}

.rpb-newsletter-button:hover {
  transform: translate(3px)
}

.rpb-newsletter-disclaimer {
  font-family: var(--font-sans, "Geist", ui-sans-serif, sans-serif);
  color: #ffffff80;
  margin: 0;
  font-size: .75rem
}

@media(max-width:768px) {
  .rpb-newsletter-form {
    width: 100%
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }

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

.animate-fade-in {
  animation: .3s ease-out fade-in
}

:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 2px
}

button:focus-visible,
a:focus-visible,
[role=button]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px
}

:root {
  color-scheme: dark
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--color-brand)
}

.forum-body img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  margin: 6px 0
}

.forum-body a {
  color: var(--color-brand-hover);
  text-decoration: underline
}

.forum-body blockquote {
  border-left: 3px solid #6e56e899;
  margin: 10px 0;
  padding: 10px 14px
}

@supports (color:color-mix(in lab, red, red)) {
  .forum-body blockquote {
    border-left: 3px solid color-mix(in srgb, var(--color-brand)60%, transparent)
  }
}

.forum-body blockquote {
  border-radius: var(--radius-md);
  background: #6e56e812
}

@supports (color:color-mix(in lab, red, red)) {
  .forum-body blockquote {
    background: color-mix(in srgb, var(--color-brand)7%, transparent)
  }
}

.forum-body blockquote {
  color: var(--color-content-muted);
  font-style: italic
}

.forum-body blockquote strong {
  color: var(--color-content);
  margin-bottom: 4px;
  font-size: .8rem;
  font-style: normal;
  display: block
}

.forum-body blockquote strong:before {
  content: "“";
  color: #6e56e8cc;
  margin-right: 4px
}

@supports (color:color-mix(in lab, red, red)) {
  .forum-body blockquote strong:before {
    color: color-mix(in srgb, var(--color-brand)80%, transparent)
  }
}

@keyframes forum-name-gradient {
  0% {
    background-position: 0%
  }

  to {
    background-position: 200%
  }
}

.forum-name-gradient {
  -webkit-text-fill-color: transparent;
  color: #0000;
  background-image: linear-gradient(90deg, #a78bfa, #ec4899, #f59e0b, #4ade80, #38bdf8, #a78bfa);
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 4s linear infinite forum-name-gradient
}

@media(prefers-reduced-motion:reduce) {
  .forum-name-gradient {
    animation: none
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}

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

@keyframes ping {

  75%,
  to {
    opacity: 0;
    transform: scale(2)
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes bounce {

  0%,
  to {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%)
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none
  }
}