@layer base, components;
@layer components.hraness-design-kit.legacy, components.hraness-ui.legacy.base, components.hraness-ui.legacy, components.hraness-stylex.priority1, components.hraness-stylex.priority2, components.hraness-stylex.priority3, components.hraness-stylex.priority4, components.hraness-stylex.priority5, components.hraness-stylex.priority6, components.hraness-stylex.priority7, components.hraness-stylex.priority8;
@layer components.hraness-stylex.priority2 {
  .xqjagye {
    border-block: var(--hraness-marketing-rule);
  }

  .xln7xf2 {
    font: inherit;
  }

  .x5qop9b {
    grid-area: bottom;
  }

  .x3jjhf5 {
    grid-area: page;
  }

  .x1c6xfxh {
    grid-area: rail;
  }

  .x1njhr7p {
    grid-area: top;
  }

  .x17vz68e {
    grid-template: "rail top" auto "rail page" minmax(0,1fr) "rail bottom" auto  / var(--navigation-rail-width) minmax(0,1fr);
  }

  .x1fsnwvr {
    inset: -18%;
  }

  .x1l7mm2i {
    inset: -8%;
  }

  .x10a8y8t {
    inset: 0;
  }

  .xkdpibf {
    margin: -1px;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x78pyy4 {
    padding: .25rem;
  }

  .x1yen4p6 {
    padding: .35rem .6rem;
  }

  .xvnrejc {
    padding: .3rem .8rem;
  }

  .x7gbtqy {
    padding: .5rem;
  }

  .xkaxd7b {
    padding: .6rem .9rem;
  }

  .x19qf9ol {
    padding: .6rem 1.1rem;
  }

  .xslvvub {
    padding: .75rem .95rem;
  }

  .x79iv2k {
    padding: .75rem;
  }

  .x1732f5w {
    padding: 0 !important;
  }

  .x1717udv {
    padding: 0;
  }

  .x1dk9mx5 {
    padding: 1.25rem clamp(.8rem, 2vw, 1.5rem);
  }

  .x1uz70x1 {
    padding: 1rem;
  }

  .x1nn0urv {
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .xskt5hv {
    padding: clamp(1.25rem, 3vw, 2rem) clamp(1rem, 2.5vw, 1.75rem);
  }

  .x12fqarx {
    padding: clamp(1.25rem, 3vw, 2rem);
  }

  .xe0tb4u {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .x1cje537 {
    padding: clamp(1.5rem, 4vw, 2.5rem);
  }

  .xjhuplf {
    padding: var(--layout-chrome-inset);
  }

  .x15skzh0 {
    padding: var(--space-2) var(--space-3);
  }

  .xg94cu2 {
    padding: var(--space-3);
  }

  .xyz91iy {
    padding: var(--space-4);
  }

  @media (width <= 48rem) {
    .x1u8reri.x1u8reri {
      grid-area: trigger;
    }

    .x5m4t22.x5m4t22 {
      grid-template: "top trigger"
                     "page page" minmax(0, 1fr)
                     "bottom bottom"
                     / minmax(0, 1fr) auto;
    }

    .x1bmall5.x1bmall5 {
      padding: var(--layout-chrome-inset);
    }
  }
}

@layer components.hraness-stylex.priority3 {
  .x1y4qj14 {
    background-position: 0 0;
  }

  .x71po09 {
    background-position: calc(100% - 1rem), calc(100% - .75rem);
  }

  .x9ylygx {
    background-position: .7rem 1.4rem, .75rem 1.45rem, right .7rem bottom 1.4rem, right .75rem bottom 1.45rem, left 1.35rem bottom .7rem, left 1.4rem bottom .75rem, right 1.35rem top .7rem, right 1.4rem top .75rem;
  }

  .xhsufdf {
    background-position: .8rem .8rem, .8rem .8rem, right .8rem top .8rem, right .8rem top .8rem, left .8rem bottom .8rem, left .8rem bottom .8rem, right .8rem bottom .8rem, right .8rem bottom .8rem;
  }

  .x8owtp4 {
    background-position: 1rem .65rem, left 1rem bottom .65rem, .65rem 1rem, right .65rem top 1rem;
  }

  .x1akr6q6 {
    background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  }

  .xw2ojrw {
    background-position: var(--foil-light-x, 50%) var(--foil-light-y, 50%);
  }

  .x1r53nyk {
    background-position: var(--hraness-design-procedural-grid-offset-x) var(--hraness-design-procedural-grid-offset-y),var(--hraness-design-procedural-grid-offset-x) var(--hraness-design-procedural-grid-offset-y);
  }

  .xknh1wj {
    border-block-end: var(--hraness-marketing-rule);
  }

  .x1cjc3ue {
    border-block-start: 0;
  }

  .xlejusl {
    border-block-start: var(--hraness-marketing-rule);
  }

  .xaqea5y {
    border-bottom: 0;
  }

  .xp7h2jl {
    border-bottom: 1px solid color-mix(in oklch,var(--hraness-marketing-accent) 32%,transparent);
  }

  .xu8467y {
    border-bottom: 1px solid var(--hraness-marketing-line-strong);
  }

  .x1ld2yh7 {
    border-bottom: var(--hraness-marketing-rule);
  }

  .x2dnb2m {
    border-color: color-mix(in oklch,currentColor 35%,transparent);
  }

  .xc2unut {
    border-color: color-mix(in oklch,var(--hraness-design-procedural-ripple-color) 46%,transparent);
  }

  .x19ig9on {
    border-color: color-mix(in oklch,var(--ui-destructive) 45%,var(--ui-border));
  }

  .x9bx2s3 {
    border-color: color-mix(in oklch,var(--ui-destructive) 55%,var(--ui-border));
  }

  .xj794q3 {
    border-color: color-mix(in oklch,var(--ui-info) 45%,var(--ui-border));
  }

  .xziflcd {
    border-color: color-mix(in oklch,var(--ui-info) 55%,var(--ui-border));
  }

  .x7q492y {
    border-color: color-mix(in oklch,var(--ui-input) 65%,var(--ui-foreground));
  }

  .x1f9ahtz {
    border-color: color-mix(in oklch,var(--ui-primary) 28%,var(--ui-border));
  }

  .x1a2emv7 {
    border-color: color-mix(in oklch,var(--ui-primary) 35%,var(--ui-border));
  }

  .xot7yk0 {
    border-color: color-mix(in oklch,var(--ui-success) 45%,var(--ui-border));
  }

  .xtbbexc {
    border-color: color-mix(in oklch,var(--ui-success) 55%,var(--ui-border));
  }

  .xfk30nb {
    border-color: color-mix(in oklch,var(--ui-warning) 45%,var(--ui-border));
  }

  .x2zn8v0 {
    border-color: color-mix(in oklch,var(--ui-warning) 55%,var(--ui-border));
  }

  .x11d1vu1 {
    border-color: currentColor !important;
  }

  .x1r7ld26 {
    border-color: currentColor;
  }

  .x9r1u3d {
    border-color: #0000;
  }

  .x1g4gko8 {
    border-color: var(--background);
  }

  .xad5do {
    border-color: var(--color-accent);
  }

  .x1h7jz0a {
    border-color: var(--color-attention);
  }

  .xdc5znh {
    border-color: var(--color-control);
  }

  .xwo0fvf {
    border-color: var(--color-danger);
  }

  .x1jjjyok {
    border-color: var(--color-line);
  }

  .x1w4nuvj {
    border-color: var(--control-border, GrayText);
  }

  .x1kguame {
    border-color: var(--control-border);
  }

  .x1r32107 {
    border-color: var(--hraness-appearance-control-border, var(--ui-input, GrayText));
  }

  .x2zdn4l {
    border-color: var(--hraness-tag-accent, var(--ui-border));
  }

  .x67vgen {
    border-color: var(--ui-border);
  }

  .xjl0rct {
    border-color: var(--ui-destructive);
  }

  .xse0uuh {
    border-color: var(--ui-foreground);
  }

  .x1xs8ofy {
    border-color: var(--ui-input);
  }

  .xm03egy {
    border-color: var(--ui-primary);
  }

  .x1aygumy {
    border-color: var(--ui-ring);
  }

  .x9l8fd4 {
    border-inline-start: var(--hraness-marketing-rule);
  }

  .xwqakj {
    border-left: 0;
  }

  .x1gy1ewl {
    border-left: 1px solid color-mix(in oklch,var(--hraness-marketing-accent) 32%,transparent);
  }

  .x1q5zsyi {
    border-left: 1px solid var(--hraness-marketing-line-strong);
  }

  .xm9c49u {
    border-left: var(--hraness-marketing-rule);
  }

  .x16eypsj {
    border-radius: .25rem;
  }

  .x5goj4r {
    border-radius: .35rem;
  }

  .x6i6fhv {
    border-radius: .375rem;
  }

  .x18jy0o0 {
    border-radius: .4rem;
  }

  .x116uinm {
    border-radius: .5rem;
  }

  .x1yt6v20 {
    border-radius: .75rem;
  }

  .x18tx71f {
    border-radius: 46% 54% 52% 48% / 58% 44% 56% 42%;
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .x10hpsqq {
    border-radius: 9999px;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .x1pjcqnp {
    border-radius: inherit;
  }

  .x1c6t507 {
    border-radius: var(--control-radius);
  }

  .x1ec2q3q {
    border-radius: var(--foil-card-radius, var(--radius-lg, .75rem));
  }

  .x1eubfot {
    border-radius: var(--hraness-marketing-frame-radius);
  }

  .x19hin1r {
    border-radius: var(--hraness-marketing-radius);
  }

  .x16gy7dz {
    border-radius: var(--jelly-radius);
  }

  .xvy3trx {
    border-radius: var(--radius-lg, .75rem);
  }

  .xjb54qr {
    border-radius: var(--radius-lg);
  }

  .xyz7jqb {
    border-radius: var(--radius-md, .5rem);
  }

  .xhe58dl {
    border-radius: var(--radius-md);
  }

  .x18j2vf1 {
    border-radius: var(--radius-round);
  }

  .x1u5dnfi {
    border-radius: var(--radius-sharp);
  }

  .x1sybd2c {
    border-radius: var(--radius-sm);
  }

  .x1tj6v8e {
    border-right: 0;
  }

  .xrtjd90 {
    border-right: 1px solid color-mix(in oklch,var(--hraness-marketing-accent) 32%,transparent);
  }

  .x8a5x8j {
    border-right: 1px solid var(--hraness-marketing-line-strong);
  }

  .xl0qb3l {
    border-right: var(--hraness-marketing-rule);
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .x1lkz4a {
    border-style: none !important;
  }

  .xng3xce {
    border-style: none;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .x6umtig {
    border-top: 0;
  }

  .x1mfatxx {
    border-top: 1px solid color-mix(in oklch,var(--hraness-marketing-accent) 32%,transparent);
  }

  .xn57pnr {
    border-top: 1px solid var(--hraness-marketing-line-strong);
  }

  .xzdcvt0 {
    border-top: var(--hraness-marketing-rule);
  }

  .x1toeqfw {
    border-width: 0 !important;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x3psx0u {
    flex: none;
  }

  .xc8qplx {
    flex: 1 0 auto;
  }

  .xehxkzz {
    flex: 12rem;
  }

  .x12lumcd {
    flex: auto;
  }

  .x98rzlu {
    flex: 1;
  }

  .x1aazh3f {
    font-variant: inherit;
  }

  .x1enigpx {
    gap: .125rem;
  }

  .x1v1vtld {
    gap: .15rem 1.35rem;
  }

  .x38wis9 {
    gap: .25rem .5rem;
  }

  .x4upkte {
    gap: .25rem 1rem;
  }

  .xvh977a {
    gap: .25rem;
  }

  .x73f2yu {
    gap: .35rem;
  }

  .xpj7pl4 {
    gap: .375rem;
  }

  .x1rcpt3j {
    gap: .45rem;
  }

  .x1neeqzj {
    gap: .4rem;
  }

  .x339ura {
    gap: .5rem 1.25rem;
  }

  .x13z6uf9 {
    gap: .5rem;
  }

  .xb6y1gh {
    gap: .625rem;
  }

  .x5m0csh {
    gap: .65rem;
  }

  .x1uma3xh {
    gap: .6rem;
  }

  .xilar1o {
    gap: .75rem 1.5rem;
  }

  .x8233eu {
    gap: .75rem;
  }

  .x94aazo {
    gap: .85rem;
  }

  .x15iy025 {
    gap: 1.25rem;
  }

  .xru8eyw {
    gap: 1.5rem;
  }

  .x8fetqu {
    gap: 1rem;
  }

  .xmpxahs {
    gap: clamp(1.25rem, 4vw, 3rem);
  }

  .x13p3q8k {
    gap: clamp(1.5rem, 4vw, 3rem);
  }

  .x1kfhdh0 {
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .x5kxhqv {
    gap: var(--space-1, .25rem) var(--space-3, .75rem);
  }

  .x111l7ma {
    gap: var(--space-1) var(--space-2);
  }

  .xm15xud {
    gap: var(--space-1);
  }

  .xmgkybt {
    gap: var(--space-2);
  }

  .x96y02u {
    gap: var(--space-3);
  }

  .x1adtp44 {
    gap: var(--space-4, 1rem);
  }

  .xzci21y {
    gap: var(--space-4);
  }

  .xyesurp {
    gap: var(--space-6);
  }

  .xgkxs2y {
    grid-column: 1;
  }

  .x1ms6mhf {
    grid-row: 1;
  }

  .x7sv70a {
    grid-row: 2;
  }

  .x10no89f {
    inset-block: 0;
  }

  .x17y0mx6 {
    inset-inline: 0;
  }

  .xfpd54u {
    inset-inline: calc(50% - 2px);
  }

  .xe8uvvx {
    list-style: none;
  }

  .x10im51j {
    margin-block: 0;
  }

  .x15j7jsh {
    margin-block: 5px;
  }

  .x18t8w2r {
    margin-block: clamp(2rem, 6vh, 4rem) clamp(3.5rem, 10vh, 6rem);
  }

  .xrxpjvj {
    margin-inline: 0;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xysyzu8 {
    overflow: auto;
  }

  .x7giv3 {
    overflow: clip;
  }

  .x22f3wc {
    overflow: hidden !important;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1rea2x4 {
    overflow: visible;
  }

  .x1dus959 {
    padding-block: .125rem;
  }

  .x5utbj {
    padding-block: .1875rem;
  }

  .x1o5vn8x {
    padding-block: .25rem;
  }

  .x1bilvtl {
    padding-block: .375rem;
  }

  .x1vj3u9m {
    padding-block: .4rem;
  }

  .x18g2hj5 {
    padding-block: .5rem;
  }

  .xo0yzjp {
    padding-block: .75rem;
  }

  .xs0puwk {
    padding-block: 0 1.5rem;
  }

  .xt970qd {
    padding-block: 0;
  }

  .xgepmj6 {
    padding-block: 1rem;
  }

  .x1nyyes6 {
    padding-block: clamp(1.5rem, 4vw, 3rem);
  }

  .x1lkh1nq {
    padding-block: clamp(3.5rem, 9vw, 7rem) clamp(2.5rem, 6vw, 4.5rem);
  }

  .xh0s0sg {
    padding-block: max(var(--layout-chrome-inset),env(safe-area-inset-top)) var(--layout-chrome-inset);
  }

  .x2d8rr9 {
    padding-block: max(var(--space-2, .5rem),env(safe-area-inset-top));
  }

  .x1e7ni4k {
    padding-block: var(--hraness-marketing-section-space);
  }

  .x1noa3k7 {
    padding-block: var(--layout-chrome-inset) max(var(--layout-chrome-inset),env(safe-area-inset-bottom));
  }

  .x1dtp59r {
    padding-block: var(--layout-chrome-inset);
  }

  .xkdeioa {
    padding-block: var(--layout-edge-inset);
  }

  .x19cf7fd {
    padding-block: var(--space-1) max(var(--space-1),env(safe-area-inset-bottom));
  }

  .x1hpxurx {
    padding-block: var(--space-1);
  }

  .x1j5kcci {
    padding-block: var(--space-2);
  }

  .x1dk652i {
    padding-block: var(--space-3);
  }

  .xktq63f {
    padding-block: var(--space-4);
  }

  .x1e1zj16 {
    padding-block: var(--space-6);
  }

  .x6h58t4 {
    padding-block: var(--space-8);
  }

  .x1u5bktz {
    padding-inline: .125rem;
  }

  .x124z5kw {
    padding-inline: .1875rem;
  }

  .xllzysa {
    padding-inline: .25rem;
  }

  .x97vtpp {
    padding-inline: .5rem;
  }

  .xvpgqt4 {
    padding-inline: .625rem;
  }

  .x1ryrjj2 {
    padding-inline: .75rem;
  }

  .x1tt96h8 {
    padding-inline: .9rem;
  }

  .xnjsko4 {
    padding-inline: 0;
  }

  .x10wq4n4 {
    padding-inline: max(var(--layout-chrome-inset),env(safe-area-inset-left)) max(var(--layout-chrome-inset),env(safe-area-inset-right));
  }

  .x2qnaq3 {
    padding-inline: max(var(--layout-edge-inset),env(safe-area-inset-left)) max(var(--layout-edge-inset),env(safe-area-inset-right));
  }

  .x1yt8f57 {
    padding-inline: max(var(--space-4, 1rem),env(safe-area-inset-left)) max(var(--space-4, 1rem),env(safe-area-inset-right));
  }

  .xy8kwyo {
    padding-inline: var(--hraness-marketing-gutter);
  }

  .x60vcjr {
    padding-inline: var(--hraness-quiet-site-gutter, 1.25rem);
  }

  .xfmotut {
    padding-inline: var(--layout-chrome-inset);
  }

  .x1w88gy1 {
    padding-inline: var(--layout-edge-inset);
  }

  .x1r26wqr {
    padding-inline: var(--space-1);
  }

  .xv2ckdy {
    padding-inline: var(--space-2);
  }

  .x27hgv3 {
    padding-inline: var(--space-3);
  }

  .x13g845m {
    padding-inline: var(--space-4);
  }

  .x1g860ya {
    padding-inline: var(--space-6);
  }

  .x10k7wzd {
    padding-inline: var(--space-8);
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

  .x1bvjpef {
    text-decoration: underline;
  }

  .x123h4s9:is([data-hovered], :hover), .x1hv131x:is([data-focused], [data-hovered], :focus-visible, :hover) {
    background-position: 0 0;
  }

  .x4dpq5y:focus-within, .xojh9ox:focus-visible {
    border-color: var(--ui-destructive);
  }

  .x1c7m8e0:focus-within, .x1k5f354:focus-visible {
    border-color: var(--ui-ring);
  }

  .xj8ojqv:focus-visible {
    border-radius: .25rem;
  }

  .x13mrud1:focus-visible {
    outline: 2px solid var(--hraness-marketing-accent);
  }

  .x1jzi1v9:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    background-position: .75rem, 1rem;
  }

  .xduu9rl:hover {
    background-position: 0 0;
  }

  .xj91kar:hover {
    border-color: color-mix(in oklch,var(--ui-input) 65%,var(--ui-foreground));
  }

  .x19pv2u9:hover {
    border-color: color-mix(in oklch,var(--ui-primary) 35%,var(--ui-border));
  }

  .xxubsxb:hover {
    border-color: var(--ui-destructive);
  }

  .x1sw2twm:hover {
    border-color: var(--ui-primary);
  }

  .x1lku1pv:hover {
    text-decoration: none;
  }

  .xt0b8zv:hover {
    text-decoration: underline;
  }

  @media (forced-colors: active) {
    .x2c5uud.x2c5uud {
      background-position: 0 0;
    }
  }

  @media (width <= 48rem) {
    .x1rzon3k.x1rzon3k {
      border-block-start: var(--hraness-marketing-rule);
    }
  }

  @media (forced-colors: active) {
    .xtthz4l.xtthz4l {
      border-bottom: 1px solid canvastext;
    }

    .x1w1tqly.x1w1tqly, .xh5fzc.xh5fzc {
      border-color: canvastext;
    }

    .x18dem5r.x18dem5r {
      border-color: highlight;
    }
  }

  @media (width <= 48rem) {
    .xuk7mnp.xuk7mnp {
      border-inline-start: 0;
    }
  }

  @media (forced-colors: active) {
    .xug5yj.xug5yj {
      border-left: 1px solid canvastext;
    }

    .xv2i73l.xv2i73l {
      border-right: 1px solid canvastext;
    }

    .xx61lck.xx61lck, .x1604q5y.x1604q5y {
      border-style: solid;
    }

    .x18z9243.x18z9243 {
      border-top: 1px solid canvastext;
    }

    .x13rsnn2.x13rsnn2, .x3i8w7j.x3i8w7j {
      border-width: 1px;
    }
  }

  @media (width <= 48rem) {
    .x7csx6o.x7csx6o {
      gap: .15rem 1rem;
    }

    .x9nclcg.x9nclcg {
      padding-block: .6rem;
    }

    .x1e98eu2.x1e98eu2 {
      place-items: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x82x5i2.x82x5i2 {
      transition: none !important;
    }
  }

  @media (forced-colors: active) {
    .x36b5vz.x36b5vz:focus-visible, .xz97hxr.xz97hxr:focus-within, .xk5x9zm.xk5x9zm:hover {
      border-color: canvastext;
    }
  }
}

@layer components.hraness-stylex.priority4 {
  .xayle1h {
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
  }

  .x1ua5tub {
    -webkit-box-orient: vertical;
  }

  .xvmahel {
    -webkit-font-smoothing: antialiased;
  }

  .x1h7i4cw {
    -webkit-line-clamp: 2;
  }

  .x1gjg8y4 {
    -webkit-mask-image: radial-gradient(#000 8%, #0000 78%);
  }

  .x1vgqp62 {
    accent-color: var(--primary, Highlight);
  }

  .xc26acl {
    align-content: center;
  }

  .xcdzlcm {
    align-content: space-between;
  }

  .x10ukxgv {
    align-content: start;
  }

  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .xpqajaz {
    align-items: end;
  }

  .xuk3077 {
    align-items: flex-end;
  }

  .x1cy8zhl {
    align-items: flex-start;
  }

  .x7a106z {
    align-items: start;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .xamitd3 {
    align-self: center;
  }

  .x1y8v6su {
    align-self: start;
  }

  .xkh2ocl {
    align-self: stretch;
  }

  .x12epk6h {
    animation-composition: replace;
  }

  .x1uzojwf {
    animation-delay: 0s;
  }

  .x6z0ubo {
    animation-delay: var(--hraness-design-particle-delay);
  }

  .xvgw50p {
    animation-delay: var(--hraness-design-procedural-layer-delay);
  }

  .xwcsn50 {
    animation-delay: var(--hraness-design-procedural-ripple-delay);
  }

  .xpz12be {
    animation-direction: alternate;
  }

  .x1s0aqod {
    animation-direction: normal;
  }

  .xof6966 {
    animation-duration: .7s;
  }

  .x1gm38ng {
    animation-duration: 1.25s;
  }

  .x1sbju2s {
    animation-duration: 1.4s;
  }

  .xjq15ov {
    animation-duration: 18s;
  }

  .xius3t {
    animation-duration: 2.4s;
  }

  .xyjyscg {
    animation-duration: var(--hraness-design-particle-duration);
  }

  .x9wl2nn {
    animation-duration: var(--hraness-design-procedural-layer-duration);
  }

  .x16i0x8k {
    animation-duration: var(--hraness-design-procedural-ripple-duration);
  }

  .x1u9099l {
    animation-duration: var(--motion-duration-fast);
  }

  .x1fi45qw {
    animation-duration: var(--motion-duration-slow);
  }

  .xk0v9jz {
    animation-duration: var(--motion-duration-standard);
  }

  .x1u6ievf {
    animation-fill-mode: both;
  }

  .x1ir97tl {
    animation-fill-mode: none;
  }

  .x1v7wizp {
    animation-iteration-count: 1;
  }

  .xa4qsjk {
    animation-iteration-count: infinite;
  }

  .xpcr379 {
    animation-name: x14k4uad-B;
  }

  .xmqj9yv {
    animation-name: x17ibfk4-B;
  }

  .xp11wl8 {
    animation-name: x1ez0eqx-B;
  }

  .x3zdody {
    animation-name: x1kak29a-B;
  }

  .xsuiv4y {
    animation-name: x1mi9bte-B;
  }

  .x1lt3hix {
    animation-name: x1mxvtaw-B;
  }

  .x1no39iu {
    animation-name: x1npa8st-B;
  }

  .xnjvcao {
    animation-name: x1uh2x5g-B;
  }

  .xze2bu8 {
    animation-name: x311acs-B;
  }

  .xnkut1w {
    animation-name: xaiwn2n-B;
  }

  .xee4ywd {
    animation-name: xazk77x-B;
  }

  .x1t1kwt8 {
    animation-name: xfjtvp7-B;
  }

  .x1kamihp {
    animation-name: xjmx4j0-B;
  }

  .x1idon5y {
    animation-name: xoai65e-B;
  }

  .x1j4p4jw {
    animation-name: xw2c1lr-B;
  }

  .xoj058f {
    animation-play-state: running;
  }

  .xymwk3t {
    animation-range-end: normal;
  }

  .x10si4xm {
    animation-range-start: normal;
  }

  .xyuw9oy {
    animation-timeline: auto;
  }

  .x4hg4is {
    animation-timing-function: ease-in-out;
  }

  .x1esw782 {
    animation-timing-function: linear;
  }

  .xb8h89d {
    animation-timing-function: var(--motion-easing-emphasized);
  }

  .x1om7lm2 {
    animation-timing-function: var(--motion-easing-standard);
  }

  .xjyslct {
    appearance: none;
  }

  .x116o27y {
    aspect-ratio: 1 / var(--hraness-design-procedural-ripple-aspect);
  }

  .x1exceir {
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    backdrop-filter: blur(14px) saturate(1.4);
  }

  .xz687w2 {
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    backdrop-filter: blur(18px) saturate(1.08);
  }

  .x1fdtg7e {
    background-attachment: scroll;
  }

  .x1u7o2vf {
    background-clip: border-box;
  }

  .x1gq7pca {
    background-color: #fc3;
  }

  .x1rluqol {
    background-color: #0000008c;
    background-color: lab(0% 0 0 / .55);
  }

  .x1g71ool {
    background-color: color-mix(in oklch,var(--background) 90%,transparent);
  }

  .xdx376k {
    background-color: color-mix(in oklch,var(--background) var(--hraness-design-aurora-background-mix, 86%),transparent);
  }

  .x8fiqwk {
    background-color: color-mix(in oklch,var(--foreground) 7%,transparent);
  }

  .x1uh4jhl {
    background-color: color-mix(in oklch,var(--foreground) 8%,transparent);
  }

  .xbo1qdt {
    background-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 14%,transparent);
  }

  .x13bddl2 {
    background-color: color-mix(in oklch,var(--hraness-marketing-background) 82%,transparent);
  }

  .xsuzxoi {
    background-color: color-mix(in oklch,var(--hraness-marketing-ink) 18%,transparent);
  }

  .x162bimy {
    background-color: color-mix(in oklch,var(--hraness-marketing-ink) 7%,transparent);
  }

  .x1cmuqeg {
    background-color: color-mix(in oklch,var(--popover) 94%,transparent);
  }

  .xh690g3 {
    background-color: color-mix(in oklch,var(--ui-destructive) 12%,var(--ui-card));
  }

  .xptldvt {
    background-color: color-mix(in oklch,var(--ui-destructive) 12%,var(--ui-popover));
  }

  .x15id337 {
    background-color: color-mix(in oklch,var(--ui-destructive) 9%,var(--ui-card));
  }

  .xhk71r8 {
    background-color: color-mix(in oklch,var(--ui-primary) 88%,var(--ui-background));
  }

  .xgdu39w {
    background-color: color-mix(in oklch,var(--ui-secondary) 82%,var(--ui-foreground));
  }

  .xtwfq29 {
    background-color: currentColor;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x17tv4j5 {
    background-color: var(--background, Canvas);
  }

  .x11gw9ax {
    background-color: var(--background);
  }

  .x1scxome {
    background-color: var(--card, var(--surface, #111217));
  }

  .xm5oqsf {
    background-color: var(--color-accent-ink);
  }

  .x1ewilqj {
    background-color: var(--color-accent);
  }

  .x1n6fhvd {
    background-color: var(--color-danger);
  }

  .x14ckg6f {
    background-color: var(--color-ink);
  }

  .xvm1e7v {
    background-color: var(--color-surface-input);
  }

  .xr17lhk {
    background-color: var(--color-surface-raised);
  }

  .xk7eln3 {
    background-color: var(--color-surface);
  }

  .x1uslotl {
    background-color: var(--grid);
  }

  .x12dugtb {
    background-color: var(--hraness-appearance-control-background, var(--ui-background, Canvas));
  }

  .x141cw3e {
    background-color: var(--hraness-appearance-popover-background, var(--ui-popover, Canvas));
  }

  .x1hnzg9s {
    background-color: var(--hraness-design-chart-color);
  }

  .x10mczmc {
    background-color: var(--hraness-design-particle-color);
  }

  .xhjy6h9 {
    background-color: var(--hraness-field-surface, var(--ui-background));
  }

  .xopakvp {
    background-color: var(--hraness-field-surface, var(--ui-card));
  }

  .x3uzaca {
    background-color: var(--hraness-field-surface, var(--ui-muted));
  }

  .x4mtw51 {
    background-color: var(--hraness-marketing-accent-ink);
  }

  .x5pkgvi {
    background-color: var(--hraness-marketing-accent-soft);
  }

  .xvor1dj {
    background-color: var(--hraness-marketing-accent);
  }

  .xnrqjil {
    background-color: var(--hraness-marketing-background);
  }

  .x1itpb23 {
    background-color: var(--hraness-marketing-surface);
  }

  .x1awrtuo {
    background-color: var(--popover, Canvas);
  }

  .xqy2nev {
    background-color: var(--popover);
  }

  .x8qxh4v {
    background-color: var(--primary);
  }

  .x1ut2sa4 {
    background-color: var(--secondary);
  }

  .xitqygx {
    background-color: var(--surface-raised);
  }

  .xuvt9l {
    background-color: var(--surface);
  }

  .xj6r5nx {
    background-color: var(--ui-accent);
  }

  .xy79xod {
    background-color: var(--ui-background);
  }

  .xvchgeb {
    background-color: var(--ui-border);
  }

  .x15fjbwc {
    background-color: var(--ui-card);
  }

  .x1y1ug {
    background-color: var(--ui-destructive);
  }

  .x1xl9hbl {
    background-color: var(--ui-foreground);
  }

  .x1a3v2hg {
    background-color: var(--ui-info-soft);
  }

  .x1efuugo {
    background-color: var(--ui-info);
  }

  .x1wka170 {
    background-color: var(--ui-muted-foreground);
  }

  .xukhggj {
    background-color: var(--ui-muted);
  }

  .xwrrvqk {
    background-color: var(--ui-popover);
  }

  .x731cg7 {
    background-color: var(--ui-primary-foreground);
  }

  .xl4bxm8 {
    background-color: var(--ui-primary);
  }

  .x1eixhg {
    background-color: var(--ui-secondary);
  }

  .xp0myqf {
    background-color: var(--ui-success-soft);
  }

  .xbzxsob {
    background-color: var(--ui-success);
  }

  .x1tfl3ef {
    background-color: var(--ui-warning-soft);
  }

  .x107vin7 {
    background-color: var(--ui-warning);
  }

  .x14ln0l {
    background-image: conic-gradient(from 270deg at 0 0,transparent 0 24deg,#ffffffd1 25deg 42deg,transparent 43deg),conic-gradient(from 0deg at 100% 0,transparent 0 24deg,#ffffffd1 25deg 42deg,transparent 43deg),conic-gradient(from 180deg at 0 100%,transparent 0 24deg,#ffffffd1 25deg 42deg,transparent 43deg),conic-gradient(from 90deg at 100% 100%,transparent 0 24deg,#ffffffd1 25deg 42deg,transparent 43deg);
  }

  .x13cdjw9 {
    background-image: conic-gradient(from var(--foil-spectrum-angle, 0deg) at 48% 46%,#6f4213,#e0a72c,#fff0a6,#a96512,#f6ca50,#7b4915,#6f4213);
  }

  .x1l7r8nm {
    background-image: conic-gradient(from var(--foil-spectrum-angle, 0deg) at 50% 50%,#ff5f8f,#ffd66e,#71f4d1,#6bb7ff,#b987ff,#ff5f8f);
  }

  .x1lr92ue {
    background-image: conic-gradient(from var(--foil-spectrum-angle, 0deg) at var(--foil-light-x, 50%) var(--foil-light-y, 50%),transparent 0 8%,#ffc95cb8 18%,#6af5e2b8 36%,#75a2ffad 52%,#c274ffb8 69%,#ff78b1a3 84%,transparent 96%);
  }

  .x1q95she {
    background-image: linear-gradient(128deg, #061c32 0, #0c6c96 32%, #8cf5e5 47%, #1684ba 62%, #071d38 100%);
  }

  .x72ax6r {
    background-image: linear-gradient(142deg, #d8dce7 0, #666d7d 22%, #f4f5f8 43%, #4f5563 67%, #c9ced9 100%);
  }

  .xj3ykqi {
    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
  }

  .x1mfw0er {
    background-image: linear-gradient(90deg,color-mix(in oklch,var(--hraness-design-chart-color) 55%,transparent),var(--hraness-design-chart-color));
  }

  .xk14mg1 {
    background-image: linear-gradient(90deg, #0000, #ffffffe0), linear-gradient(#0000, #ffffffe0), linear-gradient(270deg, #0000, #ffffffe0), linear-gradient(#ffffffe0, #0000), linear-gradient(90deg, #ffffffe0, #0000), linear-gradient(0deg, #ffffffe0, #0000), linear-gradient(270deg, #ffffffe0, #0000), linear-gradient(0deg, #0000, #ffffffe0);
  }

  .x5iel4p {
    background-image: linear-gradient(90deg,var(--ui-muted) 0%,color-mix(in oklch,var(--ui-muted) 72%,var(--ui-foreground)) 50%,var(--ui-muted) 100%);
  }

  .x1ly227q {
    background-image: linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 112deg),transparent 8%,#ff52a6bd 24%,#ffef84c2 39%,#6ff5dbc7 54%,#6aafffc7 69%,#cf8bffb8 84%,transparent 96%);
  }

  .xug9hmr {
    background-image: linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 96deg),transparent 12%,#90d9ff7a 34%,#ffe8a485 48%,#dfafff75 62%,transparent 86%);
  }

  .xxolgms {
    background-image: linear-gradient(color-mix(in oklch,var(--hraness-design-procedural-support) 44%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--hraness-design-procedural-shadow) 38%,transparent) 1px,transparent 1px);
  }

  .x14zxsdj {
    background-image: linear-gradient(color-mix(in oklch,var(--hraness-marketing-accent-ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--hraness-marketing-accent-ink) 7%,transparent) 1px,transparent 1px),none;
  }

  .x18o3ruo {
    background-image: none;
  }

  .xgzkpls {
    background-image: radial-gradient(circle at 18% 16%, #ffcf70 0, #0000 34%), radial-gradient(circle at 88% 26%, #54d9db 0, #0000 42%), radial-gradient(circle at 56% 92%, #a06dff 0, #0000 48%), linear-gradient(138deg, #261044, #081d35 56%, #25102e);
  }

  .xz94db0 {
    background-image: radial-gradient(circle at var(--foil-light-x, 50%) var(--foil-light-y, 50%),#fffffff0 0,#ffffff5c 10%,transparent 36%);
  }

  .x6wo6xk {
    background-image: radial-gradient(circle, #fffffff5 0 1px, #0000 1.5px), linear-gradient(90deg, #ffffffc7, #0000), radial-gradient(circle, #fffffff5 0 1px, #0000 1.5px), linear-gradient(270deg, #ffffffc7, #0000), radial-gradient(circle, #ffffffdb 0 1px, #0000 1.5px), linear-gradient(0deg, #ffffffad, #0000), radial-gradient(circle, #ffffffdb 0 1px, #0000 1.5px), linear-gradient(#ffffffad, #0000);
  }

  .xtuv73v {
    background-image: radial-gradient(color-mix(in oklch,currentColor 18%,transparent) .75px,transparent .75px);
  }

  .x1q249qf {
    background-image: radial-gradient(currentColor 1px, #0000 1px);
  }

  .xy9acls {
    background-image: radial-gradient(ellipse 54% 40% at 16% 24%,color-mix(in oklch,var(--aurora-cyan) var(--hraness-design-aurora-cyan-mix, 26%),transparent) 0%,transparent 62%),radial-gradient(ellipse 52% 38% at 82% 20%,color-mix(in oklch,var(--aurora-gold) var(--hraness-design-aurora-gold-mix, 24%),transparent) 0%,transparent 60%),radial-gradient(ellipse 58% 42% at 58% 76%,color-mix(in oklch,var(--aurora-violet) var(--hraness-design-aurora-violet-mix, 22%),transparent) 0%,transparent 62%),radial-gradient(ellipse 48% 34% at 24% 78%,color-mix(in oklch,var(--aurora-mint) var(--hraness-design-aurora-mint-mix, 20%),transparent) 0%,transparent 58%),none;
  }

  .x16epytu {
    background-image: radial-gradient(at 16% 18%, #9cf7de 0, #0000 42%), radial-gradient(at 82% 22%, #82b5ff 0, #0000 46%), radial-gradient(at 54% 88%, #c69bff 0, #0000 48%), linear-gradient(145deg, #152743, #2b1841);
  }

  .x122lgh4 {
    background-image: radial-gradient(ellipse at center,color-mix(in oklch,var(--hraness-design-procedural-layer-color) 58%,transparent) 0%,color-mix(in oklch,var(--hraness-design-procedural-layer-color) 24%,transparent) 48%,transparent 74%);
  }

  .xnxuazn {
    background-image: radial-gradient(ellipse at var(--foil-light-x, 50%) var(--foil-light-y, 50%),#a7ffe8d6,#75a9ff8f 28%,#d091ff6b 52%,transparent 72%);
  }

  .xouwedw {
    background-image: radial-gradient(ellipse at var(--foil-light-x, 50%) var(--foil-light-y, 50%),#fffcd3f5 0,#ffcd4e9e 25%,#9c550f61 52%,transparent 74%);
  }

  .x1qry69x {
    background-image: repeating-linear-gradient(116deg, #0000 0 9px, #e2ffff85 10px 11px, #0000 12px 22px);
  }

  .x10gea7a {
    background-image: repeating-linear-gradient(90deg, #ffffffd6 0 .45rem, #0000 .45rem .78rem), repeating-linear-gradient(90deg, #ffffffd6 0 .45rem, #0000 .45rem .78rem), repeating-linear-gradient(0deg, #ffffffb8 0 .45rem, #0000 .45rem .8rem), repeating-linear-gradient(0deg, #ffffffb8 0 .45rem, #0000 .45rem .8rem);
  }

  .x1peed02 {
    background-image: repeating-linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 116deg),transparent 0 7%,#b2fff7b8 8% 10%,transparent 11% 18%,#87beffa3 19% 21%,transparent 22% 31%);
  }

  .xlzw5va {
    background-image: repeating-linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 18deg),#14181f7a 0 1px,transparent 1px 5px,#ffffff57 5px 6px,transparent 6px 11px);
  }

  .x1mkn4gm {
    background-image: repeating-linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 24deg),transparent 0 3px,#ffffff6b 3px 4px,transparent 4px 9px);
  }

  .x1rojf3q {
    background-image: repeating-linear-gradient(calc(var(--foil-spectrum-angle, 0deg) + 38deg),transparent 0 4px,#fff7be85 5px 6px,transparent 7px 13px);
  }

  .xn77bxw {
    background-image: repeating-radial-gradient(circle at 0 0, #0000 0 .38rem, #ffffffb3 .42rem .46rem, #0000 .5rem .84rem), repeating-radial-gradient(circle at 100% 0, #0000 0 .38rem, #ffffffb3 .42rem .46rem, #0000 .5rem .84rem), repeating-radial-gradient(circle at 0 100%, #0000 0 .38rem, #ffffffb3 .42rem .46rem, #0000 .5rem .84rem), repeating-radial-gradient(circle at 100% 100%, #0000 0 .38rem, #ffffffb3 .42rem .46rem, #0000 .5rem .84rem);
  }

  .xwzb1fz {
    background-image: repeating-radial-gradient(circle, #0000 0 5px, #ffffff61 6px 7px, #0000 8px 15px);
  }

  .xivesky {
    background-image: repeating-radial-gradient(at 50% 120%, #0000 0 11px, #ffffff57 12px 13px, #0000 14px 23px);
  }

  .x12koezg {
    background-origin: padding-box;
  }

  .xiy17q3 {
    background-repeat: no-repeat;
  }

  .x182nak8 {
    background-repeat: repeat;
  }

  .x5j7g1h {
    background-size: .25rem .25rem, .25rem .25rem;
  }

  .x1h4uluw {
    background-size: 100% 100%;
  }

  .xcdf9qb {
    background-size: 12px 12px;
  }

  .x8xkuhf {
    background-size: 14px 14px;
  }

  .xc65i0c {
    background-size: 15px 15px;
  }

  .x1ofto9s {
    background-size: 160% 160%;
  }

  .x57svv3 {
    background-size: 180% 180%;
  }

  .xrji9p8 {
    background-size: 18px 18px;
  }

  .x1fwwnkn {
    background-size: 190% 190%;
  }

  .xakli9p {
    background-size: 200% 100%;
  }

  .xeutlqa {
    background-size: 24px 24px;
  }

  .x160majy {
    background-size: 28% 1px, 1px 20%, 28% 1px, 1px 20%, 28% 1px, 1px 20%, 28% 1px, 1px 20%;
  }

  .x1c7cvlu {
    background-size: 3.5rem 3.5rem, 3.5rem 3.5rem, auto;
  }

  .x42se0v {
    background-size: 30% 24%, 30% 24%, 30% 24%, 30% 24%;
  }

  .xlpqoug {
    background-size: 32px 32px;
  }

  .x1kza8ck {
    background-size: 34% 24%, 34% 24%, 34% 24%, 34% 24%;
  }

  .xxeqw4r {
    background-size: 5px 5px, 34% 1px, 5px 5px, 34% 1px, 5px 5px, 1px 26%, 5px 5px, 1px 26%;
  }

  .x1fzb6q7 {
    background-size: 6px 6px;
  }

  .x103pssi, .x1cwfr1t {
    background-size: auto;
  }

  .xzvt7yr {
    background-size: calc(100% - 2rem) 1px, calc(100% - 2rem) 1px, 1px calc(100% - 2rem), 1px calc(100% - 2rem);
  }

  .x150knr0 {
    background-size: var(--hraness-design-dither-size, 4px) var(--hraness-design-dither-size, 4px);
  }

  .x1vi7tfv {
    background-size: var(--hraness-design-procedural-grid-size) var(--hraness-design-procedural-grid-size);
  }

  .x10oi0ya {
    block-size: .6rem;
  }

  .xkl2xug {
    block-size: 1.5rem;
  }

  .xuxy95z {
    block-size: 100%;
  }

  .xpoyz9m {
    block-size: 1px;
  }

  .x38bysi {
    block-size: 1rem;
  }

  .x18o2qet {
    block-size: 4.5rem;
  }

  .x1v98byi {
    block-size: var(--hraness-design-fader-thumb-block-size);
  }

  .x1du97gc {
    block-size: var(--hraness-design-fader-track-length);
  }

  .xmuazpc {
    block-size: var(--interactive-target-min);
  }

  .x1djed8t {
    border-block-end-color: #5c1906;
  }

  .xi11yse {
    border-block-end-color: currentColor;
  }

  .xynn2ba {
    border-block-end-color: var(--background);
  }

  .xtsjrx0 {
    border-block-end-color: var(--line);
  }

  .xf1zbdu {
    border-block-end-color: var(--ui-border);
  }

  .x198t27z {
    border-block-end-style: none;
  }

  .xn5uptl {
    border-block-end-style: solid;
  }

  .x1fvpbjb {
    border-block-end-width: 0;
  }

  .x1ae7zus {
    border-block-end-width: 1px;
  }

  .xhjnd2s {
    border-block-end-width: 2px;
  }

  .x1rfstpp {
    border-block-start-color: currentColor;
  }

  .x13lo9x4 {
    border-block-start-color: var(--background);
  }

  .xjttvrd {
    border-block-start-color: var(--line);
  }

  .xp4mk2w {
    border-block-start-color: var(--ui-border);
  }

  .x8et30q {
    border-block-start-style: none;
  }

  .x3so8kt {
    border-block-start-style: solid;
  }

  .xnh6zc7 {
    border-block-start-width: 0;
  }

  .x1b1eqt9 {
    border-block-start-width: 1px;
  }

  .x1csoyw0 {
    border-block-start-width: 2px;
  }

  .x1mwwwfo {
    border-collapse: collapse;
  }

  .x1jkkyqx {
    border-image-outset: 0 !important;
  }

  .x1e53mt7 {
    border-image-outset: 0;
  }

  .x1m9pfrh {
    border-image-repeat: stretch !important;
  }

  .xgkqhyc {
    border-image-repeat: stretch;
  }

  .xmn6ne6 {
    border-image-slice: 100% !important;
  }

  .x1jleocg {
    border-image-slice: 100%;
  }

  .xfq58d {
    border-image-source: none !important;
  }

  .x18sabzy {
    border-image-source: none;
  }

  .x1rjp9do {
    border-image-width: 1 !important;
  }

  .x1pjjote {
    border-image-width: 1;
  }

  .xhh0qdk {
    border-inline-end-color: color-mix(in oklch,currentColor 25%,transparent);
  }

  .x1273586 {
    border-inline-end-color: currentColor;
  }

  .xg5eh3q {
    border-inline-end-color: var(--background);
  }

  .x1j8yxcv {
    border-inline-end-color: var(--line);
  }

  .x18oe1m7 {
    border-inline-end-style: none;
  }

  .x18b5jzi {
    border-inline-end-style: solid;
  }

  .x8tukpd {
    border-inline-end-width: .125em;
  }

  .x10w94by {
    border-inline-end-width: 0;
  }

  .x1lun4ml {
    border-inline-end-width: 1px;
  }

  .x1alpsbp {
    border-inline-end-width: 2px;
  }

  .xfcwke7 {
    border-inline-start-color: color-mix(in oklch,currentColor 25%,transparent);
  }

  .x1mi4oqr {
    border-inline-start-color: currentColor;
  }

  .x1jc7w92 {
    border-inline-start-color: var(--background);
  }

  .x1l1z57l {
    border-inline-start-color: var(--color-line);
  }

  .xmmcp6y {
    border-inline-start-color: var(--line);
  }

  .xstzfhl {
    border-inline-start-style: none;
  }

  .x1t7ytsu {
    border-inline-start-style: solid;
  }

  .x7eegyw {
    border-inline-start-width: .125em;
  }

  .x14e42zd {
    border-inline-start-width: 0;
  }

  .xpilrb4 {
    border-inline-start-width: 1px;
  }

  .xyumdvf {
    border-inline-start-width: 2px;
  }

  .xv9a30b {
    border-start-end-radius: .125rem;
  }

  .x5kubdt {
    box-shadow: 0 0 0 100vmax var(--hraness-marketing-accent);
  }

  .x18sgsy5 {
    box-shadow: 0 0 0 1px color-mix(in oklch,var(--foreground) 42%,transparent);
  }

  .x1sh3gjm {
    box-shadow: 0 0 0 1px color-mix(in oklch,var(--hraness-marketing-accent) 35%,transparent);
  }

  .x123c105 {
    box-shadow: 0 0 0 1px var(--line);
  }

  .x1w8mlat {
    box-shadow: 0 0 0 3px color-mix(in oklch,var(--ui-ring) 24%,transparent);
  }

  .xt1z1uy {
    box-shadow: 0 0 0 4px color-mix(in oklch,var(--ui-ring) 24%,transparent);
  }

  .x4ytacr {
    box-shadow: 0 0 18px color-mix(in oklch,var(--hraness-design-chart-color) 20%,transparent);
  }

  .x1wvilhj {
    box-shadow: 0 0 calc(var(--hraness-design-particle-size) + var(--hraness-design-particle-size)) color-mix(in oklch,var(--hraness-design-particle-color) 34%,transparent);
  }

  .xt1wfgu {
    box-shadow: 0 1.2rem 3.6rem #04060c3d, inset 0 1px #ffffff47;
  }

  .xl1q07f {
    box-shadow: 0 1.75rem 5rem #04060c52, 0 0 2.4rem #70b1ff1f, inset 0 1px #ffffff57;
  }

  .xlmpfgd {
    box-shadow: 0 3px 12px #24140059;
  }

  .x1omwtip {
    box-shadow: inset 0 0 0 2px var(--ui-ring);
  }

  .xqsdg55 {
    box-shadow: inset 0 0 24px color-mix(in oklch,var(--hraness-design-procedural-ripple-color) 8%,transparent),0 0 28px color-mix(in oklch,var(--hraness-design-procedural-ripple-color) 6%,transparent);
  }

  .x1n2qkce {
    box-shadow: var(--elevation-low);
  }

  .xl8zne6 {
    box-shadow: var(--elevation-overlay, 0 18px 48px -18px #00000052);
  }

  .x13akli3 {
    box-shadow: var(--elevation-overlay);
  }

  .x1i4z4pc {
    box-shadow: var(--elevation-raised);
  }

  .xtnh2io {
    box-shadow: var(--hraness-marketing-shadow);
  }

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

  .xmdugnb {
    clip-path: inset(0 -100vmax);
  }

  .x1hyvwdk {
    clip-path: inset(50%);
  }

  .xeh89do {
    clip: rect(0 0 0 0);
  }

  .x1me6c3g {
    clip: rect(0,0,0,0) !important;
  }

  .xam1lc8 {
    color: #241400;
  }

  .x1heor9g {
    color: inherit;
  }

  .x1gu5z8g {
    color: var(--card-foreground, var(--foreground, currentColor));
  }

  .x2z1wlh {
    color: var(--color-accent-ink);
  }

  .xqwr325 {
    color: var(--color-accent);
  }

  .x1r2p140 {
    color: var(--color-attention);
  }

  .x174vu1x {
    color: var(--color-danger-ink);
  }

  .x1cd88jr {
    color: var(--color-danger);
  }

  .x1hzxalz {
    color: var(--color-info);
  }

  .xrz4b81 {
    color: var(--color-ink-muted);
  }

  .xj7g3gx {
    color: var(--color-ink);
  }

  .xm06a53 {
    color: var(--foreground, CanvasText);
  }

  .x11jfisy {
    color: var(--foreground);
  }

  .x2pn0fd {
    color: var(--hraness-appearance-control-foreground, var(--ui-foreground, CanvasText));
  }

  .x13y0b37 {
    color: var(--hraness-appearance-control-foreground);
  }

  .xlrt3vh {
    color: var(--hraness-appearance-popover-foreground, var(--ui-popover-foreground, CanvasText));
  }

  .x1gz3zd9 {
    color: var(--hraness-card-description);
  }

  .x102ovp5 {
    color: var(--hraness-marketing-accent-ink);
  }

  .xoh73e0 {
    color: var(--hraness-marketing-accent);
  }

  .xtylnni {
    color: var(--hraness-marketing-ink);
  }

  .xs87ocq {
    color: var(--hraness-marketing-muted);
  }

  .x1eebzld {
    color: var(--jelly-label);
  }

  .x12x9krh {
    color: var(--muted, GrayText);
  }

  .x17j02y5 {
    color: var(--muted);
  }

  .xioxg94 {
    color: var(--phaser-dots-static-color, var(--foreground));
  }

  .x1qqhz67 {
    color: var(--phaser-dots-trail-color, var(--foreground));
  }

  .xxfsttr {
    color: var(--popover-foreground, CanvasText);
  }

  .x1gjcqpb {
    color: var(--popover-foreground);
  }

  .x154ywzv {
    color: var(--secondary-foreground);
  }

  .x1luk2ys {
    color: var(--ui-accent-foreground);
  }

  .xiqspym {
    color: var(--ui-background);
  }

  .x1ucbm5y {
    color: var(--ui-card-foreground);
  }

  .x1r6c6zr {
    color: var(--ui-destructive-foreground);
  }

  .xqn9d39 {
    color: var(--ui-destructive);
  }

  .x1win4le {
    color: var(--ui-foreground);
  }

  .x3e56ue {
    color: var(--ui-info);
  }

  .xh5oz3n {
    color: var(--ui-muted-foreground);
  }

  .xkwpxw7 {
    color: var(--ui-popover-foreground);
  }

  .x1nqtexi {
    color: var(--ui-primary-foreground);
  }

  .x1ueta6y {
    color: var(--ui-primary);
  }

  .xw694iq {
    color: var(--ui-secondary-foreground);
  }

  .x12z5c4t {
    color: var(--ui-success);
  }

  .xdl8uah {
    color: var(--ui-warning);
  }

  .x16qrkmw {
    contain: paint;
  }

  .xt0e3qv {
    cursor: default;
  }

  .x1jm3nie {
    cursor: grab;
  }

  .xi9pz9s {
    cursor: grabbing;
  }

  .xmper1u {
    cursor: inherit;
  }

  .x1h6gzvc {
    cursor: not-allowed;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x104kibb {
    display: -webkit-box;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xwz0xwf {
    display: inline-grid;
  }

  .x1s85apg {
    display: none;
  }

  .xbh8q5q {
    fill: none;
  }

  .xcvxrpj {
    fill: var(--ui-card);
  }

  .xwu42zd {
    filter: blur(var(--hraness-design-procedural-layer-blur));
  }

  .xldhu1s {
    filter: drop-shadow(0 0 .35rem #ffffff38);
  }

  .x2g5esg {
    filter: saturate(1.08);
  }

  .xdl72j9 {
    flex-basis: auto;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1c4vz4f {
    flex-grow: 0;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xs83m0k {
    flex-shrink: 1;
  }

  .xozqiw3 {
    flex-wrap: nowrap;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .xpw0y0u {
    font-family: var(--font-mono);
  }

  .xhtk421 {
    font-family: var(--font-sans);
  }

  .xumcc2o {
    font-family: var(--font-text, system-ui,sans-serif);
  }

  .x1d3so1v {
    font-family: var(--font-text);
  }

  .xb0810w {
    font-family: var(--hraness-marketing-heading-font);
  }

  .x1pkbhk2 {
    font-family: var(--hraness-marketing-mono-font);
  }

  .xrtw95r {
    font-family: var(--hraness-marketing-text-font);
  }

  .x1jygkft {
    font-family: var(--ui-font-mono);
  }

  .x10rt0pk {
    font-feature-settings: inherit;
  }

  .xvmqkbn {
    font-kerning: inherit;
  }

  .x1rcybi7 {
    font-language-override: inherit;
  }

  .x61gc8y {
    font-optical-sizing: inherit;
  }

  .xd4aj15 {
    font-size-adjust: inherit;
  }

  .xboafo0 {
    font-size: .75rem;
  }

  .xp1qmoa {
    font-size: .78rem;
  }

  .x1sfrptf {
    font-size: .7rem;
  }

  .xym1t2f {
    font-size: .82rem;
  }

  .x1qzg9v8 {
    font-size: .85rem;
  }

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

  .x16vn6xf {
    font-size: .88rem;
  }

  .xgommxb {
    font-size: .8rem;
  }

  .x7oktz0 {
    font-size: .92rem;
  }

  .xyr29y3 {
    font-size: .95rem;
  }

  .xeb7xqv {
    font-size: .9em;
  }

  .x1nrrp6k {
    font-size: .9rem;
  }

  .x1ksoetq {
    font-size: 1.05rem;
  }

  .x1c3i2sq {
    font-size: 1.125rem;
  }

  .x1hptrd9 {
    font-size: 1.1rem;
  }

  .xngnso2 {
    font-size: 1.5rem;
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .x1jchvi3 {
    font-size: 1rem;
  }

  .xdhfpv1 {
    font-size: 2.25rem;
  }

  .x1agoj5f {
    font-size: clamp(1.125rem, 1.6vw, 1.3rem);
  }

  .x9s08v2 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
  }

  .x8emjvr {
    font-size: clamp(1.5rem, 2.6vw, 2rem);
  }

  .x1cic291 {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
  }

  .xrimsq4 {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
  }

  .xonxqqx {
    font-size: clamp(2.5rem, 5vw, 4.25rem);
  }

  .xeg013o {
    font-size: clamp(2rem, 4vw, 3.25rem);
  }

  .x1ofzeug {
    font-size: clamp(var(--text-title),5vw,var(--text-display));
  }

  .x1qlqyl8 {
    font-size: inherit;
  }

  .x1n56hm7 {
    font-size: var(--text-body);
  }

  .xaasd0c {
    font-size: var(--text-caption);
  }

  .x1rfgtre {
    font-size: var(--text-heading);
  }

  .xj8twjj {
    font-size: var(--text-label, .875rem);
  }

  .x1ur3rz7 {
    font-size: var(--text-label);
  }

  .x1lvm9qv {
    font-size: var(--text-title);
  }

  .x1xh6y1q {
    font-stretch: inherit;
  }

  .x1t35e8 {
    font-style: inherit;
  }

  .x1k4tb9n {
    font-style: italic;
  }

  .xss6m8b {
    font-variant-numeric: tabular-nums;
  }

  .xkyhvkk {
    font-variation-settings: inherit;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .xh88oxj {
    font-weight: 550;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x1pd3egz {
    font-weight: inherit;
  }

  .x1yotnlr {
    font-weight: var(--font-weight-bold, 700);
  }

  .x1lvx875 {
    font-weight: var(--font-weight-bold);
  }

  .x6ynj9m {
    font-weight: var(--font-weight-medium, 550);
  }

  .x1e4wzip {
    font-weight: var(--font-weight-medium);
  }

  .x1n6d40o {
    font-weight: var(--font-weight-regular);
  }

  .x7cedwp {
    font-weight: var(--hraness-marketing-heading-weight);
  }

  .x1kzknox {
    forced-color-adjust: none;
  }

  .x1wh1ruo {
    grid-column-end: 2;
  }

  .xcrlgei {
    grid-column-start: 1;
  }

  .xf9r7lm {
    grid-row-end: 2;
  }

  .x1agbcgv {
    grid-row-start: 1;
  }

  .x1h5ziqk {
    grid-template-columns: 1rem minmax(0, 1fr);
  }

  .x17bfdo5 {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }

  .xx9t13c {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .x1rkzygb {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .x1lc61k0 {
    grid-template-columns: max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) minmax(3rem,1fr) max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px));
  }

  .x114fpg1 {
    grid-template-columns: max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) minmax(3rem,1fr) max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px));
  }

  .x1gj2g9h {
    grid-template-columns: max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) minmax(3rem,1fr) max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px));
  }

  .x19eo8ko {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  }

  .x1bu5on4 {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .xju1xpo {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .x1mkdm3x {
    grid-template-columns: minmax(0, 1fr);
  }

  .x1xdnkkc {
    grid-template-columns: minmax(12rem, .6fr) minmax(0, 1.4fr);
  }

  .x1p797x9 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  }

  .x1vfedg7 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  }

  .xeonaw6 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  }

  .x3g07o8 {
    grid-template-columns: repeat(var(--hraness-marketing-fact-columns, 4),minmax(0,1fr));
  }

  .x1hqbthl {
    grid-template-columns: repeat(var(--hraness-marketing-pillar-columns, 3),minmax(0,1fr));
  }

  .xxq7klm {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .x16p6thf {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .x19a4nw2 {
    inline-size: .6rem;
  }

  .xsta65m {
    inline-size: 1.5rem;
  }

  .xiuoait {
    inline-size: 100%;
  }

  .xi8173g {
    inline-size: 1px;
  }

  .x1milg1j {
    inline-size: 1rem;
  }

  .x130h922 {
    inline-size: 2rem;
  }

  .x6qm275 {
    inline-size: 4.5rem;
  }

  .x1n10oyr {
    inline-size: 4px;
  }

  .x6n8wx1 {
    inline-size: fit-content;
  }

  .x64rcuh {
    inline-size: min(100%, 36rem);
  }

  .x19vpta5 {
    inline-size: min(100%,var(--hraness-marketing-measure));
  }

  .xvaqoh0 {
    inline-size: min(100%,var(--page-canvas-width));
  }

  .x2grt4k {
    inline-size: min(12rem, 100vw - 2rem);
  }

  .x1052wsp {
    inline-size: min(16rem, 100vw - 2rem);
  }

  .x1lmdbwv {
    inline-size: var(--hraness-design-fader-thumb-inline-size);
  }

  .x1ool8vb {
    inline-size: var(--hraness-marketing-install-inline-size, min(100%,var(--hraness-marketing-measure)));
  }

  .xofvnd4 {
    inline-size: var(--interactive-target-min);
  }

  .xuufnwz {
    inset-block-end: 0;
  }

  .xtovscr {
    inset-block-end: max(var(--space-4),env(safe-area-inset-bottom));
  }

  .xlb5a52 {
    inset-block-start: 0;
  }

  .x1g9am0e {
    inset-block-start: calc(100% + .5rem);
  }

  .xu5r6vy {
    inset-block-start: var(--space-3);
  }

  .xtijo5x {
    inset-inline-end: 0;
  }

  .x1mtgq1v {
    inset-inline-end: max(var(--space-4),env(safe-area-inset-right));
  }

  .x1uxcgzz {
    inset-inline-end: var(--space-3);
  }

  .xoh1qfy {
    inset-inline-start: .25rem;
  }

  .x1o0tod {
    inset-inline-start: 0;
  }

  .x16pa4ro {
    inset-inline-start: 1.5rem;
  }

  .x1cpllo3 {
    inset-inline-start: var(--space-3);
  }

  .xc8icb0 {
    isolation: isolate;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x13a6bvl {
    justify-content: flex-end;
  }

  .x1nhvcw1 {
    justify-content: flex-start;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .x1o2pa38 {
    justify-items: center;
  }

  .x619ttb {
    justify-items: start;
  }

  .x7v7x1q {
    justify-self: center;
  }

  .x1lqcxt8 {
    justify-self: start;
  }

  .x1hi0czg {
    letter-spacing: -.012em;
  }

  .xjat59b {
    letter-spacing: -.01em;
  }

  .x72az59 {
    letter-spacing: -.02em;
  }

  .xo2cfqc {
    letter-spacing: -.04em;
  }

  .x13qdn04 {
    letter-spacing: .025em;
  }

  .x1vyo3qp {
    letter-spacing: .04em;
  }

  .x9pfba7 {
    letter-spacing: .08em;
  }

  .x12oo3zp {
    letter-spacing: 0;
  }

  .x1y508rd {
    letter-spacing: var(--hraness-marketing-heading-tracking);
  }

  .x14ju556 {
    line-height: 0;
  }

  .x1f41ap9 {
    line-height: 1.05;
  }

  .x1vsts26 {
    line-height: 1.08;
  }

  .x1159mfc {
    line-height: 1.1;
  }

  .x1uo3zyz {
    line-height: 1.15;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x132q4wb {
    line-height: 1.25;
  }

  .x8r4c90 {
    line-height: 1.25rem;
  }

  .xwn7fz2 {
    line-height: 1.3;
  }

  .x1xfvgam {
    line-height: 1.35;
  }

  .x1pujyh6 {
    line-height: 1.375;
  }

  .x37zpob {
    line-height: 1.4;
  }

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1jjo3f5 {
    line-height: 1.55;
  }

  .x17mssa0 {
    line-height: 1.5rem;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .x1ksxc8v {
    line-height: 1.625;
  }

  .xo5v014 {
    line-height: 1;
  }

  .xl2ypbo {
    line-height: 1rem;
  }

  .x15bjb6t {
    line-height: inherit;
  }

  .xnbnhf8 {
    list-style-image: none;
  }

  .x43c9pm {
    list-style-position: outside;
  }

  .x3yw8vx {
    list-style-type: decimal;
  }

  .xtaz4m5 {
    list-style-type: disc;
  }

  .x3ct3a4 {
    list-style-type: none;
  }

  .x19u27g3 {
    margin-block-end: .4rem;
  }

  .x1wf7w3r {
    margin-block-end: var(--space-1);
  }

  .xcf5i7g {
    margin-block-start: -.35rem;
  }

  .x2qgizq {
    margin-block-start: .3rem;
  }

  .xphehyp {
    margin-block-start: .5rem;
  }

  .xvc5jky {
    margin-inline-start: auto;
  }

  .x885qll {
    -webkit-mask-image: radial-gradient(#000 8%, #0000 78%);
    mask-image: radial-gradient(#000 8%, #0000 78%);
  }

  .xn0k27n {
    max-block-size: min(24rem, 70vh);
  }

  .xwnj3u5 {
    max-block-size: min(38rem, 75dvh);
  }

  .xgyk9h7 {
    max-inline-size: 100%;
  }

  .x14vmqpl {
    max-inline-size: 14ch;
  }

  .x17152no {
    max-inline-size: 18ch;
  }

  .x1mq39nd {
    max-inline-size: 20ch;
  }

  .x1nrp9oy {
    max-inline-size: 24ch;
  }

  .x1ljtl1n {
    max-inline-size: calc(100vw - 2rem);
  }

  .x1tec7hu {
    max-inline-size: none;
  }

  .x1l2wkh2 {
    max-inline-size: var(--hraness-marketing-copy-measure);
  }

  .x1ic370k {
    max-inline-size: var(--hraness-marketing-example-measure, var(--hraness-marketing-copy-measure));
  }

  .xjq529q {
    max-inline-size: var(--hraness-marketing-prose-measure);
  }

  .xa8254d {
    max-inline-size: var(--hraness-quiet-site-measure, 34rem);
  }

  .x1bdwxy3 {
    max-inline-size: var(--page-canvas-wide);
  }

  .x159srwy {
    min-block-size: 0;
  }

  .xl3ova5 {
    min-block-size: 1.5rem;
  }

  .x1ljpu7r {
    min-block-size: 100%;
  }

  .x122pzkh {
    min-block-size: 2.25rem;
  }

  .x3uqqqp {
    min-block-size: 2.5rem;
  }

  .x4q3qzj {
    min-block-size: 2.75rem;
  }

  .xd0akbl {
    min-block-size: 2rem;
  }

  .xo67i2s {
    min-block-size: 3.25rem;
  }

  .x6abo41 {
    min-block-size: 3.5rem;
  }

  .x1b207tk {
    min-block-size: var(--bottom-bar-height);
  }

  .x1kopacs {
    min-block-size: var(--hraness-marketing-action-height);
  }

  .x1qwoi4t {
    min-block-size: var(--interactive-target-compact, 2.75rem);
  }

  .x1j3ipif {
    min-block-size: var(--interactive-target-min, 3rem);
  }

  .x3adhqr {
    min-block-size: var(--interactive-target-min);
  }

  .x8k30ic {
    min-block-size: var(--top-bar-height);
  }

  .xesnm00 {
    min-inline-size: 0;
  }

  .xt66bws {
    min-inline-size: 1.5rem;
  }

  .x1o8ym9z {
    min-inline-size: 2rem;
  }

  .x1dc76y4 {
    min-inline-size: 8rem;
  }

  .x9hh0qe {
    min-inline-size: var(--interactive-target-compact, 2.75rem);
  }

  .xz1t8dp {
    min-inline-size: var(--interactive-target-min, 3rem);
  }

  .xct6bk3 {
    min-inline-size: var(--interactive-target-min);
  }

  .xwgxeq8 {
    mix-blend-mode: overlay;
  }

  .x19mdvtv {
    mix-blend-mode: screen;
  }

  .x1poe65g {
    mix-blend-mode: soft-light;
  }

  .xl1xv1r {
    object-fit: cover;
  }

  .xbyyjgo {
    opacity: .5;
  }

  .x197sbye {
    opacity: .6;
  }

  .x1uy6g52 {
    opacity: .62;
  }

  .xmu36h7 {
    opacity: .64;
  }

  .xi7uqbu {
    opacity: var(--foil-base-opacity, .34);
  }

  .x10bp2pq {
    opacity: var(--foil-base-opacity, .44);
  }

  .x16x8d5k {
    opacity: var(--foil-base-opacity, .56);
  }

  .x16xcxh8 {
    opacity: var(--foil-ornament-opacity, .14);
  }

  .x10b34n9 {
    opacity: var(--foil-ornament-opacity, .2);
  }

  .x1m2aqx4 {
    opacity: var(--foil-ornament-opacity, .26);
  }

  .xuhx63e {
    opacity: var(--foil-sheen-opacity, .03);
  }

  .xa69gww {
    opacity: var(--foil-sheen-opacity, .04);
  }

  .xkxdd59 {
    opacity: var(--foil-sheen-opacity, .06);
  }

  .x1pnhqfb {
    opacity: var(--foil-spectrum-opacity, .08);
  }

  .x15nu2d2 {
    opacity: var(--foil-spectrum-opacity, .12);
  }

  .xta48a9 {
    opacity: var(--foil-spectrum-opacity, .18);
  }

  .x1ytbps3 {
    opacity: var(--foil-texture-opacity, .04);
  }

  .xjkwg1t {
    opacity: var(--foil-texture-opacity, .06);
  }

  .xcwlixh {
    opacity: var(--foil-texture-opacity, .08);
  }

  .x5wl7ns {
    opacity: var(--hraness-design-particle-opacity);
  }

  .x151ipfs {
    opacity: var(--hraness-design-procedural-grid-opacity);
  }

  .xdrg79x {
    opacity: var(--hraness-design-procedural-layer-opacity);
  }

  .x1gkxhgx {
    opacity: var(--hraness-design-procedural-ripple-opacity);
  }

  .xyb8fk4 {
    opacity: var(--phaser-dots-static-opacity, .025);
  }

  .x1asn0e8 {
    opacity: var(--phaser-dots-trail-opacity, .25);
  }

  .x14yy4lh {
    order: 2;
  }

  .x14ytart {
    outline-color: currentColor;
  }

  .x1mixbcr {
    outline-color: var(--focus, Highlight);
  }

  .x1ozvyeg {
    outline-color: var(--focus);
  }

  .xk8u384 {
    outline-color: var(--ui-ring);
  }

  .x1g40iwv {
    outline-offset: -1px;
  }

  .x2ssjo2 {
    outline-offset: -2px;
  }

  .x1hl8ikr {
    outline-offset: 2px;
  }

  .x1ewu8gn {
    outline-offset: 3px;
  }

  .x2wh2y9 {
    outline-offset: 4px;
  }

  .x1t137rt {
    outline-style: none;
  }

  .xaatb59 {
    outline-style: solid;
  }

  .x1k57tk5 {
    outline-width: 0;
  }

  .x1qgsegg {
    outline-width: 1px;
  }

  .x1de99jn {
    outline-width: 2px;
  }

  .x1s780dp {
    outline-width: 3px;
  }

  .x13lr2xm {
    outline-width: medium;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .x1mzt3pk {
    overflow-wrap: break-word;
  }

  .x1h4wwuj {
    overflow-wrap: normal;
  }

  .x17lzgkz {
    padding-block-start: .2rem;
  }

  .x183qbbg {
    padding-inline-end: 2.5rem;
  }

  .x1qx48my {
    padding-inline-end: var(--interactive-target-compact);
  }

  .x1m83qfk {
    padding-inline-start: .75rem;
  }

  .x1c1uobl {
    padding-inline-start: 0;
  }

  .xjh29tw {
    padding-inline-start: 1.25rem;
  }

  .x8bp2w5 {
    padding-inline-start: var(--space-3);
  }

  .x67bb7w {
    pointer-events: auto;
  }

  .x47corl {
    pointer-events: none;
  }

  .xj8z8mm {
    position: absolute !important;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x1uhb9sk {
    position: static;
  }

  .x7wzq59 {
    position: sticky;
  }

  .xtt52l0 {
    resize: none;
  }

  .x288g5 {
    resize: vertical;
  }

  .xaqnleg {
    scroll-margin-block-start: 4rem;
  }

  .x1bd8y6n {
    scroll-margin-block-start: 5rem;
  }

  .x1rohswg {
    scrollbar-width: none;
  }

  .x1owpc8m {
    stroke-linecap: round;
  }

  .xhr4kjn {
    stroke-width: 1.5px;
  }

  .x1ip4yf {
    stroke-width: 2.5px;
  }

  .xqjr0vm {
    stroke-width: 3px;
  }

  .x186d6vw {
    stroke: var(--ui-border);
  }

  .xvjuoyv {
    stroke: var(--ui-foreground);
  }

  .xtryda8 {
    stroke: var(--ui-muted);
  }

  .x176whfx {
    stroke: var(--ui-primary);
  }

  .x118tb2h {
    text-align: center !important;
  }

  .x2b8uid {
    text-align: center;
  }

  .xp4054r {
    text-align: end;
  }

  .x1yc453h {
    text-align: start;
  }

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

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

  .xyi4chj {
    text-decoration-thickness: 1px;
  }

  .xewurvo {
    text-decoration-thickness: 2px;
  }

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .x6mezaz {
    text-transform: none;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .x1h8yclr {
    text-underline-offset: .125rem;
  }

  .x1ohr1zr {
    text-underline-offset: .2em;
  }

  .x1w2vvpw {
    text-wrap: balance;
  }

  .x1fzhlzt {
    text-wrap: pretty;
  }

  .xggy1nq {
    touch-action: manipulation;
  }

  .x5ve5x3 {
    touch-action: none;
  }

  .x1bblx7b {
    touch-action: pan-x;
  }

  .x1g0ag68 {
    transform-origin: center;
  }

  .x1nf803f {
    transform-origin: 0;
  }

  .x1oyok0e {
    transform-style: preserve-3d;
  }

  .x1c071of {
    transform: none;
  }

  .x19jd1h0 {
    transform: rotate(180deg);
  }

  .x1iffjtl {
    transform: rotate(90deg);
  }

  .x17o6enw {
    transform: rotate(var(--hraness-design-procedural-grid-rotation)) scale(1.04);
  }

  .xnoptka {
    transform: rotate(var(--hraness-design-procedural-ripple-rotation));
  }

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

  .x8z89yc {
    transform: translate3d(-50%,-50%,0) rotate(var(--hraness-design-procedural-layer-rotation));
  }

  .x62qcw2 {
    transform: translate3d(-50%, -50%, 0) scale(.98);
  }

  .x1pb4uno {
    transform: translate3d(-50%, -50%, 0);
  }

  .x10tizke {
    transform: translateX(1rem);
  }

  .x1cb1t30 {
    transform: translateY(-50%);
  }

  .xavs3du {
    transform: translateY(1px);
  }

  .xvf0mkp {
    transform: translateY(calc(-100% - var(--space-6)));
  }

  .xjdmepg {
    transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
  }

  .x1545fc0 {
    transition-delay: 0s, 0s, 0s, 0s;
  }

  .xfnwuwk {
    transition-delay: 0s, 0s, 0s;
  }

  .x1ahifba {
    transition-delay: 0s;
  }

  .x6bc4kz {
    transition-duration: 90ms;
  }

  .x19wcyzb {
    transition-duration: .12s, .12s, .12s, .12s;
  }

  .xx6bhzk {
    transition-duration: .15s;
  }

  .x9dyr19 {
    transition-duration: .18s;
  }

  .x1mq3mr6 {
    transition-duration: 0s;
  }

  .x7hzv9z {
    transition-duration: var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast);
  }

  .x1mkw6vw {
    transition-duration: var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast);
  }

  .x1glaneq {
    transition-duration: var(--motion-duration-fast),var(--motion-duration-fast),var(--motion-duration-fast);
  }

  .xbygejy {
    transition-duration: var(--motion-duration-fast),var(--motion-duration-fast);
  }

  .xhln2ea {
    transition-duration: var(--motion-duration-fast),var(--motion-duration-standard);
  }

  .xcgntbv {
    transition-duration: var(--motion-duration-fast);
  }

  .x1krpk68 {
    transition-duration: var(--motion-duration-standard);
  }

  .x98sya7 {
    transition-property: background-color, border-color, box-shadow, color, opacity, transform;
  }

  .xv65o4f {
    transition-property: background-color, border-color, color, transform;
  }

  .xts7igz {
    transition-property: background-color, border-color;
  }

  .x1990d1s {
    transition-property: background-color, box-shadow, color, opacity;
  }

  .x1koyr57 {
    transition-property: background-color, box-shadow, color;
  }

  .xuo13n2 {
    transition-property: background-color, transform;
  }

  .x15406qy {
    transition-property: background-color;
  }

  .x10lvbrj {
    transition-property: background-image, opacity;
  }

  .x6c7wse {
    transition-property: background-position, opacity;
  }

  .x9vp5wv {
    transition-property: border-color, box-shadow, transform;
  }

  .x1w74yt8 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  }

  .x2hifos {
    transition-property: inset-inline-start;
  }

  .x13b0p5u {
    transition-property: none;
  }

  .x19991ni {
    transition-property: opacity;
  }

  .x16n73rl {
    transition-property: transform, box-shadow;
  }

  .x11xpdln {
    transition-property: transform;
  }

  .xvxnene {
    transition-timing-function: cubic-bezier(.2, .75, .25, 1);
  }

  .x8rfmps {
    transition-timing-function: cubic-bezier(.2, 0, 0, 1), cubic-bezier(.2, 0, 0, 1), cubic-bezier(.2, 0, 0, 1), cubic-bezier(.2, 0, 0, 1);
  }

  .xwwtwea {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .xcj1dhv {
    transition-timing-function: linear;
  }

  .xledgg0 {
    transition-timing-function: var(--motion-easing-emphasized);
  }

  .x12p6mv2 {
    transition-timing-function: var(--motion-easing-standard),var(--motion-easing-emphasized);
  }

  .x1c3j2pk {
    transition-timing-function: var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard);
  }

  .xa4bj78 {
    transition-timing-function: var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard);
  }

  .x1s9akh9 {
    transition-timing-function: var(--motion-easing-standard),var(--motion-easing-standard),var(--motion-easing-standard);
  }

  .xp5m7cn {
    transition-timing-function: var(--motion-easing-standard),var(--motion-easing-standard);
  }

  .x1iashqr {
    transition-timing-function: var(--motion-easing-standard);
  }

  .xvrbanz {
    -webkit-user-select: all;
    user-select: all;
  }

  .x87ps6o {
    -webkit-user-select: none;
    user-select: none;
  }

  .x1hx0egp {
    -webkit-user-select: text;
    user-select: text;
  }

  .xxymvpz {
    vertical-align: middle;
  }

  .x16dsc37 {
    vertical-align: top;
  }

  .xlshs6z {
    visibility: hidden;
  }

  .x7z1v8h {
    white-space: nowrap !important;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x126k92a {
    white-space: pre-wrap;
  }

  .x1dwv3re {
    will-change: auto;
  }

  .x1so62im {
    will-change: transform;
  }

  .x1yn0g08 {
    word-break: break-all;
  }

  .x1ja2u2z {
    z-index: 0;
  }

  .x1vjfegm {
    z-index: 1;
  }

  .x1n327nk {
    z-index: 10;
  }

  .xhtitgo {
    z-index: 2;
  }

  .x1355qak {
    z-index: 20;
  }

  .xzkaem6 {
    z-index: 3;
  }

  .x1j8jzv2 {
    z-index: 3000;
  }

  .xf5e64p {
    z-index: 40;
  }

  .x1qhe1ue {
    z-index: calc(var(--z-tooltip, 3000) + 1);
  }

  .x1nmkd3v {
    z-index: var(--z-chrome);
  }

  .x1s89ezu {
    z-index: var(--z-modal);
  }

  .x1visetc {
    z-index: var(--z-skip-link);
  }

  .x1guzgd5 {
    z-index: var(--z-tooltip, 3000);
  }

  .x1788d21 {
    z-index: var(--z-tooltip);
  }

  .x1whfoju:is([data-focused], [data-hovered], :focus-visible, :hover), .x852r0y:is([data-hovered], :hover) {
    background-attachment: scroll;
  }

  .x1yjm9pw:is([data-hovered], :hover), .xa5e7qe:is([data-focused], [data-hovered], :focus-visible, :hover) {
    background-clip: border-box;
  }

  .x133yyvb:is(:hover, :focus-visible) {
    background-color: color-mix(in oklch,var(--foreground) 7%,transparent);
  }

  .x6j457c:is([data-hovered], :hover), .xffqgfc:is([data-focused], [data-hovered], :focus-visible, :hover) {
    background-color: var(--hraness-appearance-accent, var(--ui-accent, ButtonFace));
  }

  .xx8mfso:is([data-hovered], :hover) {
    background-color: var(--secondary);
  }

  .x18e72hl:is([data-hovered], :hover) {
    background-color: var(--surface-hover);
  }

  .x1aysnjn:is([data-hovered], :hover), .xhhc4os:is([data-focused], [data-hovered], :focus-visible, :hover) {
    background-image: none;
  }

  .x1tr436z:is([data-focused], [data-hovered], :focus-visible, :hover), .x1w7rtzm:is([data-hovered], :hover) {
    background-origin: padding-box;
  }

  .x1par0v0:is([data-focused], [data-hovered], :focus-visible, :hover), .x1xqmp8:is([data-hovered], :hover) {
    background-repeat: repeat;
  }

  .xontfw7:is([data-hovered], :hover), .xroyn9c:is([data-focused], [data-hovered], :focus-visible, :hover) {
    background-size: auto;
  }

  .x1a2nijv:focus-visible, .xyy9g8t:focus-within {
    box-shadow: 0 0 0 3px color-mix(in oklch,var(--ui-ring) 24%,transparent);
  }

  .x1tc5apr:is([data-focus-visible], :focus-visible) {
    box-shadow: 0 0 0 4px color-mix(in oklch,var(--hraness-appearance-focus, var(--ui-ring, Highlight)) 24%,transparent);
  }

  .x1t7rt7m:focus-visible {
    box-shadow: 0 0 0 4px color-mix(in oklch,var(--ui-ring) 24%,transparent);
  }

  .xbcn71i:focus-visible {
    box-shadow: inset 0 0 0 2px var(--ui-ring);
  }

  .x11ffpz8:is([data-hovered], :hover) {
    color: var(--foreground);
  }

  .x15kafvc:is([data-hovered], :hover), .xu0bq9:is([data-focused], [data-hovered], :focus-visible, :hover) {
    color: var(--hraness-appearance-accent-foreground, var(--ui-accent-foreground, ButtonText));
  }

  .x89zja:is([data-hovered], :hover) {
    color: var(--secondary-foreground);
  }

  .xvgho8r[hidden] {
    display: none;
  }

  .x2bii8l:is([data-focus-visible], :focus-visible), .x5q2f2h:focus-visible {
    outline-color: var(--focus);
  }

  .xybcfi5:is([data-focus-visible], :focus-visible) {
    outline-color: var(--hraness-appearance-focus, var(--ui-ring, Highlight));
  }

  .x1gph7r7:focus-visible, .x1xjm2v2:focus-within {
    outline-color: var(--ui-ring);
  }

  .x1bqaal:focus-visible {
    outline-offset: -2px;
  }

  .x13iak60:focus-visible {
    outline-offset: 1px;
  }

  .x1fanpfn:focus-within, .x7s97pk:focus-visible, .xecyca2:is([data-focus-visible], :focus-visible) {
    outline-offset: 2px;
  }

  .xj3ae5l:focus-visible {
    outline-offset: 3px;
  }

  .x12ijfkc:focus-visible {
    outline-offset: 4px;
  }

  .x14xc8xn:focus-within, .x9v5kkp:focus-visible, .xq2elj:is([data-focus-visible], :focus-visible) {
    outline-style: solid;
  }

  .x16gxa91:focus-within, .x19beueo:is([data-focus-visible], :focus-visible), .x784prv:focus-visible {
    outline-width: 2px;
  }

  .x1g4ssbw:is([data-focus-visible], :focus-visible) {
    outline-width: 3px;
  }

  .x1rpfuv1:is([data-pressed], :active) {
    transform: translateY(1px);
  }

  .x104nlkd:has(input:focus-visible) {
    outline-color: var(--ui-ring);
  }

  .x12ilkhz:has(input:focus-visible) {
    outline-offset: 2px;
  }

  .x1elebxb:has(input:focus-visible) {
    outline-offset: 3px;
  }

  .x1ae5oaz:has(input:focus-visible) {
    outline-style: solid;
  }

  .x1yuyh71:has(input:focus-visible) {
    outline-width: 2px;
  }

  .xm3qh6q:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    animation-direction: reverse;
  }

  .xioiqq0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    transform: translateX(-1rem);
  }

  .x1s07b3s:disabled {
    cursor: not-allowed;
  }

  .xijokvz:disabled {
    opacity: .5;
  }

  .xgildtf:hover {
    background-attachment: scroll;
  }

  .xb3gsto:hover {
    background-clip: border-box;
  }

  .x1xlgbjr:hover {
    background-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 90%,var(--hraness-marketing-accent));
  }

  .x1ql172z:hover {
    background-color: color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);
  }

  .x1612i37:hover {
    background-color: color-mix(in oklch,var(--hraness-marketing-ink) 6%,var(--hraness-marketing-surface));
  }

  .x153d940:hover {
    background-color: color-mix(in oklch,var(--ui-primary) 88%,var(--ui-background));
  }

  .xy5vzv3:hover {
    background-color: color-mix(in oklch,var(--ui-secondary) 82%,var(--ui-foreground));
  }

  .x1n5bzlp:hover {
    background-color: #0000;
  }

  .x1qny9du:hover {
    background-color: var(--hraness-marketing-accent-ink);
  }

  .x3ykuo0:hover {
    background-color: var(--ui-accent);
  }

  .x1dzmml9:hover {
    background-color: var(--ui-destructive);
  }

  .xjdw8nj:hover {
    background-color: var(--ui-muted);
  }

  .x10p6z4x:hover {
    background-color: var(--ui-primary);
  }

  .xn3cpwa:hover {
    background-image: none;
  }

  .xzsr2ly:hover {
    background-origin: padding-box;
  }

  .x1ddkqqy:hover {
    background-repeat: repeat;
  }

  .x1vgyi1t:hover {
    background-size: auto;
  }

  .x16sc2ix:hover {
    box-shadow: var(--elevation-raised);
  }

  .xucth70:hover {
    color: var(--hraness-marketing-accent-ink);
  }

  .x1ac5u26:hover {
    color: var(--hraness-marketing-accent);
  }

  .x16tyrwk:hover {
    color: var(--hraness-marketing-ink);
  }

  .x1ef2mcv:hover {
    color: var(--ui-accent-foreground);
  }

  .x139ty3h:hover {
    color: var(--ui-destructive-foreground);
  }

  .xu0kh1y:hover {
    color: var(--ui-foreground);
  }

  .xxcvxgg:hover {
    color: var(--ui-primary-foreground);
  }

  .x1yybpqo:hover {
    color: var(--ui-secondary-foreground);
  }

  .x1itt8ug:hover {
    text-decoration-thickness: 2px;
  }

  .xmm0wnq:focus {
    background-color: var(--ui-accent);
  }

  .x19zaomo:focus {
    background-image: none;
  }

  .xxnxhmz:focus {
    color: var(--ui-accent-foreground);
  }

  .x1wfrlr2:focus {
    transform: translateY(0);
  }

  .xymg228:active {
    transform: translateY(1px);
  }

  @media (width <= 40rem) {
    .x1mlfcyh.x1mlfcyh {
      align-items: start;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .xfajijk.xfajijk, .xmzkp9f.xmzkp9f {
      animation-composition: replace;
    }

    .x14q22ui.x14q22ui, .x1qvbe4r.x1qvbe4r {
      animation-delay: 0s;
    }

    .x1251dlg.x1251dlg, .xpk7f7d.xpk7f7d {
      animation-direction: normal;
    }

    .x1u6grsq.x1u6grsq, .x958gol.x958gol {
      animation-duration: 0s;
    }

    .xnppv6.xnppv6, .x15inb9f.x15inb9f {
      animation-fill-mode: none;
    }

    .xg0664w.xg0664w, .xd81xr2.xd81xr2 {
      animation-iteration-count: 1;
    }

    .x1aquc0h.x1aquc0h, .x1ynp8h1.x1ynp8h1 {
      animation-name: none;
    }

    .xgvt0mf.xgvt0mf, .x6qw1r7.x6qw1r7 {
      animation-play-state: running;
    }

    .x1x06gta.x1x06gta, .x1pixhli.x1pixhli {
      animation-range-end: normal;
    }

    .x1u0m37a.x1u0m37a, .x1gfwfhs.x1gfwfhs {
      animation-range-start: normal;
    }

    .x1nsb297.x1nsb297, .xa806cr.xa806cr {
      animation-timeline: auto;
    }

    .x1uea3p4.x1uea3p4, .xw3qwi6.xw3qwi6 {
      animation-timing-function: ease;
    }
  }

  @media (forced-colors: active) {
    .xr2fqy5.xr2fqy5 {
      appearance: auto;
    }

    .x14hm74v.x14hm74v {
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }

    .xcrev8p.xcrev8p {
      background-attachment: scroll;
    }

    .x1tzqu68.x1tzqu68 {
      background-clip: border-box;
    }

    .xpf60yz.xpf60yz {
      background-color: buttonface;
    }

    .x9yvj25.x9yvj25, .x1mi3ld3.x1mi3ld3 {
      background-color: canvas;
    }

    .xwvh9j7.xwvh9j7, .x1mjqi9u.x1mjqi9u {
      background-color: canvastext;
    }

    .x1jzqe4.x1jzqe4, .x170n6oi.x170n6oi {
      background-color: highlight;
    }

    .x1qu9owy.x1qu9owy {
      background-color: highlighttext;
    }

    .xhobzj1.xhobzj1, .xaxwvs9.xaxwvs9 {
      background-image: none;
    }

    .xzln6ae.xzln6ae {
      background-origin: padding-box;
    }

    .x1pjo12s.x1pjo12s {
      background-repeat: repeat;
    }

    .x1ug5rqp.x1ug5rqp, .x3lgspj.x3lgspj {
      background-size: auto;
    }

    .x14bdpvh.x14bdpvh {
      border-block-end-color: canvastext;
    }
  }

  @media (width <= 48rem) {
    .xh0wz1u.xh0wz1u {
      border-block-end-color: var(--line);
    }
  }

  @media (forced-colors: active) {
    .x11m3xgt.x11m3xgt {
      border-block-end-style: solid;
    }
  }

  @media (width <= 48rem) {
    .x8l168h.x8l168h {
      border-block-end-style: solid;
    }
  }

  @media (forced-colors: active) {
    .x7kxraq.x7kxraq {
      border-block-end-width: 1px;
    }
  }

  @media (width <= 48rem) {
    .x1eeafzw.x1eeafzw {
      border-block-end-width: 1px;
    }
  }

  @media (forced-colors: active) {
    .x108usdd.x108usdd {
      border-block-start-color: canvastext;
    }

    .x3n6nq7.x3n6nq7 {
      border-block-start-style: solid;
    }

    .x2dkq5d.x2dkq5d {
      border-block-start-width: 1px;
    }

    .x1sz4vi2.x1sz4vi2, .xdnqiaj.xdnqiaj {
      border-image-outset: 0;
    }

    .x4aylkk.x4aylkk, .x1mjg4os.x1mjg4os {
      border-image-repeat: stretch;
    }

    .x1a4igh8.x1a4igh8, .x1luk9ee.x1luk9ee {
      border-image-slice: 100%;
    }

    .x1cfjbvc.x1cfjbvc, .x1cjzfx6.x1cjzfx6 {
      border-image-source: none;
    }

    .xsdpl10.xsdpl10, .xotrrsn.xotrrsn {
      border-image-width: 1;
    }

    .x1x0u81l.x1x0u81l, .x1bk1lk1.x1bk1lk1 {
      border-inline-end-color: canvastext;
    }

    .xf1j0q2.xf1j0q2, .xn828t1.xn828t1 {
      border-inline-end-style: solid;
    }

    .xmzn1mo.xmzn1mo, .x1rmpjmf.x1rmpjmf {
      border-inline-end-width: 1px;
    }

    .xjslfuv.xjslfuv, .x11apkjs.x11apkjs {
      border-inline-start-color: canvastext;
    }

    .x1gbqego.x1gbqego, .xvxnyyj.xvxnyyj {
      border-inline-start-style: solid;
    }

    .xjg5lhu.xjg5lhu, .xzyy8p7.xzyy8p7 {
      border-inline-start-width: 1px;
    }

    .xwaqzdf.xwaqzdf, .x15rzyfa.x15rzyfa {
      box-shadow: none;
    }

    .xsrz6cx.xsrz6cx {
      color: buttontext;
    }

    .x1a46atw.x1a46atw {
      color: canvas;
    }

    .xs5hli.xs5hli {
      color: canvastext;
    }

    .xiskxvl.xiskxvl {
      color: highlight;
    }

    .x1k5gbb1.x1k5gbb1 {
      color: highlighttext;
    }
  }

  @media (width <= 48rem) {
    .xhhrn6j.xhhrn6j {
      display: grid;
    }
  }

  @media (forced-colors: active) {
    .x1c7sf14.x1c7sf14 {
      display: none;
    }
  }

  @media (width <= 48rem) {
    .x8iw86j.x8iw86j {
      display: none;
    }
  }

  @media (forced-colors: active) {
    .x1wdx1ck.x1wdx1ck {
      fill: canvas;
    }
  }

  @media (width <= 48rem) {
    .x174t0ru.x174t0ru {
      flex-wrap: wrap;
    }
  }

  @media (forced-colors: active) {
    .xr5dkdi.xr5dkdi, .x9xrxzh.x9xrxzh {
      forced-color-adjust: auto;
    }

    .xm958hk.xm958hk {
      forced-color-adjust: none;
    }
  }

  @media (width <= 48rem) {
    .x19m6iyc.x19m6iyc {
      grid-template-columns: 1fr;
    }

    .xj7gdfw.xj7gdfw {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (width <= 40rem) {
    .x1m1kh9h.x1m1kh9h {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (width <= 48rem) {
    .xr827i4.xr827i4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {
    .x1stib53.x1stib53 {
      grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    }
  }

  @media (pointer: coarse) {
    .x1yp402.x1yp402 {
      grid-template-columns: var(--interactive-target-min) minmax(3rem,1fr) var(--interactive-target-min);
    }
  }

  @media (width <= 48rem) {
    .x191frmh.x191frmh {
      inline-size: 100%;
    }
  }

  @media (pointer: coarse) {
    .xqnxffv.xqnxffv {
      inline-size: 3rem;
    }
  }

  @media (width <= 48rem) {
    .xjc0p3u.xjc0p3u {
      inset-inline-end: 1rem;
    }
  }

  @media (width <= 40rem) {
    .x14gmj1b.x14gmj1b {
      inset-inline-end: max(var(--space-3),env(safe-area-inset-left));
    }

    .x9n3pu8.x9n3pu8 {
      inset-inline-start: max(var(--space-3),env(safe-area-inset-left));
    }

    .x13eskkf.x13eskkf {
      justify-content: center;
    }
  }

  @media (width <= 48rem) {
    .x11ndyap.x11ndyap {
      max-inline-size: 14ch;
    }

    .x1h8pmfy.x1h8pmfy {
      max-inline-size: none;
    }
  }

  @media (pointer: coarse) {
    .x9me654.x9me654 {
      min-block-size: 3rem;
    }

    .x11je3w3.x11je3w3 {
      min-inline-size: 3rem;
    }
  }

  @media (prefers-contrast: more) {
    .x17zl6lg.x17zl6lg {
      opacity: .04;
    }

    .xfpeqwo.xfpeqwo {
      opacity: .05;
    }

    .x2132ul.x2132ul {
      opacity: .06;
    }

    .x194v72f.x194v72f {
      opacity: .1;
    }

    .xfrgnfc.xfrgnfc {
      opacity: .12;
    }

    .xb083x5.xb083x5 {
      opacity: .14;
    }

    .x1szd8p8.x1szd8p8 {
      opacity: .18;
    }

    .x1fp9yqv.x1fp9yqv {
      opacity: .2;
    }

    .xbp4rgc.xbp4rgc {
      opacity: .22;
    }

    .xu6icd1.xu6icd1 {
      opacity: .24;
    }
  }

  @media (width <= 48rem) {
    .xnf0n60.xnf0n60 {
      order: 0;
    }

    .x61vft0.x61vft0 {
      order: 3;
    }
  }

  @media (forced-colors: active) {
    .x1x84bn5.x1x84bn5, .xyd5c8n.xyd5c8n {
      outline-color: highlight;
    }
  }

  @media (prefers-contrast: more) {
    .xqswhxe.xqswhxe {
      outline-width: 2px;
    }
  }

  @media (width <= 48rem) {
    .x7lh22x.x7lh22x {
      position: fixed;
    }
  }

  @media (forced-colors: active) {
    .xoy0osh.xoy0osh {
      stroke: canvastext;
    }

    .xonpnua.xonpnua {
      stroke: graytext;
    }

    .xg95lcm.xg95lcm {
      stroke: highlight;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x9jhkrq.x9jhkrq {
      transform: none !important;
    }
  }

  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
    .x1gibbwo.x1gibbwo {
      transform: perspective(72rem) rotateX(var(--foil-rotate-x, 0deg)) rotateY(var(--foil-rotate-y, 0deg));
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .xsagj69.xsagj69 {
      transition-duration: .01ms;
    }

    .x12w9bfk.x12w9bfk, .xk4dzbi.xk4dzbi {
      transition-duration: 0s;
    }

    .x4wkmsb.x4wkmsb, .xsfowg2.xsfowg2 {
      transition-property: none;
    }
  }

  @media (forced-colors: active) {
    .x18h8etl.x18h8etl:focus-within, .x1ofnqge.x1ofnqge:focus-visible {
      box-shadow: none;
    }
  }

  @media (hover: hover) {
    .xva3amp.xva3amp:hover:not(:disabled) {
      opacity: .9;
    }
  }

  @media (forced-colors: active) {
    .xfjoems.xfjoems:focus-within, .xy1gt46.xy1gt46:focus-visible {
      outline-color: highlight;
    }

    .x7nf4t2.x7nf4t2:has(input:focus-visible) {
      outline-color: highlight;
    }

    .x15blstl.x15blstl:hover {
      background-color: buttonface;
    }

    .x6ezp6e.x6ezp6e:hover {
      background-color: canvas;
    }
  }

  @media (hover: hover) {
    .xwdb1ru.xwdb1ru:hover {
      background-color: var(--color-surface-input);
    }

    .xn85upr.xn85upr:hover {
      background-color: var(--color-surface-raised);
    }
  }

  @media (forced-colors: active) {
    .x1pys6gs.x1pys6gs:hover {
      color: buttontext;
    }
  }

  @media (hover: hover) {
    .x9oc7kc.x9oc7kc:hover {
      color: var(--color-ink);
    }
  }
}

@layer components.hraness-stylex.priority5 {
  .x1dtpm5y {
    border-bottom-color: color-mix(in oklch,currentColor 25%,transparent);
  }

  .x1dp554n {
    border-bottom-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);
  }

  .xjmpsza {
    border-bottom-color: color-mix(in oklch,var(--hraness-marketing-accent) 55%,transparent);
  }

  .x1tnzt7h {
    border-bottom-color: currentColor;
  }

  .x1suovpq {
    border-bottom-color: var(--color-accent);
  }

  .xclsfi8 {
    border-bottom-color: var(--color-attention);
  }

  .x11y3pjq {
    border-bottom-color: var(--color-control);
  }

  .x1eyk6et {
    border-bottom-color: var(--color-danger);
  }

  .xwbn3sw {
    border-bottom-color: var(--color-info);
  }

  .xteuqzr {
    border-bottom-color: var(--color-line);
  }

  .xrna3ub {
    border-bottom-color: var(--hraness-marketing-accent-ink);
  }

  .x178bjdm {
    border-bottom-color: var(--hraness-marketing-accent);
  }

  .x1go9fhr {
    border-bottom-color: var(--hraness-marketing-line-strong);
  }

  .x6fhnnc {
    border-bottom-color: var(--ui-border);
  }

  .x1olqv08 {
    border-bottom-left-radius: .25rem;
  }

  .xbrzj0f {
    border-bottom-left-radius: .375rem;
  }

  .xri6rhv {
    border-bottom-left-radius: .5rem;
  }

  .xfrllxf {
    border-bottom-left-radius: 0;
  }

  .x1rr3jns {
    border-bottom-left-radius: 9999px;
  }

  .xhbaxng {
    border-bottom-right-radius: .25rem;
  }

  .x1earptq {
    border-bottom-right-radius: .375rem;
  }

  .x7lg8ah {
    border-bottom-right-radius: .5rem;
  }

  .xjppbhk {
    border-bottom-right-radius: 0;
  }

  .x790qc7 {
    border-bottom-right-radius: 9999px;
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .x1bdjow1 {
    border-bottom-width: .125em;
  }

  .x1qhh985 {
    border-bottom-width: 0;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .xqgmwx {
    border-left-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);
  }

  .x1ipoqgi {
    border-left-color: color-mix(in oklch,var(--hraness-marketing-accent) 55%,transparent);
  }

  .x1pjslub {
    border-left-color: currentColor;
  }

  .x4ukevc {
    border-left-color: var(--color-accent);
  }

  .x1ah0d9x {
    border-left-color: var(--color-attention);
  }

  .xkv1g9t {
    border-left-color: var(--color-control);
  }

  .x6ozff {
    border-left-color: var(--color-danger);
  }

  .x1k6p4hy {
    border-left-color: var(--color-info);
  }

  .x1aeaj6u {
    border-left-color: var(--color-line);
  }

  .xn38ytx {
    border-left-color: var(--hraness-marketing-accent-ink);
  }

  .x1r2mh8w {
    border-left-color: var(--hraness-marketing-accent);
  }

  .x169jq7m {
    border-left-color: var(--hraness-marketing-line-strong);
  }

  .x19ypqd9 {
    border-left-style: solid;
  }

  .xyj58a3 {
    border-left-width: 0;
  }

  .xe0pwq {
    border-left-width: 1px;
  }

  .x7oefzn {
    border-right-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);
  }

  .x1f1t1ax {
    border-right-color: color-mix(in oklch,var(--hraness-marketing-accent) 55%,transparent);
  }

  .x1ws9gjp {
    border-right-color: currentColor;
  }

  .x455e0l {
    border-right-color: var(--color-accent);
  }

  .xvezuln {
    border-right-color: var(--color-attention);
  }

  .x1s23gjh {
    border-right-color: var(--color-control);
  }

  .x1x1lhh7 {
    border-right-color: var(--color-danger);
  }

  .x18zqwkv {
    border-right-color: var(--color-info);
  }

  .x4p2ua6 {
    border-right-color: var(--color-line);
  }

  .x1c2c7ic {
    border-right-color: var(--hraness-marketing-accent-ink);
  }

  .x1m2t9o4 {
    border-right-color: var(--hraness-marketing-accent);
  }

  .xdnfbz9 {
    border-right-color: var(--hraness-marketing-line-strong);
  }

  .x32b0ac {
    border-right-style: solid;
  }

  .xgfja2r {
    border-right-width: 0;
  }

  .xs1s249 {
    border-right-width: 1px;
  }

  .xpkc6jc {
    border-top-color: color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);
  }

  .x8aei3e {
    border-top-color: color-mix(in oklch,var(--hraness-marketing-accent) 55%,transparent);
  }

  .x1b4hy2t {
    border-top-color: currentColor;
  }

  .x1hkd1dd {
    border-top-color: var(--color-accent);
  }

  .xl8o5z5 {
    border-top-color: var(--color-attention);
  }

  .x14gtupf {
    border-top-color: var(--color-control);
  }

  .x115w97s {
    border-top-color: var(--color-danger);
  }

  .xs9ehkr {
    border-top-color: var(--color-info);
  }

  .xkyny5x {
    border-top-color: var(--color-line);
  }

  .xiv8lh7 {
    border-top-color: var(--hraness-marketing-accent-ink);
  }

  .x1ysy8xn {
    border-top-color: var(--hraness-marketing-accent);
  }

  .x12hoani {
    border-top-color: var(--hraness-marketing-line-strong);
  }

  .x11dzxig {
    border-top-color: var(--ui-border);
  }

  .xejiqos {
    border-top-left-radius: .25rem;
  }

  .x1ul7exa {
    border-top-left-radius: .375rem;
  }

  .xx1126p {
    border-top-left-radius: .5rem;
  }

  .x38agcw {
    border-top-left-radius: 9999px;
  }

  .xjblrfn {
    border-top-right-radius: .25rem;
  }

  .x13be78j {
    border-top-right-radius: .375rem;
  }

  .x1jmbype {
    border-top-right-radius: .5rem;
  }

  .x1a2w583 {
    border-top-right-radius: 0;
  }

  .xxi6wdo {
    border-top-right-radius: 9999px;
  }

  .x13fuv20 {
    border-top-style: solid;
  }

  .x19adufw {
    border-top-width: .125em;
  }

  .x972fbf {
    border-top-width: 0;
  }

  .x178xt8z {
    border-top-width: 1px;
  }

  .x1ey2m1c {
    bottom: 0;
  }

  .x164u9eo {
    height: .5rem;
  }

  .x1qa65zt {
    height: .625rem;
  }

  .xqtp20y {
    height: 0;
  }

  .xmll18r {
    height: 1.25rem;
  }

  .xam5rvr {
    height: 1.5rem;
  }

  .x5yr21d {
    height: 100%;
  }

  .xtdtrs8 {
    height: 100dvh;
  }

  .x1dr59a3 {
    height: 100vh;
  }

  .x170jfvy {
    height: 10px;
  }

  .x1roirhx {
    height: 10rem;
  }

  .xlzyvqe {
    height: 1em;
  }

  .x1b109bh {
    height: 1px !important;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1l36t39 {
    height: 1rem;
  }

  .xwaiz5r {
    height: 2.5rem;
  }

  .x36qwtl {
    height: 2px;
  }

  .xettwda {
    height: 2rem;
  }

  .xu15cu9 {
    height: 3.5rem;
  }

  .x1pizb70 {
    height: 3rem;
  }

  .xqu0tyb {
    height: 4px;
  }

  .x1ycjhwn {
    height: 5px;
  }

  .x17frcva {
    height: 6rem;
  }

  .xdk7pt {
    height: 8px;
  }

  .xt7dq6l {
    height: auto;
  }

  .x1ycyw8g {
    height: clamp(250px, 30vw, 320px);
  }

  .x1q5yyfj {
    height: max(1.25rem,var(--hraness-slider-coarse-min, 0px));
  }

  .xdsa8hg {
    height: var(--hraness-design-particle-size);
  }

  .x9tupou {
    height: var(--hraness-design-procedural-layer-height);
  }

  .xu96u03 {
    left: 0;
  }

  .x1nrll8i {
    left: 50%;
  }

  .xlynfzb {
    left: env(safe-area-inset-left);
  }

  .x1czmu4s {
    left: var(--hraness-design-chart-median);
  }

  .x7sgyhr {
    left: var(--hraness-design-chart-range-left);
  }

  .xh64h8m {
    left: var(--hraness-design-particle-x);
  }

  .x1xpsit7 {
    left: var(--hraness-design-procedural-layer-x);
  }

  .x926dwu {
    left: var(--hraness-design-procedural-ripple-x);
  }

  .xhcrhct {
    margin-bottom: .125rem;
  }

  .x1hpqcdg {
    margin-bottom: .25rem;
  }

  .x18jvhmb {
    margin-bottom: .375rem;
  }

  .xhbfen4 {
    margin-bottom: .5rem;
  }

  .x1gr9t9r {
    margin-bottom: .75rem;
  }

  .xat24cr {
    margin-bottom: 0;
  }

  .x4ii5y1 {
    margin-bottom: auto;
  }

  .x17z7szv {
    margin-bottom: var(--space-1);
  }

  .xcftyxh {
    margin-bottom: var(--space-2);
  }

  .xj3b58b {
    margin-left: 0;
  }

  .x8x9d4c {
    margin-left: auto;
  }

  .x1yf7rl7 {
    margin-right: 0;
  }

  .xack27t {
    margin-right: auto;
  }

  .x72edsj {
    margin-top: .125rem;
  }

  .x1tbvfm1 {
    margin-top: .25rem;
  }

  .x1mjqqkp {
    margin-top: .5rem;
  }

  .xhj8ucd {
    margin-top: .75rem;
  }

  .xdj266r {
    margin-top: 0;
  }

  .xj1urod {
    margin-top: 1rem;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x1qxdtre {
    margin-top: var(--space-1);
  }

  .xzvpv3f {
    margin-top: var(--space-2);
  }

  .xz6j1ir {
    max-height: 10rem;
  }

  .x15vuvwr {
    max-height: 85dvh;
  }

  .x1g15ey4 {
    max-height: calc(100dvh - 2rem);
  }

  .x8di0vd {
    max-height: min(24rem,var(--visual-viewport-height, 70vh));
  }

  .x11bjrsb {
    max-height: min(42rem, 100dvh - 2rem);
  }

  .x7ab17h {
    max-height: none;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x9h9p8b {
    max-width: 20rem;
  }

  .xc0i79g {
    max-width: 36rem;
  }

  .x1vpbbxe {
    max-width: 48rem;
  }

  .x1hv4mr {
    max-width: 72rem;
  }

  .x17na0u1 {
    max-width: 85%;
  }

  .x1glul6l {
    max-width: min(24rem, 100vw - 2rem);
  }

  .x1c4vidq {
    max-width: min(28rem, 100vw - 2rem);
  }

  .x1x1rfll {
    max-width: none;
  }

  .x2lwn1j {
    min-height: 0;
  }

  .x1rqwxy8 {
    min-height: 1.5rem;
  }

  .x1k5hnt4 {
    min-height: 1.875rem;
  }

  .x1us19tq {
    min-height: 100%;
  }

  .x1ov3xa9 {
    min-height: 100dvh;
  }

  .x1b3lxvz {
    min-height: 12rem;
  }

  .x1xaadd7 {
    min-height: 1em;
  }

  .x1aewpuf {
    min-height: 1rem;
  }

  .xgbkey0 {
    min-height: 2.75rem;
  }

  .xjjci79 {
    min-height: 250px;
  }

  .xe8gcm {
    min-height: 3rem;
  }

  .xdmy4d6 {
    min-height: 7.5rem;
  }

  .x1n7nj54 {
    min-height: calc(max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .x1l5qzlo {
    min-height: calc(max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) - 2px);
  }

  .x1djsrkw {
    min-height: calc(max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .x17gzt8q {
    min-height: calc(max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) - 2px);
  }

  .x1kbo7g0 {
    min-height: calc(max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .x17ouxu {
    min-height: calc(max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) - 2px);
  }

  .x1esom5j {
    min-height: max(2rem,var(--hraness-action-coarse-min, 0px));
  }

  .x1lnodwb {
    min-height: max(2rem,var(--hraness-collection-coarse-min, 0px));
  }

  .x1yv999w {
    min-height: max(var(--control-height-primary),var(--hraness-action-coarse-min, 0px));
  }

  .xg5uit5 {
    min-height: max(var(--control-height-primary),var(--hraness-collection-coarse-min, 0px));
  }

  .x1qtqqm4 {
    min-height: max(var(--control-height-transport),var(--hraness-action-coarse-min, 0px));
  }

  .xel52y2 {
    min-height: max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px));
  }

  .xapzl0h {
    min-height: max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px));
  }

  .xa5u4au {
    min-height: max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px));
  }

  .x1y2l6e2 {
    min-height: max(var(--interactive-target-compact),var(--hraness-action-coarse-min, 0px));
  }

  .x1dqze38 {
    min-height: max(var(--interactive-target-compact),var(--hraness-collection-coarse-min, 0px));
  }

  .x1131nnu {
    min-height: max(var(--interactive-target-compact),var(--hraness-dialog-coarse-min, 0px));
  }

  .x11sl19t {
    min-height: max(var(--interactive-target-compact),var(--hraness-field-coarse-min, 0px));
  }

  .x1l0kjw5 {
    min-height: max(var(--interactive-target-compact),var(--hraness-list-box-coarse-min, 0px));
  }

  .x189nhaf {
    min-height: max(var(--interactive-target-compact),var(--hraness-menu-coarse-min, 0px));
  }

  .x1ndaqa1 {
    min-height: max(var(--interactive-target-compact),var(--hraness-pagination-coarse-min, 0px));
  }

  .x1ujsvf4 {
    min-height: max(var(--interactive-target-compact),var(--hraness-toast-coarse-min, 0px));
  }

  .x1djw8xr {
    min-height: max(var(--interactive-target-min),var(--hraness-collection-coarse-min, 0px));
  }

  .x1ig0bsw {
    min-height: var(--interactive-target-compact);
  }

  .x1pjshk2 {
    min-height: var(--interactive-target-min);
  }

  .xeuugli {
    min-width: 0;
  }

  .x1vi9356 {
    min-width: 1.5rem;
  }

  .xuu4ctt {
    min-width: 10rem;
  }

  .xee1316 {
    min-width: 11rem;
  }

  .x12kinc7 {
    min-width: 12rem;
  }

  .xhb15b9 {
    min-width: 152px;
  }

  .xlm6wrl {
    min-width: 2.75rem;
  }

  .x1k8l6nd {
    min-width: 3rem;
  }

  .x1u7vzey {
    min-width: calc(max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .x14qgve5 {
    min-width: calc(max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .xdx86wr {
    min-width: calc(max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) - .5rem);
  }

  .xsy7027 {
    min-width: max(2rem,var(--hraness-action-coarse-min, 0px));
  }

  .xla0ybc {
    min-width: max(var(--control-height-primary),var(--hraness-action-coarse-min, 0px));
  }

  .x1nulscw {
    min-width: max(var(--control-height-transport),var(--hraness-action-coarse-min, 0px));
  }

  .xrmaxj9 {
    min-width: max(var(--interactive-target-compact),var(--hraness-action-coarse-min, 0px));
  }

  .xoxaf3i {
    min-width: min(12rem, 100vw - 2rem);
  }

  .xxrnt4g {
    min-width: var(--hraness-action-coarse-min);
  }

  .x2jroms {
    min-width: var(--hraness-collection-coarse-min);
  }

  .x1hr7sbn {
    min-width: var(--interactive-target-compact);
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x101abm8 {
    overflow-x: clip;
  }

  .x6ikm8r {
    overflow-x: hidden;
  }

  .x1plvlek {
    overflow-x: visible;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .x10wlt62 {
    overflow-y: hidden;
  }

  .x7p5m3t {
    overscroll-behavior-x: contain;
  }

  .x1e4zzel {
    overscroll-behavior-y: contain;
  }

  .xnw97ix {
    padding-bottom: .125rem;
  }

  .xes99ow {
    padding-bottom: .25rem;
  }

  .xmnamis {
    padding-bottom: .5rem;
  }

  .xsaxbkt {
    padding-bottom: .75rem;
  }

  .x18d9i69 {
    padding-bottom: 0;
  }

  .x2yie3v {
    padding-bottom: 1rem;
  }

  .xtgnf0h {
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
  }

  .xi4an9m {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

  .xgk38rq {
    padding-bottom: max(var(--space-5, 1.25rem),env(safe-area-inset-bottom));
  }

  .xw080dc {
    padding-bottom: var(--space-1);
  }

  .x19a4mjr {
    padding-bottom: var(--space-2);
  }

  .xq148l {
    padding-bottom: var(--space-4);
  }

  .xlt5wix {
    padding-bottom: var(--space-6);
  }

  .xf00w7v {
    padding-left: .25rem;
  }

  .x15u6esi {
    padding-left: .5rem;
  }

  .x164ht6e {
    padding-left: .625rem;
  }

  .x79ra4s {
    padding-left: .75rem;
  }

  .x1uhho1l {
    padding-left: 0;
  }

  .x9dzeaa {
    padding-left: 1rem;
  }

  .xds3owl {
    padding-left: max(.5rem,env(safe-area-inset-left));
  }

  .x1w8915e {
    padding-left: max(1rem,env(safe-area-inset-left));
  }

  .x16vvl9m {
    padding-left: max(var(--hraness-quiet-site-gutter, 1.25rem),env(safe-area-inset-left));
  }

  .x1t11mm0 {
    padding-left: var(--space-1);
  }

  .x6enc3n {
    padding-left: var(--space-2);
  }

  .x1cb00rx {
    padding-left: var(--space-3);
  }

  .x7xe1zy {
    padding-left: var(--space-4);
  }

  .x16tdjq0 {
    padding-left: var(--space-6);
  }

  .x1d60ukw {
    padding-right: .25rem;
  }

  .x1arb9wb {
    padding-right: .5rem;
  }

  .x19pir32 {
    padding-right: .625rem;
  }

  .x33uob6 {
    padding-right: .75rem;
  }

  .x1xpa7k {
    padding-right: 0;
  }

  .x52dz5p {
    padding-right: 1rem;
  }

  .x1wz9s4z {
    padding-right: calc(1rem + env(safe-area-inset-right));
  }

  .xibltav {
    padding-right: max(.5rem,env(safe-area-inset-right));
  }

  .x10a3fzf {
    padding-right: max(1rem,env(safe-area-inset-right));
  }

  .x1dr8qzh {
    padding-right: max(var(--hraness-quiet-site-gutter, 1.25rem),env(safe-area-inset-right));
  }

  .x7ruhhf {
    padding-right: var(--space-1);
  }

  .x1gecdg7 {
    padding-right: var(--space-2);
  }

  .x1uvjf4i {
    padding-right: var(--space-3);
  }

  .x1rszif4 {
    padding-right: var(--space-4);
  }

  .x1z06fhp {
    padding-right: var(--space-6);
  }

  .xrhwvvd {
    padding-top: .125rem;
  }

  .x1iul6r4 {
    padding-top: .25rem;
  }

  .x1b58sdr {
    padding-top: .5rem;
  }

  .x1q57ora {
    padding-top: .75rem;
  }

  .xexx8yu {
    padding-top: 0;
  }

  .x12t3zde {
    padding-top: 1rem;
  }

  .x1syq87d {
    padding-top: calc(.75rem + env(safe-area-inset-top));
  }

  .x6vio5b {
    padding-top: env(safe-area-inset-top);
  }

  .x15koebe {
    padding-top: var(--space-1);
  }

  .x1mg8snn {
    padding-top: var(--space-2);
  }

  .xvaac52 {
    padding-top: var(--space-4);
  }

  .x1b284x9 {
    padding-top: var(--space-5, 1.25rem);
  }

  .xb5peal {
    padding-top: var(--space-6);
  }

  .x3m8u43 {
    right: 0;
  }

  .xwukr4l {
    right: auto;
  }

  .xulmds4 {
    right: env(safe-area-inset-right);
  }

  .x13vifvy {
    top: 0;
  }

  .xwa60dl {
    top: 50%;
  }

  .x1kq3sn5 {
    top: calc(100% + .5rem);
  }

  .x1jcyvxw {
    top: env(safe-area-inset-top);
  }

  .x5mhnyq {
    top: var(--hraness-design-particle-y);
  }

  .xd2kmy7 {
    top: var(--hraness-design-procedural-layer-y);
  }

  .xuluyjk {
    top: var(--hraness-design-procedural-ripple-y);
  }

  .x1jjc1wv {
    width: .5rem;
  }

  .x1e7hgle {
    width: .625rem;
  }

  .xwqq7k2 {
    width: 1.25rem;
  }

  .xp8d6y2 {
    width: 1.5rem;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1fsd2vl {
    width: 10px;
  }

  .xsmyaan {
    width: 12px;
  }

  .x15vhz18 {
    width: 1em;
  }

  .x1r97y75 {
    width: 1px !important;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .xcdlrvm {
    width: 1rem;
  }

  .xvm51jw {
    width: 2.5rem;
  }

  .xb1qrhf {
    width: 2.75rem;
  }

  .xs5h3dt {
    width: 2rem;
  }

  .x154i66o {
    width: 3.5rem;
  }

  .x188tqju {
    width: 3rem;
  }

  .xw63694 {
    width: 40% !important;
  }

  .x14atkfc {
    width: auto;
  }

  .xeq5yr9 {
    width: fit-content;
  }

  .xatpk5v {
    width: max(1.25rem,var(--hraness-slider-coarse-min, 0px));
  }

  .x16ka8ky {
    width: max(2rem,var(--hraness-action-coarse-min, 0px));
  }

  .x147td01 {
    width: max(var(--control-height-primary),var(--hraness-action-coarse-min, 0px));
  }

  .x1jcgwm8 {
    width: max(var(--control-height-transport),var(--hraness-action-coarse-min, 0px));
  }

  .xmy4bs3 {
    width: max(var(--interactive-target-compact),var(--hraness-action-coarse-min, 0px));
  }

  .x1qrp33v {
    width: min(18rem, 100vw - 2rem);
  }

  .x3d859g {
    width: min(24rem, 100%);
  }

  .x43d60k {
    width: min(26rem, 100vw - 2rem);
  }

  .x10owhg {
    width: min(28rem, 100vw);
  }

  .x19ndz4l {
    width: min(32rem, 100%);
  }

  .xyuhv1g {
    width: min(32rem, 100vw - 2rem);
  }

  .x13jwj08 {
    width: min(48rem, 100%);
  }

  .x11r28uo {
    width: var(--hraness-design-chart-range-width);
  }

  .x1i0xg0u {
    width: var(--hraness-design-chart-value);
  }

  .xy4ag0o {
    width: var(--hraness-design-particle-size);
  }

  .x1oarmvm {
    width: var(--hraness-design-procedural-layer-width);
  }

  .xs75vpj {
    width: var(--hraness-design-procedural-ripple-size);
  }

  .x1c7fcki {
    width: var(--interactive-target-compact);
  }

  .xlvufjm {
    width: var(--trigger-width);
  }

  @supports (height: 100svh) {
    .x5yh38q.x5yh38q {
      height: 100svh;
    }
  }

  .xisyfv:not(:last-child) {
    border-bottom-color: var(--color-line);
  }

  .x137r021:not(:last-child) {
    border-bottom-style: solid;
  }

  .x1q8zilx:not(:last-child) {
    border-bottom-width: 1px;
  }

  .x14l7nz5:first-child {
    margin-top: 0;
  }

  .xzboxd6:last-child {
    margin-bottom: 0;
  }

  @supports (height: 100svh) {
    @supports (height: 100dvh) {
      .x1uqklc0.x1uqklc0.x1uqklc0 {
        height: 100dvh;
      }
    }
  }

  .x11isrn1:hover {
    border-bottom-color: color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);
  }

  .x10br4xj:hover {
    border-bottom-color: var(--hraness-marketing-accent-ink);
  }

  .x15600lq:hover {
    border-bottom-color: var(--hraness-marketing-line-strong);
  }

  .xufil7y:hover {
    border-left-color: color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);
  }

  .xqufa2o:hover {
    border-left-color: var(--hraness-marketing-accent-ink);
  }

  .xssc3wh:hover {
    border-left-color: var(--hraness-marketing-line-strong);
  }

  .x10anpj7:hover {
    border-right-color: color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);
  }

  .xflpkdl:hover {
    border-right-color: var(--hraness-marketing-accent-ink);
  }

  .x1hno62o:hover {
    border-right-color: var(--hraness-marketing-line-strong);
  }

  .x171m0k5:hover {
    border-top-color: color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);
  }

  .x144p28:hover {
    border-top-color: var(--hraness-marketing-accent-ink);
  }

  .x15f2en:hover {
    border-top-color: var(--hraness-marketing-line-strong);
  }

  @media (forced-colors: active) {
    .x1odqkhc.x1odqkhc {
      border-bottom-color: canvastext;
    }

    .x1b45ly2.x1b45ly2 {
      border-bottom-style: solid;
    }

    .xhv30r1.xhv30r1 {
      border-bottom-width: 1px;
    }

    .xfdlk4p.xfdlk4p {
      border-top-color: canvastext;
    }

    .x1ew3qar.x1ew3qar {
      border-top-style: solid;
    }

    .x1v8ni4k.x1v8ni4k {
      border-top-width: 1px;
    }
  }

  @media (pointer: coarse) {
    .x15ypskr.x15ypskr {
      height: max(3rem,var(--interactive-target-min));
    }

    .xar2k7g.xar2k7g {
      height: var(--interactive-target-min);
    }

    .x1d35wjx.x1d35wjx {
      min-height: calc(var(--interactive-target-min) - .5rem);
    }

    .x19mvy8m.x19mvy8m {
      min-height: calc(var(--interactive-target-min) - 2px);
    }

    .x1u09ppm.x1u09ppm {
      min-height: max(3rem,var(--interactive-target-min));
    }

    .xdnzybn.xdnzybn {
      min-height: max(var(--control-height-primary),var(--interactive-target-min));
    }

    .xsbdxvp.xsbdxvp {
      min-height: var(--control-height-primary);
    }

    .xm7x4q.xm7x4q {
      min-height: var(--control-height-transport);
    }

    .x1tutk9t.x1tutk9t {
      min-height: var(--interactive-target-min, 3rem);
    }

    .x1ai14st.x1ai14st {
      min-height: var(--interactive-target-min);
    }

    .x1t849ub.x1t849ub {
      min-width: calc(var(--interactive-target-min) - .5rem);
    }

    .xlpzvxd.xlpzvxd {
      min-width: max(3rem,var(--interactive-target-min));
    }

    .x1mo9qwv.x1mo9qwv {
      min-width: var(--control-height-primary);
    }

    .xp3bzmk.xp3bzmk {
      min-width: var(--control-height-transport);
    }

    .x927kn3.x927kn3 {
      min-width: var(--interactive-target-min);
    }
  }

  @media (width <= 48rem) {
    .xk6pqmb.xk6pqmb {
      top: calc(4.25rem + env(safe-area-inset-top, 0px));
    }
  }

  @media (width <= 40rem) {
    .x1l091rc.x1l091rc {
      width: auto;
    }
  }

  @media (pointer: coarse) {
    .xtscap9.xtscap9 {
      width: max(3rem,var(--interactive-target-min));
    }

    .x1pcftg7.x1pcftg7 {
      width: var(--control-height-primary);
    }

    .xyvhytc.xyvhytc {
      width: var(--control-height-transport);
    }

    .x1a3rwz5.x1a3rwz5 {
      width: var(--interactive-target-min);
    }
  }

  @media (hover: hover) {
    .x1dihdsx.x1dihdsx:hover {
      border-bottom-color: var(--color-ink-muted);
    }

    .x1glvc8z.x1glvc8z:hover {
      border-left-color: var(--color-ink-muted);
    }

    .x1lndcrb.x1lndcrb:hover {
      border-right-color: var(--color-ink-muted);
    }

    .xdcbx53.xdcbx53:hover {
      border-top-color: var(--color-ink-muted);
    }
  }
}

@layer components.hraness-stylex.priority6 {
  .x9xjp18:after {
    inset: -10%;
  }

  .x18267p7:before {
    inset: -18%;
  }
}

@layer components.hraness-stylex.priority7 {
  .x1p4wkd0:before, .xdyatyv:after {
    background-position: 0 0;
  }

  .x1wnb18t:before {
    background-position: center, 0 0;
  }

  .x1n6dlnu:before {
    border-radius: 999px;
  }

  .x1eppz4x:before, .x1wt17lb:after {
    flex: none;
  }
}

@layer components.hraness-stylex.priority8 {
  .x1r2x5xj:before, .x5f4bmu:after {
    background-attachment: scroll;
  }

  .x1iobno9:before, .xm2d366:after {
    background-clip: border-box;
  }

  .x1p58mzm:before, .xyhc2n1:after {
    background-color: #0000;
  }

  .x1bsen3a:before {
    background-color: var(--hraness-marketing-accent-soft);
  }

  .xh9sz5t::backdrop {
    background-color: var(--scrim);
  }

  .xryc3un:after {
    background-image: linear-gradient(136deg,transparent 0%,#ffffff29 18%,transparent 34%),radial-gradient(ellipse 42% 32% at 76% 26%,color-mix(in oklch,var(--aurora-rose) 16%,transparent) 0%,transparent 62%),radial-gradient(ellipse 46% 32% at 22% 54%,#ffffff29 0%,transparent 64%);
  }

  @supports (color: lab(0% 0 0)) {
    .xryc3un:after {
      background-image: linear-gradient(136deg,transparent 0%,#ffffff29 18%,transparent 34%),radial-gradient(ellipse 42% 32% at 76% 26%,color-mix(in oklch,var(--aurora-rose) 16%,transparent) 0%,transparent 62%),radial-gradient(ellipse 46% 32% at 22% 54%,lab(100% 0 0 / .16) 0%,transparent 64%);
    }
  }

  .xccne2d:before {
    background-image: linear-gradient(var(--hraness-marketing-accent),var(--hraness-marketing-accent)),none;
  }

  .xaazngd:before {
    background-image: radial-gradient(44% 78% at 10% 54%, #ffd8d533 0%, #0000 78%), radial-gradient(44% 78% at 32% 44%, #ffebc82e 0%, #0000 78%), radial-gradient(44% 78% at 54% 54%, #c5fada2e 0%, #0000 78%), radial-gradient(44% 78% at 74% 44%, #c2ecff2e 0%, #0000 78%), radial-gradient(44% 78% at 92% 54%, #e7d5ff2e 0%, #0000 78%);
    background-image: radial-gradient(44% 78% at 10% 54%, lab(90.0314% 22.0096 10.4247 / .2) 0%, #0000 78%), radial-gradient(44% 78% at 32% 44%, lab(94.3214% 4.38088 23.3696 / .18) 0%, #0000 78%), radial-gradient(44% 78% at 54% 54%, lab(93.9808% -22.347 9.87147 / .18) 0%, #0000 78%), radial-gradient(44% 78% at 74% 44%, lab(90.9472% -13.885 -20.0081 / .18) 0%, #0000 78%), radial-gradient(44% 78% at 92% 54%, lab(87.5332% 14.1727 -21.4568 / .18) 0%, #0000 78%);
  }

  .x1fdwaee:before, .x1x9a357:after {
    background-origin: padding-box;
  }

  .x3epuvs:before {
    background-repeat: no-repeat, repeat;
  }

  .x1n53xtc:before, .xnktifx:after {
    background-repeat: repeat;
  }

  .x18w0hwz:before {
    background-size: .4rem .4rem, auto;
  }

  .x1m8cr3k:after, .xoyff0v:before {
    background-size: auto;
  }

  .x1qqnood:before {
    block-size: 1rem;
  }

  .xukf0fk::placeholder {
    color: var(--color-ink-muted);
  }

  .xox5txm:after {
    color: var(--hraness-marketing-muted);
  }

  .xkwyxoe:before {
    color: var(--ui-muted-foreground);
  }

  .x1cpjm7i:before, .x1s928wv:after {
    content: "";
  }

  .x1wrotz2:before {
    content: "/";
  }

  .x14lfh4t:after {
    content: "+";
  }

  .x1i5lizr::-webkit-details-marker {
    display: none;
  }

  .x1bfd30r:after {
    filter: blur(44px);
  }

  .x1wq4w3b:before {
    filter: blur(56px) saturate(.98);
  }

  .x1h4a8v0:after {
    font-size: 1.25rem;
  }

  .x17thtq2:after {
    font-weight: 400;
  }

  .x744x14:before {
    inline-size: 1rem;
  }

  .x1ioofie:after {
    line-height: 1;
  }

  .xxri6bu:before {
    margin-block-start: .2rem;
  }

  .x4itrw6:after {
    mix-blend-mode: soft-light;
  }

  .x7xwk5j::placeholder {
    opacity: 1;
  }

  .x1wxgyrg:after {
    opacity: var(--hraness-design-aurora-after-opacity, .36);
  }

  .x1i9jdp0:before {
    opacity: var(--hraness-design-aurora-before-opacity, .84);
  }

  .x1hmns74:before, .x1j6awrg:after {
    position: absolute;
  }

  .xgqsyu6:before {
    transform: translate3d(0, -4vh, 0);
  }

  .x1bz48vb.x1bz48vb:where(.x1mw0dh9[open] *):after {
    transform: rotate(45deg);
  }
}

@keyframes xazk77x-B {
  to {
    background-position: -200% 0;
  }
}

@keyframes x1mxvtaw-B {
  0% {
    background-position: var(--hraness-design-procedural-grid-offset-x) var(--hraness-design-procedural-grid-offset-y),var(--hraness-design-procedural-grid-offset-x) var(--hraness-design-procedural-grid-offset-y);
  }

  100% {
    background-position: calc(var(--hraness-design-procedural-grid-offset-x) + var(--hraness-design-procedural-grid-size)) calc(var(--hraness-design-procedural-grid-offset-y) + var(--hraness-design-procedural-grid-size)),calc(var(--hraness-design-procedural-grid-offset-x) + var(--hraness-design-procedural-grid-size)) calc(var(--hraness-design-procedural-grid-offset-y) + var(--hraness-design-procedural-grid-size));
  }
}

@keyframes x1kak29a-B {
  0% {
    box-shadow: 0 0 0 1px var(--color-attention);
  }

  50% {
    box-shadow: 0 0 0 3px color-mix(in oklab,var(--color-attention) 45%,transparent);
  }

  100% {
    box-shadow: 0 0 0 1px var(--color-attention);
  }
}

@keyframes x1mi9bte-B {
  to {
    opacity: 0;
  }
}

@keyframes xw2c1lr-B {
  from {
    opacity: 0;
  }
}

@keyframes x14k4uad-B {
  from {
    opacity: 0;
    transform: translateX(1rem);
  }
}

@keyframes x17ibfk4-B {
  to {
    opacity: 0;
    transform: translateX(1rem);
  }
}

@keyframes xoai65e-B {
  to {
    opacity: 0;
    transform: translateY(-.125rem) scale(.99);
  }
}

@keyframes x1ez0eqx-B {
  from {
    opacity: 0;
    transform: translateY(-.25rem) scale(.98);
  }
}

@keyframes x1uh2x5g-B {
  to {
    transform: rotate(1turn);
  }
}

@keyframes x1npa8st-B {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes xjmx4j0-B {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(.98);
  }

  100% {
    transform: translate3d(-50%, -50%, 0) scale(1.025);
  }
}

@keyframes xfjtvp7-B {
  0% {
    transform: translate3d(-50%, -50%, 0);
  }

  100% {
    transform: translate3d(calc(-50% + var(--hraness-design-particle-drift-x)),calc(-50% + var(--hraness-design-particle-drift-y)),0) scale(1.08);
  }
}

@keyframes x311acs-B {
  0% {
    transform: translate3d(-50%,-50%,0) rotate(var(--hraness-design-procedural-layer-rotation));
  }

  100% {
    transform: translate3d(calc(-50% + var(--hraness-design-procedural-layer-drift-x)),calc(-50% + var(--hraness-design-procedural-layer-drift-y)),0) rotate(calc(var(--hraness-design-procedural-layer-rotation) + 3deg)) scale(var(--hraness-design-procedural-layer-scale));
  }
}

@keyframes xaiwn2n-B {
  from {
    transform: translateX(-125%);
  }

  to {
    transform: translateX(250%);
  }
}

:root, .x18acsur {
  --hraness-palette-background: #1e1e2e;
  --hraness-palette-foreground: #dbe1f7;
  --hraness-palette-muted: #b2b8cf;
  --hraness-palette-faint: #b2b8cf;
  --hraness-palette-grid: #313244;
  --hraness-palette-line: #45475a;
  --hraness-palette-control-border: #9296ab;
  --hraness-palette-surface: #181825;
  --hraness-palette-surface-raised: #313244;
  --hraness-palette-surface-hover: #45475a;
  --hraness-palette-card: #181825;
  --hraness-palette-card-foreground: #dbe1f7;
  --hraness-palette-popover: #313244;
  --hraness-palette-popover-foreground: #dbe1f7;
  --hraness-palette-primary: #92bafa;
  --hraness-palette-primary-foreground: #1e1e2e;
  --hraness-palette-primary-soft: #2b3046;
  --hraness-palette-secondary: #313244;
  --hraness-palette-secondary-foreground: #dbe1f7;
  --hraness-palette-accent: #2b3046;
  --hraness-palette-accent-foreground: #dbe1f7;
  --hraness-palette-focus: #92bafa;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-disabled: #313244;
  --hraness-palette-disabled-foreground: #b2b8cf;
  --hraness-palette-inverse: #dbe1f7;
  --hraness-palette-inverse-foreground: #1e1e2e;
  --hraness-palette-danger: #f5a0b8;
  --hraness-palette-danger-foreground: #1e1e2e;
  --hraness-palette-danger-soft: #382b3d;
  --hraness-palette-warning: #f9e2af;
  --hraness-palette-warning-foreground: #1e1e2e;
  --hraness-palette-warning-soft: #38363d;
  --hraness-palette-success: #a6e3a1;
  --hraness-palette-success-foreground: #1e1e2e;
  --hraness-palette-success-soft: #2e363c;
  --hraness-palette-info: #89dceb;
  --hraness-palette-info-foreground: #1e1e2e;
  --hraness-palette-info-soft: #2b3545;
  --hraness-palette-chart1: #f5c2e7;
  --hraness-palette-chart2: #a6e3a1;
  --hraness-palette-chart3: #89dceb;
  --hraness-palette-chart4: #f9e2af;
  --hraness-palette-chart5: #cda9f7;
}

.xgp1gpt.xgp1gpt, .xgp1gpt.xgp1gpt:root {
  --hraness-palette-accent: #262b3f;
  --hraness-palette-accent-foreground: #c0caf5;
  --hraness-palette-background: #1a1b26;
  --hraness-palette-card: #16161e;
  --hraness-palette-card-foreground: #c0caf5;
  --hraness-palette-chart1: #ff9e64;
  --hraness-palette-chart2: #9ece6a;
  --hraness-palette-chart3: #7dcfff;
  --hraness-palette-chart4: #e0af68;
  --hraness-palette-chart5: #bb9af7;
  --hraness-palette-control-border: #737aa2;
  --hraness-palette-danger: #f7768e;
  --hraness-palette-danger-foreground: #1a1b26;
  --hraness-palette-danger-soft: #352632;
  --hraness-palette-disabled: #24283b;
  --hraness-palette-disabled-foreground: #a9b1d6;
  --hraness-palette-faint: #a9b1d6;
  --hraness-palette-focus: #7aa2f7;
  --hraness-palette-foreground: #c0caf5;
  --hraness-palette-grid: #24283b;
  --hraness-palette-info: #7dcfff;
  --hraness-palette-info-foreground: #1a1b26;
  --hraness-palette-info-soft: #263140;
  --hraness-palette-inverse: #c0caf5;
  --hraness-palette-inverse-foreground: #1a1b26;
  --hraness-palette-line: #292e42;
  --hraness-palette-muted: #a9b1d6;
  --hraness-palette-popover: #24283b;
  --hraness-palette-popover-foreground: #c0caf5;
  --hraness-palette-primary: #7aa2f7;
  --hraness-palette-primary-foreground: #1a1b26;
  --hraness-palette-primary-soft: #262b3f;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-secondary: #24283b;
  --hraness-palette-secondary-foreground: #c0caf5;
  --hraness-palette-success: #9ece6a;
  --hraness-palette-success-foreground: #1a1b26;
  --hraness-palette-success-soft: #2a302e;
  --hraness-palette-surface: #16161e;
  --hraness-palette-surface-hover: #292e42;
  --hraness-palette-surface-raised: #24283b;
  --hraness-palette-warning: #e0af68;
  --hraness-palette-warning-foreground: #1a1b26;
  --hraness-palette-warning-soft: #322d2e;
}

.x18wthyl.x18wthyl, .x18wthyl.x18wthyl:root {
  --hraness-palette-accent: #2b3046;
  --hraness-palette-accent-foreground: #dbe1f7;
  --hraness-palette-background: #1e1e2e;
  --hraness-palette-card: #181825;
  --hraness-palette-card-foreground: #dbe1f7;
  --hraness-palette-chart1: #f5c2e7;
  --hraness-palette-chart2: #a6e3a1;
  --hraness-palette-chart3: #89dceb;
  --hraness-palette-chart4: #f9e2af;
  --hraness-palette-chart5: #cda9f7;
  --hraness-palette-control-border: #9296ab;
  --hraness-palette-danger: #f5a0b8;
  --hraness-palette-danger-foreground: #1e1e2e;
  --hraness-palette-danger-soft: #382b3d;
  --hraness-palette-disabled: #313244;
  --hraness-palette-disabled-foreground: #b2b8cf;
  --hraness-palette-faint: #b2b8cf;
  --hraness-palette-focus: #92bafa;
  --hraness-palette-foreground: #dbe1f7;
  --hraness-palette-grid: #313244;
  --hraness-palette-info: #89dceb;
  --hraness-palette-info-foreground: #1e1e2e;
  --hraness-palette-info-soft: #2b3545;
  --hraness-palette-inverse: #dbe1f7;
  --hraness-palette-inverse-foreground: #1e1e2e;
  --hraness-palette-line: #45475a;
  --hraness-palette-muted: #b2b8cf;
  --hraness-palette-popover: #313244;
  --hraness-palette-popover-foreground: #dbe1f7;
  --hraness-palette-primary: #92bafa;
  --hraness-palette-primary-foreground: #1e1e2e;
  --hraness-palette-primary-soft: #2b3046;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-secondary: #313244;
  --hraness-palette-secondary-foreground: #dbe1f7;
  --hraness-palette-success: #a6e3a1;
  --hraness-palette-success-foreground: #1e1e2e;
  --hraness-palette-success-soft: #2e363c;
  --hraness-palette-surface: #181825;
  --hraness-palette-surface-hover: #45475a;
  --hraness-palette-surface-raised: #313244;
  --hraness-palette-warning: #f9e2af;
  --hraness-palette-warning-foreground: #1e1e2e;
  --hraness-palette-warning-soft: #38363d;
}

.xivpxii.xivpxii, .xivpxii.xivpxii:root {
  --hraness-palette-accent: #2e283b;
  --hraness-palette-accent-foreground: #e0def4;
  --hraness-palette-background: #191724;
  --hraness-palette-card: #1f1d2e;
  --hraness-palette-card-foreground: #e0def4;
  --hraness-palette-chart1: #ebbcba;
  --hraness-palette-chart2: #9ccfd8;
  --hraness-palette-chart3: #ebbcba;
  --hraness-palette-chart4: #f6c177;
  --hraness-palette-chart5: #c4a7e7;
  --hraness-palette-control-border: #908caa;
  --hraness-palette-danger: #f090ab;
  --hraness-palette-danger-foreground: #191724;
  --hraness-palette-danger-soft: #322231;
  --hraness-palette-disabled: #26233a;
  --hraness-palette-disabled-foreground: #adaac0;
  --hraness-palette-faint: #adaac0;
  --hraness-palette-focus: #c4a7e7;
  --hraness-palette-foreground: #e0def4;
  --hraness-palette-grid: #26233a;
  --hraness-palette-info: #ebbcba;
  --hraness-palette-info-foreground: #191724;
  --hraness-palette-info-soft: #322b36;
  --hraness-palette-inverse: #e0def4;
  --hraness-palette-inverse-foreground: #191724;
  --hraness-palette-line: #403d52;
  --hraness-palette-muted: #adaac0;
  --hraness-palette-popover: #26233a;
  --hraness-palette-popover-foreground: #e0def4;
  --hraness-palette-primary: #c4a7e7;
  --hraness-palette-primary-foreground: #191724;
  --hraness-palette-primary-soft: #2e283b;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-secondary: #26233a;
  --hraness-palette-secondary-foreground: #e0def4;
  --hraness-palette-success: #9ccfd8;
  --hraness-palette-success-foreground: #191724;
  --hraness-palette-success-soft: #292d3a;
  --hraness-palette-surface: #1f1d2e;
  --hraness-palette-surface-hover: #403d52;
  --hraness-palette-surface-raised: #26233a;
  --hraness-palette-warning: #f6c177;
  --hraness-palette-warning-foreground: #191724;
  --hraness-palette-warning-soft: #342b2e;
}

.x1fsd05x.x1fsd05x, .x1fsd05x.x1fsd05x:root {
  --hraness-palette-accent: #333735;
  --hraness-palette-accent-foreground: #f0e5c7;
  --hraness-palette-background: #282828;
  --hraness-palette-card: #1d2021;
  --hraness-palette-card-foreground: #f0e5c7;
  --hraness-palette-chart1: #fea963;
  --hraness-palette-chart2: #bfc23c;
  --hraness-palette-chart3: #9cc88c;
  --hraness-palette-chart4: #fabd2f;
  --hraness-palette-chart5: #e2aebc;
  --hraness-palette-control-border: #a5988c;
  --hraness-palette-danger: #fda49a;
  --hraness-palette-danger-foreground: #282828;
  --hraness-palette-danger-soft: #412c29;
  --hraness-palette-disabled: #3c3836;
  --hraness-palette-disabled-foreground: #c7baa3;
  --hraness-palette-faint: #c7baa3;
  --hraness-palette-focus: #a9c1b8;
  --hraness-palette-foreground: #f0e5c7;
  --hraness-palette-grid: #3c3836;
  --hraness-palette-info: #9cc88c;
  --hraness-palette-info-foreground: #282828;
  --hraness-palette-info-soft: #343a32;
  --hraness-palette-inverse: #f0e5c7;
  --hraness-palette-inverse-foreground: #282828;
  --hraness-palette-line: #504945;
  --hraness-palette-muted: #c7baa3;
  --hraness-palette-popover: #3c3836;
  --hraness-palette-popover-foreground: #f0e5c7;
  --hraness-palette-primary: #a9c1b8;
  --hraness-palette-primary-foreground: #282828;
  --hraness-palette-primary-soft: #333735;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-secondary: #3c3836;
  --hraness-palette-secondary-foreground: #f0e5c7;
  --hraness-palette-success: #bfc23c;
  --hraness-palette-success-foreground: #282828;
  --hraness-palette-success-soft: #393a28;
  --hraness-palette-surface: #1d2021;
  --hraness-palette-surface-hover: #504945;
  --hraness-palette-surface-raised: #3c3836;
  --hraness-palette-warning: #fabd2f;
  --hraness-palette-warning-foreground: #282828;
  --hraness-palette-warning-soft: #413a29;
}

.x11phk89.x11phk89, .x11phk89.x11phk89:root {
  --hraness-palette-accent: #ccd6e7;
  --hraness-palette-accent-foreground: #1c3161;
  --hraness-palette-background: #e1e2e7;
  --hraness-palette-card: #d0d5e3;
  --hraness-palette-card-foreground: #1c3161;
  --hraness-palette-chart1: #7a3f00;
  --hraness-palette-chart2: #40552a;
  --hraness-palette-chart3: #005571;
  --hraness-palette-chart4: #614b2b;
  --hraness-palette-chart5: #61369a;
  --hraness-palette-control-border: #56659d;
  --hraness-palette-danger: #951a3e;
  --hraness-palette-danger-foreground: #e1e2e7;
  --hraness-palette-danger-soft: #e3ccd7;
  --hraness-palette-disabled: #c4c8da;
  --hraness-palette-disabled-foreground: #414c76;
  --hraness-palette-faint: #414c76;
  --hraness-palette-focus: #1d4e90;
  --hraness-palette-foreground: #1c3161;
  --hraness-palette-grid: #c4c8da;
  --hraness-palette-info: #005571;
  --hraness-palette-info-foreground: #e1e2e7;
  --hraness-palette-info-soft: #c6d4dd;
  --hraness-palette-inverse: #1c3161;
  --hraness-palette-inverse-foreground: #e1e2e7;
  --hraness-palette-line: #b7c1e3;
  --hraness-palette-muted: #414c76;
  --hraness-palette-popover: #c4c8da;
  --hraness-palette-popover-foreground: #1c3161;
  --hraness-palette-primary: #1d4e90;
  --hraness-palette-primary-foreground: #e1e2e7;
  --hraness-palette-primary-soft: #ccd6e7;
  --hraness-palette-scrim: #00000070;
  --hraness-palette-secondary: #c4c8da;
  --hraness-palette-secondary-foreground: #1c3161;
  --hraness-palette-success: #40552a;
  --hraness-palette-success-foreground: #e1e2e7;
  --hraness-palette-success-soft: #d1d5d2;
  --hraness-palette-surface: #d0d5e3;
  --hraness-palette-surface-hover: #b7c1e3;
  --hraness-palette-surface-raised: #c4c8da;
  --hraness-palette-warning: #614b2b;
  --hraness-palette-warning-foreground: #e1e2e7;
  --hraness-palette-warning-soft: #d7d4d3;
}

.xadus2s.xadus2s, .xadus2s.xadus2s:root {
  --hraness-palette-accent: #d6e0f5;
  --hraness-palette-accent-foreground: #3a3c50;
  --hraness-palette-background: #eff1f5;
  --hraness-palette-card: #e6e9ef;
  --hraness-palette-card-foreground: #3a3c50;
  --hraness-palette-chart1: #814170;
  --hraness-palette-chart2: #28631b;
  --hraness-palette-chart3: #0f6065;
  --hraness-palette-chart4: #7b4e10;
  --hraness-palette-chart5: #712fc6;
  --hraness-palette-control-border: #6e7183;
  --hraness-palette-danger: #b00d30;
  --hraness-palette-danger-foreground: #eff1f5;
  --hraness-palette-danger-soft: #ecd6de;
  --hraness-palette-disabled: #dce0e8;
  --hraness-palette-disabled-foreground: #545768;
  --hraness-palette-faint: #545768;
  --hraness-palette-focus: #1750bf;
  --hraness-palette-foreground: #3a3c50;
  --hraness-palette-grid: #dce0e8;
  --hraness-palette-info: #0f6065;
  --hraness-palette-info-foreground: #eff1f5;
  --hraness-palette-info-soft: #d5e6ea;
  --hraness-palette-inverse: #3a3c50;
  --hraness-palette-inverse-foreground: #eff1f5;
  --hraness-palette-line: #ccd0da;
  --hraness-palette-muted: #545768;
  --hraness-palette-popover: #dce0e8;
  --hraness-palette-popover-foreground: #3a3c50;
  --hraness-palette-primary: #1750bf;
  --hraness-palette-primary-foreground: #eff1f5;
  --hraness-palette-primary-soft: #d6e0f5;
  --hraness-palette-scrim: #00000070;
  --hraness-palette-secondary: #dce0e8;
  --hraness-palette-secondary-foreground: #3a3c50;
  --hraness-palette-success: #28631b;
  --hraness-palette-success-foreground: #eff1f5;
  --hraness-palette-success-soft: #dae7dd;
  --hraness-palette-surface: #e6e9ef;
  --hraness-palette-surface-hover: #ccd0da;
  --hraness-palette-surface-raised: #dce0e8;
  --hraness-palette-warning: #7b4e10;
  --hraness-palette-warning-foreground: #eff1f5;
  --hraness-palette-warning-soft: #ede5db;
}

.xdktuxt.xdktuxt, .xdktuxt.xdktuxt:root {
  --hraness-palette-accent: #dee0be;
  --hraness-palette-accent-foreground: #393533;
  --hraness-palette-background: #fbf1c7;
  --hraness-palette-card: #f9f5d7;
  --hraness-palette-card-foreground: #393533;
  --hraness-palette-chart1: #913002;
  --hraness-palette-chart2: #56520a;
  --hraness-palette-chart3: #30593f;
  --hraness-palette-chart4: #70490c;
  --hraness-palette-chart5: #7f3865;
  --hraness-palette-control-border: #75685e;
  --hraness-palette-danger: #9d0006;
  --hraness-palette-danger-foreground: #fbf1c7;
  --hraness-palette-danger-soft: #f0d4b0;
  --hraness-palette-disabled: #ebdbb2;
  --hraness-palette-disabled-foreground: #584f48;
  --hraness-palette-faint: #584f48;
  --hraness-palette-focus: #065968;
  --hraness-palette-foreground: #393533;
  --hraness-palette-grid: #ebdbb2;
  --hraness-palette-info: #30593f;
  --hraness-palette-info-foreground: #fbf1c7;
  --hraness-palette-info-soft: #e5e3ba;
  --hraness-palette-inverse: #393533;
  --hraness-palette-inverse-foreground: #fbf1c7;
  --hraness-palette-line: #d5c4a1;
  --hraness-palette-muted: #584f48;
  --hraness-palette-popover: #ebdbb2;
  --hraness-palette-popover-foreground: #393533;
  --hraness-palette-primary: #065968;
  --hraness-palette-primary-foreground: #fbf1c7;
  --hraness-palette-primary-soft: #dee0be;
  --hraness-palette-scrim: #00000070;
  --hraness-palette-secondary: #ebdbb2;
  --hraness-palette-secondary-foreground: #393533;
  --hraness-palette-success: #56520a;
  --hraness-palette-success-foreground: #fbf1c7;
  --hraness-palette-success-soft: #ebe2b1;
  --hraness-palette-surface: #f9f5d7;
  --hraness-palette-surface-hover: #d5c4a1;
  --hraness-palette-surface-raised: #ebdbb2;
  --hraness-palette-warning: #70490c;
  --hraness-palette-warning-foreground: #fbf1c7;
  --hraness-palette-warning-soft: #f3e2b2;
}

.x131glkb.x131glkb, .x131glkb.x131glkb:root {
  --hraness-palette-accent: #ede5e5;
  --hraness-palette-accent-foreground: #44405e;
  --hraness-palette-background: #faf4ed;
  --hraness-palette-card: #fffaf3;
  --hraness-palette-card-foreground: #44405e;
  --hraness-palette-chart1: #85514e;
  --hraness-palette-chart2: #27667f;
  --hraness-palette-chart3: #3a656c;
  --hraness-palette-chart4: #81561d;
  --hraness-palette-chart5: #68587a;
  --hraness-palette-control-border: #797593;
  --hraness-palette-danger: #8b4c5e;
  --hraness-palette-danger-foreground: #faf4ed;
  --hraness-palette-danger-soft: #f2e3df;
  --hraness-palette-disabled: #f2e9e1;
  --hraness-palette-disabled-foreground: #605c74;
  --hraness-palette-faint: #605c74;
  --hraness-palette-focus: #68587a;
  --hraness-palette-foreground: #44405e;
  --hraness-palette-grid: #f2e9e1;
  --hraness-palette-info: #3a656c;
  --hraness-palette-info-foreground: #faf4ed;
  --hraness-palette-info-soft: #e6e8e4;
  --hraness-palette-inverse: #44405e;
  --hraness-palette-inverse-foreground: #faf4ed;
  --hraness-palette-line: #dfdad9;
  --hraness-palette-muted: #605c74;
  --hraness-palette-popover: #f2e9e1;
  --hraness-palette-popover-foreground: #44405e;
  --hraness-palette-primary: #68587a;
  --hraness-palette-primary-foreground: #faf4ed;
  --hraness-palette-primary-soft: #ede5e5;
  --hraness-palette-scrim: #00000070;
  --hraness-palette-secondary: #f2e9e1;
  --hraness-palette-secondary-foreground: #44405e;
  --hraness-palette-success: #27667f;
  --hraness-palette-success-foreground: #faf4ed;
  --hraness-palette-success-soft: #e1e3e0;
  --hraness-palette-surface: #fffaf3;
  --hraness-palette-surface-hover: #dfdad9;
  --hraness-palette-surface-raised: #f2e9e1;
  --hraness-palette-warning: #81561d;
  --hraness-palette-warning-foreground: #faf4ed;
  --hraness-palette-warning-soft: #f8ead7;
}

.x1gxadoi {
  --hraness-appearance-accent-foreground: var(--ui-accent-foreground, ButtonText);
}

.xwhnx5i {
  --hraness-appearance-accent: var(--ui-accent, ButtonFace);
}

.xuwnfk3 {
  --hraness-appearance-control-background: var(--ui-background, Canvas);
}

.xg6mmvg {
  --hraness-appearance-control-border: var(--ui-input, GrayText);
}

.x1q0riu {
  --hraness-appearance-control-foreground: var(--ui-foreground, CanvasText);
}

.x14tw958 {
  --hraness-appearance-focus: var(--ui-ring, Highlight);
}

.x15khpru {
  --hraness-appearance-popover-background: var(--ui-popover, Canvas);
}

.xtuecvg {
  --hraness-appearance-popover-foreground: var(--ui-popover-foreground, CanvasText);
}

.xgcu659 {
  --hraness-design-dither-size: 3px;
}

.xvx1b6g {
  --hraness-design-dither-size: 7px;
}

.x157jks9 {
  --hraness-design-fader-thumb-block-size: .75rem;
}

.xzmbhks {
  --hraness-design-fader-thumb-block-size: 1.125rem;
}

.x11jzih6 {
  --hraness-design-fader-thumb-inline-size: 1.5rem;
}

.xo319r4 {
  --hraness-design-fader-thumb-inline-size: 1.75rem;
}

.x1ywzl2e {
  --hraness-design-fader-track-length: 6rem;
}

.x1jd1xi1 {
  --hraness-design-fader-track-length: var(--interactive-target-min);
}

.x1fyigdq {
  --hraness-marketing-fact-columns: 1;
}

.xhlljzi {
  --hraness-marketing-fact-columns: 2;
}

.xhjkyrr {
  --hraness-marketing-fact-columns: 3;
}

.x1mdspvo {
  --hraness-marketing-fact-columns: 4;
}

.xphms39 {
  --hraness-marketing-pillar-columns: 1;
}

.xavnjml {
  --hraness-marketing-pillar-columns: 2;
}

.xz1jsh7 {
  --hraness-marketing-pillar-columns: 3;
}

.xj4arhr {
  --hraness-marketing-pillar-columns: 4;
}

.xwi17fr {
  --jelly-card-font-size: inherit;
}

.x1bbk1wc {
  --jelly-card-padding-block: 0;
}

.xhowent {
  --jelly-card-padding-inline: 0;
}

.x1kr16q7 {
  --jelly-color-border-default: transparent;
}

.x1vynlns {
  --jelly-fill: color-mix(in oklch,var(--surface-raised) 86%,var(--background));
}

.x16wb4my {
  --jelly-fill: color-mix(in oklch,var(--surface-raised) 88%,var(--background));
}

.x152g019 {
  --jelly-fill: color-mix(in oklch,var(--surface) 64%,transparent);
}

.x13ywtpv {
  --jelly-fill: var(--danger);
}

.x19km55x {
  --jelly-fill: var(--popover);
}

.x1va3v6u {
  --jelly-fill: var(--primary);
}

.x138r0kg {
  --jelly-fill: var(--surface-raised);
}

.xbz0pe5 {
  --jelly-label: var(--background);
}

.x1ng5emh {
  --jelly-label: var(--disabled-foreground);
}

.xf4onzy {
  --jelly-label: var(--foreground);
}

.x183l2pk {
  --jelly-label: var(--muted);
}

.xek99g9 {
  --jelly-label: var(--popover-foreground);
}

.x3o2ea9 {
  --jelly-label: var(--primary-foreground);
}

.x317v68 {
  --jelly-radius: var(--jelly-radius-card);
}

.xve0zjm {
  --jelly-radius: var(--jelly-radius-control);
}

.xrfn3cn {
  --jelly-radius: var(--jelly-radius-overlay);
}

.x3947z3 {
  --phaser-dots-static-color: color-mix(in oklch,var(--phaser-dots-accent, #2a78d1) 20%,transparent);
}

@supports (color: lab(0% 0 0)) {
  .x3947z3 {
    --phaser-dots-static-color: color-mix(in oklch,var(--phaser-dots-accent, lab(49.3077% .859261 -53.6375)) 20%,transparent);
  }
}

.x1vfo4py {
  --phaser-dots-static-opacity: .3;
}

.xy4ijj0 {
  --phaser-dots-trail-color: var(--phaser-dots-accent, #2a78d1);
}

@supports (color: lab(0% 0 0)) {
  .xy4ijj0 {
    --phaser-dots-trail-color: var(--phaser-dots-accent, lab(49.3077% .859261 -53.6375));
  }
}

.x9pog29 {
  --phaser-dots-trail-opacity: 1;
}

.xm3mlto[data-hovered] {
  --jelly-fill: color-mix(in oklch,var(--primary) 88%,var(--background));
}

.x1tre9y0[data-hovered] {
  --jelly-fill: color-mix(in oklch,var(--surface-raised) 86%,var(--background));
}

.x8rjkku[data-hovered] {
  --jelly-fill: var(--surface-hover);
}