@keyframes spin-eede5c67 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fade-in-eede5c67 {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes scale-in-eede5c67 {
  from {
    opacity: 0%;
    transform: scale(0.95);
  }
  to {
    opacity: 100%;
    transform: scale(1);
  }
}
.loader[data-v-eede5c67] {
  justify-content: center;
}
.loader > .inner[data-v-eede5c67] {
  animation: spin-eede5c67 linear infinite 1000ms;
}
.loader.absolute[data-v-eede5c67] {
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.loader.fade-enter-active[data-v-eede5c67] {
  animation: fade-in-eede5c67 250ms;
}
.loader.fade-enter-active > .inner[data-v-eede5c67] {
  animation: scale-in-eede5c67 250ms;
}
.loader.fade-leave-active[data-v-eede5c67] {
  animation: fade-in-eede5c67 250ms reverse;
}
.loader.fade-leave-active > .inner[data-v-eede5c67] {
  animation: scale-in-eede5c67 250ms reverse;
}body {
  font-family: Satoshi;
  color: var(--color-foreground);
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  position: fixed;
  overscroll-behavior: none;
  overflow: hidden;
}
body ::-webkit-scrollbar {
  display: none;
}
.screen--height {
  height: 100vh;
  height: 100dvh;
}
.safe--area--margin--top {
  margin-top: env(safe-area-inset-top);
}
.safe--area--margin--bottom {
  margin-bottom: env(safe-area-inset-bottom);
}
.safe--area--padding--top {
  padding-top: env(safe-area-inset-top);
}
.safe--area--padding--bottom {
  padding-bottom: env(safe-area-inset-bottom);
}.disabled-label-bg[data-v-3e0d6a57] {
  background: linear-gradient(
      to bottom,
      white 0%,
      white 50%,
      var(--color-gray-200) 50%,
      var(--color-gray-200) 100%
    );
}.disabled--input[data-v-b26a4cbc] {
  -webkit-text-fill-color: var(--color-gray-600);
  opacity: 100%;
}.iti-flag {
  width: 20px;
  height: 15px;
  background-image: url('/assets/flags-C8KGS_XZ.png');
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
.iti-flag.be {
  width: 18px;
  height: 15px;
  background-position: -440px 0px;
}
.iti-flag.ch {
  width: 15px;
  height: 15px;
  background-position: -944px 0px;
}
.iti-flag.mc {
  width: 19px;
  height: 15px;
  background-position: -3139px 0px;
}
.iti-flag.ne {
  width: 18px;
  height: 15px;
  background-position: -3666px 0px;
}
.iti-flag.np {
  width: 13px;
  height: 15px;
  background-position: -3796px 0px;
  background-color: transparent;
}
.iti-flag.va {
  width: 15px;
  height: 15px;
  background-position: -5307px 0px;
}
@media only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
    background-image: url('/assets/flags@2x-DZcCkwsk.png');
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti-flag.cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}.fade-in-enter-active[data-v-1c2871cc] {
  animation: fade-in-1c2871cc 300ms ease;
}
.fade-out-leave-active[data-v-1c2871cc] {
  animation: fade-out-1c2871cc 300ms ease;
}
@keyframes fade-in-1c2871cc {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes fade-out-1c2871cc {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}.scale-out-enter-active[data-v-1f8617d0], .scale-out-leave-active[data-v-1f8617d0], .scale-in-enter-active[data-v-1f8617d0], .scale-in-leave-active[data-v-1f8617d0] {
  position: absolute;
}
.scale-out-enter-active[data-v-1f8617d0], .scale-out-leave-active[data-v-1f8617d0] {
  animation: scale-out-1f8617d0 300ms ease;
}
.scale-out-leave-active[data-v-1f8617d0] {
  animation-direction: reverse;
}
.scale-in-enter-active[data-v-1f8617d0], .scale-in-leave-active[data-v-1f8617d0] {
  animation: scale-in-1f8617d0 300ms ease;
}
.scale-in-leave-active[data-v-1f8617d0] {
  animation-direction: reverse;
}
@keyframes scale-out-1f8617d0 {
  from {
    opacity: 0%;
    transform: scale(1.05);
  }
  to {
    opacity: 100%;
    transform: scale(1);
  }
}
@keyframes scale-in-1f8617d0 {
  from {
    opacity: 0%;
    transform: scale(0.95);
  }
  to {
    opacity: 100%;
    transform: scale(1);
  }
}.scroll--container::-webkit-scrollbar {
  display: none;
}
.scroll--container {
  scroll-snap-type: y proximity;
}
.height--top--modal {
  height: calc(70vh);
  scroll-snap-align: start;
}
.height--middle--modal {
  height: calc(30vh);
  scroll-snap-align: start;
}
.snap-start {
  scroll-snap-align: start;
}.selected-item[data-v-d05204f4] {
  color: oklch(from var(--color-secondary-700) round(1 - l) 0 h);
}
.ios.selected-item[data-v-d05204f4] {
  color: var(--whitelabel-secondary-text-color);
}.radio--btn[data-v-6fbec608] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: var(--color-gray-400);
  border-radius: 9999px;
  border-width: 2px;
  display: -ms-grid;
  display: grid;
  place-content: center;
  height: 1.125rem;
  color: var(--color-primary-500);
  width: 1.125rem;
}
.radio--btn[data-v-6fbec608]:checked {
  border-color: var(--color-primary-500);
}
.radio--btn[data-v-6fbec608]::before {
  content: '';
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 100%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1rem 1rem var(--color-primary-500);
}
.radio--btn[data-v-6fbec608]:checked::before {
  transform: scale(1);
}.radio--btn[data-v-ee9bf9e1] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-color: var(--color-gray-400);
  border-width: 2px;
  display: -ms-grid;
  display: grid;
  place-content: center;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}
.radio--btn[data-v-ee9bf9e1]::before {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1.2rem 1.2rem var(--color-primary-500);
}
.radio--btn[data-v-ee9bf9e1]:checked::before {
  transform: scale(1);
}
.radio--btn[data-v-ee9bf9e1]::after {
  content: '';
  position: absolute;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(4px, -3px);
}[data-v-c64db501]::-webkit-calendar-picker-indicator {
  margin: 1rem;
}.vueform--slider[data-v-2b95d62e] {
  --main-color: var(--color-secondary-700);
  --slider-bg: var(--color-gray-300);
  --slider-connect-bg: var(--main-color);
  --slider-tooltip-bg: var(--main-color);
  --slider-handle-bg: var(--main-color);
  --slider-connect-bg-disabled: var(--color-gray-300);
  --slider-tooltip-bg-disabled: var(--color-gray-300);
  --slider-handle-ring-width: 0;
  --slider-handle-shadow: none;
  --slider-tooltip-color: oklch(from var(--main-color) round(1 - l) 0 h);
}
.ios.vueform--slider[data-v-2b95d62e] {
  --slider-tooltip-color: var(--whitelabel-secondary-text-color);
}.bottom--spacing[data-v-cd072402] {
  margin-bottom: calc(1rem + env(safe-area-inset-bottom));
}.bottom--spacing[data-v-a3661063] {
  bottom: 1rem;
  bottom: calc(1rem + env(safe-area-inset-bottom));
}.list--item.selected[data-v-72bdd574] {
  background-color: var(--color-info-50);
  border-color: var(--color-info-200);
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.list--item.selected + .selected[data-v-72bdd574] {
  border-top-width: 0px;
}
.list--item.deleted[data-v-72bdd574] {
  background-color: var(--color-gray-200);
  border-color: var(--color-gray-300);
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.list--item.deleted + .deleted[data-v-72bdd574] {
  border-top-width: 0px;
}
.list--item.not-selectionnable[data-v-72bdd574] {
  background-color: var(--color-gray-200);
  border-color: var(--color-gray-400);
  border-top-width: 1px;
  border-bottom-width: 1px;
  opacity: 0.75;
  pointer-events: none;
  color: var(--color-gray-600);
}
.list--item.not-selectionnable + .not-selectionnable[data-v-72bdd574] {
  border-top-width: 0px;
}@keyframes shine-e00ede07 {
  to {
    background-position-x: -200%;
  }
}
.is-loading[data-v-e00ede07] {
  background: linear-gradient(110deg, #f2f2f2 8%, white 18%, #f2f2f2 33%);
  background-size: 200% 100%;
  animation: 1.5s shine-e00ede07 linear infinite;
}.switch[data-v-e396b99c] {
  position: relative;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  min-width: 1.75rem;
  width: 2.25rem;
  height: 1.25rem;
}
.switch input[data-v-e396b99c] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-e396b99c] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-gray-400);
  transition: 0.3s;
}
.slider.disabled[data-v-e396b99c] {
  background-color: var(--color-gray-300);
}
.slider.disabled[data-v-e396b99c]::before {
  background-color: var(--color-gray-500);
}
.slider[data-v-e396b99c]:before {
  position: absolute;
  content: '';
  height: 0.875rem;
  width: 0.875rem;
  left: 0.25rem;
  bottom: 0.18rem;
  background-color: white;
  transition: 0.3s;
}
input:checked + .slider[data-v-e396b99c] {
  background-color: var(--color-primary-500);
}
input:checked + .slider.disabled[data-v-e396b99c] {
  background-color: var(--color-gray-400);
}
input:focus + .slider.disabled[data-v-e396b99c] {
  background-color: var(--color-gray-400);
}
input:checked + .slider[data-v-e396b99c]:before {
  transform: translateX(0.875rem);
}
.slider.round[data-v-e396b99c] {
  border-radius: 0.6rem;
}
.slider.round[data-v-e396b99c]:before {
  border-radius: 50%;
}.disabled--input[data-v-0b34e812] {
  -webkit-text-fill-color: var(--color-gray-600);
  opacity: 100%;
}.grow-wrap[data-v-5102f08a]::after {
  content: attr(data-replicated-value) ' ';
}
.grow-wrap > textarea[data-v-5102f08a], .grow-wrap[data-v-5102f08a]::after {
  padding: 1rem 0;
  background-color: transparent;
  overflow: scroll;
  max-height: 150px;
  grid-area: 1 / 1 / 2 / 2;
}
.disabled--input[data-v-5102f08a] {
  -webkit-text-fill-color: var(--color-gray-600);
  opacity: 100%;
}@keyframes horizontalExpand-3bc0caa3 {
  from {
    width: 0;
    border-radius: 30%;
  }
  to {
    width: 100%;
    border-radius: 4px;
  }
}
@keyframes fullExpand-3bc0caa3 {
  from {
    width: 0;
    height: 0;
    border-radius: 100%;
  }
  to {
    width: 90px;
    height: 90px;
    border-radius: 4px;
  }
}
.horizontal--expand[data-v-3bc0caa3] {
  animation: horizontalExpand-3bc0caa3 250ms ease;
}
.full--expand[data-v-3bc0caa3] {
  animation: fullExpand-3bc0caa3 250ms ease;
}/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

.textLayer {
  position: absolute;
  text-align: left;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  opacity: 0.25;
  line-height: 1;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(180, 0, 170, 1);
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: static;
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: rgba(0, 100, 0, 1);
  background-color: var(--highlight-selected-bg-color);
}

.textLayer ::-moz-selection {
  background: blue;
  background: AccentColor; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}

.textLayer ::selection {
  background: blue;
  background: AccentColor; /* stylelint-disable-line declaration-block-no-duplicate-properties */
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}


:root {
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
    --hcm-highligh-filter: invert(100%);
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer
    .buttonWidgetAnnotation:is(.checkBox, .radioButton)
    input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: var(--hcm-highligh-filter);
  }

  .annotationLayer .linkAnnotation > a:hover {
    opacity: 0 !important;
    background: none !important;
    box-shadow: none;
  }

  .annotationLayer .popupAnnotation .popup {
    outline: calc(1.5px * var(--scale-factor)) solid CanvasText !important;
    background-color: ButtonFace !important;
    color: ButtonText !important;
  }

  .annotationLayer .highlightArea:hover::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: var(--hcm-highligh-filter);
    content: "";
    pointer-events: none;
  }

  .annotationLayer .popupAnnotation.focused .popup {
    outline: calc(3px * var(--scale-factor)) solid Highlight !important;
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.annotationLayer section {
  position: absolute;
  text-align: left;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: none;
  outline: var(--link-outline);
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer
  :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
  > a:hover {
  opacity: 0.2;
  background-color: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .linkAnnotation.hasBorder:hover {
  background-color: rgba(255, 255, 0, 0.2);
}

.annotationLayer .hasBorder {
  background-size: 100% 100%;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid transparent;
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer
  .buttonWidgetAnnotation:is(.checkBox, .radioButton)
  input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer
  .buttonWidgetAnnotation:is(.checkBox, .radioButton)
  input[disabled] {
  background: none;
  border: 2px solid transparent;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer
  .buttonWidgetAnnotation:is(.checkBox, .radioButton)
  input:hover {
  border: 2px solid black;
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .popupAnnotation {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  pointer-events: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 45%;
  height: auto;
}

.annotationLayer .popup {
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  outline: 1.5px solid rgb(255, 255, 74);
  padding: calc(6px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popupAnnotation.focused .popup {
  outline-width: 3px;
}

.annotationLayer .popup * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup > .header {
  display: inline-block;
}

.annotationLayer .popup > .header h1 {
  display: inline;
}

.annotationLayer .popup > .header .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
  width: -moz-fit-content;
  width: fit-content;
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popupTriggerArea {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

.annotationLayer svg.quadrilateralsContainer {
  contain: strict;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}


:root {
  --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline: auto;
}

@media screen and (forced-colors: active) {
  :root {
    --xfa-focus-outline: 2px solid CanvasText;
  }
  .xfaLayer *:required {
    outline: 1.5px solid selectedItem;
  }
}

.xfaLayer {
  background-color: transparent;
}

.xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(239, 203, 237, 1);
  border-radius: 4px;
}

.xfaLayer .highlight.appended {
  position: static;
  position: initial;
}

.xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.xfaLayer .highlight.middle {
  border-radius: 0;
}

.xfaLayer .highlight.selected {
  background-color: rgba(203, 223, 203, 1);
}

.xfaPage {
  overflow: hidden;
  position: relative;
}

.xfaContentarea {
  position: absolute;
}

.xfaPrintOnly {
  display: none;
}

.xfaLayer {
  position: absolute;
  text-align: left;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}

.xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}

.xfaLayer *:required {
  outline: 1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg * {
  pointer-events: none;
}

.xfaLayer a {
  color: blue;
}

.xfaRich li {
  margin-left: 3em;
}

.xfaFont {
  color: black;
  font-weight: normal;
  font-feature-settings: "kern" off;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}

.xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}

.xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}

.xfaLabel {
  height: 100%;
  width: 100%;
}

.xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  max-height: 100%;
}

.xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  width: 100%;
}

.xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}

.xfaWrapped {
  width: 100%;
  height: 100%;
}

:is(.xfaTextfield, .xfaSelect):focus {
  background-image: none;
  background-color: transparent;
  outline: auto;
  outline: var(--xfa-focus-outline);
  outline-offset: -1px;
}

:is(.xfaCheckbox, .xfaRadio):focus {
  outline: auto;
  outline: var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  background-image: var(--xfa-unfocused-field-background);
}

.xfaSelect {
  padding-inline: 2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {
  flex: 0 1 auto;
}

.xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

.xfaLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xfaCheckbox,
.xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}

.xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}

.xfaImage {
  -o-object-position: left top;
     object-position: left top;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}

.xfaTb > div {
  justify-content: left;
}

.xfaPosition {
  position: relative;
}

.xfaArea {
  position: relative;
}

.xfaValignMiddle {
  display: flex;
  align-items: center;
}

.xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}

.xfaTable .xfaRlRow > div {
  flex: 1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

@media print {
  .xfaTextfield,
  .xfaSelect {
    background: transparent;
  }

  .xfaSelect {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}

/* Ignored in GECKOVIEW builds: */

:root {
  --outline-width: 2px;
  --outline-color: #0060df;
  --outline-around-width: 1px;
  --outline-around-color: #f0f0f4;
  --hover-outline-around-color: var(--outline-around-color);
  --focus-outline: solid var(--outline-width) var(--outline-color);
  --unfocus-outline: solid var(--outline-width) transparent;
  --focus-outline-around: solid var(--outline-around-width)
    var(--outline-around-color);
  --hover-outline-color: #8f8f9d;
  --hover-outline: solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around: solid var(--outline-around-width)
    var(--hover-outline-around-color);
  --freetext-line-height: 1.35;
  --freetext-padding: 2px;
  --resizer-bg-color: var(--outline-color);
  --resizer-size: 6px;
  --resizer-shift: calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor: text;
  --editorInk-editing-cursor: pointer;

  --alt-text-opacity: 0.8;
  --alt-text-add-image: url(images/altText_add.svg);
  --alt-text-done-image: url(images/altText_done.svg);
  --alt-text-bg-color: rgba(43, 42, 51, var(--alt-text-opacity));
  --alt-text-fg-color: #fbfbfe;
  --alt-text-border-color: var(--alt-text-bg-color);
  --alt-text-hover-bg-color: rgba(82, 82, 94, var(--alt-text-opacity));
  --alt-text-hover-fg-color: var(--alt-text-fg-color);
  --alt-text-hover-border-color: var(--alt-text-hover-bg-color);
  --alt-text-active-bg-color: rgba(91, 91, 102, var(--alt-text-opacity));
  --alt-text-active-fg-color: var(--alt-text-fg-color);
  --alt-text-active-border-color: var(--alt-text-hover-bg-color);
  --alt-text-focus-outline-color: #0060df;
  --alt-text-focus-border-color: #f0f0f4;
  --alt-text-shadow: 0 2px 6px 0 rgba(28, 27, 34, 0.5);
}

@media (min-resolution: 1.1dppx) {
  :root {
  }
}

@media screen and (forced-colors: active) {
  :root {
    --outline-color: CanvasText;
    --outline-around-color: ButtonFace;
    --resizer-bg-color: ButtonText;
    --hover-outline-color: Highlight;
    --hover-outline-around-color: SelectedItemText;

    --alt-text-bg-color: Canvas;
    --alt-text-fg-color: ButtonText;
    --alt-text-border-color: ButtonText;
    --alt-text-hover-bg-color: Canvas;
    --alt-text-hover-fg-color: SelectedItem;
    --alt-text-hover-border-color: SelectedItem;
    --alt-text-active-bg-color: ButtonFace;
    --alt-text-active-fg-color: SelectedItem;
    --alt-text-active-border-color: ButtonText;
    --alt-text-focus-outline-color: CanvasText;
    --alt-text-focus-border-color: ButtonText;
    --alt-text-shadow: none;
    --alt-text-opacity: 1;
  }
}

[data-editor-rotation="90"] {
  transform: rotate(90deg);
}
[data-editor-rotation="180"] {
  transform: rotate(180deg);
}
[data-editor-rotation="270"] {
  transform: rotate(270deg);
}

.annotationEditorLayer {
  background: transparent;
  position: absolute;
  inset: 0;
  font-size: calc(100px * var(--scale-factor));
  transform-origin: 0 0;
  cursor: auto;
  z-index: 4;
}

.annotationEditorLayer.waiting {
  content: "";
  cursor: wait;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer.freeTextEditing {
  cursor: text;
  cursor: var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing {
  cursor: pointer;
  cursor: var(--editorInk-editing-cursor);
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) {
  position: absolute;
  background: transparent;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
  max-width: 100%;
  max-height: 100%;
  border: solid 2px transparent;
  border: var(--unfocus-outline);
}

.annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor) {
    cursor: move;
  }

.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor) {
    border: solid 2px #0060df;
    border: var(--focus-outline);
    outline: solid 1px
    #f0f0f4;
    outline: var(--focus-outline-around);
  }

.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before {
      /*
        This is a workaround for the lack of support for stripes(...) (see
        https://drafts.csswg.org/css-images-4/#stripes).
        The outline should be composed of 1px white, 2px blue and 1px white.
        This could be achieved in different ways:
          - using a linear-gradient;
          - using a box-shadow;
          - using an outline on the selected element and an outline+border on
            the ::before pseudo-element.
        All these options lead to incorrect rendering likely due to rounding
        issues.
        That said it doesn't mean that the current is ideal, but it's the best
        we could come up with for the moment.
        One drawback of this approach is that we use a border on the selected
        element which means that we must take care of it when positioning the
        div in js (see AnnotationEditor._borderLineWidth in editor.js).
      */
      content: "";
      position: absolute;
      inset: 0;
      border: solid 1px
    #f0f0f4;
      border: var(--focus-outline-around);
      pointer-events: none;
    }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor) {
    border: solid 2px #8f8f9d;
    border: var(--hover-outline);
    outline: solid 1px
    #f0f0f4;
    outline: var(--hover-outline-around);
  }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before {
      content: "";
      position: absolute;
      inset: 0;
      border: solid 1px
    #f0f0f4;
      border: var(--focus-outline-around);
    }

.annotationEditorLayer .freeTextEditor {
  padding: calc(2px * var(--scale-factor));
  padding: calc(var(--freetext-padding) * var(--scale-factor));
  width: auto;
  height: auto;
  touch-action: none;
}

.annotationEditorLayer .freeTextEditor .internal {
  background: transparent;
  border: none;
  inset: 0;
  overflow: visible;
  white-space: nowrap;
  font: 10px sans-serif;
  line-height: 1.35;
  line-height: var(--freetext-line-height);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.annotationEditorLayer .freeTextEditor .overlay {
  position: absolute;
  display: none;
  background: transparent;
  inset: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer .freeTextEditor .overlay.enabled {
  display: block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before {
  content: attr(default-content);
  color: gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus {
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.annotationEditorLayer .inkEditor {
  width: 100%;
  height: 100%;
}

.annotationEditorLayer .inkEditor.editing {
  cursor: inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.annotationEditorLayer .stampEditor {
  width: auto;
  height: auto;
}

.annotationEditorLayer .stampEditor canvas {
  width: 100%;
  height: 100%;
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers {
      position: absolute;
      inset: 0;
    }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden {
        display: none;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer {
        width: 6px;
        width: var(--resizer-size);
        height: 6px;
        height: var(--resizer-size);
        background: content-box #0060df;
        background: content-box var(--resizer-bg-color);
        border: solid 1px
    #f0f0f4;
        border: var(--focus-outline-around);
        border-radius: 2px;
        position: absolute;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft {
          top: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          top: var(--resizer-shift);
          left: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          left: var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle {
          top: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          top: var(--resizer-shift);
          left: calc(50% + calc(
    0px - (2px + 6px) / 2 -
      1px
  ));
          left: calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight {
          top: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          top: var(--resizer-shift);
          right: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          right: var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight {
          top: calc(50% + calc(
    0px - (2px + 6px) / 2 -
      1px
  ));
          top: calc(50% + var(--resizer-shift));
          right: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          right: var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight {
          bottom: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          bottom: var(--resizer-shift);
          right: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          right: var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle {
          bottom: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          bottom: var(--resizer-shift);
          left: calc(50% + calc(
    0px - (2px + 6px) / 2 -
      1px
  ));
          left: calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft {
          bottom: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          bottom: var(--resizer-shift);
          left: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          left: var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft {
          top: calc(50% + calc(
    0px - (2px + 6px) / 2 -
      1px
  ));
          top: calc(50% + var(--resizer-shift));
          left: calc(
    0px - (2px + 6px) / 2 -
      1px
  );
          left: var(--resizer-shift);
        }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight {
        cursor: nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle {
        cursor: ns-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft {
        cursor: nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft {
        cursor: ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight {
        cursor: nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle {
        cursor: ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft {
        cursor: nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft {
        cursor: ns-resize;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .altText {
      rotate: 270deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .altText {
        inset-inline-start: calc(100% - 8px);
      }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .altText.small {
          inset-inline-start: calc(100% + 8px);
          inset-block-start: 100%;
        }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .altText {
        inset-block-end: calc(100% - 8px);
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .altText.small {
          inset-inline-start: -8px;
          inset-block-start: 0;
        }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="180"],
      [data-main-rotation="90"] [data-editor-rotation="90"],
      [data-main-rotation="180"] [data-editor-rotation="0"],
      [data-main-rotation="270"] [data-editor-rotation="270"]
    ) .altText {
      rotate: 180deg;

      inset-block-end: calc(100% - 8px);
      inset-inline-start: calc(100% - 8px);
    }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="180"],
      [data-main-rotation="90"] [data-editor-rotation="90"],
      [data-main-rotation="180"] [data-editor-rotation="0"],
      [data-main-rotation="270"] [data-editor-rotation="270"]
    ) .altText.small {
        inset-inline-start: 100%;
        inset-block-start: -8px;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .altText {
      rotate: 90deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .altText {
        inset-block-end: calc(100% - 8px);
      }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .altText.small {
          inset-inline-start: -8px;
          inset-block-start: 0;
        }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .altText {
        inset-inline-start: calc(100% - 8px);
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .altText.small {
          inset-inline-start: calc(100% + 8px);
          inset-block-start: 100%;
        }

.altText {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 4px;
  width: auto;
  height: 24px;
  min-width: 88px;
  z-index: 1;
  pointer-events: all;

  color: #fbfbfe;

  color: var(--alt-text-fg-color);
  font: menu;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid rgba(43, 42, 51, 0.8);
  border: 1px solid var(--alt-text-border-color);
  background-color: rgba(43, 42, 51, 0.8);
  background-color: var(--alt-text-bg-color);
  box-shadow: 0 2px 6px 0 rgba(28, 27, 34, 0.5);
  box-shadow: var(--alt-text-shadow);

  position: absolute;
  inset-block-end: 8px;
  inset-inline-start: 8px;
}

[dir="ltr"] .altText {
    transform-origin: 0 100%;
  }

[dir="rtl"] .altText {
    transform-origin: 100% 100%;
  }

.altText.small {

    inset-block-end: unset;
    inset-inline-start: 0;
    inset-block-start: calc(100% + 8px);
  }

[dir="ltr"] .altText.small {
      transform-origin: 0 0;
    }

[dir="rtl"] .altText.small {
      transform-origin: 100% 0;
    }

.altText:hover {
    background-color: rgba(82, 82, 94, 0.8);
    background-color: var(--alt-text-hover-bg-color);
    border-color: rgba(82, 82, 94, 0.8);
    border-color: var(--alt-text-hover-border-color);
    color: #fbfbfe;
    color: var(--alt-text-hover-fg-color);
    cursor: pointer;
  }

.altText:hover::before {
      background-color: #fbfbfe;
      background-color: var(--alt-text-hover-fg-color);
    }

.altText:active {
    background-color: rgba(91, 91, 102, 0.8);
    background-color: var(--alt-text-active-bg-color);
    border-color: rgba(82, 82, 94, 0.8);
    border-color: var(--alt-text-active-border-color);
    color: #fbfbfe;
    color: var(--alt-text-active-fg-color);
  }

.altText:active::before {
      background-color: #fbfbfe;
      background-color: var(--alt-text-active-fg-color);
    }

.altText:focus-visible {
    outline: 2px solid #0060df;
    outline: 2px solid var(--alt-text-focus-outline-color);
    border-color: #f0f0f4;
    border-color: var(--alt-text-focus-border-color);
  }

.altText::before {
    content: "";
    -webkit-mask-image: url(images/altText_add.svg);
    -webkit-mask-image: var(--alt-text-add-image);
            mask-image: url(images/altText_add.svg);
            mask-image: var(--alt-text-add-image);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    display: inline-block;
    width: 12px;
    height: 13px;
    background-color: #fbfbfe;
    background-color: var(--alt-text-fg-color);
    margin-inline-end: 4px;
  }

.altText.done::before {
    -webkit-mask-image: url(images/altText_done.svg);
    -webkit-mask-image: var(--alt-text-done-image);
            mask-image: url(images/altText_done.svg);
            mask-image: var(--alt-text-done-image);
  }

.altText .tooltip {
    display: none;
  }

.altText .tooltip.show {
      --alt-text-tooltip-bg: #f0f0f4;
      --alt-text-tooltip-fg: #15141a;
      --alt-text-tooltip-border: #8f8f9d;
      --alt-text-tooltip-shadow: 0px 2px 6px 0px rgba(58, 57, 68, 0.2);

      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: calc(100% + 2px);
      inset-inline-start: 0;
      padding-block: 2px 3px;
      padding-inline: 3px;
      max-width: 300px;
      width: -moz-max-content;
      width: max-content;
      height: auto;
      font-size: 12px;

      border: 0.5px solid #8f8f9d;

      border: 0.5px solid var(--alt-text-tooltip-border);
      background: #f0f0f4;
      background: var(--alt-text-tooltip-bg);
      box-shadow: 0px 2px 6px 0px rgba(58, 57, 68, 0.2);
      box-shadow: var(--alt-text-tooltip-shadow);
      color: #15141a;
      color: var(--alt-text-tooltip-fg);

      pointer-events: none;
    }

@media (prefers-color-scheme: dark) {

.altText .tooltip.show {
        --alt-text-tooltip-bg: #1c1b22;
        --alt-text-tooltip-fg: #fbfbfe;
        --alt-text-tooltip-shadow: 0px 2px 6px 0px #15141a;
    }
      }

@media screen and (forced-colors: active) {

.altText .tooltip.show {
        --alt-text-tooltip-bg: Canvas;
        --alt-text-tooltip-fg: CanvasText;
        --alt-text-tooltip-border: CanvasText;
        --alt-text-tooltip-shadow: none;
    }
      }

#altTextDialog {
  --dialog-bg-color: white;
  --dialog-border-color: white;
  --dialog-shadow: 0 2px 14px 0 rgba(58, 57, 68, 0.2);
  --text-primary-color: #15141a;
  --text-secondary-color: #5b5b66;
  --hover-filter: brightness(0.9);
  --focus-ring-color: #0060df;
  --focus-ring-outline: 2px solid var(--focus-ring-color);

  --textarea-border-color: #8f8f9d;
  --textarea-bg-color: white;
  --textarea-fg-color: var(--text-secondary-color);

  --radio-bg-color: #f0f0f4;
  --radio-checked-bg-color: #fbfbfe;
  --radio-border-color: #8f8f9d;
  --radio-checked-border-color: #0060df;

  --button-cancel-bg-color: #f0f0f4;
  --button-cancel-fg-color: var(--text-primary-color);
  --button-cancel-border-color: var(--button-cancel-bg-color);
  --button-cancel-hover-bg-color: var(--button-cancel-bg-color);
  --button-cancel-hover-fg-color: var(--button-cancel-fg-color);
  --button-cancel-hover-border-color: var(--button-cancel-hover-bg-color);

  --button-save-bg-color: #0060df;
  --button-save-fg-color: #fbfbfe;
  --button-save-hover-bg-color: var(--button-save-bg-color);
  --button-save-hover-fg-color: var(--button-save-fg-color);
  --button-save-hover-border-color: var(--button-save-hover-bg-color);
  --button-save-disabled-bg-color: var(--button-save-bg-color);
  --button-save-disabled-fg-color: var(--button-save-fg-color);
  --button-save-disabled-opacity: 0.4;

  font: message-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid white;
  border: 1px solid var(--dialog-border-color);
  background: white;
  background: var(--dialog-bg-color);
  color: #15141a;
  color: var(--text-primary-color);
  box-shadow: 0 2px 14px 0 rgba(58, 57, 68, 0.2);
  box-shadow: var(--dialog-shadow);
}

@media (prefers-color-scheme: dark) {

#altTextDialog {
    --dialog-bg-color: #1c1b22;
    --dialog-border-color: #1c1b22;
    --dialog-shadow: 0 2px 14px 0 #15141a;
    --text-primary-color: #fbfbfe;
    --text-secondary-color: #cfcfd8;
    --focus-ring-color: #00ddff;
    --hover-filter: brightness(1.4);

    --textarea-bg-color: #42414d;

    --radio-bg-color: #2b2a33;
    --radio-checked-bg-color: #15141a;
    --radio-checked-border-color: #00ddff;

    --button-cancel-bg-color: #2b2a33;
    --button-save-bg-color: #00ddff;
    --button-save-fg-color: #15141a;
}
  }

@media screen and (forced-colors: active) {

#altTextDialog {
    --dialog-bg-color: Canvas;
    --dialog-border-color: CanvasText;
    --dialog-shadow: none;
    --text-primary-color: CanvasText;
    --text-secondary-color: CanvasText;
    --hover-filter: none;
    --focus-ring-color: ButtonBorder;

    --textarea-border-color: ButtonBorder;
    --textarea-bg-color: Field;
    --textarea-fg-color: ButtonText;

    --radio-bg-color: ButtonFace;
    --radio-checked-bg-color: ButtonFace;
    --radio-border-color: ButtonText;
    --radio-checked-border-color: ButtonText;

    --button-cancel-bg-color: ButtonFace;
    --button-cancel-fg-color: ButtonText;
    --button-cancel-border-color: ButtonText;
    --button-cancel-hover-bg-color: AccentColor;
    --button-cancel-hover-fg-color: AccentColorText;

    --button-save-bg-color: ButtonText;
    --button-save-fg-color: ButtonFace;
    --button-save-hover-bg-color: AccentColor;
    --button-save-hover-fg-color: AccentColorText;
    --button-save-disabled-bg-color: GrayText;
    --button-save-disabled-fg-color: Canvas;
    --button-save-disabled-opacity: 1;
}
  }

#altTextDialog::backdrop {
    /* This is needed to avoid to darken the image the user want to describe. */
    -webkit-mask: url(#alttext-manager-mask);
            mask: url(#alttext-manager-mask);
  }

#altTextDialog.positioned {
    margin: 0;
  }

#altTextDialog #altTextContainer {
    width: 300px;
    height: -moz-fit-content;
    height: fit-content;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

#altTextDialog #altTextContainer *:focus-visible {
      outline: var(--focus-ring-outline);
      outline-offset: 2px;
    }

#altTextDialog #altTextContainer .radio {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }

#altTextDialog #altTextContainer .radio .radioButton {
        display: flex;
        gap: 8px;
        align-self: stretch;
        align-items: center;
      }

#altTextDialog #altTextContainer .radio .radioButton input {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          box-sizing: border-box;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background-color: var(--radio-bg-color);
          border: 1px solid var(--radio-border-color);
        }

#altTextDialog #altTextContainer .radio .radioButton input:hover {
            filter: var(--hover-filter);
          }

#altTextDialog #altTextContainer .radio .radioButton input:checked {
            background-color: var(--radio-checked-bg-color);
            border: 4px solid var(--radio-checked-border-color);
          }

#altTextDialog #altTextContainer .radio .radioLabel {
        display: flex;
        padding-inline-start: 24px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
      }

#altTextDialog #altTextContainer .radio .radioLabel span {
          flex: 1 0 0;
          font-size: 11px;
          color: var(--text-secondary-color);
        }

#altTextDialog #altTextContainer #overallDescription {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      align-self: stretch;
    }

#altTextDialog #altTextContainer #overallDescription span {
        align-self: stretch;
      }

#altTextDialog #altTextContainer #overallDescription .title {
        font-size: 13px;
        font-style: normal;
        font-weight: 590;
      }

#altTextDialog #altTextContainer #addDescription {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
    }

#altTextDialog #altTextContainer #addDescription .descriptionArea {
        flex: 1;
        padding-inline: 24px 10px;
      }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea {
          font: inherit;
          width: 100%;
          min-height: 75px;
          padding: 8px;
          resize: none;
          margin: 0;
          box-sizing: border-box;
          border-radius: 4px;
          border: 1px solid var(--textarea-border-color);
          background: var(--textarea-bg-color);
          color: var(--textarea-fg-color);
        }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea:focus {
            outline-offset: 0;
            border-color: transparent;
          }

#altTextDialog #altTextContainer #addDescription .descriptionArea textarea:disabled {
            pointer-events: none;
            opacity: 0.4;
          }

#altTextDialog #altTextContainer #buttons {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
    }

#altTextDialog #altTextContainer #buttons button {
        border-radius: 4px;
        border: 1px solid;
        font: menu;
        font-weight: 600;
        padding: 4px 16px;
        width: auto;
        height: 32px;
      }

#altTextDialog #altTextContainer #buttons button:hover {
          cursor: pointer;
          filter: var(--hover-filter);
        }

#altTextDialog #altTextContainer #buttons button#altTextCancel {
          color: var(--button-cancel-fg-color);
          background-color: var(--button-cancel-bg-color);
          border-color: var(--button-cancel-border-color);
        }

#altTextDialog #altTextContainer #buttons button#altTextCancel:hover {
            color: var(--button-cancel-hover-fg-color);
            background-color: var(--button-cancel-hover-bg-color);
            border-color: var(--button-cancel-hover-border-color);
          }

#altTextDialog #altTextContainer #buttons button#altTextSave {
          color: var(--button-save-hover-fg-color);
          background-color: var(--button-save-hover-bg-color);
          border-color: var(--button-save-hover-border-color);
          opacity: 1;
        }

#altTextDialog #altTextContainer #buttons button#altTextSave:hover {
            color: var(--button-save-hover-fg-color);
            background-color: var(--button-save-hover-bg-color);
            border-color: var(--button-save-hover-border-color);
          }

#altTextDialog #altTextContainer #buttons button#altTextSave:disabled {
            color: var(--button-save-disabled-fg-color);
            background-color: var(--button-save-disabled-bg-color);
            opacity: var(--button-save-disabled-opacity);
            pointer-events: none;
          }

:root {
  --viewer-container-height: 0;
  --pdfViewer-padding-bottom: 0;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --loading-icon-delay: 400ms;
}

@media screen and (forced-colors: active) {
  :root {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 8px auto -1px;
    --page-border: 1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR: 3.5px;
  }
}

[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}

#hiddenCopyElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}

.pdfViewer {
  /* Define this variable here and not in :root to avoid to reflow all the UI
     when scaling (see #15929). */
  --scale-factor: 1;

  padding-bottom: 0;

  padding-bottom: var(--pdfViewer-padding-bottom);
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  border: var(--page-border);
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 1);
}

.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: 0;
  height: var(--viewer-container-height);
}

.pdfViewer.noUserSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread {
  margin-inline: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
  margin-inline: 0;
}

.spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: -3.5px;
  margin-inline: var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas .structTree {
  contain: strict;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page canvas[zooming] {
  width: 100%;
  height: 100%;
}

.pdfViewer .page.loadingIcon::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==") center no-repeat;
  display: none;
  /* Using a delay with background-image doesn't work,
     consequently we use the display. */
  transition-property: display;
  transition-delay: 400ms;
  transition-delay: var(--loading-icon-delay);
  z-index: 5;
  contain: strict;
}

.pdfViewer .page.loading::after {
  display: block;
}

.pdfViewer .page:not(.loading)::after {
  transition-property: none;
  display: none;
}

.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.pdfPresentationMode .spread {
  margin: 0;
}

.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}
.pdfViewer .annotationLayer {
  display: none;
}.loading-container[data-v-f4438a1e] {
  --anim-duration: 1.5s;
  --anim-speed: 0.8;
  --shine-degree: 120deg;
  --shine-color: rgba(255, 255, 255, 0.5);
  --shine-effect: linear-gradient(
      var(--shine-degree),
      transparent,
      var(--shine-color),
      transparent
    );
  position: relative;
  overflow: hidden;
}
.loading-container[data-v-f4438a1e]::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--shine-effect);
}
.loading-container.loading-anim[data-v-f4438a1e]::before {
  animation: shine-f4438a1e var(--anim-duration) ease-in-out infinite;
}
@keyframes shine-f4438a1e {
  0% {
    left: -100%;
    transition-property: left;
  }
  30%, 100% {
    left: 100%;
    transition-property: left;
  }
}.container-height[data-v-a492bbf2] {
  height: calc(
      100dvh - env(safe-area-inset-bottom, 0) - env(safe-area-inset-top, 0)
    );
}
@supports (-webkit-touch-callout: none) {
  .container-height[data-v-a492bbf2] {
    height: 100dvh;
  }
}
.next-page-enter-active[data-v-a492bbf2], .next-page-leave-active[data-v-a492bbf2], .prev-page-enter-active[data-v-a492bbf2], .prev-page-leave-active[data-v-a492bbf2] {
  position: absolute;
  width: 100%;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  transition-duration: 150ms;
  -webkit-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.next-page-enter-to[data-v-a492bbf2], .next-page-leave-from[data-v-a492bbf2], .prev-page-enter-to[data-v-a492bbf2], .prev-page-leave-from[data-v-a492bbf2] {
  --tw-translate-x: 0px;
}
.next-page-enter-from[data-v-a492bbf2], .next-page-leave-from[data-v-a492bbf2], .prev-page-leave-to[data-v-a492bbf2] {
  --tw-translate-x: 100%;
}
.next-page-leave-to[data-v-a492bbf2], .prev-page-enter-from[data-v-a492bbf2], .prev-page-leave-from[data-v-a492bbf2] {
  --tw-translate-x: -100%;
}.preview--classes[data-v-8957b103] {
  padding-bottom: env(safe-area-inset-bottom);
  height: calc(100vh - 64px - env(safe-area-inset-top));
}.container--style[data-v-20ebc67b] {
  height: calc(100vh - 64px - env(safe-area-inset-top));
  padding-bottom: calc(86px + env(safe-area-inset-bottom));
}.gear--duration[data-v-a0584a06] {
  animation-duration: 3000ms;
}
.reverse--gear[data-v-a0584a06] {
  animation-direction: reverse;
  animation-delay: -0.6s;
}
.clip-path[data-v-a0584a06] {
  clip-path: circle();
}/* windicss layer base */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--color-gray-200);
}
* {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
::moz-focus-inner {
  border-style: none;
  padding: 0;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
a {
  color: inherit;
  text-decoration: inherit;
}
body {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}
button, input, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}
button {
  text-transform: none;
  background-color: transparent;
  background-image: none;
}
button, [type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: button;
}
button, [role="button"] {
  cursor: pointer;
}
html {
  -webkit-text-size-adjust: 100%;
  font-family: Satoshi;
  line-height: 1.5;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
img {
  border-style: solid;
  max-width: 100%;
  height: auto;
}
input::-moz-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
input::placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
input::webkit-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
input::-moz-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
input:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
input::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
img, svg {
  display: block;
  vertical-align: middle;
}
p, hr {
  margin: 0;
}
textarea {
  resize: vertical;
}
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
textarea::placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
textarea::webkit-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-gray-400);
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* windicss layer components */
.font-headline {
  font-family: Satoshi;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
.font-body {
  font-family: Satoshi;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.font-body-light {
  font-family: Satoshi;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
/* windicss layer utilities */
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - 0));
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * 0);
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-separator > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--color-gray-400);
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--color-gray-300);
}
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bg-clip-border {
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, 1);
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-info-100 {
  background-color: var(--color-info-100);
}
.bg-background {
  background-color: var(--color-background);
}
.bg-info-50 {
  background-color: var(--color-info-50);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-300 {
  background-color: var(--color-gray-300);
}
.bg-secondary-200 {
  background-color: var(--color-secondary-200);
}
.bg-primary-200 {
  background-color: var(--color-primary-200);
}
.bg-error-500 {
  background-color: var(--color-error-500);
}
.bg-whitelabel-primary-bg {
  background-color: var(--whitelabel-primary-color);
}
.active\:bg-gray-300:active {
  background-color: var(--color-gray-300);
}
.bg-transparent {
  background-color: transparent;
}
.active\:bg-gray-200:active {
  background-color: var(--color-gray-200);
}
.active\:bg-secondary-100:active {
  background-color: var(--color-secondary-100);
}
.bg-separator {
  background-color: var(--color-gray-400);
}
.bg-secondary-100 {
  background-color: var(--color-secondary-100);
}
.bg-success-100 {
  background-color: var(--color-success-100);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-bg-opacity: 0.2;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.bg-warning-300 {
  background-color: var(--color-warning-300);
}
.\!bg-success-300 {
  background-color: var(--color-success-300) !important;
}
.\!bg-error-300 {
  background-color: var(--color-error-300) !important;
}
.bg-error-100 {
  background-color: var(--color-error-100);
}
.bg-warning-100 {
  background-color: var(--color-warning-100);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-warning-500 {
  background-color: var(--color-warning-500);
}
.bg-info-400 {
  background-color: var(--color-info-400);
}
.bg-gray-500 {
  background-color: var(--color-gray-500);
}
.bg-whitelabel-secondary-bg {
  background-color: var(--whitelabel-secondary-color);
}
.active\:bg-gray-600:active {
  background-color: var(--color-gray-600);
}
.active\:bg-error-600:active {
  background-color: var(--color-error-600);
}
.bg-\[\#FFFFFFF0\] {
  --tw-bg-opacity: 0.9411764705882353;
  background-color: rgba(255, 255, 255, 0.9411764705882353);
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.\!bg-gray-300 {
  background-color: var(--color-gray-300) !important;
}
.bg-secondary-900 {
  background-color: var(--color-secondary-900);
}
.hover\:bg-gray-100:hover {
  background-color: var(--color-gray-100);
}
.bg-secondary-700 {
  background-color: var(--color-secondary-700);
}
.\!bg-info-200 {
  background-color: var(--color-info-200) !important;
}
.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}
.border-gray-500 {
  border-color: var(--color-gray-500);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-info-200 {
  border-color: var(--color-info-200);
}
.border-separator {
  border-color: var(--color-gray-400);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-secondary-500 {
  border-color: var(--color-secondary-500);
}
.border-gray-700 {
  border-color: var(--color-gray-700);
}
.border-secondary-900 {
  border-color: var(--color-secondary-900);
}
.\!border-gray-500 {
  border-color: var(--color-gray-500) !important;
}
.border-secondary-700 {
  border-color: var(--color-secondary-700);
}
.border-gray-800 {
  border-color: var(--color-gray-800);
}
.border-error-500 {
  border-color: var(--color-error-500);
}
.border-primary-500 {
  border-color: var(--color-primary-500);
}
.border-gray-900 {
  border-color: var(--color-gray-900);
}
.border-t-separator {
  border-top-color: var(--color-gray-400);
}
.border-t-error-500 {
  border-top-color: var(--color-error-500);
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded {
  border-radius: 0.25rem;
}
.active\:rounded:active {
  border-radius: 0.25rem;
}
.only-child\:rounded:only-child {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.active\:rounded-3xl:active {
  border-radius: 1.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.active\:rounded-full:active {
  border-radius: 9999px;
}
.first\:rounded-l:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.last\:rounded-r:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.first\:rounded-t:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.last\:rounded-b:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.first\:rounded-t-2xl:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.last\:rounded-b-2xl:last-child {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.first\:rounded-tl-full:first-child {
  border-top-left-radius: 9999px;
}
.first\:rounded-bl-full:first-child {
  border-bottom-left-radius: 9999px;
}
.last\:rounded-tr-full:last-child {
  border-top-right-radius: 9999px;
}
.last\:rounded-br-full:last-child {
  border-bottom-right-radius: 9999px;
}
.border-dashed {
  border-style: dashed;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-1 {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t-1 {
  border-top-width: 1px;
}
.border-b-1 {
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.first\:border-r-0:first-child {
  border-right-width: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.border-b-3 {
  border-bottom-width: 3px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}
.box-border {
  box-sizing: border-box;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.\!hidden {
  display: none !important;
}
.basis-full {
  flex-basis: 100%;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-content-center {
  place-content: center;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.content-between {
  align-content: space-between;
}
.self-end {
  align-self: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-self-end {
  justify-self: end;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.font-mono {
  font-family: RobotoMono;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.font-medium {
  font-weight: 500;
}
.h-screen {
  height: 100vh;
}
.h-full {
  height: 100%;
}
.h-48 {
  height: 12rem;
}
.h-10 {
  height: 2.5rem;
}
.h-4 {
  height: 1rem;
}
.h-12 {
  height: 3rem;
}
.h-8 {
  height: 2rem;
}
.\!h-0 {
  height: 0px !important;
}
.h-5 {
  height: 1.25rem;
}
.h-16 {
  height: 4rem;
}
.h-6 {
  height: 1.5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-9 {
  height: 2.25rem;
}
.h-14 {
  height: 3.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-50 {
  height: 12.5rem;
}
.h-15 {
  height: 3.75rem;
}
.h-13 {
  height: 3.25rem;
}
.h-1px {
  height: 1px;
}
.h-23 {
  height: 5.75rem;
}
.h-6\.5 {
  height: 1.625rem;
}
.h-48px {
  height: 48px;
}
.h-70px {
  height: 70px;
}
.h-50px {
  height: 50px;
}
.h-3px {
  height: 3px;
}
.h-25 {
  height: 6.25rem;
}
.h-0\.25 {
  height: 0.0625rem;
}
.h-20px {
  height: 20px;
}
.h-4\.5 {
  height: 1.125rem;
}
.h-12\.5 {
  height: 3.125rem;
}
.h-22\.5 {
  height: 5.625rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxl {
  font-size: 1.375rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-tight {
  line-height: 1.25;
}
.m-4 {
  margin: 1rem;
}
.m-auto {
  margin: auto;
}
.m-3 {
  margin: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mb-0\.5 {
  margin-bottom: -0.125rem;
}
.mt-4 {
  margin-top: 1rem;
}
.\!-mb-16 {
  margin-bottom: -4rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.last\:mr-4:last-child {
  margin-right: 1rem;
}
.ml-4\.5 {
  margin-left: 1.125rem;
}
.mt-18 {
  margin-top: 4.5rem;
}
.mt-6px {
  margin-top: 6px;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.-mt-15 {
  margin-top: -3.75rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mb-15 {
  margin-bottom: -3.75rem;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mb-22 {
  margin-bottom: 5.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.max-h-14 {
  max-height: 3.5rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-23 {
  max-height: 5.75rem;
}
.max-h-30vh {
  max-height: 30vh;
}
.max-h-70vh {
  max-height: 70vh;
}
.max-h-150px {
  max-height: 150px;
}
.max-w-24 {
  max-width: 6rem;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-14 {
  max-width: 3.5rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-2\/3 {
  max-width: 66.666667%;
}
.max-w-5\/6 {
  max-width: 83.333333%;
}
.max-w-200 {
  max-width: 50rem;
}
.max-w-25 {
  max-width: 6.25rem;
}
.max-w-18 {
  max-width: 4.5rem;
}
.max-w-90 {
  max-width: 22.5rem;
}
.max-w-400px {
  max-width: 400px;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-1 {
  min-height: 0.25rem;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-13 {
  min-height: 3.25rem;
}
.min-h-1px {
  min-height: 1px;
}
.min-h-48px {
  min-height: 48px;
}
.min-h-50vh {
  min-height: 50vh;
}
.min-h-60vh {
  min-height: 60vh;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-13 {
  min-width: 3.25rem;
}
.min-w-50px {
  min-width: 50px;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-scale-down {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
.object-top {
  -o-object-position: top;
  object-position: top;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-0 {
  opacity: 0;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-100 {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-none {
  overscroll-behavior: none;
  -ms-scroll-chaining: none;
}
.p-4 {
  padding: 1rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-1 {
  padding: 0.25rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-1\.25 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.first\:pt-4:first-child {
  padding-top: 1rem;
}
.first\:pb-3:first-child {
  padding-bottom: 0.75rem;
}
.last\:pt-3:last-child {
  padding-top: 0.75rem;
}
.last\:pb-4:last-child {
  padding-bottom: 1rem;
}
.only-child\:pt-4:only-child {
  padding-top: 1rem;
}
.only-child\:pb-4:only-child {
  padding-bottom: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pr-15 {
  padding-right: 3.75rem;
}
.pb-23 {
  padding-bottom: 5.75rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.placeholder-gray-800::-moz-placeholder {
  color: var(--color-gray-800);
}
.placeholder-gray-800::placeholder {
  color: var(--color-gray-800);
}
.placeholder-gray-500::-moz-placeholder {
  color: var(--color-gray-500);
}
.placeholder-gray-500::placeholder {
  color: var(--color-gray-500);
}
.caret-foreground {
  caret-color: var(--color-black);
}
.caret-transparent {
  caret-color: transparent;
}
.tab {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.\!sticky {
  position: sticky !important;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.top-0 {
  top: 0px;
}
.left-0 {
  left: 0px;
}
.top-16 {
  top: 4rem;
}
.bottom-0 {
  bottom: 0px;
}
.right-0 {
  right: 0px;
}
.top-2 {
  top: 0.5rem;
}
.right-5 {
  right: 1.25rem;
}
.-top-1 {
  top: -0.25rem;
}
.bottom-16 {
  bottom: 4rem;
}
.top-15 {
  top: 3.75rem;
}
.right-4 {
  right: 1rem;
}
.top-1\/2 {
  top: 50%;
}
.top-19 {
  top: 4.75rem;
}
.top-3 {
  top: 0.75rem;
}
.top-18 {
  top: 4.5rem;
}
.bottom-7\.5 {
  bottom: 1.875rem;
}
.bottom-4 {
  bottom: 1rem;
}
.top-4 {
  top: 1rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.top-full {
  top: 100%;
}
.left-4 {
  left: 1rem;
}
.-top-2 {
  top: -0.5rem;
}
.top-5 {
  top: 1.25rem;
}
.left-3 {
  left: 0.75rem;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.shadow {
  --tw-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --tw-shadow-colored: 0px 1px 3px 1px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: 0 0 #0000,0 0 #0000,0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 6px 10px 4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000,0 0 #0000,0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --tw-shadow-colored: 0px 2px 6px 2px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: 0 0 #0000,0 0 #0000,0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.active\:shadow-none:active {
  --tw-shadow: none;
  --tw-shadow-colored: none;
  box-shadow: 0 0 #0000,0 0 #0000,none;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color), 0px 4px 8px 3px var(--tw-shadow-color);
  box-shadow: 0 0 #0000,0 0 #0000,0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: none;
  --tw-shadow-colored: none;
  box-shadow: 0 0 #0000,0 0 #0000,none;
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-gray-500 {
  --tw-ring-color: var(--color-gray-500);
}
.ring-gray-800 {
  --tw-ring-color: var(--color-gray-800);
}
.ring-error-500 {
  --tw-ring-color: var(--color-error-500);
}
.ring-secondary-900 {
  --tw-ring-color: var(--color-secondary-900);
}
.fill-gray-500 {
  fill: var(--color-gray-500);
}
.children\:fill-white > * {
  fill: var(--color-white);
}
.fill-\[\#101010\] {
  --tw-fill-opacity: 1;
  fill: rgba(16, 16, 16, 1);
  fill: rgba(16, 16, 16, var(--tw-fill-opacity));
}
.fill-\[\#ff3c3c\] {
  --tw-fill-opacity: 1;
  fill: rgba(255, 60, 60, 1);
  fill: rgba(255, 60, 60, var(--tw-fill-opacity));
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-black {
  color: var(--color-black);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-subtext {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-success-600 {
  color: var(--color-success-600);
}
.text-secondary-800 {
  color: var(--color-secondary-800);
}
.text-info-500 {
  color: var(--color-info-500);
}
.text-primary-500 {
  color: var(--color-primary-500);
}
.text-white {
  color: var(--color-white);
}
.text-foreground {
  color: var(--color-black);
}
.text-info-400 {
  color: var(--color-info-400);
}
.text-whitelabel-primary-fg {
  color: var(--whitelabel-primary-text-color);
}
.active\:text-secondary-700:active {
  color: var(--color-secondary-700);
}
.text-inherit {
  color: inherit;
}
.text-secondary-600 {
  color: var(--color-secondary-600);
}
.text-success-900 {
  color: var(--color-success-900);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-info-900 {
  color: var(--color-info-900);
}
.text-whitelabel-secondary-fg {
  color: var(--whitelabel-secondary-text-color);
}
.text-primary-900 {
  color: var(--color-primary-900);
}
.\!text-gray-600 {
  color: var(--color-gray-600) !important;
}
.\!text-gray-500 {
  color: var(--color-gray-500) !important;
}
.text-secondary-100 {
  color: var(--color-secondary-100);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-error-500 {
  color: var(--color-error-500);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.\!text-info-500 {
  color: var(--color-info-500) !important;
}
.\!text-info-400 {
  color: var(--color-info-400) !important;
}
.text-opacity-70 {
  --tw-text-opacity: 0.7;
}
.text-opacity-80 {
  --tw-text-opacity: 0.8;
}
.text-opacity-40 {
  --tw-text-opacity: 0.4;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.underline-error-500 {
  text-decoration-color: var(--color-error-500);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.indent-xs {
  text-indent: 0.5rem;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-2\.1rem {
  letter-spacing: 2.1rem;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.after\:invisible::after {
  visibility: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.after\:whitespace-pre-wrap::after {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.hyphens-auto {
  hyphens: auto;
}
.w-screen {
  width: 100vw;
}
.w-full {
  width: 100%;
}
.w-4 {
  width: 1rem;
}
.w-0 {
  width: 0px;
}
.w-3\/4 {
  width: 75%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-20 {
  width: 5rem;
}
.w-80 {
  width: 20rem;
}
.w-40 {
  width: 10rem;
}
.w-12 {
  width: 3rem;
}
.w-7 {
  width: 1.75rem;
}
.w-6 {
  width: 1.5rem;
}
.w-9 {
  width: 2.25rem;
}
.w-5 {
  width: 1.25rem;
}
.w-14 {
  width: 3.5rem;
}
.w-1\/2 {
  width: 50%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.active\:w-max:active {
  width: -moz-max-content;
  width: max-content;
}
.w-7\/8 {
  width: 87.5%;
}
.w-\[70\%\] {
  width: 70%;
}
.w-50 {
  width: 12.5rem;
}
.w-90 {
  width: 22.5rem;
}
.w-30 {
  width: 7.5rem;
}
.w-15 {
  width: 3.75rem;
}
.w-13 {
  width: 3.25rem;
}
.w-25 {
  width: 6.25rem;
}
.w-70px {
  width: 70px;
}
.w-8\/10 {
  width: 80%;
}
.w-50px {
  width: 50px;
}
.w-1px {
  width: 1px;
}
.w-2\/10 {
  width: 20%;
}
.w-4\.5 {
  width: 1.125rem;
}
.w-22\.5 {
  width: 5.625rem;
}
.z-modal {
  z-index: 250;
}
.z-4 {
  z-index: 4;
}
.z-content {
  z-index: 100;
}
.z-1 {
  z-index: 1;
}
.z-toasts {
  z-index: 500;
}
.z-header {
  z-index: 300;
}
.z-0 {
  z-index: 0;
}
.z-menu {
  z-index: 400;
}
.z-footer {
  z-index: 200;
}
.z-50 {
  z-index: 50;
}
.gap-2\.5 {
  grid-gap: 0.625rem;
  gap: 0.625rem;
}
.gap-3 {
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}
.gap-10 {
  grid-gap: 2.5rem;
  gap: 2.5rem;
}
.gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
.gap-5 {
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.gap-x-2 {
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-3 {
  -webkit-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
.gap-x-4 {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  grid-column-gap: 1rem;
  column-gap: 1rem;
}
.gap-x-6 {
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.gap-x-1 {
  -webkit-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
  grid-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.gap-y-2\.5 {
  -webkit-row-gap: 0.625rem;
  -moz-row-gap: 0.625rem;
  grid-row-gap: 0.625rem;
  row-gap: 0.625rem;
}
.gap-y-2 {
  -webkit-row-gap: 0.5rem;
  -moz-row-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
.gap-y-1 {
  -webkit-row-gap: 0.25rem;
  -moz-row-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}
.gap-y-4 {
  -webkit-row-gap: 1rem;
  -moz-row-gap: 1rem;
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
.gap-y-16 {
  -webkit-row-gap: 4rem;
  -moz-row-gap: 4rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
}
.gap-y-6 {
  -webkit-row-gap: 1.5rem;
  -moz-row-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}
.gap-y-8 {
  -webkit-row-gap: 2rem;
  -moz-row-gap: 2rem;
  grid-row-gap: 2rem;
  row-gap: 2rem;
}
.gap-y-3 {
  -webkit-row-gap: 0.75rem;
  -moz-row-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}
.gap-y-12 {
  -webkit-row-gap: 3rem;
  -moz-row-gap: 3rem;
  grid-row-gap: 3rem;
  row-gap: 3rem;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[1fr\] {
  grid-template-columns: 1fr;
}
.grid-cols-\[0fr\] {
  grid-template-columns: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  transform: translateX(0) translateY(0) translateZ(0) rotate(0) rotateX(0) rotateY(0) rotateZ(0) skewX(0) skewY(0) scaleX(1) scaleY(1) scaleZ(1);
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
}
.transform-gpu {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-rotate: 0;
  --tw-rotate-x: 0;
  --tw-rotate-y: 0;
  --tw-rotate-z: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scale-z: 1;
  transform: translate3d(0, 0, 0) rotate(0) rotateX(0) rotateY(0) rotateZ(0) skewX(0) skewY(0) scaleX(1) scaleY(1) scaleZ(1);
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
}
.origin-left {
  transform-origin: left;
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  --tw-scale-z: .75;
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  --tw-scale-z: .9;
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  --tw-scale-z: .95;
}
.rotate-135 {
  --tw-rotate: 135deg;
}
.rotate-0 {
  --tw-rotate: 0deg;
}
.-rotate-135 {
  --tw-rotate: -135deg;
}
.rotate-90 {
  --tw-rotate: 90deg;
}
.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
}
.translate-y-0\.25 {
  --tw-translate-y: 0.0625rem;
}
.translate-y-full {
  --tw-translate-y: 100%;
}
.\!translate-x-100 {
  --tw-translate-x: 25rem !important;
}
.translate-x-150\/10 {
  --tw-translate-x: 1500%;
}
.translate-x-100 {
  --tw-translate-x: 25rem;
}
.translate-x-full {
  --tw-translate-x: 100%;
}
.translate-y-4 {
  --tw-translate-y: 1rem;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.\!-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
}
.\!-translate-x-100 {
  --tw-translate-x: -25rem !important;
}
.-translate-x-100 {
  --tw-translate-x: -25rem;
}
.-translate-x-full {
  --tw-translate-x: -100%;
}
.\<transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-size {
  transition-property: width, height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-400 {
  transition-duration: 400ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-0 {
  transition-duration: 0ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-250 {
  transition-duration: 250ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-800 {
  transition-duration: 800ms;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  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);
}
.blur {
  --tw-blur: blur(8px);
}
.backdrop-filter {
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
  backdrop-filter:                  ;
  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-blur {
  --tw-backdrop-blur: blur(8px);
}
.snap-start {
  scroll-snap-align: start;
}
.snap {
  scroll-snap-type: both mandatory;
  scroll-snap-type: var(--scroll-snap-axis, both) var(--scroll-snap-strictness, mandatory);
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate-shakeX {
  animation-name: shakeX;
}
.animate-animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.animate-fast {
  animation-duration: 800ms;
}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;transform-origin:0 0;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:6px;height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:16px;height:var(--slider-handle-height,16px);right:calc(16px/2*-1);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((16px - 6px)/2*-1 + -1px);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:16px;width:var(--slider-handle-width,16px)}.slider-vertical{height:300px;height:var(--slider-vertical-height,300px);width:6px;width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(16px/2*-1);bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:16px;height:var(--slider-handle-width,16px);right:calc((16px - 6px)/2*-1 + -1px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:16px;width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(16px/2*-1);left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:#d1d5db;background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:9999px;border-radius:var(--slider-radius,9999px)}.slider-connect{background:#10b981;background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:#fff;background:var(--slider-handle-bg,#fff);border:0;border:var(--slider-handle-border,0);border-radius:9999px;border-radius:var(--slider-handle-radius,9999px);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:grab;height:16px;height:var(--slider-handle-height,16px);width:16px;width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 3px rgba(16,185,129,.188),.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:.5px .5px 2px 1px rgba(0,0,0,.42);box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:grabbing}[disabled] .slider-connect{background:#9ca3af;background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:#9ca3af;background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:#9ca3af;border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:#10b981;background:var(--slider-tooltip-bg,#10b981);border:1px solid #10b981;border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:5px;border-radius:var(--slider-tooltip-radius,5px);color:#fff;color:var(--slider-tooltip-color,#fff);display:block;font-size:.875rem;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:600;font-weight:var(--slider-tooltip-font-weight,600);line-height:1.25rem;line-height:var(--slider-tooltip-line-height,1.25rem);min-width:20px;min-width:var(--slider-tooltip-min-width,20px);padding:2px 6px;padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(16px + 5px + 3px);bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:5px solid transparent;border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(5px*-2);bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(16px + 5px + 3px);top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:5px solid transparent;border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(5px*-2);top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(16px + 5px + 3px);right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:5px solid transparent;border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(5px*-2);right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(16px + 5px + 3px);left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:5px solid transparent;border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(5px*-2);left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(5px + (16px - 6px)/2 + 3px + 1px);bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(5px + (16px - 6px)/2 + 3px + 6px - 1px);top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((1.25rem - 2px)*-1 + 1px));transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(5px + 6px + (16px - 6px)/2 + 3px - 1px);right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(5px + 6px + (16px - 6px)/2 + 3px - 6px + 1px);left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}@font-face {
  font-family: 'Satoshi';
  font-weight: 100 900;
  src: url('/assets/Satoshi-Variable-ChAXbpFa.ttf')
      format('truetype');
}
@font-face {
  font-family: 'RobotoMono';
  font-weight: 400;
  src: url('/assets/RobotoMono-CBzSzcxG.ttf') format('truetype');
}
:root {
  --default-whitelabel-primary-color: #ff3c3c;
  --default-whitelabel-primary-text-color: #ffffff;
  --default-whitelabel-primary-hover-color: #f0313b;
  --default-whitelabel-primary-click-color: #dd2634;
  --default-whitelabel-primary-active-color: #dd2634;
  --default-whitelabel-secondary-color: #b4b4a9;
  --default-whitelabel-secondary-text-color: #ffffff;
  --default-whitelabel-secondary-hover-color: #7f7b71;
  --default-whitelabel-secondary-click-color: #56524a;
  --default-whitelabel-secondary-active-color: #56524a;
  --whitelabel-primary-color: var(--default-whitelabel-primary-color);
  --whitelabel-primary-text-color: var(--default-whitelabel-primary-text-color);
  --whitelabel-primary-hover-color: var(
      --default-whitelabel-primary-hover-color
    );
  --whitelabel-primary-click-color: var(
      --default-whitelabel-primary-click-color
    );
  --whitelabel-primary-active-color: var(
      --default-whitelabel-primary-active-color
    );
  --whitelabel-secondary-color: var(--default-whitelabel-secondary-color);
  --whitelabel-secondary-text-color: var(
      --default-whitelabel-secondary-text-color
    );
  --whitelabel-secondary-hover-color: var(
      --default-whitelabel-secondary-hover-color
    );
  --whitelabel-secondary-click-color: var(
      --default-whitelabel-secondary-click-color
    );
  --whitelabel-secondary-active-color: var(
      --default-whitelabel-secondary-active-color
    );
  --color-primary-100: oklch(
      from var(--whitelabel-primary-color) calc(l + ((1 - l) / 4) * 3.9)
        calc(c - (c / 4) * 3.5) h
    );
  --color-primary-200: oklch(
      from var(--whitelabel-primary-color) calc(l + ((1 - l) / 4) * 3)
        calc(c - (c / 4) * 2.5) h
    );
  --color-primary-300: oklch(
      from var(--whitelabel-primary-color) calc(l + ((1 - l) / 4) * 2)
        calc(c - (c / 4) * 1.5) h
    );
  --color-primary-400: oklch(
      from var(--whitelabel-primary-color) calc(l + ((1 - l) / 4))
        calc(c - (c / 4) * 0.5) h
    );
  --color-primary-500: oklch(from var(--whitelabel-primary-color) l c h);
  --color-primary-600: oklch(
      from var(--whitelabel-primary-color) calc(l - (l / 4)) c h
    );
  --color-primary-700: oklch(
      from var(--whitelabel-primary-color) calc(l - (l / 4) * 1.5) c h
    );
  --color-primary-800: oklch(
      from var(--whitelabel-primary-color) calc(l - (l / 4) * 2) c h
    );
  --color-primary-900: oklch(
      from var(--whitelabel-primary-color) calc(l - (l / 4) * 3) c h
    );
  --color-secondary-100: oklch(
      from var(--whitelabel-secondary-color) calc(l + ((1 - l) / 4) * 3.9)
        calc(c - (c / 4) * 3.5) h
    );
  --color-secondary-200: oklch(
      from var(--whitelabel-secondary-color) calc(l + ((1 - l) / 4) * 3)
        calc(c - (c / 4) * 2.5) h
    );
  --color-secondary-300: oklch(
      from var(--whitelabel-secondary-color) calc(l + ((1 - l) / 4) * 2)
        calc(c - (c / 4) * 1.5) h
    );
  --color-secondary-400: oklch(
      from var(--whitelabel-secondary-color) calc(l + ((1 - l) / 4))
        calc(c - (c / 4) * 0.5) h
    );
  --color-secondary-500: oklch(from var(--whitelabel-secondary-color) l c h);
  --color-secondary-600: oklch(
      from var(--whitelabel-secondary-color) calc(l - (l / 4)) c h
    );
  --color-secondary-700: oklch(
      from var(--whitelabel-secondary-color) calc(l - (l / 4) * 1.5) c h
    );
  --color-secondary-800: oklch(
      from var(--whitelabel-secondary-color) calc(l - (l / 4) * 2) c h
    );
  --color-secondary-900: oklch(
      from var(--whitelabel-secondary-color) calc(l - (l / 4) * 3) c h
    );
  --color-success-50: #ecfdf5;
  --color-success-100: #d1fae5;
  --color-success-200: #a7f3d0;
  --color-success-300: #6ee7b7;
  --color-success-400: #34d399;
  --color-success-500: #10b981;
  --color-success-600: #059669;
  --color-success-700: #047857;
  --color-success-800: #065f46;
  --color-success-900: #064e3b;
  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-200: #fde68a;
  --color-warning-300: #fcd34d;
  --color-warning-400: #fbbf24;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;
  --color-warning-700: #b45309;
  --color-warning-800: #92400e;
  --color-warning-900: #78350f;
  --color-error-50: #fef2f2;
  --color-error-100: #fee2e2;
  --color-error-200: #fecaca;
  --color-error-300: #fca5a5;
  --color-error-400: #f87171;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;
  --color-error-700: #b91c1c;
  --color-error-800: #991b1b;
  --color-error-900: #7f1d1d;
  --color-info-50: #f0f9ff;
  --color-info-100: #e0f2fe;
  --color-info-200: #bae6fd;
  --color-info-300: #7dd3fc;
  --color-info-400: #38bdf8;
  --color-info-500: #0ea5e9;
  --color-info-600: #0284c7;
  --color-info-700: #0369a1;
  --color-info-800: #075985;
  --color-info-900: #0c4a6e;
  --color-gray-100: #f9fafb;
  --color-gray-200: #f3f4f6;
  --color-gray-300: #e5e7eb;
  --color-gray-400: #d1d5db;
  --color-gray-500: #9ca3af;
  --color-gray-600: #6b7280;
  --color-gray-700: #4b5563;
  --color-gray-800: #374151;
  --color-gray-900: #1f2937;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-background: #f9f9f9;
  --color-border: #000000;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scale-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}:root {
  --default-whitelabel-primary-color: #ff3c3c;
  --default-whitelabel-primary-text-color: #FFFFFF;
  --default-whitelabel-secondary-color: #b4b4a9;
  --default-whitelabel-secondary-text-color: #FFFFFF;
}html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}

/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}

/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0,  0,  0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

/*# sourceMappingURL=core.css.map */