:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background-color:#f8fafc;color:#1e293b;margin:0;min-height:100vh}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}

@property --x-borderBottomColor {
  syntax: "*";
  inherits: false
}

@property --x-color {
  syntax: "*";
  inherits: false
}

@keyframes xzmsf0x-B {
  from {
    opacity: 0;
    transform: scale(.95) translateY(10px);
  }

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

:root, .x11nqs84 {
  --x1qcxi: 20px;
  --x8cg74i: 12px;
  --xlk08e: 12px;
}

:root, .x1gtgyjl {
  --xhasgd9: #3b82f6;
  --xew8z6k: #10b981;
  --x161hz0t: #f59e0b;
  --x1b7lfgs: #8b5cf6;
  --xkh3fg4: #06b6d4;
  --x1odglit: #f8fafc;
  --x1fuiur2: #fff;
  --xytnmp6: #e2e8f0;
  --xqskvzr: #1e293b;
  --x1is1tff: #64748b;
  --xkbdm3s: #f0fdf4;
  --xbcx34i: #4ade80;
  --x6pp2dw: #166534;
  --x1n6so57: #94a3b8;
}

.x19bbpc0:not(#\#) {
  margin: 0 auto;
}

.x1ghz6dp:not(#\#) {
  margin: 0;
}

.xdfu9ks:not(#\#) {
  padding: 10px 20px;
}

.xc7ga6q:not(#\#) {
  padding: 12px;
}

.x14hcewi:not(#\#) {
  padding: 16px 20px;
}

.x1qhigcl:not(#\#) {
  padding: 20px;
}

.xggk2y7:not(#\#) {
  padding: 24px;
}

.xr6jg0x:not(#\#) {
  padding: 2rem;
}

.xfawy5m:not(#\#) {
  padding: 4px;
}

.x1ff1495:not(#\#) {
  padding: 8px 16px;
}

.xcuk4bc:not(#\#) {
  padding: 8px 4px;
}

.xe8ttls:not(#\#) {
  padding: 8px;
}

@media (width <= 640px) {
  .x10erhnk.x10erhnk:not(#\#) {
    padding: 12px;
  }

  .xv6hiwc.xv6hiwc:not(#\#) {
    padding: 16px;
  }

  .x8ilg1f.x8ilg1f:not(#\#) {
    padding: 1rem;
  }

  .xhbnb8t.xhbnb8t:not(#\#) {
    padding: 4px 2px;
  }

  .xq4ixbp.xq4ixbp:not(#\#) {
    padding: 4px;
  }

  .x2oge9d.x2oge9d:not(#\#) {
    padding: 6px 12px;
  }
}

.x1506oyt:not(#\#):not(#\#) {
  border-color: var(--xbcx34i);
}

.xg0luro:not(#\#):not(#\#) {
  border-color: var(--xytnmp6);
}

.x1q4ynmn:not(#\#):not(#\#) {
  border-radius: 10px;
}

.x4pepcl:not(#\#):not(#\#) {
  border-radius: 12px;
}

.xgqmno8:not(#\#):not(#\#) {
  border-radius: 16px;
}

.x1kogg8i:not(#\#):not(#\#) {
  border-radius: 6px;
}

.xur7f20:not(#\#):not(#\#) {
  border-radius: 8px;
}

.xbsl7fq:not(#\#):not(#\#) {
  border-style: dashed;
}

.xng3xce:not(#\#):not(#\#) {
  border-style: none;
}

.x1y0btm7:not(#\#):not(#\#) {
  border-style: solid;
}

.xmkeg23:not(#\#):not(#\#) {
  border-width: 1px;
}

.xdh2fpr:not(#\#):not(#\#) {
  border-width: 2px;
}

.x1v2ro7d:not(#\#):not(#\#) {
  gap: 12px;
}

.xou54vl:not(#\#):not(#\#) {
  gap: 16px;
}

.x1qmho4d:not(#\#):not(#\#) {
  grid-gap: 12px;
}

.x1a2a7pz:not(#\#):not(#\#) {
  outline: none;
}

.xb3r6kr:not(#\#):not(#\#) {
  overflow: hidden;
}

@media (width <= 640px) {
  .xozrp1i.xozrp1i:not(#\#):not(#\#) {
    border-radius: 8px;
  }

  .xc3cx2w.xc3cx2w:not(#\#):not(#\#) {
    grid-gap: 6px;
  }
}

.x1ua5tub:not(#\#):not(#\#):not(#\#) {
  -webkit-box-orient: vertical;
}

.xnajbk2:not(#\#):not(#\#):not(#\#) {
  -webkit-line-clamp: 4;
}

.x6s0dn4:not(#\#):not(#\#):not(#\#) {
  align-items: center;
}

.x5hsz1j:not(#\#):not(#\#):not(#\#) {
  animation-duration: .2s;
}

.x1ejfwdw:not(#\#):not(#\#):not(#\#) {
  animation-name: xzmsf0x-B;
}

.xa3vuyk:not(#\#):not(#\#):not(#\#) {
  animation-timing-function: ease-out;
}

.x1y5e3q9:not(#\#):not(#\#):not(#\#) {
  aspect-ratio: 1;
}

.xpivpjv:not(#\#):not(#\#):not(#\#) {
  backdrop-filter: blur(4px);
}

.x1vib7ui:not(#\#):not(#\#):not(#\#) {
  background-color: #e2e8f0;
}

.x1nt9cj2:not(#\#):not(#\#):not(#\#) {
  background-color: #f1f5f9;
}

.xt040g:not(#\#):not(#\#):not(#\#) {
  background-color: #f8fafc;
}

.xcpsgoo:not(#\#):not(#\#):not(#\#) {
  background-color: rgba(0, 0, 0, .5);
}

.xlnl9s1:not(#\#):not(#\#):not(#\#) {
  background-color: var(--xhasgd9);
}

.x1nwplzy:not(#\#):not(#\#):not(#\#) {
  background-color: var(--xkbdm3s);
}

.x12peec7:not(#\#):not(#\#):not(#\#) {
  background-color: #fff;
}

.x7ypntn:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 0 0 4px rgba(59, 130, 246, .2);
}

.xjtn1d2:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
}

.x168hgf8:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
}

.xn7i40n:not(#\#):not(#\#):not(#\#) {
  color: #475569;
}

.x14rh7hd:not(#\#):not(#\#):not(#\#) {
  color: var(--x-color);
}

.x6s1ugg:not(#\#):not(#\#):not(#\#) {
  color: var(--x1is1tff);
}

.x6wde3f:not(#\#):not(#\#):not(#\#) {
  color: var(--x6pp2dw);
}

.x1iw5xhi:not(#\#):not(#\#):not(#\#) {
  color: var(--xqskvzr);
}

.x1awj2ng:not(#\#):not(#\#):not(#\#) {
  color: #fff;
}

.x1ypdohk:not(#\#):not(#\#):not(#\#) {
  cursor: pointer;
}

.x104kibb:not(#\#):not(#\#):not(#\#) {
  display: -webkit-box;
}

.x78zum5:not(#\#):not(#\#):not(#\#) {
  display: flex;
}

.xrvj5dj:not(#\#):not(#\#):not(#\#) {
  display: grid;
}

.xdt5ytf:not(#\#):not(#\#):not(#\#) {
  flex-direction: column;
}

.xjb2p0i:not(#\#):not(#\#):not(#\#) {
  font-family: inherit;
}

.xboafo0:not(#\#):not(#\#):not(#\#) {
  font-size: .75rem;
}

.x1qzg9v8:not(#\#):not(#\#):not(#\#) {
  font-size: .85rem;
}

.x1nrrp6k:not(#\#):not(#\#):not(#\#) {
  font-size: .9rem;
}

.x1603h9y:not(#\#):not(#\#):not(#\#) {
  font-size: 1.25rem;
}

.x1jchvi3:not(#\#):not(#\#):not(#\#) {
  font-size: 1rem;
}

.x13wtedm:not(#\#):not(#\#):not(#\#) {
  font-size: 2.5rem;
}

.x1k4tb9n:not(#\#):not(#\#):not(#\#) {
  font-style: italic;
}

.xk50ysn:not(#\#):not(#\#):not(#\#) {
  font-weight: 500;
}

.x1s688f:not(#\#):not(#\#):not(#\#) {
  font-weight: 600;
}

.x1xlr1w8:not(#\#):not(#\#):not(#\#) {
  font-weight: 700;
}

.xuv8nkb:not(#\#):not(#\#):not(#\#) {
  font-weight: 800;
}

.x16u84gf:not(#\#):not(#\#):not(#\#) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.xl56j7k:not(#\#):not(#\#):not(#\#) {
  justify-content: center;
}

.x13a6bvl:not(#\#):not(#\#):not(#\#) {
  justify-content: flex-end;
}

.x1qughib:not(#\#):not(#\#):not(#\#) {
  justify-content: space-between;
}

.x1w69ole:not(#\#):not(#\#):not(#\#) {
  letter-spacing: -.025em;
}

.x2ujxvm:not(#\#):not(#\#):not(#\#) {
  letter-spacing: .05em;
}

.xwn7fz2:not(#\#):not(#\#):not(#\#) {
  line-height: 1.3;
}

.xbyyjgo:not(#\#):not(#\#):not(#\#) {
  opacity: .5;
}

.x197sbye:not(#\#):not(#\#):not(#\#) {
  opacity: .6;
}

.x10l6tqk:not(#\#):not(#\#):not(#\#) {
  position: absolute;
}

.xixxii4:not(#\#):not(#\#):not(#\#) {
  position: fixed;
}

.x1n2onr6:not(#\#):not(#\#):not(#\#) {
  position: relative;
}

.xtt52l0:not(#\#):not(#\#):not(#\#) {
  resize: none;
}

.x2b8uid:not(#\#):not(#\#):not(#\#) {
  text-align: center;
}

.xtvhhri:not(#\#):not(#\#):not(#\#) {
  text-transform: uppercase;
}

.x13dflua:not(#\#):not(#\#):not(#\#) {
  transition-duration: .2s;
}

.xfagghw:not(#\#):not(#\#):not(#\#) {
  transition-property: all;
}

.x1vvkbs:not(#\#):not(#\#):not(#\#) {
  word-wrap: break-word;
}

.xfo81ep:not(#\#):not(#\#):not(#\#) {
  z-index: 1000;
}

.x3r64r1:hover:not(#\#):not(#\#):not(#\#) {
  background-color: #cbd5e1;
}

.xb8bngz:hover:not(#\#):not(#\#):not(#\#) {
  background-color: #f1f5f9;
}

.xzl7jan:hover:not(#\#):not(#\#):not(#\#) {
  color: var(--xqskvzr);
}

@media (width <= 640px) {
  .x5ih01h.x5ih01h:not(#\#):not(#\#):not(#\#) {
    -webkit-line-clamp: 3;
  }

  .x1kr4m3t.x1kr4m3t:not(#\#):not(#\#):not(#\#) {
    font-size: .55rem;
  }

  .x1uwb4kx.x1uwb4kx:not(#\#):not(#\#):not(#\#) {
    font-size: .65rem;
  }

  .x16fhalo.x16fhalo:not(#\#):not(#\#):not(#\#) {
    font-size: .8rem;
  }

  .x1e9l8xo.x1e9l8xo:not(#\#):not(#\#):not(#\#) {
    font-size: 1.1rem;
  }

  .x1f5czhc.x1f5czhc:not(#\#):not(#\#):not(#\#) {
    font-size: 1.75rem;
  }
}

.xrwkz7t:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-color: var(--x-borderBottomColor);
}

.xf7dmt9:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-color: var(--xytnmp6);
}

.x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-style: solid;
}

.xso031l:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-width: 1px;
}

.x2x41l1:not(#\#):not(#\#):not(#\#):not(#\#) {
  border-bottom-width: 3px;
}

.x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100%;
}

.x1dr59a3:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 100vh;
}

.xu96u03:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: 0;
}

.xyi6m4r:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 1rem;
}

.x1t84w78:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 2rem;
}

.x1e56ztr:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 8px;
}

.x1j9u4d2:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 400px;
}

.x1ap80js:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 800px;
}

.x1dtb55y:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 900px;
}

.xi3av73:not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 120px;
}

.x1pzoy33:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: 4px;
}

.x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: 0;
}

.xndqk7f:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: 4px;
}

.xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
}

.xn9wirt:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100vw;
}

@media (width <= 640px) {
  .xp8f6bd.xp8f6bd:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 1.5rem;
  }
}