*,*:before,*:after{box-sizing:border-box}

@layer priority1 {
  .x10a8y8t {
    inset: 0;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x1uz70x1 {
    padding: 1rem;
  }

  @media (width >= 768px) {
    .x6tt6ai.x6tt6ai {
      padding: 5rem;
    }
  }
}

@layer priority2 {
  .x8fetqu {
    gap: 1rem;
  }

  .x1h4iudz {
    gap: 2rem;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xish69e {
    overscroll-behavior: contain;
  }
}

@layer priority3 {
  .x12peec7 {
    background-color: #fff;
  }

  .x9f619 {
    box-sizing: border-box;
  }

  .x12wy4tn {
    color: #262626;
  }

  .xmsv7xo {
    color: #525252;
  }

  .x1mqxbix {
    color: #000;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x78zum5 {
    display: flex;
  }

  .x1s85apg {
    display: none;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1vt8ocm {
    font-family: ui-sans-serif, system-ui, sans-serif;
  }

  .xkpwil5 {
    font-size: .875rem;
  }

  .x1c3i2sq {
    font-size: 1.125rem;
  }

  .xngnso2 {
    font-size: 1.5rem;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x8r4c90 {
    line-height: 1.25rem;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .xladpa3 {
    line-height: 1.75rem;
  }

  .xhacrq1 {
    line-height: 2rem;
  }

  .x10l6tqk {
    position: absolute;
  }

  .x1n2onr6 {
    position: relative;
  }

  .xujl8zx {
    text-decoration-line: underline;
  }

  .xi2nhp4 {
    text-decoration-style: dotted;
  }

  .x1kyqaxf {
    text-transform: lowercase;
  }

  .x3pynha {
    text-underline-offset: 4px;
  }

  .x1rdwft {
    transform: translateX(-100%)translateY(100%);
  }

  .xosldfp {
    transform: translateX(0)translateY(0);
  }

  .x1d8287x {
    transition-duration: .3s;
  }

  .x11xpdln {
    transition-property: transform;
  }

  .xz4gly6 {
    transition-timing-function: ease-in-out;
  }

  .xuvdrym {
    z-index: -10;
  }

  .x1hwmc1w:hover {
    color: #3b82f6;
  }

  @media (prefers-color-scheme: dark) {
    .x1my5nz6.x1my5nz6 {
      background-color: #171717;
    }

    .xkqj8da.xkqj8da {
      color: #a3a3a3;
    }

    .xavln9v.xavln9v {
      color: #d4d4d4;
    }

    .x146wfi0.x146wfi0 {
      color: #fafafa;
    }

    .xat0y86.xat0y86 {
      color: #fff;
    }
  }

  @media (width >= 768px) {
    .x12gs5cb.x12gs5cb {
      display: block;
    }
  }

  @media (prefers-color-scheme: dark) {
    .x1mi0ntj.x1mi0ntj:hover {
      color: #3b82f6;
    }
  }
}

@layer priority4 {
  .x1ey2m1c {
    bottom: 0;
  }

  .x5yr21d {
    height: 100%;
  }

  .xu96u03 {
    left: 0;
  }

  .x1983rqf {
    max-width: 28rem;
  }

  .xh8yej3 {
    width: 100%;
  }
}