.x-t {
    width: calc(100% - 2*var(--component-padding));
    margin-left: auto;
    margin-right: auto
  }
  
  .x-n {
    --gap: 0px;
    --offset: var(--gap);
    display: flex;
    flex-wrap: wrap
  }
  
  .x-n>* {
    flex-basis: 100%;
    max-width: 100%
  }
  
  @supports(--css:variables) {
    .x-n>*[class*=offset-] {
      margin-left: var(--offset)
    }
  }
  
  [class*=gap-xxxxs],
  [class*=gap-xxxs],
  [class*=gap-xxs],
  [class*=gap-xs],
  [class*=gap-sm],
  [class*=gap-md],
  [class*=gap-lg],
  [class*=gap-xl],
  [class*=gap-xxl],
  [class*=gap-xxxl],
  [class*=gap-xxxxl],
  [class*=grid-gap-],
  [class*=flex-gap-] {
    margin-bottom: -.75em;
    margin-left: -.75em
  }
  
  [class*=gap-xxxxs]>*,
  [class*=gap-xxxs]>*,
  [class*=gap-xxs]>*,
  [class*=gap-xs]>*,
  [class*=gap-sm]>*,
  [class*=gap-md]>*,
  [class*=gap-lg]>*,
  [class*=gap-xl]>*,
  [class*=gap-xxl]>*,
  [class*=gap-xxxl]>*,
  [class*=gap-xxxxl]>*,
  [class*=grid-gap-]>*,
  [class*=flex-gap-]>* {
    margin-bottom: .75em;
    margin-left: .75em
  }
  
  @supports(--css:variables) {
    [class*=gap-xxxxs],
    [class*=gap-xxxs],
    [class*=gap-xxs],
    [class*=gap-xs],
    [class*=gap-sm],
    [class*=gap-md],
    [class*=gap-lg],
    [class*=gap-xl],
    [class*=gap-xxl],
    [class*=gap-xxxl],
    [class*=gap-xxxxl],
    [class*=grid-gap-],
    [class*=flex-gap-] {
      --gap: 0px;
      --offset: var(--gap);
      margin-bottom: calc(-1 * var(--gap));
      margin-left: calc(-1 * var(--gap))
    }
    [class*=gap-xxxxs]>*,
    [class*=gap-xxxs]>*,
    [class*=gap-xxs]>*,
    [class*=gap-xs]>*,
    [class*=gap-sm]>*,
    [class*=gap-md]>*,
    [class*=gap-lg]>*,
    [class*=gap-xl]>*,
    [class*=gap-xxl]>*,
    [class*=gap-xxxl]>*,
    [class*=gap-xxxxl]>*,
    [class*=grid-gap-]>*,
    [class*=flex-gap-]>* {
      margin-bottom: var(--gap);
      margin-left: var(--offset)
    }
    .gap-xxxxs,
    .x-tgrid-gap-n,
    .x-tflex-gap-n {
      --gap: var(--space-xxxxs)
    }
    .gap-xxxs,
    .x-rgrid-gap-i,
    .x-rflex-gap-i {
      --gap: var(--space-xxxs)
    }
    .gap-xxs,
    .x-sgrid-gap-o,
    .x-sflex-gap-o {
      --gap: var(--space-xxs)
    }
    .gap-xs,
    .x-ugrid-gap-a,
    .x-uflex-gap-a {
      --gap: var(--space-xs)
    }
    .gap-sm,
    .x-fgrid-gap-l,
    .x-fflex-gap-l {
      --gap: var(--space-sm)
    }
    .gap-md,
    .x-cgrid-gap-h,
    .x-cflex-gap-h {
      --gap: var(--space-md)
    }
    .gap-lg,
    .x-pgrid-gap-d,
    .x-pflex-gap-d {
      --gap: var(--space-lg)
    }
    .gap-xl,
    .x-vgrid-gap-m,
    .x-vflex-gap-m {
      --gap: var(--space-xl)
    }
    .gap-xxl,
    .x-ggrid-gap-y,
    .x-gflex-gap-y {
      --gap: var(--space-xxl)
    }
    .gap-xxxl,
    .x-bgrid-gap-w,
    .x-bflex-gap-w {
      --gap: var(--space-xxxl)
    }
    .gap-xxxxl,
    .x-xgrid-gap-k,
    .x-xflex-gap-k {
      --gap: var(--space-xxxxl)
    }
  }
  
  .col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }
  
  .x-r {
    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-i {
    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-s {
    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-o {
    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-u {
    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
  }
  
  .col-6 {
    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-a {
    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-f {
    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-l {
    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-c {
    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-h {
    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-p {
    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
  }
  
  .x-d {
    flex-basis: initial;
    max-width: initial
  }
  
  .x-toffset-n {
    --offset: calc(8.33% + var(--gap, 0.75em))
  }
  
  .x-roffset-i {
    --offset: calc(16.66% + var(--gap, 0.75em))
  }
  
  .x-soffset-o {
    --offset: calc(25% + var(--gap, 0.75em))
  }
  
  .x-uoffset-a {
    --offset: calc(33.33% + var(--gap, 0.75em))
  }
  
  .x-foffset-l {
    --offset: calc(41.66% + var(--gap, 0.75em))
  }
  
  .x-coffset-h {
    --offset: calc(50% + var(--gap, 0.75em))
  }
  
  .x-poffset-d {
    --offset: calc(58.33% + var(--gap, 0.75em))
  }
  
  .x-voffset-m {
    --offset: calc(66.66% + var(--gap, 0.75em))
  }
  
  .x-goffset-y {
    --offset: calc(75% + var(--gap, 0.75em))
  }
  
  .x-boffset-w {
    --offset: calc(83.33% + var(--gap, 0.75em))
  }
  
  .x-xoffset-k {
    --offset: calc(91.66% + var(--gap, 0.75em))
  }
  
  @media(min-width:32rem) {
    .x-v {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%
    }
    .x-m {
      flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-g {
      flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-y {
      flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-b {
      flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-w {
      flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-x {
      flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-k {
      flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-_ {
      flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-j {
      flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-q {
      flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-z {
      flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-te {
      flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-tt {
      flex-basis: initial;
      max-width: initial
    }
    .x-_offset-j {
      --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-qoffset-z {
      --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-teoffset-tt {
      --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-tnoffset-tr {
      --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-tioffset-ts {
      --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-tooffset-tu {
      --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-taoffset-tf {
      --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-tloffset-tc {
      --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-thoffset-tp {
      --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-tdoffset-tv {
      --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-tmoffset-tg {
      --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
      .x-ugap-xxxxsa {
        --gap: var(--space-xxxxs)
      }
      .x-ugap-xxxsa {
        --gap: var(--space-xxxs)
      }
      .x-ugap-xxsa {
        --gap: var(--space-xxs)
      }
      .x-ugap-xsa {
        --gap: var(--space-xs)
      }
      .x-ugap-sma {
        --gap: var(--space-sm)
      }
      .x-ugap-mda {
        --gap: var(--space-md)
      }
      .x-ugap-lga {
        --gap: var(--space-lg)
      }
      .x-ugap-xla {
        --gap: var(--space-xl)
      }
      .x-ugap-xxla {
        --gap: var(--space-xxl)
      }
      .x-ugap-xxxla {
        --gap: var(--space-xxxl)
      }
      .x-ugap-xxxxla {
        --gap: var(--space-xxxxl)
      }
      .x-tn {
        --gap: 0px
      }
    }
  }
  
  @media(min-width:48rem) {
    .x-tr {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%
    }
    .x-ti {
      flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ts {
      flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-to {
      flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-tu {
      flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ta {
      flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tf {
      flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-tl {
      flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tc {
      flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-th {
      flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-tp {
      flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-td {
      flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tv {
      flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-tm {
      flex-basis: initial;
      max-width: initial
    }
    .x-tyoffset-tb {
      --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-twoffset-tx {
      --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-tkoffset-t_ {
      --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-tjoffset-tq {
      --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-tzoffset-ne {
      --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ntoffset-nn {
      --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-nroffset-ni {
      --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-nsoffset-no {
      --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-nuoffset-na {
      --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-nfoffset-nl {
      --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-ncoffset-nh {
      --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
      .x-fgap-xxxxsl {
        --gap: var(--space-xxxxs)
      }
      .x-fgap-xxxsl {
        --gap: var(--space-xxxs)
      }
      .x-fgap-xxsl {
        --gap: var(--space-xxs)
      }
      .x-fgap-xsl {
        --gap: var(--space-xs)
      }
      .x-fgap-sml {
        --gap: var(--space-sm)
      }
      .x-fgap-mdl {
        --gap: var(--space-md)
      }
      .x-fgap-lgl {
        --gap: var(--space-lg)
      }
      .x-fgap-xll {
        --gap: var(--space-xl)
      }
      .x-fgap-xxll {
        --gap: var(--space-xxl)
      }
      .x-fgap-xxxll {
        --gap: var(--space-xxxl)
      }
      .x-fgap-xxxxll {
        --gap: var(--space-xxxxl)
      }
      .x-tg {
        --gap: 0px
      }
    }
  }
  
  @media(min-width:64rem) {
    .x-ty {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%
    }
    .x-tb {
      flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tw {
      flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tx {
      flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-tk {
      flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-t_ {
      flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tj {
      flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-tq {
      flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tz {
      flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ne {
      flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-nt {
      flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nn {
      flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nr {
      flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-ni {
      flex-basis: initial;
      max-width: initial
    }
    .x-npoffset-nd {
      --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-nvoffset-nm {
      --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-ngoffset-ny {
      --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-nboffset-nw {
      --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-nxoffset-nk {
      --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-n_offset-nj {
      --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-nqoffset-nz {
      --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-reoffset-rt {
      --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-rnoffset-rr {
      --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-rioffset-rs {
      --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-rooffset-ru {
      --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
      .x-cgap-xxxxsh {
        --gap: var(--space-xxxxs)
      }
      .x-cgap-xxxsh {
        --gap: var(--space-xxxs)
      }
      .x-cgap-xxsh {
        --gap: var(--space-xxs)
      }
      .x-cgap-xsh {
        --gap: var(--space-xs)
      }
      .x-cgap-smh {
        --gap: var(--space-sm)
      }
      .x-cgap-mdh {
        --gap: var(--space-md)
      }
      .x-cgap-lgh {
        --gap: var(--space-lg)
      }
      .x-cgap-xlh {
        --gap: var(--space-xl)
      }
      .x-cgap-xxlh {
        --gap: var(--space-xxl)
      }
      .x-cgap-xxxlh {
        --gap: var(--space-xxxl)
      }
      .x-cgap-xxxxlh {
        --gap: var(--space-xxxxl)
      }
      .x-ns {
        --gap: 0px
      }
    }
  }
  
  @media(min-width:80rem) {
    .x-no {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%
    }
    .x-nu {
      flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-na {
      flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nf {
      flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-nl {
      flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nc {
      flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nh {
      flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-np {
      flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nd {
      flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nv {
      flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-nm {
      flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ng {
      flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ny {
      flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-nb {
      flex-basis: initial;
      max-width: initial
    }
    .x-raoffset-rf {
      --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-rloffset-rc {
      --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-rhoffset-rp {
      --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-rdoffset-rv {
      --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-rmoffset-rg {
      --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ryoffset-rb {
      --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-rwoffset-rx {
      --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-rkoffset-r_ {
      --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-rjoffset-rq {
      --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-rzoffset-ie {
      --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-itoffset-in {
      --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
      .x-pgap-xxxxsd {
        --gap: var(--space-xxxxs)
      }
      .x-pgap-xxxsd {
        --gap: var(--space-xxxs)
      }
      .x-pgap-xxsd {
        --gap: var(--space-xxs)
      }
      .x-pgap-xsd {
        --gap: var(--space-xs)
      }
      .x-pgap-smd {
        --gap: var(--space-sm)
      }
      .x-pgap-mdd {
        --gap: var(--space-md)
      }
      .x-pgap-lgd {
        --gap: var(--space-lg)
      }
      .x-pgap-xld {
        --gap: var(--space-xl)
      }
      .x-pgap-xxld {
        --gap: var(--space-xxl)
      }
      .x-pgap-xxxld {
        --gap: var(--space-xxxl)
      }
      .x-pgap-xxxxld {
        --gap: var(--space-xxxxl)
      }
      .x-nw {
        --gap: 0px
      }
    }
  }
  
  @media(min-width:90rem) {
    .x-nx {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%
    }
    .x-nk {
      flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-n_ {
      flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nj {
      flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-nq {
      flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nz {
      flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-re {
      flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-rt {
      flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-rn {
      flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-rr {
      flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-ri {
      flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-rs {
      flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ro {
      flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
      max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-ru {
      flex-basis: initial;
      max-width: initial
    }
    .x-iroffset-ii {
      --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-isoffset-io {
      --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-iuoffset-ia {
      --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-ifoffset-il {
      --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-icoffset-ih {
      --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ipoffset-id {
      --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-ivoffset-im {
      --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-igoffset-iy {
      --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-iboffset-iw {
      --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-ixoffset-ik {
      --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-i_offset-ij {
      --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
      .x-vgap-xxxxsm {
        --gap: var(--space-xxxxs)
      }
      .x-vgap-xxxsm {
        --gap: var(--space-xxxs)
      }
      .x-vgap-xxsm {
        --gap: var(--space-xxs)
      }
      .x-vgap-xsm {
        --gap: var(--space-xs)
      }
      .x-vgap-smm {
        --gap: var(--space-sm)
      }
      .x-vgap-mdm {
        --gap: var(--space-md)
      }
      .x-vgap-lgm {
        --gap: var(--space-lg)
      }
      .x-vgap-xlm {
        --gap: var(--space-xl)
      }
      .x-vgap-xxlm {
        --gap: var(--space-xxl)
      }
      .x-vgap-xxxlm {
        --gap: var(--space-xxxl)
      }
      .x-vgap-xxxxlm {
        --gap: var(--space-xxxxl)
      }
      .x-ra {
        --gap: 0px
      }
    }
  }
  
  :root {
    --radius-sm: calc(var(--radius, 0.25em)/2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em)*2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1)
  }
  
  :root {
    --icon-xxxs: 8px;
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 96px;
    --icon-xxxl: 128px
  }
  
  .icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1em;
    width: 1em;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial
  }
  
  .x-rf {
    font-size: var(--icon-xxxs)
  }
  
  .x-rl {
    font-size: var(--icon-xxs)
  }
  
  .x-rc {
    font-size: var(--icon-xs)
  }
  
  .x-rh {
    font-size: var(--icon-sm)
  }
  
  .x-rp {
    font-size: var(--icon-md)
  }
  
  .x-rd {
    font-size: var(--icon-lg)
  }
  
  .x-rv {
    font-size: var(--icon-xl)
  }
  
  .x-rm {
    font-size: var(--icon-xxl)
  }
  
  .x-rg {
    font-size: var(--icon-xxxl)
  }
  
  .x-ry {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear
  }
  
  @-webkit-keyframes icon-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  @keyframes icon-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  .icon use {
    color: inherit;
    fill: currentColor
  }
  
  :root {
    --zindex-header: 3;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-overlay: 15
  }
  
  :root {
    --display: block
  }
  
  .x-rb {
    display: var(--display)!important
  }
  
  .is-hidden {
    display: none!important
  }
  
  html:not(.js) .x-rw {
    display: none!important
  }
  
  @media print {
    .x-rx {
      display: none!important
    }
  }
  
  .sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap
  }
  
  .flex {
    display: flex
  }
  
  .inline-flex {
    display: inline-flex
  }
  
  .x-rk {
    flex-wrap: wrap
  }
  
  .x-r_ {
    flex-direction: column
  }
  
  .x-rj {
    flex-direction: column-reverse
  }
  
  .x-rq {
    flex-direction: row
  }
  
  .x-rz {
    flex-direction: row-reverse
  }
  
  .x-ie {
    justify-content: center;
    align-items: center
  }
  
  .flex-grow {
    flex-grow: 1
  }
  
  .x-it {
    flex-shrink: 0
  }
  
  .x-in {
    flex-basis: 0
  }
  
  .x-ir {
    justify-content: flex-start
  }
  
  .x-ii {
    justify-content: flex-end
  }
  
  .x-is {
    justify-content: center
  }
  
  .justify-between {
    justify-content: space-between
  }
  
  .items-center {
    align-items: center
  }
  
  .x-io {
    align-items: flex-start
  }
  
  .x-iu {
    align-items: flex-end
  }
  
  .x-ia {
    align-items: baseline
  }
  
  .x-if {
    order: 1
  }
  
  .x-il {
    order: 2
  }
  
  .order-3 {
    order: 3
  }
  
  .block {
    display: block
  }
  
  .x-ic {
    display: inline-block
  }
  
  .inline {
    display: inline
  }
  
  .x-ih {
    margin: var(--space-xxxxs)
  }
  
  .x-ip {
    margin: var(--space-xxxs)
  }
  
  .x-id {
    margin: var(--space-xxs)
  }
  
  .x-iv {
    margin: var(--space-xs)
  }
  
  .x-im {
    margin: var(--space-sm)
  }
  
  .x-ig {
    margin: var(--space-md)
  }
  
  .x-iy {
    margin: var(--space-lg)
  }
  
  .x-ib {
    margin: var(--space-xl)
  }
  
  .x-iw {
    margin: var(--space-xxl)
  }
  
  .x-ix {
    margin: var(--space-xxxl)
  }
  
  .x-ik {
    margin: var(--space-xxxxl)
  }
  
  .x-i_ {
    margin: auto
  }
  
  .x-ij {
    margin: 0
  }
  
  .x-iq {
    margin-top: var(--space-xxxxs)
  }
  
  .x-iz {
    margin-top: var(--space-xxxs)
  }
  
  .x-se {
    margin-top: var(--space-xxs)
  }
  
  .margin-top-xs {
    margin-top: var(--space-xs)
  }
  
  .x-st {
    margin-top: var(--space-sm)
  }
  
  .x-sn {
    margin-top: var(--space-md)
  }
  
  .x-sr {
    margin-top: var(--space-lg)
  }
  
  .x-si {
    margin-top: var(--space-xl)
  }
  
  .x-ss {
    margin-top: var(--space-xxl)
  }
  
  .x-so {
    margin-top: var(--space-xxxl)
  }
  
  .x-su {
    margin-top: var(--space-xxxxl)
  }
  
  .x-sa {
    margin-top: auto
  }
  
  .x-sf {
    margin-top: 0
  }
  
  .x-sl {
    margin-bottom: var(--space-xxxxs)
  }
  
  .x-sc {
    margin-bottom: var(--space-xxxs)
  }
  
  .margin-bottom-xxs {
    margin-bottom: var(--space-xxs)
  }
  
  .x-sh {
    margin-bottom: var(--space-xs)
  }
  
  .x-sp {
    margin-bottom: var(--space-sm)
  }
  
  .x-sd {
    margin-bottom: var(--space-md)
  }
  
  .x-sv {
    margin-bottom: var(--space-lg)
  }
  
  .x-sm {
    margin-bottom: var(--space-xl)
  }
  
  .x-sg {
    margin-bottom: var(--space-xxl)
  }
  
  .x-sy {
    margin-bottom: var(--space-xxxl)
  }
  
  .x-sb {
    margin-bottom: var(--space-xxxxl)
  }
  
  .x-sw {
    margin-bottom: auto
  }
  
  .x-sx {
    margin-bottom: 0
  }
  
  .x-sk {
    margin-right: var(--space-xxxxs)
  }
  
  .x-s_ {
    margin-right: var(--space-xxxs)
  }
  
  .margin-right-xxs {
    margin-right: var(--space-xxs)
  }
  
  .x-sj {
    margin-right: var(--space-xs)
  }
  
  .x-sq {
    margin-right: var(--space-sm)
  }
  
  .x-sz {
    margin-right: var(--space-md)
  }
  
  .x-oe {
    margin-right: var(--space-lg)
  }
  
  .x-ot {
    margin-right: var(--space-xl)
  }
  
  .x-on {
    margin-right: var(--space-xxl)
  }
  
  .x-or {
    margin-right: var(--space-xxxl)
  }
  
  .x-oi {
    margin-right: var(--space-xxxxl)
  }
  
  .x-os {
    margin-right: auto
  }
  
  .x-oo {
    margin-right: 0
  }
  
  .x-ou {
    margin-left: var(--space-xxxxs)
  }
  
  .x-oa {
    margin-left: var(--space-xxxs)
  }
  
  .x-of {
    margin-left: var(--space-xxs)
  }
  
  .x-ol {
    margin-left: var(--space-xs)
  }
  
  .x-oc {
    margin-left: var(--space-sm)
  }
  
  .x-oh {
    margin-left: var(--space-md)
  }
  
  .x-op {
    margin-left: var(--space-lg)
  }
  
  .x-od {
    margin-left: var(--space-xl)
  }
  
  .x-ov {
    margin-left: var(--space-xxl)
  }
  
  .x-om {
    margin-left: var(--space-xxxl)
  }
  
  .x-og {
    margin-left: var(--space-xxxxl)
  }
  
  .x-oy {
    margin-left: auto
  }
  
  .x-ob {
    margin-left: 0
  }
  
  .x-ow {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs)
  }
  
  .x-ox {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs)
  }
  
  .x-ok {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs)
  }
  
  .x-o_ {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
  }
  
  .x-oj {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
  }
  
  .x-oq {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
  }
  
  .x-oz {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
  }
  
  .x-ue {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
  }
  
  .x-ut {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl)
  }
  
  .x-un {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl)
  }
  
  .x-ur {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl)
  }
  
  .x-ui {
    margin-left: auto;
    margin-right: auto
  }
  
  .x-us {
    margin-left: 0;
    margin-right: 0
  }
  
  .x-uo {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs)
  }
  
  .x-uu {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs)
  }
  
  .x-ua {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs)
  }
  
  .margin-y-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs)
  }
  
  .x-uf {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
  }
  
  .x-ul {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
  }
  
  .x-uc {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
  }
  
  .x-uh {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
  }
  
  .x-up {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl)
  }
  
  .x-ud {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl)
  }
  
  .x-uv {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl)
  }
  
  .x-um {
    margin-top: auto;
    margin-bottom: auto
  }
  
  .x-ug {
    margin-top: 0;
    margin-bottom: 0
  }
  
  .x-uy {
    padding: var(--space-xxxxs)
  }
  
  .x-ub {
    padding: var(--space-xxxs)
  }
  
  .x-uw {
    padding: var(--space-xxs)
  }
  
  .x-ux {
    padding: var(--space-xs)
  }
  
  .x-uk {
    padding: var(--space-sm)
  }
  
  .x-u_ {
    padding: var(--space-md)
  }
  
  .x-uj {
    padding: var(--space-lg)
  }
  
  .x-uq {
    padding: var(--space-xl)
  }
  
  .x-uz {
    padding: var(--space-xxl)
  }
  
  .x-ae {
    padding: var(--space-xxxl)
  }
  
  .x-at {
    padding: var(--space-xxxxl)
  }
  
  .x-an {
    padding: 0
  }
  
  .x-ar {
    padding: var(--component-padding)
  }
  
  .x-ai {
    padding-top: var(--space-xxxxs)
  }
  
  .x-as {
    padding-top: var(--space-xxxs)
  }
  
  .x-ao {
    padding-top: var(--space-xxs)
  }
  
  .x-au {
    padding-top: var(--space-xs)
  }
  
  .x-aa {
    padding-top: var(--space-sm)
  }
  
  .x-af {
    padding-top: var(--space-md)
  }
  
  .x-al {
    padding-top: var(--space-lg)
  }
  
  .x-ac {
    padding-top: var(--space-xl)
  }
  
  .x-ah {
    padding-top: var(--space-xxl)
  }
  
  .x-ap {
    padding-top: var(--space-xxxl)
  }
  
  .x-ad {
    padding-top: var(--space-xxxxl)
  }
  
  .x-av {
    padding-top: 0
  }
  
  .x-am {
    padding-top: var(--component-padding)
  }
  
  .x-ag {
    padding-bottom: var(--space-xxxxs)
  }
  
  .x-ay {
    padding-bottom: var(--space-xxxs)
  }
  
  .x-ab {
    padding-bottom: var(--space-xxs)
  }
  
  .x-aw {
    padding-bottom: var(--space-xs)
  }
  
  .x-ax {
    padding-bottom: var(--space-sm)
  }
  
  .x-ak {
    padding-bottom: var(--space-md)
  }
  
  .x-a_ {
    padding-bottom: var(--space-lg)
  }
  
  .x-aj {
    padding-bottom: var(--space-xl)
  }
  
  .x-aq {
    padding-bottom: var(--space-xxl)
  }
  
  .x-az {
    padding-bottom: var(--space-xxxl)
  }
  
  .x-fe {
    padding-bottom: var(--space-xxxxl)
  }
  
  .x-ft {
    padding-bottom: 0
  }
  
  .x-fn {
    padding-bottom: var(--component-padding)
  }
  
  .x-fr {
    padding-right: var(--space-xxxxs)
  }
  
  .x-fi {
    padding-right: var(--space-xxxs)
  }
  
  .x-fs {
    padding-right: var(--space-xxs)
  }
  
  .x-fo {
    padding-right: var(--space-xs)
  }
  
  .x-fu {
    padding-right: var(--space-sm)
  }
  
  .x-fa {
    padding-right: var(--space-md)
  }
  
  .x-ff {
    padding-right: var(--space-lg)
  }
  
  .x-fl {
    padding-right: var(--space-xl)
  }
  
  .x-fc {
    padding-right: var(--space-xxl)
  }
  
  .x-fh {
    padding-right: var(--space-xxxl)
  }
  
  .x-fp {
    padding-right: var(--space-xxxxl)
  }
  
  .x-fd {
    padding-right: 0
  }
  
  .x-fv {
    padding-right: var(--component-padding)
  }
  
  .x-fm {
    padding-left: var(--space-xxxxs)
  }
  
  .x-fg {
    padding-left: var(--space-xxxs)
  }
  
  .x-fy {
    padding-left: var(--space-xxs)
  }
  
  .x-fb {
    padding-left: var(--space-xs)
  }
  
  .x-fw {
    padding-left: var(--space-sm)
  }
  
  .x-fx {
    padding-left: var(--space-md)
  }
  
  .x-fk {
    padding-left: var(--space-lg)
  }
  
  .x-f_ {
    padding-left: var(--space-xl)
  }
  
  .x-fj {
    padding-left: var(--space-xxl)
  }
  
  .x-fq {
    padding-left: var(--space-xxxl)
  }
  
  .x-fz {
    padding-left: var(--space-xxxxl)
  }
  
  .x-le {
    padding-left: 0
  }
  
  .x-lt {
    padding-left: var(--component-padding)
  }
  
  .x-ln {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs)
  }
  
  .x-lr {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs)
  }
  
  .x-li {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs)
  }
  
  .x-ls {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
  }
  
  .x-lo {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
  }
  
  .x-lu {
    padding-left: var(--space-md);
    padding-right: var(--space-md)
  }
  
  .x-la {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
  }
  
  .x-lf {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
  }
  
  .x-ll {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl)
  }
  
  .x-lc {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl)
  }
  
  .x-lh {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl)
  }
  
  .x-lp {
    padding-left: 0;
    padding-right: 0
  }
  
  .x-ld {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding)
  }
  
  .x-lv {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs)
  }
  
  .x-lm {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs)
  }
  
  .x-lg {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs)
  }
  
  .x-ly {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
  }
  
  .x-lb {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm)
  }
  
  .x-lw {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md)
  }
  
  .x-lx {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
  }
  
  .x-lk {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
  }
  
  .x-l_ {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl)
  }
  
  .x-lj {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl)
  }
  
  .x-lq {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl)
  }
  
  .x-lz {
    padding-top: 0;
    padding-bottom: 0
  }
  
  .x-ce {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
  }
  
  .x-ct {
    vertical-align: baseline
  }
  
  .x-cn {
    vertical-align: top
  }
  
  .x-cr {
    vertical-align: middle
  }
  
  .x-ci {
    vertical-align: bottom
  }
  
  .x-cs,
  .x-co {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  
  .x-cu {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
  }
  
  .text-xs {
    font-size: var(--text-xs, 0.694em)
  }
  
  .text-sm {
    font-size: var(--text-sm, 0.833em)
  }
  
  .text-base {
    font-size: 1em
  }
  
  .text-md {
    font-size: var(--text-md, 1.2em)
  }
  
  .text-lg {
    font-size: var(--text-lg, 1.44em)
  }
  
  .text-xl {
    font-size: var(--text-xl, 1.728em)
  }
  
  .text-xxl {
    font-size: var(--text-xxl, 2.074em)
  }
  
  .text-xxxl {
    font-size: var(--text-xxxl, 2.488em)
  }
  
  .text-xxxxl {
    font-size: var(--text-xxxxl, 2.985em)
  }
  
  .x-ca {
    text-transform: uppercase
  }
  
  .x-cf {
    text-transform: capitalize
  }
  
  .x-cl {
    letter-spacing: -.05em
  }
  
  .x-cc {
    letter-spacing: .05em
  }
  
  .x-ch {
    letter-spacing: .1em
  }
  
  .x-cp {
    font-weight: 300
  }
  
  .x-cd {
    font-weight: 400
  }
  
  .x-cv {
    font-weight: 500
  }
  
  .x-cm {
    font-weight: 600
  }
  
  .x-cg,
  .x-cy {
    font-weight: 700
  }
  
  .x-cb {
    font-style: italic
  }
  
  .x-cw {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  
  .x-cx {
    font-family: var(--font-primary)
  }
  
  .x-ck {
    text-align: center
  }
  
  .x-c_ {
    text-align: left
  }
  
  .x-cj {
    text-align: right
  }
  
  .x-cq {
    text-align: justify
  }
  
  .x-cz {
    text-decoration: line-through
  }
  
  .text-underline {
    text-decoration: underline
  }
  
  .x-he {
    text-decoration: none
  }
  
  .x-ht {
    --text-vspace-multiplier: 0.25 !important
  }
  
  .x-hn {
    --text-vspace-multiplier: 0.5 !important
  }
  
  .x-hr {
    --text-vspace-multiplier: 0.75 !important
  }
  
  .x-hi {
    --text-vspace-multiplier: 1.25 !important
  }
  
  .x-hs {
    --text-vspace-multiplier: 1.5 !important
  }
  
  .x-ho {
    --text-vspace-multiplier: 1.75 !important
  }
  
  .x-hu {
    --text-vspace-multiplier: 2 !important
  }
  
  .x-ha {
    --heading-line-height: 1;
    --body-line-height: 1
  }
  
  .x-ha:not(.text-component) {
    line-height: 1
  }
  
  .x-hf {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
  }
  
  .x-hf:not(.text-component) {
    line-height: 1.2
  }
  
  .x-hl {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
  }
  
  .x-hl:not(.text-component) {
    line-height: 1.4
  }
  
  .x-hc {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
  }
  
  .x-hc:not(.text-component) {
    line-height: 1.58
  }
  
  .x-hh {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
  }
  
  .x-hh:not(.text-component) {
    line-height: 1.72
  }
  
  .x-hp {
    line-height: var(--body-line-height)
  }
  
  .x-hd {
    line-height: var(--heading-line-height)
  }
  
  .x-hv,
  .x-hm {
    white-space: nowrap
  }
  
  .cursor-pointer {
    cursor: pointer
  }
  
  .x-hg {
    cursor: default
  }
  
  .x-hy {
    pointer-events: auto
  }
  
  .x-hb {
    pointer-events: none
  }
  
  .x-hw {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .x-hx {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
  }
  
  [class*=color-] {
    --color-o: 1
  }
  
  .x-tcolor-n {
    color: inherit
  }
  
  .x-rcolor-i {
    color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1))
  }
  
  .x-scolor-o {
    color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1))
  }
  
  .x-ucolor-a {
    color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1))
  }
  
  .color-contrast-medium {
    color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1))
  }
  
  .x-ccolor-h {
    color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1))
  }
  
  .x-pcolor-d {
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1))
  }
  
  .x-vcolor-m {
    color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1))
  }
  
  .x-gcolor-y {
    color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1))
  }
  
  .color-primary {
    color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1))
  }
  
  .x-xcolor-k {
    color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1))
  }
  
  .x-_color-j {
    color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1))
  }
  
  .x-qcolor-z {
    color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1))
  }
  
  .x-tecolor-tt {
    color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1))
  }
  
  .x-tncolor-tr {
    color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1))
  }
  
  .x-ticolor-ts {
    color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1))
  }
  
  .x-tocolor-tu {
    color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1))
  }
  
  .x-tacolor-tf {
    color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1))
  }
  
  .x-tlcolor-tc {
    color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1))
  }
  
  .x-thcolor-tp {
    color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1))
  }
  
  .x-tdcolor-tv {
    color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1))
  }
  
  .x-tmcolor-tg {
    color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1))
  }
  
  .x-tycolor-tb {
    color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1))
  }
  
  .x-twcolor-tx {
    color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1))
  }
  
  .x-tkcolor-t_ {
    color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1))
  }
  
  .x-tjcolor-tq {
    color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1))
  }
  
  .x-tzcolor-ne {
    color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1))
  }
  
  .x-ntcolor-nn {
    color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1))
  }
  
  .x-nrcolor-ni {
    color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1))
  }
  
  .x-nscolor-no {
    color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1))
  }
  
  .x-nucolor-na {
    color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1))
  }
  
  .x-nfcolor-nl {
    color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1))
  }
  
  .x-nccolor-nh {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1))
  }
  
  .x-npcolor-nd {
    color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1))
  }
  
  @supports(--css:variables) {
    .x-nvcolor-nm {
      --color-o: 0
    }
    .x-ngcolor-ny {
      --color-o: 0.1
    }
    .x-nbcolor-nw {
      --color-o: 0.2
    }
    .x-nxcolor-nk {
      --color-o: 0.3
    }
    .x-n_color-nj {
      --color-o: 0.4
    }
    .x-nqcolor-nz {
      --color-o: 0.5
    }
    .x-recolor-rt {
      --color-o: 0.6
    }
    .x-rncolor-rr {
      --color-o: 0.7
    }
    .x-ricolor-rs {
      --color-o: 0.8
    }
    .x-rocolor-ru {
      --color-o: 0.9
    }
  }
  
  .x-hk {
    width: var(--size-xxxxs, 0.25rem)
  }
  
  .width-xxxs {
    width: var(--size-xxxs, 0.5rem)
  }
  
  .x-h_ {
    width: var(--size-xxs, 0.75rem)
  }
  
  .x-hj {
    width: var(--size-xs, 1rem)
  }
  
  .x-hq {
    width: var(--size-sm, 1.5rem)
  }
  
  .x-hz {
    width: var(--size-md, 2rem)
  }
  
  .x-pe {
    width: var(--size-lg, 3rem)
  }
  
  .x-pt {
    width: var(--size-xl, 4rem)
  }
  
  .x-pn {
    width: var(--size-xxl, 6rem)
  }
  
  .x-pr {
    width: var(--size-xxxl, 8rem)
  }
  
  .x-pi {
    width: var(--size-xxxxl, 16rem)
  }
  
  .x-ps {
    width: 0
  }
  
  .x-po {
    width: 10%
  }
  
  .x-pu {
    width: 20%
  }
  
  .x-pa {
    width: 25%
  }
  
  .x-pf {
    width: 30%
  }
  
  .x-pl {
    width: calc(100%/3)
  }
  
  .x-pc {
    width: 40%
  }
  
  .x-ph {
    width: 50%
  }
  
  .x-pp {
    width: 60%
  }
  
  .x-pd {
    width: calc(100%/1.5)
  }
  
  .x-pv {
    width: 70%
  }
  
  .x-pm {
    width: 75%
  }
  
  .x-pg {
    width: 80%
  }
  
  .x-py {
    width: 90%
  }
  
  .x-pb {
    width: 100%
  }
  
  .x-pw {
    width: 100vw
  }
  
  .x-px {
    width: auto
  }
  
  .x-pk {
    height: var(--size-xxxxs, 0.25rem)
  }
  
  .height-xxxs {
    height: var(--size-xxxs, 0.5rem)
  }
  
  .x-p_ {
    height: var(--size-xxs, 0.75rem)
  }
  
  .x-pj {
    height: var(--size-xs, 1rem)
  }
  
  .x-pq {
    height: var(--size-sm, 1.5rem)
  }
  
  .x-pz {
    height: var(--size-md, 2rem)
  }
  
  .x-de {
    height: var(--size-lg, 3rem)
  }
  
  .x-dt {
    height: var(--size-xl, 4rem)
  }
  
  .x-dn {
    height: var(--size-xxl, 6rem)
  }
  
  .x-dr {
    height: var(--size-xxxl, 8rem)
  }
  
  .x-di {
    height: var(--size-xxxxl, 16rem)
  }
  
  .x-ds {
    height: 0
  }
  
  .x-do {
    height: 10%
  }
  
  .x-du {
    height: 20%
  }
  
  .x-da {
    height: 25%
  }
  
  .x-df {
    height: 30%
  }
  
  .x-dl {
    height: calc(100%/3)
  }
  
  .x-dc {
    height: 40%
  }
  
  .x-dh {
    height: 50%
  }
  
  .x-dp {
    height: 60%
  }
  
  .x-dd {
    height: calc(100%/1.5)
  }
  
  .x-dv {
    height: 70%
  }
  
  .x-dm {
    height: 75%
  }
  
  .x-dg {
    height: 80%
  }
  
  .x-dy {
    height: 90%
  }
  
  .x-db {
    height: 100%
  }
  
  .x-dw {
    height: 100vh
  }
  
  .x-dx {
    height: auto
  }
  
  .x-dk {
    min-width: 0
  }
  
  .x-d_ {
    min-width: 25%
  }
  
  .x-dj {
    min-width: calc(100%/3)
  }
  
  .x-dq {
    min-width: 50%
  }
  
  .x-dz {
    min-width: calc(100%/1.5)
  }
  
  .x-ve {
    min-width: 75%
  }
  
  .x-vt {
    min-width: 100%
  }
  
  .x-vn {
    min-width: 100vw
  }
  
  .x-vr {
    min-height: 100%
  }
  
  .x-vi {
    min-height: 100vh
  }
  
  :root {
    --max-width-xxxxs: 20rem;
    --max-width-xxxs: 26rem;
    --max-width-xxs: 32rem;
    --max-width-xs: 38rem;
    --max-width-sm: 48rem;
    --max-width-md: 64rem;
    --max-width-lg: 80rem;
    --max-width-xl: 90rem;
    --max-width-xxl: 100rem;
    --max-width-xxxl: 120rem;
    --max-width-xxxxl: 150rem
  }
  
  .max-width-xxxxs {
    max-width: var(--max-width-xxxxs)
  }
  
  .x-vs {
    max-width: var(--max-width-xxxs)
  }
  
  .x-vo {
    max-width: var(--max-width-xxs)
  }
  
  .x-vu {
    max-width: var(--max-width-xs)
  }
  
  .x-va {
    max-width: var(--max-width-sm)
  }
  
  .x-vf {
    max-width: var(--max-width-md)
  }
  
  .x-vl {
    max-width: var(--max-width-lg)
  }
  
  .x-vc {
    max-width: var(--max-width-xl)
  }
  
  .x-vh {
    max-width: var(--max-width-xxl)
  }
  
  .x-vp {
    max-width: var(--max-width-xxxl)
  }
  
  .x-vd {
    max-width: var(--max-width-xxxxl)
  }
  
  .x-vv {
    max-width: 100%
  }
  
  [class*=max-width-adaptive] {
    max-width: 32rem
  }
  
  @media(min-width:48rem) {
    .max-width-adaptive-sm,
    .max-width-adaptive-md,
    .max-width-adaptive-lg,
    .max-width-adaptive-xl,
    .max-width-adaptive {
      max-width: 48rem
    }
  }
  
  @media(min-width:64rem) {
    .max-width-adaptive-md,
    .max-width-adaptive-lg,
    .max-width-adaptive-xl,
    .max-width-adaptive {
      max-width: 64rem
    }
  }
  
  @media(min-width:80rem) {
    .max-width-adaptive-lg,
    .max-width-adaptive-xl,
    .max-width-adaptive {
      max-width: 80rem
    }
  }
  
  @media(min-width:90rem) {
    .max-width-adaptive-xl {
      max-width: 90rem
    }
  }
  
  .x-vm {
    max-height: 100%
  }
  
  .x-vg {
    max-height: 100vh
  }
  
  .x-vy {
    position: relative
  }
  
  .x-vb {
    position: absolute
  }
  
  .x-vw {
    position: fixed
  }
  
  .x-vx {
    position: -webkit-sticky;
    position: sticky
  }
  
  .x-vk {
    top: 0
  }
  
  .x-v_ {
    bottom: 0
  }
  
  .x-vj {
    left: 0
  }
  
  .x-vq {
    right: 0
  }
  
  .x-vz {
    z-index: var(--zindex-header)
  }
  
  .x-me {
    z-index: var(--zindex-popover)
  }
  
  .x-mt {
    z-index: var(--zindex-fixed-element)
  }
  
  .x-mn {
    z-index: var(--zindex-overlay)
  }
  
  .x-mr,
  .x-mi {
    z-index: 1
  }
  
  .x-ms,
  .x-mo {
    z-index: 2
  }
  
  .x-mu,
  .x-ma {
    z-index: 3
  }
  
  .x-mf {
    overflow: hidden
  }
  
  .x-ml {
    overflow: auto
  }
  
  .x-mc {
    -webkit-overflow-scrolling: touch
  }
  
  .x-mh {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
  }
  
  .x-mp {
    opacity: 0
  }
  
  .x-md {
    opacity: .1
  }
  
  .x-mv {
    opacity: .2
  }
  
  .x-mm {
    opacity: .3
  }
  
  .x-mg {
    opacity: .4
  }
  
  .x-my {
    opacity: .5
  }
  
  .x-mb {
    opacity: .6
  }
  
  .x-mw {
    opacity: .7
  }
  
  .x-mx {
    opacity: .8
  }
  
  .x-mk {
    opacity: .9
  }
  
  .media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
  }
  
  .media-wrapper>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  
  .x-m_ {
    padding-bottom: calc((3/4) * 100%)
  }
  
  .x-mj {
    padding-bottom: calc((1/1) * 100%)
  }
  
  .x-mq {
    float: left
  }
  
  .x-mz {
    float: right
  }
  
  .x-ge::after {
    content: "";
    display: table;
    clear: both
  }
  
  [class*=border-] {
    --border-o: 1
  }
  
  .border {
    border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .x-tborder-n {
    border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .x-rborder-i {
    border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .border-left {
    border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .border-right {
    border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .x-fborder-l {
    border-width: 2px
  }
  
  .x-cborder-h {
    border-width: 3px
  }
  
  .x-pborder-d {
    border-width: 4px
  }
  
  .x-vborder-m {
    border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1))
  }
  
  .x-gborder-y {
    border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
  }
  
  .x-bborder-w {
    border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
  }
  
  .x-xborder-k {
    border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1))
  }
  
  .x-_border-j {
    border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1))
  }
  
  .x-qborder-z {
    border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1))
  }
  
  .x-teborder-tt {
    border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1))
  }
  
  .x-tnborder-tr {
    border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1))
  }
  
  .x-tiborder-ts {
    border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1))
  }
  
  .x-toborder-tu {
    border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1))
  }
  
  .x-taborder-tf {
    border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1))
  }
  
  .x-tlborder-tc {
    border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1))
  }
  
  .x-thborder-tp {
    border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1))
  }
  
  .x-tdborder-tv {
    border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1))
  }
  
  .x-tmborder-tg {
    border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1))
  }
  
  .x-tyborder-tb {
    border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1))
  }
  
  .x-twborder-tx {
    border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1))
  }
  
  .x-tkborder-t_ {
    border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1))
  }
  
  .x-tjborder-tq {
    border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1))
  }
  
  .x-tzborder-ne {
    border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1))
  }
  
  .x-ntborder-nn {
    border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1))
  }
  
  .x-nrborder-ni {
    border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1))
  }
  
  .x-nsborder-no {
    border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1))
  }
  
  .x-nuborder-na {
    border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1))
  }
  
  .x-nfborder-nl {
    border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1))
  }
  
  .x-ncborder-nh {
    border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1))
  }
  
  .x-npborder-nd {
    border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1))
  }
  
  .x-nvborder-nm {
    border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1))
  }
  
  .x-ngborder-ny {
    border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1))
  }
  
  .x-nbborder-nw {
    border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1))
  }
  
  .x-nxborder-nk {
    border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1))
  }
  
  .x-n_border-nj {
    border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1))
  }
  
  .x-nqborder-nz {
    border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1))
  }
  
  @supports(--css:variables) {
    .x-reborder-rt {
      --border-o: 0
    }
    .x-rnborder-rr {
      --border-o: 0.1
    }
    .x-riborder-rs {
      --border-o: 0.2
    }
    .x-roborder-ru {
      --border-o: 0.3
    }
    .x-raborder-rf {
      --border-o: 0.4
    }
    .x-rlborder-rc {
      --border-o: 0.5
    }
    .x-rhborder-rp {
      --border-o: 0.6
    }
    .x-rdborder-rv {
      --border-o: 0.7
    }
    .x-rmborder-rg {
      --border-o: 0.8
    }
    .x-ryborder-rb {
      --border-o: 0.9
    }
  }
  
  .x-gt {
    border-radius: var(--radius-sm)
  }
  
  .x-gn {
    border-radius: var(--radius-md)
  }
  
  .x-gr {
    border-radius: var(--radius-lg)
  }
  
  .x-gi {
    border-radius: 50%
  }
  
  .x-gs {
    border-radius: 50em
  }
  
  .x-go {
    box-shadow: var(--shadow-xs)
  }
  
  .x-gu {
    box-shadow: var(--shadow-sm)
  }
  
  .x-ga {
    box-shadow: var(--shadow-md)
  }
  
  .x-gf {
    box-shadow: var(--shadow-lg)
  }
  
  .x-gl {
    box-shadow: var(--shadow-xl)
  }
  
  .bg,
  [class*=bg-] {
    --bg-o: 1
  }
  
  .x-tbg-n {
    background-color: transparent
  }
  
  .x-rbg-i {
    background-color: inherit
  }
  
  .bg {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o))
  }
  
  .bg-contrast-lower {
    background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1))
  }
  
  .bg-contrast-low {
    background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1))
  }
  
  .x-fbg-l {
    background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1))
  }
  
  .x-cbg-h {
    background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1))
  }
  
  .x-pbg-d {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1))
  }
  
  .x-vbg-m {
    background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1))
  }
  
  .x-gbg-y {
    background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1))
  }
  
  .bg-primary {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1))
  }
  
  .x-xbg-k {
    background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1))
  }
  
  .x-_bg-j {
    background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1))
  }
  
  .x-qbg-z {
    background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1))
  }
  
  .x-tebg-tt {
    background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1))
  }
  
  .bg-accent {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1))
  }
  
  .x-tibg-ts {
    background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1))
  }
  
  .x-tobg-tu {
    background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1))
  }
  
  .x-tabg-tf {
    background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1))
  }
  
  .x-tlbg-tc {
    background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1))
  }
  
  .x-thbg-tp {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1))
  }
  
  .x-tdbg-tv {
    background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1))
  }
  
  .x-tmbg-tg {
    background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1))
  }
  
  .x-tybg-tb {
    background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1))
  }
  
  .x-twbg-tx {
    background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1))
  }
  
  .x-tkbg-t_ {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1))
  }
  
  .x-tjbg-tq {
    background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1))
  }
  
  .x-tzbg-ne {
    background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1))
  }
  
  .x-ntbg-nn {
    background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1))
  }
  
  .x-nrbg-ni {
    background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1))
  }
  
  .x-nsbg-no {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1))
  }
  
  .x-nubg-na {
    background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1))
  }
  
  .x-nfbg-nl {
    background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1))
  }
  
  .x-ncbg-nh {
    background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1))
  }
  
  .x-npbg-nd {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1))
  }
  
  @supports(--css:variables) {
    .x-nvbg-nm {
      --bg-o: 0
    }
    .x-ngbg-ny {
      --bg-o: 0.1
    }
    .x-nbbg-nw {
      --bg-o: 0.2
    }
    .x-nxbg-nk {
      --bg-o: 0.3
    }
    .x-n_bg-nj {
      --bg-o: 0.4
    }
    .x-nqbg-nz {
      --bg-o: 0.5
    }
    .x-rebg-rt {
      --bg-o: 0.6
    }
    .x-rnbg-rr {
      --bg-o: 0.7
    }
    .x-ribg-rs {
      --bg-o: 0.8
    }
    .x-robg-ru {
      --bg-o: 0.9
    }
  }
  
  .x-rabg-rf {
    background-size: cover
  }
  
  .x-rlbg-rc {
    background-position: center
  }
  
  .x-rhbg-rp {
    background-repeat: no-repeat
  }
  
  .x-gc {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
  }
  
  .x-gh {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
  }
  
  .x-gp {
    isolation: isolate
  }
  
  .x-gd {
    mix-blend-mode: multiply
  }
  
  .x-gv {
    mix-blend-mode: overlay
  }
  
  .x-gm {
    -o-object-fit: contain;
    object-fit: contain
  }
  
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover
  }
  
  .x-gg {
    -webkit-transform: scale(-1);
    transform: scale(-1)
  }
  
  .x-gy {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
  }
  
  .x-gb {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
  }
  
  @media(min-width:32rem) {
    .x-gw {
      display: flex
    }
    .x-gx {
      display: inline-flex
    }
    .x-gk {
      flex-wrap: wrap
    }
    .x-g_ {
      flex-direction: column
    }
    .x-gj {
      flex-direction: column-reverse
    }
    .x-gq {
      flex-direction: row
    }
    .x-gz {
      flex-direction: row-reverse
    }
    .x-ye {
      justify-content: center;
      align-items: center
    }
    .x-yt {
      flex-grow: 0
    }
    .x-yn {
      flex-grow: 1
    }
    .x-yr {
      flex-shrink: 0
    }
    .x-yi {
      flex-shrink: 1
    }
    .x-ys {
      justify-content: flex-start
    }
    .x-yo {
      justify-content: flex-end
    }
    .x-yu {
      justify-content: center
    }
    .x-ya {
      justify-content: space-between
    }
    .x-yf {
      align-items: center
    }
    .x-yl {
      align-items: flex-start
    }
    .x-yc {
      align-items: flex-end
    }
    .x-yh {
      align-items: baseline
    }
    .x-yp {
      order: 1
    }
    .x-yd {
      order: 2
    }
    .x-yv {
      order: 3
    }
    .x-ym {
      display: block
    }
    .x-yg {
      display: inline-block
    }
    .x-yy {
      display: inline
    }
    @supports(--css:variables) {
      .x-yb {
        margin: var(--space-xxxxs)
      }
      .x-yw {
        margin: var(--space-xxxs)
      }
      .x-yx {
        margin: var(--space-xxs)
      }
      .x-yk {
        margin: var(--space-xs)
      }
      .x-y_ {
        margin: var(--space-sm)
      }
      .x-yj {
        margin: var(--space-md)
      }
      .x-yq {
        margin: var(--space-lg)
      }
      .x-yz {
        margin: var(--space-xl)
      }
      .x-be {
        margin: var(--space-xxl)
      }
      .x-bt {
        margin: var(--space-xxxl)
      }
      .x-bn {
        margin: var(--space-xxxxl)
      }
      .x-br {
        margin: auto
      }
      .x-bi {
        margin: 0
      }
      .x-bs {
        margin-top: var(--space-xxxxs)
      }
      .x-bo {
        margin-top: var(--space-xxxs)
      }
      .x-bu {
        margin-top: var(--space-xxs)
      }
      .x-ba {
        margin-top: var(--space-xs)
      }
      .x-bf {
        margin-top: var(--space-sm)
      }
      .x-bl {
        margin-top: var(--space-md)
      }
      .x-bc {
        margin-top: var(--space-lg)
      }
      .x-bh {
        margin-top: var(--space-xl)
      }
      .x-bp {
        margin-top: var(--space-xxl)
      }
      .x-bd {
        margin-top: var(--space-xxxl)
      }
      .x-bv {
        margin-top: var(--space-xxxxl)
      }
      .x-bm {
        margin-top: auto
      }
      .x-bg {
        margin-top: 0
      }
      .x-by {
        margin-bottom: var(--space-xxxxs)
      }
      .x-bb {
        margin-bottom: var(--space-xxxs)
      }
      .x-bw {
        margin-bottom: var(--space-xxs)
      }
      .x-bx {
        margin-bottom: var(--space-xs)
      }
      .x-bk {
        margin-bottom: var(--space-sm)
      }
      .x-b_ {
        margin-bottom: var(--space-md)
      }
      .x-bj {
        margin-bottom: var(--space-lg)
      }
      .x-bq {
        margin-bottom: var(--space-xl)
      }
      .x-bz {
        margin-bottom: var(--space-xxl)
      }
      .x-we {
        margin-bottom: var(--space-xxxl)
      }
      .x-wt {
        margin-bottom: var(--space-xxxxl)
      }
      .x-wn {
        margin-bottom: auto
      }
      .x-wr {
        margin-bottom: 0
      }
      .x-wi {
        margin-right: var(--space-xxxxs)
      }
      .x-ws {
        margin-right: var(--space-xxxs)
      }
      .x-wo {
        margin-right: var(--space-xxs)
      }
      .x-wu {
        margin-right: var(--space-xs)
      }
      .x-wa {
        margin-right: var(--space-sm)
      }
      .x-wf {
        margin-right: var(--space-md)
      }
      .x-wl {
        margin-right: var(--space-lg)
      }
      .x-wc {
        margin-right: var(--space-xl)
      }
      .x-wh {
        margin-right: var(--space-xxl)
      }
      .x-wp {
        margin-right: var(--space-xxxl)
      }
      .x-wd {
        margin-right: var(--space-xxxxl)
      }
      .x-wv {
        margin-right: auto
      }
      .x-wm {
        margin-right: 0
      }
      .x-wg {
        margin-left: var(--space-xxxxs)
      }
      .x-wy {
        margin-left: var(--space-xxxs)
      }
      .x-wb {
        margin-left: var(--space-xxs)
      }
      .x-ww {
        margin-left: var(--space-xs)
      }
      .x-wx {
        margin-left: var(--space-sm)
      }
      .x-wk {
        margin-left: var(--space-md)
      }
      .x-w_ {
        margin-left: var(--space-lg)
      }
      .x-wj {
        margin-left: var(--space-xl)
      }
      .x-wq {
        margin-left: var(--space-xxl)
      }
      .x-wz {
        margin-left: var(--space-xxxl)
      }
      .x-xe {
        margin-left: var(--space-xxxxl)
      }
      .x-xt {
        margin-left: auto
      }
      .x-xn {
        margin-left: 0
      }
      .x-xr {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
      }
      .x-xi {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
      }
      .x-xs {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
      }
      .x-xo {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
      }
      .x-xu {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
      }
      .x-xa {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
      }
      .x-xf {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
      }
      .x-xl {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
      }
      .x-xc {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
      }
      .x-xh {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
      }
      .x-xp {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
      }
      .x-xd {
        margin-left: auto;
        margin-right: auto
      }
      .x-xv {
        margin-left: 0;
        margin-right: 0
      }
      .x-xm {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
      }
      .x-xg {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
      }
      .x-xy {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
      }
      .x-xb {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
      }
      .x-xw {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
      }
      .x-xx {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
      }
      .x-xk {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
      }
      .x-x_ {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
      }
      .x-xj {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
      }
      .x-xq {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
      }
      .x-xz {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
      }
      .x-ke {
        margin-top: auto;
        margin-bottom: auto
      }
      .x-kt {
        margin-top: 0;
        margin-bottom: 0
      }
    }
    @supports(--css:variables) {
      .x-kn {
        padding: var(--space-xxxxs)
      }
      .x-kr {
        padding: var(--space-xxxs)
      }
      .x-ki {
        padding: var(--space-xxs)
      }
      .x-ks {
        padding: var(--space-xs)
      }
      .x-ko {
        padding: var(--space-sm)
      }
      .x-ku {
        padding: var(--space-md)
      }
      .x-ka {
        padding: var(--space-lg)
      }
      .x-kf {
        padding: var(--space-xl)
      }
      .x-kl {
        padding: var(--space-xxl)
      }
      .x-kc {
        padding: var(--space-xxxl)
      }
      .x-kh {
        padding: var(--space-xxxxl)
      }
      .x-kp {
        padding: 0
      }
      .x-kd {
        padding: var(--component-padding)
      }
      .x-kv {
        padding-top: var(--space-xxxxs)
      }
      .x-km {
        padding-top: var(--space-xxxs)
      }
      .x-kg {
        padding-top: var(--space-xxs)
      }
      .x-ky {
        padding-top: var(--space-xs)
      }
      .x-kb {
        padding-top: var(--space-sm)
      }
      .x-kw {
        padding-top: var(--space-md)
      }
      .x-kx {
        padding-top: var(--space-lg)
      }
      .x-kk {
        padding-top: var(--space-xl)
      }
      .x-k_ {
        padding-top: var(--space-xxl)
      }
      .x-kj {
        padding-top: var(--space-xxxl)
      }
      .x-kq {
        padding-top: var(--space-xxxxl)
      }
      .x-kz {
        padding-top: 0
      }
      .x-_e {
        padding-top: var(--component-padding)
      }
      .x-_t {
        padding-bottom: var(--space-xxxxs)
      }
      .x-_n {
        padding-bottom: var(--space-xxxs)
      }
      .x-_r {
        padding-bottom: var(--space-xxs)
      }
      .x-_i {
        padding-bottom: var(--space-xs)
      }
      .x-_s {
        padding-bottom: var(--space-sm)
      }
      .x-_o {
        padding-bottom: var(--space-md)
      }
      .x-_u {
        padding-bottom: var(--space-lg)
      }
      .x-_a {
        padding-bottom: var(--space-xl)
      }
      .x-_f {
        padding-bottom: var(--space-xxl)
      }
      .x-_l {
        padding-bottom: var(--space-xxxl)
      }
      .x-_c {
        padding-bottom: var(--space-xxxxl)
      }
      .x-_h {
        padding-bottom: 0
      }
      .x-_p {
        padding-bottom: var(--component-padding)
      }
      .x-_d {
        padding-right: var(--space-xxxxs)
      }
      .x-_v {
        padding-right: var(--space-xxxs)
      }
      .x-_m {
        padding-right: var(--space-xxs)
      }
      .x-_g {
        padding-right: var(--space-xs)
      }
      .x-_y {
        padding-right: var(--space-sm)
      }
      .x-_b {
        padding-right: var(--space-md)
      }
      .x-_w {
        padding-right: var(--space-lg)
      }
      .x-_x {
        padding-right: var(--space-xl)
      }
      .x-_k {
        padding-right: var(--space-xxl)
      }
      .x-__ {
        padding-right: var(--space-xxxl)
      }
      .x-_j {
        padding-right: var(--space-xxxxl)
      }
      .x-_q {
        padding-right: 0
      }
      .x-_z {
        padding-right: var(--component-padding)
      }
      .x-je {
        padding-left: var(--space-xxxxs)
      }
      .x-jt {
        padding-left: var(--space-xxxs)
      }
      .x-jn {
        padding-left: var(--space-xxs)
      }
      .x-jr {
        padding-left: var(--space-xs)
      }
      .x-ji {
        padding-left: var(--space-sm)
      }
      .x-js {
        padding-left: var(--space-md)
      }
      .x-jo {
        padding-left: var(--space-lg)
      }
      .x-ju {
        padding-left: var(--space-xl)
      }
      .x-ja {
        padding-left: var(--space-xxl)
      }
      .x-jf {
        padding-left: var(--space-xxxl)
      }
      .x-jl {
        padding-left: var(--space-xxxxl)
      }
      .x-jc {
        padding-left: 0
      }
      .x-jh {
        padding-left: var(--component-padding)
      }
      .x-jp {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
      }
      .x-jd {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
      }
      .x-jv {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
      }
      .x-jm {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
      }
      .x-jg {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
      }
      .x-jy {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
      }
      .x-jb {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
      }
      .x-jw {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
      }
      .x-jx {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
      }
      .x-jk {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
      }
      .x-j_ {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
      }
      .x-jj {
        padding-left: 0;
        padding-right: 0
      }
      .x-jq {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
      }
      .x-jz {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
      }
      .x-qe {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
      }
      .x-qt {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
      }
      .x-qn {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
      }
      .x-qr {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
      }
      .x-qi {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
      }
      .x-qs {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
      }
      .x-qo {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
      }
      .x-qu {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
      }
      .x-qa {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
      }
      .x-qf {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
      }
      .x-ql {
        padding-top: 0;
        padding-bottom: 0
      }
      .x-qc {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
      }
    }
    .x-qh {
      text-align: center
    }
    .x-qp {
      text-align: left
    }
    .x-qd {
      text-align: right
    }
    .x-qv {
      text-align: justify
    }
    @supports(--css:variables) {
      .x-qm {
        font-size: var(--text-xs, 0.694em)
      }
      .x-qg {
        font-size: var(--text-sm, 0.833em)
      }
      .x-qy {
        font-size: 1em
      }
      .x-qb {
        font-size: var(--text-md, 1.2em)
      }
      .x-qw {
        font-size: var(--text-lg, 1.44em)
      }
      .x-qx {
        font-size: var(--text-xl, 1.728em)
      }
      .x-qk {
        font-size: var(--text-xxl, 2.074em)
      }
      .x-q_ {
        font-size: var(--text-xxxl, 2.488em)
      }
      .x-qj {
        font-size: var(--text-xxxxl, 2.985em)
      }
    }
    .x-qq {
      display: none!important
    }
  }
  
  @media not all and (min-width:32rem) {
    .x-qz {
      margin: 0!important
    }
    .x-ze {
      padding: 0!important
    }
    .x-zt {
      display: none!important
    }
  }
  
  @media(min-width:48rem) {
    .x-zn {
      display: flex
    }
    .x-zr {
      display: inline-flex
    }
    .x-zi {
      flex-wrap: wrap
    }
    .x-zs {
      flex-direction: column
    }
    .x-zo {
      flex-direction: column-reverse
    }
    .x-zu {
      flex-direction: row
    }
    .x-za {
      flex-direction: row-reverse
    }
    .x-zf {
      justify-content: center;
      align-items: center
    }
    .x-zl {
      flex-grow: 0
    }
    .x-zc {
      flex-grow: 1
    }
    .x-zh {
      flex-shrink: 0
    }
    .x-zp {
      flex-shrink: 1
    }
    .x-zd {
      justify-content: flex-start
    }
    .x-zv {
      justify-content: flex-end
    }
    .x-zm {
      justify-content: center
    }
    .x-zg {
      justify-content: space-between
    }
    .x-zy {
      align-items: center
    }
    .x-zb {
      align-items: flex-start
    }
    .x-zw {
      align-items: flex-end
    }
    .x-zx {
      align-items: baseline
    }
    .x-zk {
      order: 1
    }
    .x-z_ {
      order: 2
    }
    .x-zj {
      order: 3
    }
    .x-zq {
      display: block
    }
    .x-zz {
      display: inline-block
    }
    .x-tee {
      display: inline
    }
    @supports(--css:variables) {
      .x-tet {
        margin: var(--space-xxxxs)
      }
      .x-ten {
        margin: var(--space-xxxs)
      }
      .x-ter {
        margin: var(--space-xxs)
      }
      .x-tei {
        margin: var(--space-xs)
      }
      .x-tes {
        margin: var(--space-sm)
      }
      .x-teo {
        margin: var(--space-md)
      }
      .x-teu {
        margin: var(--space-lg)
      }
      .x-tea {
        margin: var(--space-xl)
      }
      .x-tef {
        margin: var(--space-xxl)
      }
      .x-tel {
        margin: var(--space-xxxl)
      }
      .x-tec {
        margin: var(--space-xxxxl)
      }
      .x-teh {
        margin: auto
      }
      .x-tep {
        margin: 0
      }
      .x-ted {
        margin-top: var(--space-xxxxs)
      }
      .x-tev {
        margin-top: var(--space-xxxs)
      }
      .x-tem {
        margin-top: var(--space-xxs)
      }
      .x-teg {
        margin-top: var(--space-xs)
      }
      .x-tey {
        margin-top: var(--space-sm)
      }
      .x-teb {
        margin-top: var(--space-md)
      }
      .x-tew {
        margin-top: var(--space-lg)
      }
      .x-tex {
        margin-top: var(--space-xl)
      }
      .x-tek {
        margin-top: var(--space-xxl)
      }
      .x-te_ {
        margin-top: var(--space-xxxl)
      }
      .x-tej {
        margin-top: var(--space-xxxxl)
      }
      .x-teq {
        margin-top: auto
      }
      .x-tez {
        margin-top: 0
      }
      .x-tte {
        margin-bottom: var(--space-xxxxs)
      }
      .x-ttt {
        margin-bottom: var(--space-xxxs)
      }
      .x-ttn {
        margin-bottom: var(--space-xxs)
      }
      .x-ttr {
        margin-bottom: var(--space-xs)
      }
      .x-tti {
        margin-bottom: var(--space-sm)
      }
      .x-tts {
        margin-bottom: var(--space-md)
      }
      .x-tto {
        margin-bottom: var(--space-lg)
      }
      .x-ttu {
        margin-bottom: var(--space-xl)
      }
      .x-tta {
        margin-bottom: var(--space-xxl)
      }
      .x-ttf {
        margin-bottom: var(--space-xxxl)
      }
      .x-ttl {
        margin-bottom: var(--space-xxxxl)
      }
      .x-ttc {
        margin-bottom: auto
      }
      .x-tth {
        margin-bottom: 0
      }
      .x-ttp {
        margin-right: var(--space-xxxxs)
      }
      .x-ttd {
        margin-right: var(--space-xxxs)
      }
      .x-ttv {
        margin-right: var(--space-xxs)
      }
      .x-ttm {
        margin-right: var(--space-xs)
      }
      .x-ttg {
        margin-right: var(--space-sm)
      }
      .x-tty {
        margin-right: var(--space-md)
      }
      .x-ttb {
        margin-right: var(--space-lg)
      }
      .x-ttw {
        margin-right: var(--space-xl)
      }
      .x-ttx {
        margin-right: var(--space-xxl)
      }
      .x-ttk {
        margin-right: var(--space-xxxl)
      }
      .x-tt_ {
        margin-right: var(--space-xxxxl)
      }
      .x-ttj {
        margin-right: auto
      }
      .x-ttq {
        margin-right: 0
      }
      .x-ttz {
        margin-left: var(--space-xxxxs)
      }
      .x-tne {
        margin-left: var(--space-xxxs)
      }
      .x-tnt {
        margin-left: var(--space-xxs)
      }
      .x-tnn {
        margin-left: var(--space-xs)
      }
      .x-tnr {
        margin-left: var(--space-sm)
      }
      .x-tni {
        margin-left: var(--space-md)
      }
      .x-tns {
        margin-left: var(--space-lg)
      }
      .x-tno {
        margin-left: var(--space-xl)
      }
      .x-tnu {
        margin-left: var(--space-xxl)
      }
      .x-tna {
        margin-left: var(--space-xxxl)
      }
      .x-tnf {
        margin-left: var(--space-xxxxl)
      }
      .x-tnl {
        margin-left: auto
      }
      .x-tnc {
        margin-left: 0
      }
      .x-tnh {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
      }
      .x-tnp {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
      }
      .x-tnd {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
      }
      .x-tnv {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
      }
      .x-tnm {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
      }
      .x-tng {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
      }
      .x-tny {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
      }
      .x-tnb {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
      }
      .x-tnw {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
      }
      .x-tnx {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
      }
      .x-tnk {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
      }
      .x-tn_ {
        margin-left: auto;
        margin-right: auto
      }
      .x-tnj {
        margin-left: 0;
        margin-right: 0
      }
      .x-tnq {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
      }
      .x-tnz {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
      }
      .x-tre {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
      }
      .x-trt {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
      }
      .x-trn {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
      }
      .x-trr {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
      }
      .x-tri {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
      }
      .x-trs {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
      }
      .x-tro {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
      }
      .x-tru {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
      }
      .x-tra {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
      }
      .x-trf {
        margin-top: auto;
        margin-bottom: auto
      }
      .x-trl {
        margin-top: 0;
        margin-bottom: 0
      }
    }
    @supports(--css:variables) {
      .x-trc {
        padding: var(--space-xxxxs)
      }
      .x-trh {
        padding: var(--space-xxxs)
      }
      .x-trp {
        padding: var(--space-xxs)
      }
      .x-trd {
        padding: var(--space-xs)
      }
      .x-trv {
        padding: var(--space-sm)
      }
      .x-trm {
        padding: var(--space-md)
      }
      .x-trg {
        padding: var(--space-lg)
      }
      .x-try {
        padding: var(--space-xl)
      }
      .x-trb {
        padding: var(--space-xxl)
      }
      .x-trw {
        padding: var(--space-xxxl)
      }
      .x-trx {
        padding: var(--space-xxxxl)
      }
      .x-trk {
        padding: 0
      }
      .x-tr_ {
        padding: var(--component-padding)
      }
      .x-trj {
        padding-top: var(--space-xxxxs)
      }
      .x-trq {
        padding-top: var(--space-xxxs)
      }
      .x-trz {
        padding-top: var(--space-xxs)
      }
      .x-tie {
        padding-top: var(--space-xs)
      }
      .x-tit {
        padding-top: var(--space-sm)
      }
      .x-tin {
        padding-top: var(--space-md)
      }
      .x-tir {
        padding-top: var(--space-lg)
      }
      .x-tii {
        padding-top: var(--space-xl)
      }
      .x-tis {
        padding-top: var(--space-xxl)
      }
      .x-tio {
        padding-top: var(--space-xxxl)
      }
      .x-tiu {
        padding-top: var(--space-xxxxl)
      }
      .x-tia {
        padding-top: 0
      }
      .x-tif {
        padding-top: var(--component-padding)
      }
      .x-til {
        padding-bottom: var(--space-xxxxs)
      }
      .x-tic {
        padding-bottom: var(--space-xxxs)
      }
      .x-tih {
        padding-bottom: var(--space-xxs)
      }
      .x-tip {
        padding-bottom: var(--space-xs)
      }
      .x-tid {
        padding-bottom: var(--space-sm)
      }
      .x-tiv {
        padding-bottom: var(--space-md)
      }
      .x-tim {
        padding-bottom: var(--space-lg)
      }
      .x-tig {
        padding-bottom: var(--space-xl)
      }
      .x-tiy {
        padding-bottom: var(--space-xxl)
      }
      .x-tib {
        padding-bottom: var(--space-xxxl)
      }
      .x-tiw {
        padding-bottom: var(--space-xxxxl)
      }
      .x-tix {
        padding-bottom: 0
      }
      .x-tik {
        padding-bottom: var(--component-padding)
      }
      .x-ti_ {
        padding-right: var(--space-xxxxs)
      }
      .x-tij {
        padding-right: var(--space-xxxs)
      }
      .x-tiq {
        padding-right: var(--space-xxs)
      }
      .x-tiz {
        padding-right: var(--space-xs)
      }
      .x-tse {
        padding-right: var(--space-sm)
      }
      .x-tst {
        padding-right: var(--space-md)
      }
      .x-tsn {
        padding-right: var(--space-lg)
      }
      .x-tsr {
        padding-right: var(--space-xl)
      }
      .x-tsi {
        padding-right: var(--space-xxl)
      }
      .x-tss {
        padding-right: var(--space-xxxl)
      }
      .x-tso {
        padding-right: var(--space-xxxxl)
      }
      .x-tsu {
        padding-right: 0
      }
      .x-tsa {
        padding-right: var(--component-padding)
      }
      .x-tsf {
        padding-left: var(--space-xxxxs)
      }
      .x-tsl {
        padding-left: var(--space-xxxs)
      }
      .x-tsc {
        padding-left: var(--space-xxs)
      }
      .x-tsh {
        padding-left: var(--space-xs)
      }
      .x-tsp {
        padding-left: var(--space-sm)
      }
      .x-tsd {
        padding-left: var(--space-md)
      }
      .x-tsv {
        padding-left: var(--space-lg)
      }
      .x-tsm {
        padding-left: var(--space-xl)
      }
      .x-tsg {
        padding-left: var(--space-xxl)
      }
      .x-tsy {
        padding-left: var(--space-xxxl)
      }
      .x-tsb {
        padding-left: var(--space-xxxxl)
      }
      .x-tsw {
        padding-left: 0
      }
      .x-tsx {
        padding-left: var(--component-padding)
      }
      .x-tsk {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
      }
      .x-ts_ {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
      }
      .x-tsj {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
      }
      .x-tsq {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
      }
      .x-tsz {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
      }
      .x-toe {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
      }
      .x-tot {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
      }
      .x-ton {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
      }
      .x-tor {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
      }
      .x-toi {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
      }
      .x-tos {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
      }
      .x-too {
        padding-left: 0;
        padding-right: 0
      }
      .x-tou {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
      }
      .x-toa {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
      }
      .x-tof {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
      }
      .x-tol {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
      }
      .x-toc {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
      }
      .x-toh {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
      }
      .x-top {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
      }
      .x-tod {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
      }
      .x-tov {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
      }
      .x-tom {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
      }
      .x-tog {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
      }
      .x-toy {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
      }
      .x-tob {
        padding-top: 0;
        padding-bottom: 0
      }
      .x-tow {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
      }
    }
    .x-tox {
      text-align: center
    }
    .x-tok {
      text-align: left
    }
    .x-to_ {
      text-align: right
    }
    .x-toj {
      text-align: justify
    }
    @supports(--css:variables) {
      .x-toq {
        font-size: var(--text-xs, 0.694em)
      }
      .x-toz {
        font-size: var(--text-sm, 0.833em)
      }
      .x-tue {
        font-size: 1em
      }
      .x-tut {
        font-size: var(--text-md, 1.2em)
      }
      .x-tun {
        font-size: var(--text-lg, 1.44em)
      }
      .x-tur {
        font-size: var(--text-xl, 1.728em)
      }
      .x-tui {
        font-size: var(--text-xxl, 2.074em)
      }
      .x-tus {
        font-size: var(--text-xxxl, 2.488em)
      }
      .x-tuo {
        font-size: var(--text-xxxxl, 2.985em)
      }
    }
    .x-tuu {
      display: none!important
    }
  }
  
  @media not all and (min-width:48rem) {
    .x-tua {
      margin: 0!important
    }
    .x-tuf {
      padding: 0!important
    }
    .x-tul {
      display: none!important
    }
  }
  
  @media(min-width:64rem) {
    .x-tuc {
      display: flex
    }
    .x-tuh {
      display: inline-flex
    }
    .x-tup {
      flex-wrap: wrap
    }
    .x-tud {
      flex-direction: column
    }
    .x-tuv {
      flex-direction: column-reverse
    }
    .x-tum {
      flex-direction: row
    }
    .x-tug {
      flex-direction: row-reverse
    }
    .x-tuy {
      justify-content: center;
      align-items: center
    }
    .x-tub {
      flex-grow: 0
    }
    .x-tuw {
      flex-grow: 1
    }
    .x-tux {
      flex-shrink: 0
    }
    .x-tuk {
      flex-shrink: 1
    }
    .x-tu_ {
      justify-content: flex-start
    }
    .x-tuj {
      justify-content: flex-end
    }
    .x-tuq {
      justify-content: center
    }
    .x-tuz {
      justify-content: space-between
    }
    .x-tae {
      align-items: center
    }
    .x-tat {
      align-items: flex-start
    }
    .x-tan {
      align-items: flex-end
    }
    .x-tar {
      align-items: baseline
    }
    .x-tai {
      order: 1
    }
    .x-tas {
      order: 2
    }
    .x-tao {
      order: 3
    }
    .x-tau {
      display: block
    }
    .x-taa {
      display: inline-block
    }
    .x-taf {
      display: inline
    }
    @supports(--css:variables) {
      .x-tal {
        margin: var(--space-xxxxs)
      }
      .x-tac {
        margin: var(--space-xxxs)
      }
      .x-tah {
        margin: var(--space-xxs)
      }
      .x-tap {
        margin: var(--space-xs)
      }
      .x-tad {
        margin: var(--space-sm)
      }
      .x-tav {
        margin: var(--space-md)
      }
      .x-tam {
        margin: var(--space-lg)
      }
      .x-tag {
        margin: var(--space-xl)
      }
      .x-tay {
        margin: var(--space-xxl)
      }
      .x-tab {
        margin: var(--space-xxxl)
      }
      .x-taw {
        margin: var(--space-xxxxl)
      }
      .x-tax {
        margin: auto
      }
      .x-tak {
        margin: 0
      }
      .x-ta_ {
        margin-top: var(--space-xxxxs)
      }
      .x-taj {
        margin-top: var(--space-xxxs)
      }
      .x-taq {
        margin-top: var(--space-xxs)
      }
      .x-taz {
        margin-top: var(--space-xs)
      }
      .x-tfe {
        margin-top: var(--space-sm)
      }
      .x-tft {
        margin-top: var(--space-md)
      }
      .x-tfn {
        margin-top: var(--space-lg)
      }
      .x-tfr {
        margin-top: var(--space-xl)
      }
      .x-tfi {
        margin-top: var(--space-xxl)
      }
      .x-tfs {
        margin-top: var(--space-xxxl)
      }
      .x-tfo {
        margin-top: var(--space-xxxxl)
      }
      .x-tfu {
        margin-top: auto
      }
      .x-tfa {
        margin-top: 0
      }
      .x-tff {
        margin-bottom: var(--space-xxxxs)
      }
      .x-tfl {
        margin-bottom: var(--space-xxxs)
      }
      .x-tfc {
        margin-bottom: var(--space-xxs)
      }
      .x-tfh {
        margin-bottom: var(--space-xs)
      }
      .x-tfp {
        margin-bottom: var(--space-sm)
      }
      .x-tfd {
        margin-bottom: var(--space-md)
      }
      .x-tfv {
        margin-bottom: var(--space-lg)
      }
      .x-tfm {
        margin-bottom: var(--space-xl)
      }
      .x-tfg {
        margin-bottom: var(--space-xxl)
      }
      .x-tfy {
        margin-bottom: var(--space-xxxl)
      }
      .x-tfb {
        margin-bottom: var(--space-xxxxl)
      }
      .x-tfw {
        margin-bottom: auto
      }
      .x-tfx {
        margin-bottom: 0
      }
      .x-tfk {
        margin-right: var(--space-xxxxs)
      }
      .x-tf_ {
        margin-right: var(--space-xxxs)
      }
      .x-tfj {
        margin-right: var(--space-xxs)
      }
      .x-tfq {
        margin-right: var(--space-xs)
      }
      .x-tfz {
        margin-right: var(--space-sm)
      }
      .x-tle {
        margin-right: var(--space-md)
      }
      .x-tlt {
        margin-right: var(--space-lg)
      }
      .x-tln {
        margin-right: var(--space-xl)
      }
      .x-tlr {
        margin-right: var(--space-xxl)
      }
      .x-tli {
        margin-right: var(--space-xxxl)
      }
      .x-tls {
        margin-right: var(--space-xxxxl)
      }
      .x-tlo {
        margin-right: auto
      }
      .x-tlu {
        margin-right: 0
      }
      .x-tla {
        margin-left: var(--space-xxxxs)
      }
      .x-tlf {
        margin-left: var(--space-xxxs)
      }
      .x-tll {
        margin-left: var(--space-xxs)
      }
      .x-tlc {
        margin-left: var(--space-xs)
      }
      .x-tlh {
        margin-left: var(--space-sm)
      }
      .x-tlp {
        margin-left: var(--space-md)
      }
      .x-tld {
        margin-left: var(--space-lg)
      }
      .x-tlv {
        margin-left: var(--space-xl)
      }
      .x-tlm {
        margin-left: var(--space-xxl)
      }
      .x-tlg {
        margin-left: var(--space-xxxl)
      }
      .x-tly {
        margin-left: var(--space-xxxxl)
      }
      .x-tlb {
        margin-left: auto
      }
      .x-tlw {
        margin-left: 0
      }
      .x-tlx {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
      }
      .x-tlk {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
      }
      .x-tl_ {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
      }
      .x-tlj {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
      }
      .x-tlq {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
      }
      .x-tlz {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
      }
      .x-tce {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
      }
      .x-tct {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
      }
      .x-tcn {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
      }
      .x-tcr {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
      }
      .x-tci {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
      }
      .x-tcs {
        margin-left: auto;
        margin-right: auto
      }
      .x-tco {
        margin-left: 0;
        margin-right: 0
      }
      .x-tcu {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
      }
      .x-tca {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
      }
      .x-tcf {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
      }
      .x-tcl {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
      }
      .x-tcc {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
      }
      .x-tch {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
      }
      .x-tcp {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
      }
      .x-tcd {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
      }
      .x-tcv {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
      }
      .x-tcm {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
      }
      .x-tcg {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
      }
      .x-tcy {
        margin-top: auto;
        margin-bottom: auto
      }
      .x-tcb {
        margin-top: 0;
        margin-bottom: 0
      }
    }
    @supports(--css:variables) {
      .x-tcw {
        padding: var(--space-xxxxs)
      }
      .x-tcx {
        padding: var(--space-xxxs)
      }
      .x-tck {
        padding: var(--space-xxs)
      }
      .x-tc_ {
        padding: var(--space-xs)
      }
      .x-tcj {
        padding: var(--space-sm)
      }
      .x-tcq {
        padding: var(--space-md)
      }
      .x-tcz {
        padding: var(--space-lg)
      }
      .x-the {
        padding: var(--space-xl)
      }
      .x-tht {
        padding: var(--space-xxl)
      }
      .x-thn {
        padding: var(--space-xxxl)
      }
      .x-thr {
        padding: var(--space-xxxxl)
      }
      .x-thi {
        padding: 0
      }
      .x-ths {
        padding: var(--component-padding)
      }
      .x-tho {
        padding-top: var(--space-xxxxs)
      }
      .x-thu {
        padding-top: var(--space-xxxs)
      }
      .x-tha {
        padding-top: var(--space-xxs)
      }
      .x-thf {
        padding-top: var(--space-xs)
      }
      .x-thl {
        padding-top: var(--space-sm)
      }
      .x-thc {
        padding-top: var(--space-md)
      }
      .x-thh {
        padding-top: var(--space-lg)
      }
      .x-thp {
        padding-top: var(--space-xl)
      }
      .x-thd {
        padding-top: var(--space-xxl)
      }
      .x-thv {
        padding-top: var(--space-xxxl)
      }
      .x-thm {
        padding-top: var(--space-xxxxl)
      }
      .x-thg {
        padding-top: 0
      }
      .x-thy {
        padding-top: var(--component-padding)
      }
      .x-thb {
        padding-bottom: var(--space-xxxxs)
      }
      .x-thw {
        padding-bottom: var(--space-xxxs)
      }
      .x-thx {
        padding-bottom: var(--space-xxs)
      }
      .x-thk {
        padding-bottom: var(--space-xs)
      }
      .x-th_ {
        padding-bottom: var(--space-sm)
      }
      .x-thj {
        padding-bottom: var(--space-md)
      }
      .x-thq {
        padding-bottom: var(--space-lg)
      }
      .x-thz {
        padding-bottom: var(--space-xl)
      }
      .x-tpe {
        padding-bottom: var(--space-xxl)
      }
      .x-tpt {
        padding-bottom: var(--space-xxxl)
      }
      .x-tpn {
        padding-bottom: var(--space-xxxxl)
      }
      .x-tpr {
        padding-bottom: 0
      }
      .x-tpi {
        padding-bottom: var(--component-padding)
      }
      .x-tps {
        padding-right: var(--space-xxxxs)
      }
      .x-tpo {
        padding-right: var(--space-xxxs)
      }
      .x-tpu {
        padding-right: var(--space-xxs)
      }
      .x-tpa {
        padding-right: var(--space-xs)
      }
      .x-tpf {
        padding-right: var(--space-sm)
      }
      .x-tpl {
        padding-right: var(--space-md)
      }
      .x-tpc {
        padding-right: var(--space-lg)
      }
      .x-tph {
        padding-right: var(--space-xl)
      }
      .x-tpp {
        padding-right: var(--space-xxl)
      }
      .x-tpd {
        padding-right: var(--space-xxxl)
      }
      .x-tpv {
        padding-right: var(--space-xxxxl)
      }
      .x-tpm {
        padding-right: 0
      }
      .x-tpg {
        padding-right: var(--component-padding)
      }
      .x-tpy {
        padding-left: var(--space-xxxxs)
      }
      .x-tpb {
        padding-left: var(--space-xxxs)
      }
      .x-tpw {
        padding-left: var(--space-xxs)
      }
      .x-tpx {
        padding-left: var(--space-xs)
      }
      .x-tpk {
        padding-left: var(--space-sm)
      }
      .x-tp_ {
        padding-left: var(--space-md)
      }
      .x-tpj {
        padding-left: var(--space-lg)
      }
      .x-tpq {
        padding-left: var(--space-xl)
      }
      .x-tpz {
        padding-left: var(--space-xxl)
      }
      .x-tde {
        padding-left: var(--space-xxxl)
      }
      .x-tdt {
        padding-left: var(--space-xxxxl)
      }
      .x-tdn {
        padding-left: 0
      }
      .x-tdr {
        padding-left: var(--component-padding)
      }
      .x-tdi {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
      }
      .x-tds {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
      }
      .x-tdo {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
      }
      .x-tdu {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
      }
      .x-tda {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
      }
      .x-tdf {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
      }
      .x-tdl {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
      }
      .x-tdc {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
      }
      .x-tdh {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
      }
      .x-tdp {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
      }
      .x-tdd {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
      }
      .x-tdv {
        padding-left: 0;
        padding-right: 0
      }
      .x-tdm {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
      }
      .x-tdg {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
      }
      .x-tdy {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
      }
      .x-tdb {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
      }
      .x-tdw {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
      }
      .x-tdx {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
      }
      .x-tdk {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
      }
      .x-td_ {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
      }
      .x-tdj {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
      }
      .x-tdq {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
      }
      .x-tdz {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
      }
      .x-tve {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
      }
      .x-tvt {
        padding-top: 0;
        padding-bottom: 0
      }
      .x-tvn {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
      }
    }
    .x-tvr {
      text-align: center
    }
    .x-tvi {
      text-align: left
    }
    .x-tvs {
      text-align: right
    }
    .x-tvo {
      text-align: justify
    }
    @supports(--css:variables) {
      .x-tvu {
        font-size: var(--text-xs, 0.694em)
      }
      .x-tva {
        font-size: var(--text-sm, 0.833em)
      }
      .x-tvf {
        font-size: 1em
      }
      .x-tvl {
        font-size: var(--text-md, 1.2em)
      }
      .x-tvc {
        font-size: var(--text-lg, 1.44em)
      }
      .x-tvh {
        font-size: var(--text-xl, 1.728em)
      }
      .x-tvp {
        font-size: var(--text-xxl, 2.074em)
      }
      .x-tvd {
        font-size: var(--text-xxxl, 2.488em)
      }
      .x-tvv {
        font-size: var(--text-xxxxl, 2.985em)
      }
    }
    .x-tvm {
      display: none!important
    }
  }
  
  @media not all and (min-width:64rem) {
    .x-tvg {
      margin: 0!important
    }
    .x-tvy {
      padding: 0!important
    }
    .x-tvb {
      display: none!important
    }
  }
  
  @media(min-width:80rem) {
    .x-tvw {
      display: flex
    }
    .x-tvx {
      display: inline-flex
    }
    .x-tvk {
      flex-wrap: wrap
    }
    .x-tv_ {
      flex-direction: column
    }
    .x-tvj {
      flex-direction: column-reverse
    }
    .x-tvq {
      flex-direction: row
    }
    .x-tvz {
      flex-direction: row-reverse
    }
    .x-tme {
      justify-content: center;
      align-items: center
    }
    .x-tmt {
      flex-grow: 0
    }
    .x-tmn {
      flex-grow: 1
    }
    .x-tmr {
      flex-shrink: 0
    }
    .x-tmi {
      flex-shrink: 1
    }
    .x-tms {
      justify-content: flex-start
    }
    .x-tmo {
      justify-content: flex-end
    }
    .x-tmu {
      justify-content: center
    }
    .x-tma {
      justify-content: space-between
    }
    .x-tmf {
      align-items: center
    }
    .x-tml {
      align-items: flex-start
    }
    .x-tmc {
      align-items: flex-end
    }
    .x-tmh {
      align-items: baseline
    }
    .x-tmp {
      order: 1
    }
    .x-tmd {
      order: 2
    }
    .x-tmv {
      order: 3
    }
    .x-tmm {
      display: block
    }
    .x-tmg {
      display: inline-block
    }
    .x-tmy {
      display: inline
    }
    @supports(--css:variables) {
      .x-tmb {
        margin: var(--space-xxxxs)
      }
      .x-tmw {
        margin: var(--space-xxxs)
      }
      .x-tmx {
        margin: var(--space-xxs)
      }
      .x-tmk {
        margin: var(--space-xs)
      }
      .x-tm_ {
        margin: var(--space-sm)
      }
      .x-tmj {
        margin: var(--space-md)
      }
      .x-tmq {
        margin: var(--space-lg)
      }
      .x-tmz {
        margin: var(--space-xl)
      }
      .x-tge {
        margin: var(--space-xxl)
      }
      .x-tgt {
        margin: var(--space-xxxl)
      }
      .x-tgn {
        margin: var(--space-xxxxl)
      }
      .x-tgr {
        margin: auto
      }
      .x-tgi {
        margin: 0
      }
      .x-tgs {
        margin-top: var(--space-xxxxs)
      }
      .x-tgo {
        margin-top: var(--space-xxxs)
      }
      .x-tgu {
        margin-top: var(--space-xxs)
      }
      .x-tga {
        margin-top: var(--space-xs)
      }
      .x-tgf {
        margin-top: var(--space-sm)
      }
      .x-tgl {
        margin-top: var(--space-md)
      }
      .x-tgc {
        margin-top: var(--space-lg)
      }
      .x-tgh {
        margin-top: var(--space-xl)
      }
      .x-tgp {
        margin-top: var(--space-xxl)
      }
      .x-tgd {
        margin-top: var(--space-xxxl)
      }
      .x-tgv {
        margin-top: var(--space-xxxxl)
      }
      .x-tgm {
        margin-top: auto
      }
      .x-tgg {
        margin-top: 0
      }
      .x-tgy {
        margin-bottom: var(--space-xxxxs)
      }
      .x-tgb {
        margin-bottom: var(--space-xxxs)
      }
      .x-tgw {
        margin-bottom: var(--space-xxs)
      }
      .x-tgx {
        margin-bottom: var(--space-xs)
      }
      .x-tgk {
        margin-bottom: var(--space-sm)
      }
      .x-tg_ {
        margin-bottom: var(--space-md)
      }
      .x-tgj {
        margin-bottom: var(--space-lg)
      }
      .x-tgq {
        margin-bottom: var(--space-xl)
      }
      .x-tgz {
        margin-bottom: var(--space-xxl)
      }
      .x-tye {
        margin-bottom: var(--space-xxxl)
      }
      .x-tyt {
        margin-bottom: var(--space-xxxxl)
      }
      .x-tyn {
        margin-bottom: auto
      }
      .x-tyr {
        margin-bottom: 0
      }
      .x-tyi {
        margin-right: var(--space-xxxxs)
      }
      .x-tys {
        margin-right: var(--space-xxxs)
      }
      .x-tyo {
        margin-right: var(--space-xxs)
      }
      .x-tyu {
        margin-right: var(--space-xs)
      }
      .x-tya {
        margin-right: var(--space-sm)
      }
      .x-tyf {
        margin-right: var(--space-md)
      }
      .x-tyl {
        margin-right: var(--space-lg)
      }
      .x-tyc {
        margin-right: var(--space-xl)
      }
      .x-tyh {
        margin-right: var(--space-xxl)
      }
      .x-typ {
        margin-right: var(--space-xxxl)
      }
      .x-tyd {
        margin-right: var(--space-xxxxl)
      }
      .x-tyv {
        margin-right: auto
      }
      .x-tym {
        margin-right: 0
      }
      .x-tyg {
        margin-left: var(--space-xxxxs)
      }
      .x-tyy {
        margin-left: var(--space-xxxs)
      }
      .x-tyb {
        margin-left: var(--space-xxs)
      }
      .x-tyw {
        margin-left: var(--space-xs)
      }
      .x-tyx {
        margin-left: var(--space-sm)
      }
      .x-tyk {
        margin-left: var(--space-md)
      }
      .x-ty_ {
        margin-left: var(--space-lg)
      }
      .x-tyj {
        margin-left: var(--space-xl)
      }
      .x-tyq {
        margin-left: var(--space-xxl)
      }
      .x-tyz {
        margin-left: var(--space-xxxl)
      }
      .x-tbe {
        margin-left: var(--space-xxxxl)
      }
      .x-tbt {
        margin-left: auto
      }
      .x-tbn {
        margin-left: 0
      }
      .x-tbr {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
      }
      .x-tbi {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
      }
      .x-tbs {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
      }
      .x-tbo {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
      }
      .x-tbu {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
      }
      .x-tba {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
      }
      .x-tbf {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
      }
      .x-tbl {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
      }
      .x-tbc {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
      }
      .x-tbh {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
      }
      .x-tbp {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
      }
      .x-tbd {
        margin-left: auto;
        margin-right: auto
      }
      .x-tbv {
        margin-left: 0;
        margin-right: 0
      }
      .x-tbm {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
      }
      .x-tbg {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
      }
      .x-tby {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
      }
      .x-tbb {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
      }
      .x-tbw {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
      }
      .x-tbx {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
      }
      .x-tbk {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
      }
      .x-tb_ {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
      }
      .x-tbj {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
      }
      .x-tbq {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
      }
      .x-tbz {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
      }
      .x-twe {
        margin-top: auto;
        margin-bottom: auto
      }
      .x-twt {
        margin-top: 0;
        margin-bottom: 0
      }
    }
    @supports(--css:variables) {
      .x-twn {
        padding: var(--space-xxxxs)
      }
      .x-twr {
        padding: var(--space-xxxs)
      }
      .x-twi {
        padding: var(--space-xxs)
      }
      .x-tws {
        padding: var(--space-xs)
      }
      .x-two {
        padding: var(--space-sm)
      }
      .x-twu {
        padding: var(--space-md)
      }
      .x-twa {
        padding: var(--space-lg)
      }
      .x-twf {
        padding: var(--space-xl)
      }
      .x-twl {
        padding: var(--space-xxl)
      }
      .x-twc {
        padding: var(--space-xxxl)
      }
      .x-twh {
        padding: var(--space-xxxxl)
      }
      .x-twp {
        padding: 0
      }
      .x-twd {
        padding: var(--component-padding)
      }
      .x-twv {
        padding-top: var(--space-xxxxs)
      }
      .x-twm {
        padding-top: var(--space-xxxs)
      }
      .x-twg {
        padding-top: var(--space-xxs)
      }
      .x-twy {
        padding-top: var(--space-xs)
      }
      .x-twb {
        padding-top: var(--space-sm)
      }
      .x-tww {
        padding-top: var(--space-md)
      }
      .x-twx {
        padding-top: var(--space-lg)
      }
      .x-twk {
        padding-top: var(--space-xl)
      }
      .x-tw_ {
        padding-top: var(--space-xxl)
      }
      .x-twj {
        padding-top: var(--space-xxxl)
      }
      .x-twq {
        padding-top: var(--space-xxxxl)
      }
      .x-twz {
        padding-top: 0
      }
      .x-txe {
        padding-top: var(--component-padding)
      }
      .x-txt {
        padding-bottom: var(--space-xxxxs)
      }
      .x-txn {
        padding-bottom: var(--space-xxxs)
      }
      .x-txr {
        padding-bottom: var(--space-xxs)
      }
      .x-txi {
        padding-bottom: var(--space-xs)
      }
      .x-txs {
        padding-bottom: var(--space-sm)
      }
      .x-txo {
        padding-bottom: var(--space-md)
      }
      .x-txu {
        padding-bottom: var(--space-lg)
      }
      .x-txa {
        padding-bottom: var(--space-xl)
      }
      .x-txf {
        padding-bottom: var(--space-xxl)
      }
      .x-txl {
        padding-bottom: var(--space-xxxl)
      }
      .x-txc {
        padding-bottom: var(--space-xxxxl)
      }
      .x-txh {
        padding-bottom: 0
      }
      .x-txp {
        padding-bottom: var(--component-padding)
      }
      .x-txd {
        padding-right: var(--space-xxxxs)
      }
      .x-txv {
        padding-right: var(--space-xxxs)
      }
      .x-txm {
        padding-right: var(--space-xxs)
      }
      .x-txg {
        padding-right: var(--space-xs)
      }
      .x-txy {
        padding-right: var(--space-sm)
      }
      .x-txb {
        padding-right: var(--space-md)
      }
      .x-txw {
        padding-right: var(--space-lg)
      }
      .x-txx {
        padding-right: var(--space-xl)
      }
      .x-txk {
        padding-right: var(--space-xxl)
      }
      .x-tx_ {
        padding-right: var(--space-xxxl)
      }
      .x-txj {
        padding-right: var(--space-xxxxl)
      }
      .x-txq {
        padding-right: 0
      }
      .x-txz {
        padding-right: var(--component-padding)
      }
      .x-tke {
        padding-left: var(--space-xxxxs)
      }
      .x-tkt {
        padding-left: var(--space-xxxs)
      }
      .x-tkn {
        padding-left: var(--space-xxs)
      }
      .x-tkr {
        padding-left: var(--space-xs)
      }
      .x-tki {
        padding-left: var(--space-sm)
      }
      .x-tks {
        padding-left: var(--space-md)
      }
      .x-tko {
        padding-left: var(--space-lg)
      }
      .x-tku {
        padding-left: var(--space-xl)
      }
      .x-tka {
        padding-left: var(--space-xxl)
      }
      .x-tkf {
        padding-left: var(--space-xxxl)
      }
      .x-tkl {
        padding-left: var(--space-xxxxl)
      }
      .x-tkc {
        padding-left: 0
      }
      .x-tkh {
        padding-left: var(--component-padding)
      }
      .x-tkp {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
      }
      .x-tkd {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
      }
      .x-tkv {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
      }
      .x-tkm {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
      }
      .x-tkg {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
      }
      .x-tky {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
      }
      .x-tkb {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
      }
      .x-tkw {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
      }
      .x-tkx {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
      }
      .x-tkk {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
      }
      .x-tk_ {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
      }
      .x-tkj {
        padding-left: 0;
        padding-right: 0
      }
      .x-tkq {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
      }
      .x-tkz {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
      }
      .x-t_e {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
      }
      .x-t_t {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
      }
      .x-t_n {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
      }
      .x-t_r {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
      }
      .x-t_i {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
      }
      .x-t_s {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
      }
      .x-t_o {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
      }
      .x-t_u {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
      }
      .x-t_a {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
      }
      .x-t_f {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
      }
      .x-t_l {
        padding-top: 0;
        padding-bottom: 0
      }
      .x-t_c {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
      }
    }
    .x-t_h {
      text-align: center
    }
    .x-t_p {
      text-align: left
    }
    .x-t_d {
      text-align: right
    }
    .x-t_v {
      text-align: justify
    }
    @supports(--css:variables) {
      .x-t_m {
        font-size: var(--text-xs, 0.694em)
      }
      .x-t_g {
        font-size: var(--text-sm, 0.833em)
      }
      .x-t_y {
        font-size: 1em
      }
      .x-t_b {
        font-size: var(--text-md, 1.2em)
      }
      .x-t_w {
        font-size: var(--text-lg, 1.44em)
      }
      .x-t_x {
        font-size: var(--text-xl, 1.728em)
      }
      .x-t_k {
        font-size: var(--text-xxl, 2.074em)
      }
      .x-t__ {
        font-size: var(--text-xxxl, 2.488em)
      }
      .x-t_j {
        font-size: var(--text-xxxxl, 2.985em)
      }
    }
    .x-t_q {
      display: none!important
    }
  }
  
  @media not all and (min-width:80rem) {
    .x-t_z {
      margin: 0!important
    }
    .x-tje {
      padding: 0!important
    }
    .x-tjt {
      display: none!important
    }
  }
  
  @media(min-width:90rem) {
    .x-tjn {
      display: flex
    }
    .x-tjr {
      display: inline-flex
    }
    .x-tji {
      flex-wrap: wrap
    }
    .x-tjs {
      flex-direction: column
    }
    .x-tjo {
      flex-direction: column-reverse
    }
    .x-tju {
      flex-direction: row
    }
    .x-tja {
      flex-direction: row-reverse
    }
    .x-tjf {
      justify-content: center;
      align-items: center
    }
    .x-tjl {
      flex-grow: 0
    }
    .x-tjc {
      flex-grow: 1
    }
    .x-tjh {
      flex-shrink: 0
    }
    .x-tjp {
      flex-shrink: 1
    }
    .x-tjd {
      justify-content: flex-start
    }
    .x-tjv {
      justify-content: flex-end
    }
    .x-tjm {
      justify-content: center
    }
    .x-tjg {
      justify-content: space-between
    }
    .x-tjy {
      align-items: center
    }
    .x-tjb {
      align-items: flex-start
    }
    .x-tjw {
      align-items: flex-end
    }
    .x-tjx {
      align-items: baseline
    }
    .x-tjk {
      order: 1
    }
    .x-tj_ {
      order: 2
    }
    .x-tjj {
      order: 3
    }
    .x-tjq {
      display: block
    }
    .x-tjz {
      display: inline-block
    }
    .x-tqe {
      display: inline
    }
    @supports(--css:variables) {
      .x-tqt {
        margin: var(--space-xxxxs)
      }
      .x-tqn {
        margin: var(--space-xxxs)
      }
      .x-tqr {
        margin: var(--space-xxs)
      }
      .x-tqi {
        margin: var(--space-xs)
      }
      .x-tqs {
        margin: var(--space-sm)
      }
      .x-tqo {
        margin: var(--space-md)
      }
      .x-tqu {
        margin: var(--space-lg)
      }
      .x-tqa {
        margin: var(--space-xl)
      }
      .x-tqf {
        margin: var(--space-xxl)
      }
      .x-tql {
        margin: var(--space-xxxl)
      }
      .x-tqc {
        margin: var(--space-xxxxl)
      }
      .x-tqh {
        margin: auto
      }
      .x-tqp {
        margin: 0
      }
      .x-tqd {
        margin-top: var(--space-xxxxs)
      }
      .x-tqv {
        margin-top: var(--space-xxxs)
      }
      .x-tqm {
        margin-top: var(--space-xxs)
      }
      .x-tqg {
        margin-top: var(--space-xs)
      }
      .x-tqy {
        margin-top: var(--space-sm)
      }
      .x-tqb {
        margin-top: var(--space-md)
      }
      .x-tqw {
        margin-top: var(--space-lg)
      }
      .x-tqx {
        margin-top: var(--space-xl)
      }
      .x-tqk {
        margin-top: var(--space-xxl)
      }
      .x-tq_ {
        margin-top: var(--space-xxxl)
      }
      .x-tqj {
        margin-top: var(--space-xxxxl)
      }
      .x-tqq {
        margin-top: auto
      }
      .x-tqz {
        margin-top: 0
      }
      .x-tze {
        margin-bottom: var(--space-xxxxs)
      }
      .x-tzt {
        margin-bottom: var(--space-xxxs)
      }
      .x-tzn {
        margin-bottom: var(--space-xxs)
      }
      .x-tzr {
        margin-bottom: var(--space-xs)
      }
      .x-tzi {
        margin-bottom: var(--space-sm)
      }
      .x-tzs {
        margin-bottom: var(--space-md)
      }
      .x-tzo {
        margin-bottom: var(--space-lg)
      }
      .x-tzu {
        margin-bottom: var(--space-xl)
      }
      .x-tza {
        margin-bottom: var(--space-xxl)
      }
      .x-tzf {
        margin-bottom: var(--space-xxxl)
      }
      .x-tzl {
        margin-bottom: var(--space-xxxxl)
      }
      .x-tzc {
        margin-bottom: auto
      }
      .x-tzh {
        margin-bottom: 0
      }
      .x-tzp {
        margin-right: var(--space-xxxxs)
      }
      .x-tzd {
        margin-right: var(--space-xxxs)
      }
      .x-tzv {
        margin-right: var(--space-xxs)
      }
      .x-tzm {
        margin-right: var(--space-xs)
      }
      .x-tzg {
        margin-right: var(--space-sm)
      }
      .x-tzy {
        margin-right: var(--space-md)
      }
      .x-tzb {
        margin-right: var(--space-lg)
      }
      .x-tzw {
        margin-right: var(--space-xl)
      }
      .x-tzx {
        margin-right: var(--space-xxl)
      }
      .x-tzk {
        margin-right: var(--space-xxxl)
      }
      .x-tz_ {
        margin-right: var(--space-xxxxl)
      }
      .x-tzj {
        margin-right: auto
      }
      .x-tzq {
        margin-right: 0
      }
      .x-tzz {
        margin-left: var(--space-xxxxs)
      }
      .x-nee {
        margin-left: var(--space-xxxs)
      }
      .x-net {
        margin-left: var(--space-xxs)
      }
      .x-nen {
        margin-left: var(--space-xs)
      }
      .x-ner {
        margin-left: var(--space-sm)
      }
      .x-nei {
        margin-left: var(--space-md)
      }
      .x-nes {
        margin-left: var(--space-lg)
      }
      .x-neo {
        margin-left: var(--space-xl)
      }
      .x-neu {
        margin-left: var(--space-xxl)
      }
      .x-nea {
        margin-left: var(--space-xxxl)
      }
      .x-nef {
        margin-left: var(--space-xxxxl)
      }
      .x-nel {
        margin-left: auto
      }
      .x-nec {
        margin-left: 0
      }
      .x-neh {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
      }
      .x-nep {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
      }
      .x-ned {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
      }
      .x-nev {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
      }
      .x-nem {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
      }
      .x-neg {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
      }
      .x-ney {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
      }
      .x-neb {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
      }
      .x-new {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
      }
      .x-nex {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
      }
      .x-nek {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
      }
      .x-ne_ {
        margin-left: auto;
        margin-right: auto
      }
      .x-nej {
        margin-left: 0;
        margin-right: 0
      }
      .x-neq {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
      }
      .x-nez {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
      }
      .x-nte {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
      }
      .x-ntt {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
      }
      .x-ntn {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
      }
      .x-ntr {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
      }
      .x-nti {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
      }
      .x-nts {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
      }
      .x-nto {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
      }
      .x-ntu {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
      }
      .x-nta {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
      }
      .x-ntf {
        margin-top: auto;
        margin-bottom: auto
      }
      .x-ntl {
        margin-top: 0;
        margin-bottom: 0
      }
    }
    @supports(--css:variables) {
      .x-ntc {
        padding: var(--space-xxxxs)
      }
      .x-nth {
        padding: var(--space-xxxs)
      }
      .x-ntp {
        padding: var(--space-xxs)
      }
      .x-ntd {
        padding: var(--space-xs)
      }
      .x-ntv {
        padding: var(--space-sm)
      }
      .x-ntm {
        padding: var(--space-md)
      }
      .x-ntg {
        padding: var(--space-lg)
      }
      .x-nty {
        padding: var(--space-xl)
      }
      .x-ntb {
        padding: var(--space-xxl)
      }
      .x-ntw {
        padding: var(--space-xxxl)
      }
      .x-ntx {
        padding: var(--space-xxxxl)
      }
      .x-ntk {
        padding: 0
      }
      .x-nt_ {
        padding: var(--component-padding)
      }
      .x-ntj {
        padding-top: var(--space-xxxxs)
      }
      .x-ntq {
        padding-top: var(--space-xxxs)
      }
      .x-ntz {
        padding-top: var(--space-xxs)
      }
      .x-nne {
        padding-top: var(--space-xs)
      }
      .x-nnt {
        padding-top: var(--space-sm)
      }
      .x-nnn {
        padding-top: var(--space-md)
      }
      .x-nnr {
        padding-top: var(--space-lg)
      }
      .x-nni {
        padding-top: var(--space-xl)
      }
      .x-nns {
        padding-top: var(--space-xxl)
      }
      .x-nno {
        padding-top: var(--space-xxxl)
      }
      .x-nnu {
        padding-top: var(--space-xxxxl)
      }
      .x-nna {
        padding-top: 0
      }
      .x-nnf {
        padding-top: var(--component-padding)
      }
      .x-nnl {
        padding-bottom: var(--space-xxxxs)
      }
      .x-nnc {
        padding-bottom: var(--space-xxxs)
      }
      .x-nnh {
        padding-bottom: var(--space-xxs)
      }
      .x-nnp {
        padding-bottom: var(--space-xs)
      }
      .x-nnd {
        padding-bottom: var(--space-sm)
      }
      .x-nnv {
        padding-bottom: var(--space-md)
      }
      .x-nnm {
        padding-bottom: var(--space-lg)
      }
      .x-nng {
        padding-bottom: var(--space-xl)
      }
      .x-nny {
        padding-bottom: var(--space-xxl)
      }
      .x-nnb {
        padding-bottom: var(--space-xxxl)
      }
      .x-nnw {
        padding-bottom: var(--space-xxxxl)
      }
      .x-nnx {
        padding-bottom: 0
      }
      .x-nnk {
        padding-bottom: var(--component-padding)
      }
      .x-nn_ {
        padding-right: var(--space-xxxxs)
      }
      .x-nnj {
        padding-right: var(--space-xxxs)
      }
      .x-nnq {
        padding-right: var(--space-xxs)
      }
      .x-nnz {
        padding-right: var(--space-xs)
      }
      .x-nre {
        padding-right: var(--space-sm)
      }
      .x-nrt {
        padding-right: var(--space-md)
      }
      .x-nrn {
        padding-right: var(--space-lg)
      }
      .x-nrr {
        padding-right: var(--space-xl)
      }
      .x-nri {
        padding-right: var(--space-xxl)
      }
      .x-nrs {
        padding-right: var(--space-xxxl)
      }
      .x-nro {
        padding-right: var(--space-xxxxl)
      }
      .x-nru {
        padding-right: 0
      }
      .x-nra {
        padding-right: var(--component-padding)
      }
      .x-nrf {
        padding-left: var(--space-xxxxs)
      }
      .x-nrl {
        padding-left: var(--space-xxxs)
      }
      .x-nrc {
        padding-left: var(--space-xxs)
      }
      .x-nrh {
        padding-left: var(--space-xs)
      }
      .x-nrp {
        padding-left: var(--space-sm)
      }
      .x-nrd {
        padding-left: var(--space-md)
      }
      .x-nrv {
        padding-left: var(--space-lg)
      }
      .x-nrm {
        padding-left: var(--space-xl)
      }
      .x-nrg {
        padding-left: var(--space-xxl)
      }
      .x-nry {
        padding-left: var(--space-xxxl)
      }
      .x-nrb {
        padding-left: var(--space-xxxxl)
      }
      .x-nrw {
        padding-left: 0
      }
      .x-nrx {
        padding-left: var(--component-padding)
      }
      .x-nrk {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
      }
      .x-nr_ {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
      }
      .x-nrj {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
      }
      .x-nrq {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
      }
      .x-nrz {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
      }
      .x-nie {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
      }
      .x-nit {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
      }
      .x-nin {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
      }
      .x-nir {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
      }
      .x-nii {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
      }
      .x-nis {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
      }
      .x-nio {
        padding-left: 0;
        padding-right: 0
      }
      .x-niu {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
      }
      .x-nia {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
      }
      .x-nif {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
      }
      .x-nil {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
      }
      .x-nic {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
      }
      .x-nih {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
      }
      .x-nip {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
      }
      .x-nid {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
      }
      .x-niv {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
      }
      .x-nim {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
      }
      .x-nig {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
      }
      .x-niy {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
      }
      .x-nib {
        padding-top: 0;
        padding-bottom: 0
      }
      .x-niw {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
      }
    }
    .x-nix {
      text-align: center
    }
    .x-nik {
      text-align: left
    }
    .x-ni_ {
      text-align: right
    }
    .x-nij {
      text-align: justify
    }
    @supports(--css:variables) {
      .x-niq {
        font-size: var(--text-xs, 0.694em)
      }
      .x-niz {
        font-size: var(--text-sm, 0.833em)
      }
      .x-nse {
        font-size: 1em
      }
      .x-nst {
        font-size: var(--text-md, 1.2em)
      }
      .x-nsn {
        font-size: var(--text-lg, 1.44em)
      }
      .x-nsr {
        font-size: var(--text-xl, 1.728em)
      }
      .x-nsi {
        font-size: var(--text-xxl, 2.074em)
      }
      .x-nss {
        font-size: var(--text-xxxl, 2.488em)
      }
      .x-nso {
        font-size: var(--text-xxxxl, 2.985em)
      }
    }
    .x-nsu {
      display: none!important
    }
  }
  
  @media not all and (min-width:90rem) {
    .x-nsa {
      margin: 0!important
    }
    .x-nsf {
      padding: 0!important
    }
    .x-nsl {
      display: none!important
    }
  }
  
  html {
    scroll-behavior: smooth
  }
  
  :root {
    --toc-border-width: 1px
  }
  
  .x-rts {
    --space-unit: 1rem;
    --space-xxxxs: calc(0.125 * 1rem);
    --space-xxxs: calc(0.25 * 1rem);
    --space-xxs: calc(0.375 * 1rem);
    --space-xs: calc(0.5 * 1rem);
    --space-sm: calc(0.75 * 1rem);
    --space-md: calc(1.25 * 1rem);
    --space-lg: calc(2 * 1rem);
    --space-xl: calc(3.25 * 1rem);
    --space-xxl: calc(5.25 * 1rem);
    --space-xxxl: calc(8.5 * 1rem);
    --space-xxxxl: calc(13.75 * 1rem);
    --component-padding: var(--space-md);
    box-shadow: inset var(--toc-border-width) 0 0 var(--color-contrast-low)
  }
  
  .x-rto {
    position: -webkit-sticky;
    position: sticky;
    top: var(--space-md);
    max-height: calc(100vh - var(--space-md));
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
  
  .x-rtu {
    position: relative
  }
  
  .x-rtu .x-rtu .x-rta {
    padding-left: calc(var(--space-sm) * 2)
  }
  
  .x-rta,
  .x-rtf {
    padding: var(--space-xxxs) var(--space-sm)
  }
  
  .x-rta {
    position: relative;
    display: inline-flex;
    color: var(--color-contrast-medium);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  .x-rta::before {
    content: '';
    width: var(--toc-border-width);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
  }
  
  .x-rta:hover {
    color: var(--color-contrast-high)
  }
  
  .x-rtl {
    color: var(--color-primary)
  }
  
  .x-rtl::before {
    background-color: var(--color-primary)
  }
  
  .x-rtl:hover {
    color: var(--color-primary)
  }
  
  .x-rtf {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: var(--text-sm)
  }
  
  .x-rtc *:target {
    -webkit-animation: toc-target 2s;
    animation: toc-target 2s
  }
  
  @-webkit-keyframes toc-target {
    0%,
    50% {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)
    }
    100% {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0)
    }
  }
  
  @keyframes toc-target {
    0%,
    50% {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.5)
    }
    100% {
      outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0)
    }
  }
  
  :root {
    --accordion-v2-icon-size: 1em;
    --accordion-v2-icon-stroke-width: 1.5px
  }
  
  .accordion-v2__item {
    box-shadow: var(--shadow-sm);
    transition: .3s
  }
  
  .accordion-v2__item:hover {
    box-shadow: var(--shadow-md)
  }
  
  .x-nus {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer
  }
  
  .x-nus .icon {
    font-size: var(--accordion-v2-icon-size)
  }
  
  .x-nus .icon .x-nue {
    stroke-width: var(--accordion-v2-icon-stroke-width)
  }
  
  .x-nuo .x-nue {
    will-change: transform;
    -webkit-transform-origin: 8px 8px;
    transform-origin: 8px 8px
  }
  
  .x-nuo .x-nue>* {
    -webkit-transform-origin: 8px 8px;
    transform-origin: 8px 8px;
    stroke-dasharray: 17;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
  }
  
  .x-nuo .x-nue>*:first-child {
    stroke-dashoffset: 8.5
  }
  
  .x-nuo .x-nue>*:last-child {
    stroke-dashoffset: 8.5
  }
  
  .accordion-v2__item--is-open>.x-nus>.x-nuo .x-nue {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  
  .accordion-v2__item--is-open>.x-nus>.x-nuo .x-nue>*:first-child,
  .accordion-v2__item--is-open>.x-nus>.x-nuo .x-nue *:last-child {
    stroke-dashoffset: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px)
  }
  
  .js .x-nuu {
    display: none;
    will-change: height;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
  }
  
  .js .accordion-v2__item--is-open>.x-nuu {
    display: block
  }
  
  .accordion-v2[data-animation=on] .accordion-v2__item--is-open .x-nuu>* {
    -webkit-animation: accordion-v2-entry-animation .4s var(--ease-out);
    animation: accordion-v2-entry-animation .4s var(--ease-out)
  }
  
  .accordion-v2[data-animation=on] .x-nuo .x-nue {
    transition: -webkit-transform .3s var(--ease-out);
    transition: transform .3s var(--ease-out);
    transition: transform .3s var(--ease-out), -webkit-transform .3s var(--ease-out)
  }
  
  .accordion-v2[data-animation=on] .x-nuo .x-nue>* {
    transition: stroke-dashoffset .3s, -webkit-transform .3s;
    transition: transform .3s, stroke-dashoffset .3s;
    transition: transform .3s, stroke-dashoffset .3s, -webkit-transform .3s;
    transition-timing-function: var(--ease-out)
  }
  
  @-webkit-keyframes accordion-v2-entry-animation {
    from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
    }
  }
  
  @keyframes accordion-v2-entry-animation {
    from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
    }
  }