@layer normalize{html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{vertical-align:baseline;background:0 0;margin:0;padding:0;font-size:100%}ins,mark{background-color:#0000;text-decoration:none}mark{font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted;text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid;height:1px;margin:1em 0;padding:0;display:block}input,select{vertical-align:middle}li{list-style:none}html,body{height:100%;margin:0;padding:0;font-family:DM Sans Variable,sans-serif}body{overflow:hidden}}
/*$vite$:1*/
@keyframes x1rmoi9m-B {
  from {
    opacity: 1;
  }

  to {
    opacity: .5;
  }
}

.x10a8y8t:not(#\#) {
  inset: 0;
}

.xis3749:not(#\#) {
  padding: 1.5rem;
}

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

.x1xsqp64:not(#\#):not(#\#) {
  background-position: center;
}

.x116uinm:not(#\#):not(#\#) {
  border-radius: .5rem;
}

.x3fmiap:not(#\#):not(#\#) {
  border-radius: 1rem;
}

.x10hpsqq:not(#\#):not(#\#) {
  border-radius: 9999px;
}

.x98rzlu:not(#\#):not(#\#) {
  flex: 1;
}

.x13z6uf9:not(#\#):not(#\#) {
  gap: .5rem;
}

.x8233eu:not(#\#):not(#\#) {
  gap: .75rem;
}

.x8fetqu:not(#\#):not(#\#) {
  gap: 1rem;
}

.x1h4iudz:not(#\#):not(#\#) {
  gap: 2rem;
}

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

.x18g2hj5:not(#\#):not(#\#) {
  padding-block: .5rem;
}

.xnxx81d:not(#\#):not(#\#) {
  padding-inline: 1rem;
}

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

.xpz12be:not(#\#):not(#\#):not(#\#) {
  animation-direction: alternate;
}

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

.xa4qsjk:not(#\#):not(#\#):not(#\#) {
  animation-iteration-count: infinite;
}

.x60emcn:not(#\#):not(#\#):not(#\#) {
  animation-name: x1rmoi9m-B;
}

.x1dmgsgi:not(#\#):not(#\#):not(#\#) {
  backdrop-filter: blur(8px);
}

.x1f0ztbi:not(#\#):not(#\#):not(#\#) {
  background-color: #000;
}

.xekrpfu:not(#\#):not(#\#):not(#\#) {
  background-color: #1f2937;
}

.x1ao6yfs:not(#\#):not(#\#):not(#\#) {
  background-color: #374151;
}

.xy45g1k:not(#\#):not(#\#):not(#\#) {
  background-color: #4ade80;
}

.xdtprwi:not(#\#):not(#\#):not(#\#) {
  background-color: #5000ff;
}

.x12iknm2:not(#\#):not(#\#):not(#\#) {
  background-color: #ef4444;
}

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

.x68m4m9:not(#\#):not(#\#):not(#\#) {
  background-color: #0009;
}

.x679uo6:not(#\#):not(#\#):not(#\#) {
  background-color: #000c;
}

.x1bmuuaj:not(#\#):not(#\#):not(#\#) {
  background-color: var(--color-surface-secondary);
}

.x2jbgs7:not(#\#):not(#\#):not(#\#) {
  background-image: linear-gradient(to bottom right, #111827, #000);
}

.x18d0r48:not(#\#):not(#\#):not(#\#) {
  background-size: cover;
}

.x1l59q01:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 10px 15px -3px #0000001a;
}

.xdwsiyt:not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 25px 50px -12px #00000040;
}

.x1mhu6go:not(#\#):not(#\#):not(#\#) {
  color: #9ca3af;
}

.x158uunp:not(#\#):not(#\#):not(#\#) {
  color: #d1d5db;
}

.x1f5xtb:not(#\#):not(#\#):not(#\#) {
  color: #f87171;
}

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

.x1lliihq:not(#\#):not(#\#):not(#\#) {
  display: block;
}

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

.x3nfvp2:not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
}

.x1440idb:not(#\#):not(#\#):not(#\#) {
  fill: #fff;
}

.x1cv0m9v:not(#\#):not(#\#):not(#\#) {
  filter: blur(3rem);
}

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

.xkpwil5:not(#\#):not(#\#):not(#\#) {
  font-size: .875rem;
}

.x1c3i2sq:not(#\#):not(#\#):not(#\#) {
  font-size: 1.125rem;
}

.xngnso2:not(#\#):not(#\#):not(#\#) {
  font-size: 1.5rem;
}

.xdhfpv1:not(#\#):not(#\#):not(#\#) {
  font-size: 2.25rem;
}

.x579bpy:not(#\#):not(#\#):not(#\#) {
  font-size: 2rem;
}

.x8cw2a4:not(#\#):not(#\#):not(#\#) {
  font-size: 3rem;
}

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

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

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

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

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

.x1u7k74:not(#\#):not(#\#):not(#\#) {
  line-height: 1.2;
}

.xl1xv1r:not(#\#):not(#\#):not(#\#) {
  object-fit: cover;
}

.xz5rk10:not(#\#):not(#\#):not(#\#) {
  opacity: .2;
}

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

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

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

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

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

.x11lhmoz:not(#\#):not(#\#):not(#\#) {
  transform: translate(-50%, -50%);
}

.x1d8287x:not(#\#):not(#\#):not(#\#) {
  transition-duration: .3s;
}

.x9ybxor:not(#\#):not(#\#):not(#\#) {
  transition-property: left;
}

.xxrbq2n:not(#\#):not(#\#):not(#\#) {
  transition-property: width;
}

.x1n327nk:not(#\#):not(#\#):not(#\#) {
  z-index: 10;
}

.x11uqc5h:not(#\#):not(#\#):not(#\#) {
  z-index: 100;
}

.x1q2oy4v:not(#\#):not(#\#):not(#\#) {
  z-index: 9999;
}

.x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#) {
  bottom: 0;
}

.x164u9eo:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: .5rem;
}

.xvle69y:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: .75rem;
}

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

.xr004xx:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 16rem;
}

.x1l36t39:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 1rem;
}

.x1sh0tsm:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 4rem;
}

.x17frcva:not(#\#):not(#\#):not(#\#):not(#\#) {
  height: 6rem;
}

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

.x1fholub:not(#\#):not(#\#):not(#\#):not(#\#) {
  left: 1.5rem;
}

.xhbfen4:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: .5rem;
}

.x1nhhxel:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 1.5rem;
}

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

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

.x1e1gh9h:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 3rem;
}

.x8x9d4c:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-left: auto;
}

.xack27t:not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-right: auto;
}

.x17fpy1y:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 480px;
}

.x65f84u:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 500px;
}

.xl4u9xm:not(#\#):not(#\#):not(#\#):not(#\#) {
  max-width: 64rem;
}

.xg6iff7:not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 100vh;
}

.x3m8u43:not(#\#):not(#\#):not(#\#):not(#\#) {
  right: 0;
}

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

.xati1ur:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: 1.5rem;
}

.xwa60dl:not(#\#):not(#\#):not(#\#):not(#\#) {
  top: 50%;
}

.x1jjc1wv:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: .5rem;
}

.x1jw3ynk:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: .75rem;
}

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

.x1e67fm3:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 16rem;
}

.xcdlrvm:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 1rem;
}

.xekueh:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 4rem;
}

.xdvn7xf:not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 6rem;
}