@layer base, components;
@layer components.hraness-design-kit.legacy, components.hraness-design-kit.priority1, components.hraness-design-kit.priority2, components.hraness-design-kit.priority3, components.hraness-design-kit.priority4, components.hraness-design-kit.priority5, components.hraness-design-kit.priority6, components.hraness-design-kit.priority7, components.hraness-design-kit.priority8;
@layer components.hraness-design-kit.priority2 {
  .x4st1jw {
    border-block: 0;
  }

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

  .x5jh6js {
    border-inline: 0;
  }

  .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;
  }

  .x1bpp3o7 {
    margin: auto;
  }

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

  .xo16nda {
    padding: .3rem .85rem;
  }

  .xk2ntsi {
    padding: .4rem .4rem 0 1rem;
  }

  .x1v5tq4r {
    padding: .55rem .5rem;
  }

  .x3699eh {
    padding: .55rem .9rem;
  }

  .x1xplop1 {
    padding: .5rem 1rem 1rem;
  }

  .xde91s7 {
    padding: .5rem 1rem 4rem;
  }

  .x1i4hug3 {
    padding: .65rem .8rem;
  }

  .xz0q7xm {
    padding: .6rem .8rem;
  }

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

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

  .x86o7ao {
    padding: .8rem 1rem;
  }

  .x1717udv {
    padding: 0;
  }

  .x1aetswf {
    padding: 1.125rem;
  }

  .x194jd1b {
    padding: 1.1rem 7rem 1rem 1rem;
  }

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

  .x67o20r {
    padding: 1rem 1rem 0;
  }

  .x3hm25i {
    padding: 1rem 1rem 1rem 0;
  }

  .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);
  }

  .xj4rqp {
    padding: var(--_hraness-platform-install-stacked-tabs-padding, var(--_hraness-platform-install-narrow-tabs-padding, .25rem));
  }

  .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-design-kit.priority3 {
  .x1y4qj14 {
    background-position: 0 0;
  }

  .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);
  }

  .xvnnzik {
    border-block-end: 1px solid var(--line);
  }

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

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

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

  .x19fofvp {
    border-block-start: 2px solid var(--hraness-marketing-related-tone);
  }

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

  .xaqea5y {
    border-bottom: 0;
  }

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

  .xq2vf8v {
    border-bottom: 2px solid var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

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

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

  .x3ugid2 {
    border-color: color-mix(in srgb,var(--foreground, CanvasText) 15%,transparent);
  }

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

  .xtxfw9o {
    border-color: color-mix(in srgb,var(--hraness-marketing-accent, var(--focus, Highlight)) 34%,color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 12%,transparent));
  }

  .x1ls9zlr {
    border-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 12%,transparent);
  }

  .x73macs {
    border-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 22%,transparent);
  }

  .x9r1u3d {
    border-color: #0000;
  }

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

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

  .x1aeagfj {
    border-color: var(--hraness-material-seam, var(--control-border, GrayText));
  }

  .x1xhxxw4 {
    border-inline-start: 3px solid var(--hraness-marketing-line-strong);
  }

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

  .xwqakj {
    border-left: 0;
  }

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

  .xnzc5uu {
    border-left: 2px solid var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

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

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

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

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

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

  .xmx9ex2 {
    border-radius: .625rem;
  }

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

  .x2u8bby {
    border-radius: 0;
  }

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

  .x16rqkct {
    border-radius: 50%;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .x1qfbufn {
    border-radius: calc(var(--_mark-size) * .26);
  }

  .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);
  }

  .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);
  }

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

  .x1tj6v8e {
    border-right: 0;
  }

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

  .x1koopx7 {
    border-right: 2px solid var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

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

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

  .xbsl7fq {
    border-style: dashed;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .x6umtig {
    border-top: 0;
  }

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

  .xe5pac1 {
    border-top: 2px solid var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

  .xbzzath {
    border-top: var(--hraness-marketing-rule, 1px solid var(--line));
  }

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

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

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x3psx0u {
    flex: none;
  }

  .xxszbp0 {
    flex: 0 32rem;
  }

  .x12lumcd {
    flex: auto;
  }

  .x1aazh3f {
    font-variant: inherit;
  }

  .xl8vk3q {
    gap: .05rem;
  }

  .x1enigpx {
    gap: .125rem;
  }

  .xrfvb6r {
    gap: .15rem 1.15rem;
  }

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

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

  .xvh977a {
    gap: .25rem;
  }

  .x73f2yu {
    gap: .35rem;
  }

  .x1a0l8n0 {
    gap: .3rem 1rem;
  }

  .xbcm6b9 {
    gap: .3rem;
  }

  .x1rcpt3j {
    gap: .45rem;
  }

  .x1neeqzj {
    gap: .4rem;
  }

  .xpraio3 {
    gap: .55rem;
  }

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

  .x1lx4akv {
    gap: .5rem 1.5rem;
  }

  .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;
  }

  .x8fetqu {
    gap: 1rem;
  }

  .x1h7ehgl {
    gap: 2.5rem 3.5rem;
  }

  .xia337e {
    gap: 2.75rem 3rem;
  }

  .xm2penl {
    gap: 2rem 4rem;
  }

  .xnromcf {
    gap: calc(var(--_mark-size) * .4);
  }

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

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

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

  .x6adc78 {
    gap: var(--_hraness-platform-install-stacked-tab-gap, var(--_hraness-platform-install-narrow-tab-gap, .45rem));
  }

  .xmwh1i8 {
    gap: var(--_hraness-platform-install-stacked-tabs-gap, var(--_hraness-platform-install-narrow-tabs-gap, .25rem));
  }

  .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);
  }

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

  .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;
  }

  .xvljh0b {
    margin-block: clamp(1rem, 3vw, 1.5rem);
  }

  .xrxpjvj {
    margin-inline: 0;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xydrj4t {
    outline: 1px solid color-mix(in srgb,var(--_mark-accent) 28%,transparent);
  }

  .x15sqzv3 {
    outline: 1px solid color-mix(in srgb,var(--_mark-accent) 70%,black);
  }

  .x1a2a7pz {
    outline: none;
  }

  .xysyzu8 {
    overflow: auto;
  }

  .x7giv3 {
    overflow: clip;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1rea2x4 {
    overflow: visible;
  }

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

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

  .xla58y3 {
    padding-block: .3rem;
  }

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

  .x8fiyw4 {
    padding-block: .65rem;
  }

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

  .x15tgwd1 {
    padding-block: .85rem;
  }

  .x142x9wm {
    padding-block: .875rem;
  }

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

  .xt970qd {
    padding-block: 0;
  }

  .xgepmj6 {
    padding-block: 1rem;
  }

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

  .xgqmzqw {
    padding-block: clamp(2.5rem, 6vw, 4rem);
  }

  .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));
  }

  .x1bv4ce1 {
    padding-block: var(--_hraness-platform-install-stacked-tab-padding-block, var(--_hraness-platform-install-narrow-tab-padding-block, .4rem));
  }

  .xosp1vk {
    padding-block: var(--hraness-marketing-footer-space, 2rem 4rem);
  }

  .xgu4rd8 {
    padding-block: var(--hraness-marketing-hero-space, clamp(3.5rem,9vw,7rem) clamp(2.5rem,6vw,4.5rem));
  }

  .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));
  }

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

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

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

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

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

  .xlmytos {
    padding-inline: .8rem;
  }

  .x1fi0nvg {
    padding-inline: .95rem;
  }

  .xnjsko4 {
    padding-inline: 0;
  }

  .xzsmjar {
    padding-inline: 1.5rem;
  }

  .xnxx81d {
    padding-inline: 1rem;
  }

  .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));
  }

  .xodclkz {
    padding-inline: var(--_hraness-platform-install-stacked-tab-padding-inline, var(--_hraness-platform-install-narrow-tab-padding-inline, .8rem));
  }

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

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

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

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

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

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

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

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

  .xr5lfjo:focus-visible {
    outline: 2px solid var(--focus, Highlight);
  }

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

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

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

  .x10s4vih:focus-visible {
    outline: 2px solid var(--primary);
  }

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

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

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

    .x1j9yjdw.x1j9yjdw {
      border-block-end: 1px solid canvastext;
    }

    .x1ndh9ne.x1ndh9ne {
      border-block-start: 1px solid canvastext;
    }
  }

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

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

    .xtthz4l.xtthz4l {
      border-bottom: 1px solid canvastext;
    }

    .xw5ezrz.xw5ezrz {
      border-bottom: 2px solid buttontext;
    }

    .x1ylmb6m.x1ylmb6m {
      border-color: buttontext;
    }

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

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

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

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

    .xug5yj.xug5yj {
      border-left: 1px solid canvastext;
    }

    .x1bvw2bm.x1bvw2bm {
      border-left: 2px solid buttontext;
    }

    .x1mlwb19.x1mlwb19 {
      border-right: 1px solid buttontext;
    }

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

    .xg6qco4.xg6qco4 {
      border-right: 2px solid buttontext;
    }

    .x11qe1k5.x11qe1k5 {
      border-top: 1px solid buttontext;
    }

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

    .x4tl7fj.x4tl7fj {
      border-top: 2px solid buttontext;
    }
  }

  @media (width <= 48rem) {
    .x1csspt3.x1csspt3 {
      gap: 0 1.25rem;
    }

    .x15qaewu.x15qaewu {
      gap: 0 1rem;
    }
  }

  @media (forced-colors: active) {
    .xidp9i6.xidp9i6 {
      outline: 1px solid buttonborder;
    }

    .x1sah7t.x1sah7t {
      outline: 1px solid canvastext;
    }
  }

  @media (width <= 48rem) {
    .x1pggmif.x1pggmif {
      padding-block: .25rem 0;
    }

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

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

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

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

@layer components.hraness-design-kit.priority4 {
  .x1fqaf3z {
    -webkit-backdrop-filter: var(--hraness-design-top-bar-backdrop, none);
  }

  .x117uaps {
    -webkit-backdrop-filter: var(--hraness-marketing-header-backdrop, none);
  }

  .x1t23j8t {
    -webkit-background-clip: text;
  }

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

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

  .xg7jpbn {
    -webkit-text-fill-color: transparent;
  }

  .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;
  }

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

  .x7a106z {
    align-items: start;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .x1y8v6su {
    align-self: start;
  }

  .xkh2ocl {
    align-self: stretch;
  }

  .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;
  }

  .xjq15ov {
    animation-duration: 18s;
  }

  .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);
  }

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

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

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

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

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

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

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

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

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

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

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

  .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);
  }

  .x1plog1 {
    aspect-ratio: 1;
  }

  .x4b736z {
    -webkit-backdrop-filter: var(--hraness-design-top-bar-backdrop, none);
    backdrop-filter: var(--hraness-design-top-bar-backdrop, none);
  }

  .x1ts91e6 {
    -webkit-backdrop-filter: var(--hraness-marketing-header-backdrop, none);
    backdrop-filter: var(--hraness-marketing-header-backdrop, none);
  }

  .x1fdtg7e {
    background-attachment: scroll;
  }

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

  .x1ta4xzc {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .x1gq7pca {
    background-color: #fc3;
  }

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

  .x1mpd0sc {
    background-color: color-mix(in srgb,var(--_mark-accent) 14%,var(--surface, Canvas));
  }

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

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

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

  .xy1scu2 {
    background-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 5%,var(--hraness-marketing-background, var(--background, Canvas)));
  }

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

  .x1lvhz8c {
    background-color: color-mix(in srgb,var(--hraness-marketing-ink) 6%,transparent);
  }

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

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

  .x1sstqva {
    background-color: color-mix(in srgb,var(--primary) 5%,transparent);
  }

  .xjbqb8w {
    background-color: #0000;
  }

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

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

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

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

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

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

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

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

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

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

  .xdral45 {
    background-color: var(--hraness-design-top-bar-background, var(--background));
  }

  .xtok3t1 {
    background-color: var(--hraness-foil-surface, var(--surface, var(--background, Canvas)));
  }

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

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

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

  .x1vch632 {
    background-color: var(--hraness-marketing-header-background, var(--hraness-marketing-background));
  }

  .xvpcapb {
    background-color: var(--hraness-marketing-surface, var(--surface, Canvas));
  }

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

  .xvkli0e {
    background-color: var(--hraness-material-plane, var(--background, Canvas));
  }

  .x1boxfmi {
    background-color: var(--hraness-material-plane, var(--popover, Canvas));
  }

  .x1q2m9d8 {
    background-color: var(--hraness-material-warm-plane, transparent);
  }

  .x1esxp0 {
    background-color: var(--hraness-material-warm-plane);
  }

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

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

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

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

  .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%);
  }

  .x1hkejs3 {
    background-image: linear-gradient(180deg,#ffffff3d,transparent 48%),linear-gradient(160deg,color-mix(in srgb,var(--_mark-accent) 26%,transparent),color-mix(in srgb,var(--_mark-accent) 6%,transparent) 74%);
  }

  .x1ooxb7 {
    background-image: linear-gradient(90deg,color-mix(in srgb,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);
  }

  .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%);
  }

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

  .x1ypvk0y {
    background-image: linear-gradient(to bottom,var(--hraness-material-edge),transparent 2px);
  }

  .x149bd8 {
    background-image: linear-gradient(to bottom,var(--hraness-material-shade),transparent 4px);
  }

  .x116gf9f {
    background-image: linear-gradient(to top,var(--hraness-material-warm),var(--hraness-material-warm) 2px,transparent 2px);
  }

  .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);
  }

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

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

  .x1xeixd2 {
    background-image: radial-gradient(ellipse 54% 40% at 16% 24%,color-mix(in srgb,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 srgb,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 srgb,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 srgb,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);
  }

  .x154ao60 {
    background-image: radial-gradient(ellipse at center,color-mix(in srgb,var(--hraness-design-procedural-layer-color) 58%,transparent) 0%,color-mix(in srgb,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);
  }

  .x1cbihlw {
    background-image: var(--hraness-foil-image, radial-gradient(ellipse 24% 85% at var(--hraness-foil-x, 50%) var(--hraness-foil-y, 50%),color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 80%,var(--background, Canvas)) 0%,transparent 68%),radial-gradient(ellipse 65% 160% at calc(100% - var(--hraness-foil-x, 50%)) calc(100% - var(--hraness-foil-y, 50%)),color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 98%,var(--background, Canvas)) 0%,transparent 72%),linear-gradient(115deg,color-mix(in srgb,var(--_hraness-foil-1) var(--hraness-foil-reflection, 14%),transparent),color-mix(in srgb,var(--_hraness-foil-2) var(--hraness-foil-reflection, 14%),transparent),color-mix(in srgb,var(--_hraness-foil-3) var(--hraness-foil-reflection, 14%),transparent),color-mix(in srgb,var(--_hraness-foil-4) var(--hraness-foil-reflection, 14%),transparent),color-mix(in srgb,var(--_hraness-foil-5) var(--hraness-foil-reflection, 14%),transparent),color-mix(in srgb,var(--_hraness-foil-6) var(--hraness-foil-reflection, 14%),transparent)),linear-gradient(115deg,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 90%,var(--background, Canvas)) 0%,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%,var(--background, Canvas)) 24%,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 86%,var(--background, Canvas)) 39%,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%,var(--background, Canvas)) 56%,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 84%,var(--background, Canvas)) 82%,color-mix(in oklch,var(--hraness-foil-text-base, var(--foreground, CanvasText)) 100%,var(--background, Canvas)) 100%));
  }

  .x1drtmal {
    background-image: var(--hraness-marketing-frame-chrome, none);
  }

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

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

  .x182nak8 {
    background-repeat: repeat;
  }

  .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%;
  }

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

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

  .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;
  }

  .xf7zn63 {
    block-size: 1.125rem;
  }

  .xkl2xug {
    block-size: 1.5rem;
  }

  .x18i7o63 {
    block-size: 1.75rem;
  }

  .xuxy95z {
    block-size: 100%;
  }

  .xpoyz9m {
    block-size: 1px;
  }

  .x38bysi {
    block-size: 1rem;
  }

  .x1vlpzvb {
    block-size: 3.5rem;
  }

  .x18o2qet {
    block-size: 4.5rem;
  }

  .xzlj3eo {
    block-size: auto;
  }

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

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

  .x3cr0vx {
    block-size: var(--hraness-foil-size, 1.5rem);
  }

  .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);
  }

  .x8dl5b2 {
    border-block-end-color: var(--hraness-design-top-bar-edge, var(--line));
  }

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

  .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);
  }

  .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;
  }

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

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

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

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

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

  .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;
  }

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

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

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

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

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

  .xn0urz2 {
    border-inline-start-color: var(--danger, var(--hraness-marketing-accent));
  }

  .x2t7zc3 {
    border-inline-start-color: var(--hraness-marketing-accent);
  }

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

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

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

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

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

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

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

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

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

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

  .x5bbp7p {
    box-shadow: 0 0 calc(var(--hraness-design-particle-size) + var(--hraness-design-particle-size)) color-mix(in srgb,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;
  }

  .xl0ordx {
    box-shadow: 0 1px 2px color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 10%,transparent);
  }

  .x1csdrso {
    box-shadow: 0 1px 4px color-mix(in srgb,var(--foreground, CanvasText) 12%,transparent);
  }

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

  .x1s13key {
    box-shadow: 0 3px 16px color-mix(in srgb,var(--hraness-marketing-accent, var(--focus, Highlight)) 7%,transparent);
  }

  .xcbldvc {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--hraness-marketing-accent) 30%,transparent),var(--hraness-marketing-surface-shadow);
  }

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

  .xdp0uy8 {
    box-shadow: inset 0 1px 0 #ffffff8c,inset 0 -1px 0 color-mix(in srgb,var(--_mark-accent) 18%,transparent),0 1px 2px color-mix(in srgb,var(--_mark-accent) 30%,transparent);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

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

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

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

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

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

  .xmtrr3x {
    box-shadow: var(--hraness-material-raised, none);
  }

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

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

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

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

  .xam1lc8 {
    color: #241400;
  }

  .x1heor9g {
    color: inherit;
  }

  .x2634if {
    color: var(--lightningcss-light, color-mix(in srgb,var(--_mark-accent) 78%,black)) var(--lightningcss-dark, color-mix(in srgb,var(--_mark-accent) 55%,white));
  }

  .x121n0qk {
    color: var(--lightningcss-light, color-mix(in srgb,var(--_mark-accent) 82%,black)) var(--lightningcss-dark, color-mix(in srgb,var(--_mark-accent) 58%,white));
  }

  .x19co3pv {
    color: #0000;
  }

  .x3mibv {
    color: var(--_mark-on-accent, #f7f6f2);
  }

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

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

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

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

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

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

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

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

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

  .x1p5laik {
    color: var(--hraness-marketing-ink, var(--foreground, CanvasText));
  }

  .x1sl809t {
    color: var(--hraness-marketing-ink, var(--foreground));
  }

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

  .x4650i6 {
    color: var(--hraness-marketing-muted, var(--muted, GrayText));
  }

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

  .xq5ojvh {
    color: var(--hraness-marketing-related-tone, var(--hraness-marketing-ink));
  }

  .xurt5rx {
    color: var(--hraness-material-ink, var(--foreground, CanvasText));
  }

  .x1s9jiai {
    color: var(--hraness-material-ink, var(--popover-foreground, CanvasText));
  }

  .x1rowbon {
    color: var(--hraness-material-ink);
  }

  .x1tjwi9f {
    color: var(--hraness-studio-amber);
  }

  .x1tvez03 {
    color: var(--hraness-studio-emerald);
  }

  .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));
  }

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

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

  .xzwifym {
    color: var(--primary);
  }

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

  .x19hr0qk {
    column-gap: .6rem;
  }

  .xsin8gy {
    column-gap: .75rem;
  }

  .x6ujxdy {
    column-gap: .9rem;
  }

  .x16qrkmw {
    contain: paint;
  }

  .x1w8g7s4 {
    container-name: hraness-agent-setup;
  }

  .x1bd2tma {
    container-name: hraness-platform-install;
  }

  .x12h1iku {
    container-type: inline-size;
  }

  .xt0e3qv {
    cursor: default;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xwz0xwf {
    display: inline-grid;
  }

  .x1s85apg {
    display: none;
  }

  .x1g1hdg2 {
    display: var(--_hraness-foil-mark-display);
  }

  .x117rol3 {
    fill: currentColor;
  }

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

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

  .xkcp37y {
    filter: none;
  }

  .x2g5esg {
    filter: saturate(1.08);
  }

  .x1kfky9y {
    flex-basis: 10rem;
  }

  .x1vhnul8 {
    flex-basis: 3.5rem;
  }

  .xdl72j9 {
    flex-basis: auto;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1q0g3np {
    flex-direction: row;
  }

  .xqb03g2 {
    flex-direction: var(--_hraness-platform-install-stacked-tab-direction, var(--_hraness-platform-install-narrow-tab-direction, row));
  }

  .x1c4vz4f {
    flex-grow: 0;
  }

  .x1iyjqo2 {
    flex-grow: 1;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xs83m0k {
    flex-shrink: 1;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .x1nbx2l5 {
    font-family: var(--font-mono, ui-monospace,monospace);
  }

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

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

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

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

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

  .xosqrqv {
    font-family: var(--hraness-marketing-mono-font, var(--font-mono, ui-monospace,monospace));
  }

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

  .x1vnz01h {
    font-family: var(--hraness-marketing-text-font, var(--font-text, inherit));
  }

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

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

  .xvmqkbn {
    font-kerning: inherit;
  }

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

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

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

  .x142gn8v {
    font-size: .74rem;
  }

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

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

  .x1dcheo9 {
    font-size: .8125rem;
  }

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

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

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

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

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

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

  .x6u19be {
    font-size: .9375rem;
  }

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

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

  .x1ksoetq {
    font-size: 1.05rem;
  }

  .x1lkfr7t {
    font-size: 1.0625rem;
  }

  .x1c3i2sq {
    font-size: 1.125rem;
  }

  .x1hptrd9 {
    font-size: 1.1rem;
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .x1jchvi3 {
    font-size: 1rem;
  }

  .xdhfpv1 {
    font-size: 2.25rem;
  }

  .xwsyq91 {
    font-size: 20px;
  }

  .x68snkw {
    font-size: calc(var(--_mark-size) * .36);
  }

  .xzsou7g {
    font-size: calc(var(--_mark-size) * .46);
  }

  .xnwvzbp {
    font-size: clamp(1.625rem, 1.3rem + 1vw, 2.25rem);
  }

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

  .x1qlqyl8 {
    font-size: inherit;
  }

  .x85dtdo {
    font-size: var(--_hraness-platform-install-stacked-tab-font-size, var(--_hraness-platform-install-narrow-tab-font-size, .875rem));
  }

  .xafhd6w {
    font-size: var(--hraness-marketing-h2-size, clamp(1.5rem,2.6vw,2rem));
  }

  .xksl5lr {
    font-size: var(--hraness-marketing-h3-size, clamp(1.75rem,1.35rem + 1.6vw,2.5rem));
  }

  .xbs339 {
    font-size: var(--hraness-paper-heading-size, clamp(2.5rem,5vw,4.25rem));
  }

  .xixn193 {
    font-size: var(--hraness-paper-section-heading-size, clamp(1.75rem,3vw,2.5rem));
  }

  .x1qczpk7 {
    font-size: var(--hraness-paper-section-heading-size, clamp(2rem,4vw,3.25rem));
  }

  .x1h87l4j {
    font-size: var(--hraness-paper-summary-size, clamp(1.125rem,1.6vw,1.3rem));
  }

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

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

  .x1xh6y1q {
    font-stretch: inherit;
  }

  .x1t35e8 {
    font-style: inherit;
  }

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

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

  .xo1l8bm {
    font-weight: 400;
  }

  .x10p5zqr {
    font-weight: 450;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .xh88oxj {
    font-weight: 550;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x1xlr1w8 {
    font-weight: 700;
  }

  .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);
  }

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

  .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);
  }

  .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);
  }

  .x5m93ek {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 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));
  }

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

  .x1h695s4 {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--_hraness-marketing-grid-track, 100%)),1fr));
  }

  .x1v4bfo1 {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--_hraness-marketing-grid-track, 16rem)),1fr));
  }

  .x1ui45ma {
    grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--_hraness-marketing-grid-track, 18rem)),1fr));
  }

  .xe92ajh {
    grid-template-columns: repeat(var(--_hraness-agent-target-wide-columns, var(--_hraness-agent-target-columns, 1)),minmax(0,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));
  }

  .xkewwhh {
    grid-template-columns: var(--_hraness-agent-setup-columns, minmax(0,1fr));
  }

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

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

  .x1ri1nt6 {
    inline-size: 1.125rem;
  }

  .xsta65m {
    inline-size: 1.5rem;
  }

  .x1mgeycz {
    inline-size: 1.75rem;
  }

  .xiuoait {
    inline-size: 100%;
  }

  .xi8173g {
    inline-size: 1px;
  }

  .x1milg1j {
    inline-size: 1rem;
  }

  .x130h922 {
    inline-size: 2rem;
  }

  .x1pf0uk5 {
    inline-size: 3.5rem;
  }

  .x6qm275 {
    inline-size: 4.5rem;
  }

  .x1n10oyr {
    inline-size: 4px;
  }

  .xovzq4p {
    inline-size: calc(min(100%,var(--hraness-marketing-measure)) - 2 * var(--hraness-marketing-gutter));
  }

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

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

  .xsjjiva {
    inline-size: min(100%, 44rem);
  }

  .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);
  }

  .x1oizhx2 {
    inline-size: var(--hraness-foil-size, 1.5rem);
  }

  .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;
  }

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

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

  .xe388cy {
    inset-inline-end: .5rem;
  }

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

  .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;
  }

  .x1lqcxt8 {
    justify-self: start;
  }

  .xuy72oy {
    justify-self: stretch;
  }

  .x1smz1f8 {
    justify-self: var(--_hraness-platform-install-stacked-tabs-justify, var(--_hraness-platform-install-narrow-tabs-justify, start));
  }

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

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

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

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

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

  .x12oo3zp {
    letter-spacing: 0;
  }

  .x154du55 {
    letter-spacing: var(--hraness-marketing-h2-tracking, -.012em);
  }

  .xbujoek {
    letter-spacing: var(--hraness-marketing-h2-tracking, var(--hraness-marketing-heading-tracking));
  }

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

  .x14ju556 {
    line-height: 0;
  }

  .x1159mfc {
    line-height: 1.1;
  }

  .x1uo3zyz {
    line-height: 1.15;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x132q4wb {
    line-height: 1.25;
  }

  .xwn7fz2 {
    line-height: 1.3;
  }

  .x1xfvgam {
    line-height: 1.35;
  }

  .x37zpob {
    line-height: 1.4;
  }

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1jjo3f5 {
    line-height: 1.55;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .x11m8ghp {
    line-height: 1.65;
  }

  .xo5v014 {
    line-height: 1;
  }

  .x15bjb6t {
    line-height: inherit;
  }

  .xkj4vsn {
    line-height: var(--hraness-marketing-h1-leading, 1.05);
  }

  .x1kptsu5 {
    line-height: var(--hraness-marketing-h2-leading, 1.08);
  }

  .xjnvrkt {
    line-height: var(--hraness-marketing-h2-leading, 1.15);
  }

  .x1nt6xn0 {
    line-height: var(--hraness-marketing-summary-leading, 1.6);
  }

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

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

  .x16287ni {
    margin-block-end: .75rem;
  }

  .xe92vt {
    margin-block-end: 1.1rem;
  }

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

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

  .x1lepkon {
    margin-block-start: .1rem;
  }

  .xo4pzau {
    margin-block-start: .2rem;
  }

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

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

  .x1n5adje {
    margin-block-start: .75rem;
  }

  .x4pwpt2 {
    margin-block-start: .8rem;
  }

  .xsyyole {
    margin-block-start: 1.5rem;
  }

  .xm3oedo {
    margin-block-start: 1rem;
  }

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

  .xn48363 {
    -webkit-mask-image: linear-gradient(#000 55%, #0000);
    mask-image: linear-gradient(#000 55%, #0000);
  }

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

  .xm1fs8r {
    -webkit-mask-image: var(--hraness-foil-mask, linear-gradient(transparent,transparent));
    mask-image: var(--hraness-foil-mask, linear-gradient(transparent,transparent));
  }

  .x5e4rk6 {
    -webkit-mask-source-type: alpha;
    mask-mode: alpha;
  }

  .x1rudrqi {
    -webkit-mask-position: center;
    mask-position: center;
  }

  .x16fucec {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .x2k2kcx {
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .xeutgw3 {
    max-block-size: calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em);
  }

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

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

  .x1vj640n {
    max-block-size: none;
  }

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

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

  .x1vophnm {
    max-inline-size: 15rem;
  }

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

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

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

  .x1wuf55a {
    max-inline-size: 26ch;
  }

  .xlf9zpa {
    max-inline-size: 76ch;
  }

  .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);
  }

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

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

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

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

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

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

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

  .x1rmki91 {
    min-block-size: calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em);
  }

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

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

  .x24yzcb {
    min-block-size: var(--hraness-marketing-header-action-height, 2rem);
  }

  .x1jqubh4 {
    min-block-size: var(--hraness-marketing-header-height, 2.75rem);
  }

  .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;
  }

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

  .xze7o54 {
    min-inline-size: 40rem;
  }

  .x31wxcc {
    min-inline-size: 8.5rem;
  }

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

  .x927zys {
    min-inline-size: 9rem;
  }

  .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;
  }

  .x19kjcj4 {
    object-fit: contain;
  }

  .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;
  }

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

  .xb2ck1y {
    outline-color: var(--hraness-material-focus, var(--focus, Highlight));
  }

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

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

  .x1v57pqu {
    outline-offset: -3px;
  }

  .x1y3gkto {
    outline-offset: 1px;
  }

  .x1hl8ikr {
    outline-offset: 2px;
  }

  .x1ewu8gn {
    outline-offset: 3px;
  }

  .x1t137rt {
    outline-style: none;
  }

  .xaatb59 {
    outline-style: solid;
  }

  .x1qgsegg {
    outline-width: 1px;
  }

  .x1s780dp {
    outline-width: 3px;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .x1h4wwuj {
    overflow-wrap: normal;
  }

  .x1x9z3lm {
    padding-block-end: 1.25rem;
  }

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

  .x10sryfm {
    padding-block-start: 1rem;
  }

  .xln4sw3 {
    padding-block-start: var(--hraness-sticky-offset, 2.75rem);
  }

  .x1xz7u92 {
    padding-inline-end: .3rem;
  }

  .x8hcgix {
    padding-inline-start: .9rem;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x1uhb9sk {
    position: static;
  }

  .x7wzq59 {
    position: sticky;
  }

  .xgxkyvb {
    row-gap: .4rem;
  }

  .x1ctcpvu {
    scroll-margin-block-start: calc(var(--hraness-sticky-offset, 2.75rem) + .75rem);
  }

  .xtnlt7k {
    scroll-margin-block-start: var(--hraness-sticky-offset, 2.75rem);
  }

  .x1rohswg {
    scrollbar-width: none;
  }

  .xeq4nuv {
    tab-size: 2;
  }

  .x2b8uid {
    text-align: center;
  }

  .x1yc453h {
    text-align: start;
  }

  .x4k6xgu {
    -webkit-text-decoration-color: color-mix(in srgb,currentColor 40%,transparent);
    text-decoration-color: color-mix(in srgb,currentColor 40%,transparent);
  }

  .x6k6sr1 {
    -webkit-text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
    text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
  }

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

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

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

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .x6mezaz {
    text-transform: none;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xdsgf93 {
    text-underline-offset: .22em;
  }

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

  .x1w2vvpw {
    text-wrap: balance;
  }

  .x1fzhlzt {
    text-wrap: pretty;
  }

  .xggy1nq {
    touch-action: manipulation;
  }

  .x1g0ag68 {
    transform-origin: center;
  }

  .x1nf803f {
    transform-origin: 0;
  }

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

  .x1c071of {
    transform: none;
  }

  .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);
  }

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

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

  .x1ahifba {
    transition-delay: 0s;
  }

  .x6bc4kz {
    transition-duration: 90ms;
  }

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

  .xgdialr {
    transition-duration: .12s;
  }

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

  .x1mq3mr6 {
    transition-duration: 0s;
  }

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

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

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

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

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

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

  .xkdsq27 {
    transition-property: box-shadow;
  }

  .x13b0p5u {
    transition-property: none;
  }

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

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

  .xt4xdiv {
    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), cubic-bezier(.2, 0, 0, 1);
  }

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

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

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

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

  .x1x7wgjd {
    vertical-align: -.125em;
  }

  .x11njtxf {
    vertical-align: baseline;
  }

  .x3ajldb {
    vertical-align: bottom;
  }

  .xxymvpz {
    vertical-align: middle;
  }

  .x16dsc37 {
    vertical-align: top;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

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

  .x1sdyfia {
    white-space: pre;
  }

  .x1dwv3re {
    will-change: auto;
  }

  .x1so62im {
    will-change: transform;
  }

  .x1lldw8n {
    word-break: normal;
  }

  .x1ja2u2z {
    z-index: 0;
  }

  .x1vjfegm {
    z-index: 1;
  }

  .xhtitgo {
    z-index: 2;
  }

  .xzkaem6 {
    z-index: 3;
  }

  .xf5e64p {
    z-index: 40;
  }

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

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

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

  .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;
  }

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

  .x1vsujy6:is([data-focused], [data-hovered], :focus-visible, :hover), .xl8i2wo:is([data-hovered], :hover) {
    background-color: var(--hraness-appearance-accent, var(--hraness-material-warm-plane, 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), .xl5f23e:is(:disabled, [data-disabled], [aria-disabled="true"]) {
    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;
  }

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

  .x184rbrl:is([data-pressed], :active) {
    box-shadow: var(--hraness-material-inset, none);
  }

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

  .xemv0ly:is([data-hovered], :hover), .xmm8vmt:is([data-focused], [data-hovered], :focus-visible, :hover) {
    color: var(--hraness-appearance-accent-foreground, var(--hraness-material-ink, 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);
  }

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

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

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

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

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

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

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

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

  .x1e7jyuc:focus-visible {
    text-decoration-color: currentColor;
  }

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

  .x13lu1oe:has(input:disabled, textarea:disabled) {
    background-image: none;
  }

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

  .xijokvz:disabled {
    opacity: .5;
  }

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

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

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

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

  .x1lcgz2m:hover {
    background-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 6%,transparent);
  }

  .xjoriyk:hover {
    background-color: color-mix(in srgb,var(--hraness-marketing-related-tone, var(--hraness-marketing-ink)) 6%,transparent);
  }

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

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

  .x1w11x55:hover {
    background-color: var(--foreground, CanvasText);
  }

  .xr4j8zq:hover {
    background-color: var(--hraness-foil-surface, var(--surface, var(--background, Canvas)));
  }

  .x1gyp674:hover {
    background-color: var(--hraness-marketing-surface, var(--surface, Canvas));
  }

  .x1lf5oka:hover {
    background-color: var(--surface, Canvas);
  }

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

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

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

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

  .x1njw758:hover {
    box-shadow: 0 1px 4px color-mix(in srgb,var(--foreground, CanvasText) 12%,transparent);
  }

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

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

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

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

  .xovpusv:hover {
    color: var(--hraness-marketing-ink, var(--foreground, CanvasText));
  }

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

  .x9ojkr9:hover {
    text-decoration-color: currentColor;
  }

  @media (forced-colors: active) {
    .x1iqhqvn.x1iqhqvn {
      -webkit-text-fill-color: CanvasText;
    }
  }

  @media (width <= 48rem) {
    .x8ua4lr.x8ua4lr {
      align-items: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x1aquc0h.x1aquc0h {
      animation-name: none;
    }
  }

  @media (forced-colors: active) {
    .xcrev8p.xcrev8p {
      background-attachment: scroll;
    }

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

    .xnwy5bs.xnwy5bs {
      background-color: buttonface;
    }

    .x9yvj25.x9yvj25 {
      background-color: canvas;
    }

    .x1jzqe4.x1jzqe4 {
      background-color: highlight;
    }

    .xhobzj1.xhobzj1 {
      background-image: none;
    }

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

    .x1pjo12s.x1pjo12s {
      background-repeat: repeat;
    }

    .x1ug5rqp.x1ug5rqp {
      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 {
      border-image-outset: 0;
    }

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

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

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

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

    .x1x0u81l.x1x0u81l {
      border-inline-end-color: canvastext;
    }

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

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

    .xjslfuv.xjslfuv {
      border-inline-start-color: canvastext;
    }

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

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

    .xwaqzdf.xwaqzdf {
      box-shadow: none;
    }

    .x1ggml12.x1ggml12 {
      color: buttontext;
    }

    .xs5hli.xs5hli {
      color: canvastext;
    }

    .x1k5gbb1.x1k5gbb1 {
      color: highlighttext;
    }
  }

  @media (width <= 48rem) {
    .xptyyiz.xptyyiz {
      contain: inline-size;
    }
  }

  @media (scripting: none) {
    .x1use1og.x1use1og {
      display: block;
    }

    .x1pwdsk1.x1pwdsk1 {
      display: flex;
    }
  }

  @media (width <= 48rem) {
    .xhhrn6j.xhhrn6j {
      display: grid;
    }
  }

  @media (forced-colors: active) {
    .x2pbqq.x2pbqq {
      display: inline-flex;
    }
  }

  @media (width <= 48rem) {
    .x17ilr5v.x17ilr5v {
      display: inline-flex;
    }
  }

  @media (forced-colors: active) {
    .x1c7sf14.x1c7sf14 {
      display: none;
    }
  }

  @media (width <= 48rem) {
    .x8iw86j.x8iw86j {
      display: none;
    }
  }

  @media (scripting: none) {
    .x1cfwndu.x1cfwndu {
      display: none;
    }
  }

  @media (forced-colors: active) {
    .x1ejh6ix.x1ejh6ix {
      filter: none;
    }
  }

  @media (width <= 48rem) {
    .x1hzc8rf.x1hzc8rf {
      flex-basis: 100%;
    }

    .xlo9dwz.xlo9dwz {
      flex-grow: 1;
    }

    .x1j56c9r.x1j56c9r {
      flex-shrink: 0;
    }

    .x1nvbnac.x1nvbnac {
      flex-wrap: nowrap;
    }

    .x174t0ru.x174t0ru {
      flex-wrap: wrap;
    }
  }

  @media (forced-colors: active) {
    .xr5dkdi.xr5dkdi {
      forced-color-adjust: auto;
    }

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

  @media (width <= 48rem) {
    .x19m6iyc.x19m6iyc {
      grid-template-columns: 1fr;
    }
  }

  @media (width >= 64rem) {
    .x13f99nf.x13f99nf {
      grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
    }
  }

  @media (width >= 50rem) {
    .x2k1869.x2k1869 {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }

  @media (width <= 48rem) {
    .xj7gdfw.xj7gdfw {
      grid-template-columns: minmax(0, 1fr);
    }

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

  @media (pointer: coarse) {
    .xqnxffv.xqnxffv {
      inline-size: 3rem;
    }
  }

  @media (width <= 48rem) {
    .xqlems.xqlems {
      margin-inline-end: calc(-1 * var(--hraness-marketing-gutter));
    }

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

    .x1e5rwe6.x1e5rwe6 {
      margin-inline-start: calc(-1 * var(--hraness-marketing-gutter));
    }
  }

  @media (forced-colors: active) {
    .x1fww0mx.x1fww0mx {
      -webkit-mask-image: none;
      mask-image: none;
    }
  }

  @media (width <= 48rem) {
    .x6ri7ij.x6ri7ij {
      max-inline-size: 16ch;
    }

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

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

  @media (pointer: coarse) {
    .x9me654.x9me654 {
      min-block-size: 3rem;
    }
  }

  @media (width <= 48rem) {
    .xn27wch.xn27wch {
      min-block-size: max(2.75rem,var(--hraness-marketing-header-action-height, 2rem));
    }

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

  @media (pointer: coarse) {
    .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 {
      outline-color: highlight;
    }
  }

  @media (prefers-contrast: more) {
    .xqswhxe.xqswhxe {
      outline-width: 2px;
    }
  }

  @media (width <= 48rem) {
    .x5ou8ow.x5ou8ow {
      scrollbar-width: none;
    }
  }

  @media (forced-colors: active) {
    .xnnf6oi.xnnf6oi {
      text-decoration-color: linktext;
    }
  }

  @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 {
      transition-duration: 0s;
    }
  }

  @media (width <= 48rem) {
    .x1m0kxdo.x1m0kxdo {
      white-space: nowrap;
    }
  }

  @media (forced-colors: active) {
    .x1tvaz0g.x1tvaz0g:hover {
      background-color: buttonface;
    }

    .x1gof2l0.x1gof2l0:hover {
      box-shadow: none;
    }

    .xme02mz.xme02mz:hover {
      color: buttontext;
    }
  }
}

@layer components.hraness-design-kit.priority5 {
  .x1c654ve {
    border-bottom-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 12%,transparent);
  }

  .x16stqrj {
    border-bottom-color: #0000;
  }

  .x1fzgaqn {
    border-bottom-color: var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

  .x1go9fhr {
    border-bottom-color: var(--hraness-marketing-line-strong);
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .xlxy82 {
    border-bottom-width: 2px;
  }

  .x1g4hjc {
    border-left-color: #0000;
  }

  .x14tnc88 {
    border-left-color: var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

  .x169jq7m {
    border-left-color: var(--hraness-marketing-line-strong);
  }

  .x19ypqd9 {
    border-left-style: solid;
  }

  .x19sr0n1 {
    border-left-width: 2px;
  }

  .xhe5wa1 {
    border-right-color: #0000;
  }

  .x1wficvu {
    border-right-color: var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

  .xdnfbz9 {
    border-right-color: var(--hraness-marketing-line-strong);
  }

  .x32b0ac {
    border-right-style: solid;
  }

  .xyy74w7 {
    border-right-width: 2px;
  }

  .x1h3am7x {
    border-top-color: color-mix(in srgb,var(--hraness-marketing-ink, var(--foreground, CanvasText)) 12%,transparent);
  }

  .x1v8p93f {
    border-top-color: #0000;
  }

  .x1e8o6a4 {
    border-top-color: var(--_hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
  }

  .x12hoani {
    border-top-color: var(--hraness-marketing-line-strong);
  }

  .x13fuv20 {
    border-top-style: solid;
  }

  .x178xt8z {
    border-top-width: 1px;
  }

  .xamhcws {
    border-top-width: 2px;
  }

  .x1of4z1n {
    bottom: .5rem;
  }

  .x1ey2m1c {
    bottom: 0;
  }

  .xqtp20y {
    height: 0;
  }

  .x5yr21d {
    height: 100%;
  }

  .x170jfvy {
    height: 10px;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1l36t39 {
    height: 1rem;
  }

  .x36qwtl {
    height: 2px;
  }

  .xqu0tyb {
    height: 4px;
  }

  .x1ycjhwn {
    height: 5px;
  }

  .x1f6yev3 {
    height: 64%;
  }

  .x1n6l62j {
    height: 68%;
  }

  .xdk7pt {
    height: 8px;
  }

  .x1ycyw8g {
    height: clamp(250px, 30vw, 320px);
  }

  .xdsa8hg {
    height: var(--hraness-design-particle-size);
  }

  .x9tupou {
    height: var(--hraness-design-procedural-layer-height);
  }

  .x7yl2mp {
    height: var(--hraness-platform-icon-size, 1em);
  }

  .xu96u03 {
    left: 0;
  }

  .x1nrll8i {
    left: 50%;
  }

  .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);
  }

  .x18jvhmb {
    margin-bottom: .375rem;
  }

  .xcftyxh {
    margin-bottom: var(--space-2);
  }

  .xj1urod {
    margin-top: 1rem;
  }

  .xz6j1ir {
    max-height: 10rem;
  }

  .x1q2tmi7 {
    max-height: 11rem;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x1dq269h {
    max-width: 42ch;
  }

  .x19wm6jj {
    min-height: 2.25rem;
  }

  .xsejkeq {
    min-height: 2.5rem;
  }

  .xgbkey0 {
    min-height: 2.75rem;
  }

  .xjjci79 {
    min-height: 250px;
  }

  .x13gjtz1 {
    min-height: 3.5rem;
  }

  .xe8gcm {
    min-height: 3rem;
  }

  .x1ig0bsw {
    min-height: var(--interactive-target-compact);
  }

  .x1pjshk2 {
    min-height: var(--interactive-target-min);
  }

  .xeuugli {
    min-width: 0;
  }

  .xhb15b9 {
    min-width: 152px;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x101abm8 {
    overflow-x: clip;
  }

  .xw080dc {
    padding-bottom: var(--space-1);
  }

  .x19a4mjr {
    padding-bottom: var(--space-2);
  }

  .x6enc3n {
    padding-left: var(--space-2);
  }

  .x1gecdg7 {
    padding-right: var(--space-2);
  }

  .x15koebe {
    padding-top: var(--space-1);
  }

  .x1mg8snn {
    padding-top: var(--space-2);
  }

  .xwukr4l {
    right: auto;
  }

  .x1f21ie9 {
    scroll-margin-top: calc(var(--hraness-sticky-offset, 5rem) + 2rem);
  }

  .x13vifvy {
    top: 0;
  }

  .xwa60dl {
    top: 50%;
  }

  .x5mhnyq {
    top: var(--hraness-design-particle-y);
  }

  .xd2kmy7 {
    top: var(--hraness-design-procedural-layer-y);
  }

  .xuluyjk {
    top: var(--hraness-design-procedural-ripple-y);
  }

  .xnalus7 {
    width: 0;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1fsd2vl {
    width: 10px;
  }

  .xsmyaan {
    width: 12px;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .xcdlrvm {
    width: 1rem;
  }

  .x1endk3i {
    width: 64%;
  }

  .x19app5s {
    width: 68%;
  }

  .x14atkfc {
    width: auto;
  }

  .xnsd1i0 {
    width: var(--_mark-size);
  }

  .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);
  }

  .x1bwkqw {
    width: var(--hraness-platform-icon-size, 1em);
  }

  .x15600lq:hover {
    border-bottom-color: var(--hraness-marketing-line-strong);
  }

  .xssc3wh:hover {
    border-left-color: var(--hraness-marketing-line-strong);
  }

  .x1hno62o:hover {
    border-right-color: var(--hraness-marketing-line-strong);
  }

  .x15f2en:hover {
    border-top-color: var(--hraness-marketing-line-strong);
  }

  @media (forced-colors: active) {
    .xaj2e6u.xaj2e6u {
      border-bottom-color: buttontext;
    }

    .xszdk7l.xszdk7l {
      border-bottom-color: canvastext;
    }

    .xdhbxfy.xdhbxfy {
      border-left-color: buttontext;
    }

    .xiqg0gh.xiqg0gh {
      border-left-color: canvastext;
    }

    .x1w6ug.x1w6ug {
      border-right-color: buttontext;
    }

    .x13dgt7z.x13dgt7z {
      border-right-color: canvastext;
    }

    .xnvbotg.xnvbotg {
      border-top-color: buttontext;
    }

    .x19dwuzr.x19dwuzr {
      border-top-color: canvastext;
    }
  }

  @media (pointer: coarse) {
    .x1rewkhn.x1rewkhn {
      min-height: 2.75rem;
    }
  }

  @media (width <= 48rem) {
    .xhasza.xhasza {
      overflow-x: auto;
    }
  }
}

@layer components.hraness-design-kit.priority6 {
  .x9xjp18:after {
    inset: -10%;
  }

  .x18267p7:before {
    inset: -18%;
  }
}

@layer components.hraness-design-kit.priority7 {
  .x1p4wkd0:before, .xdyatyv:after {
    background-position: 0 0;
  }

  .x1wnb18t:before {
    background-position: center, 0 0;
  }

  .x1n6dlnu:before {
    border-radius: 999px;
  }

  .x1wt17lb:after {
    flex: none;
  }
}

@layer components.hraness-design-kit.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);
  }

  .x1rlmepj:after {
    background-image: linear-gradient(136deg,transparent 0%,#ffffff29 18%,transparent 34%),radial-gradient(ellipse 42% 32% at 76% 26%,color-mix(in srgb,var(--aurora-rose) 16%,transparent) 0%,transparent 62%),radial-gradient(ellipse 46% 32% at 22% 54%,#ffffff29 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;
  }

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

  .x13c0qn1::marker {
    content: "";
  }

  .x1cpjm7i:before, .x1s928wv:after {
    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;
  }

  .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 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 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));
  }
}

: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;
}

.x1lresar.x1lresar, .x1lresar.x1lresar:root {
  --hraness-palette-accent: #21232c;
  --hraness-palette-accent-foreground: #f5f2ed;
  --hraness-palette-background: #12100f;
  --hraness-palette-card: #1d1a18;
  --hraness-palette-card-foreground: #f5f2ed;
  --hraness-palette-chart1: #db91aa;
  --hraness-palette-chart2: #5fc98b;
  --hraness-palette-chart3: #8fb0ff;
  --hraness-palette-chart4: #efae55;
  --hraness-palette-chart5: #b7a0dc;
  --hraness-palette-control-border: #827a72;
  --hraness-palette-danger: #ef8c82;
  --hraness-palette-danger-foreground: #12100f;
  --hraness-palette-danger-soft: #2d1f1d;
  --hraness-palette-disabled: #211d1a;
  --hraness-palette-disabled-foreground: #aaa29a;
  --hraness-palette-faint: #aaa29a;
  --hraness-palette-focus: #8fb0ff;
  --hraness-palette-foreground: #f5f2ed;
  --hraness-palette-grid: #302b27;
  --hraness-palette-info: #8fb0ff;
  --hraness-palette-info-foreground: #12100f;
  --hraness-palette-info-soft: #21232c;
  --hraness-palette-inverse: #f5f2ed;
  --hraness-palette-inverse-foreground: #12100f;
  --hraness-palette-line: #514a44;
  --hraness-palette-muted: #aaa29a;
  --hraness-palette-popover: #211d1a;
  --hraness-palette-popover-foreground: #f5f2ed;
  --hraness-palette-primary: #8fb0ff;
  --hraness-palette-primary-foreground: #12100f;
  --hraness-palette-primary-soft: #21232c;
  --hraness-palette-scrim: #000000b8;
  --hraness-palette-secondary: #292522;
  --hraness-palette-secondary-foreground: #f5f2ed;
  --hraness-palette-success: #5fc98b;
  --hraness-palette-success-foreground: #12100f;
  --hraness-palette-success-soft: #1b261e;
  --hraness-palette-surface: #1d1a18;
  --hraness-palette-surface-hover: #292522;
  --hraness-palette-surface-raised: #211d1a;
  --hraness-palette-warning: #efae55;
  --hraness-palette-warning-foreground: #12100f;
  --hraness-palette-warning-soft: #2d2317;
}

.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;
}

.xjfxk3y.xjfxk3y, .xjfxk3y.xjfxk3y:root {
  --hraness-palette-accent: #dee5f3;
  --hraness-palette-accent-foreground: #1c1917;
  --hraness-palette-background: #f8f7f4;
  --hraness-palette-card: #fffefa;
  --hraness-palette-card-foreground: #1c1917;
  --hraness-palette-chart1: #a24a64;
  --hraness-palette-chart2: #227445;
  --hraness-palette-chart3: #1e5ae1;
  --hraness-palette-chart4: #975600;
  --hraness-palette-chart5: #7858a3;
  --hraness-palette-control-border: #8a8177;
  --hraness-palette-danger: #b23c34;
  --hraness-palette-danger-foreground: #f8f7f4;
  --hraness-palette-danger-soft: #f0e1dd;
  --hraness-palette-disabled: #fffefa;
  --hraness-palette-disabled-foreground: #6c665f;
  --hraness-palette-faint: #6c665f;
  --hraness-palette-focus: #1e5ae1;
  --hraness-palette-foreground: #1c1917;
  --hraness-palette-grid: #dfdcd6;
  --hraness-palette-info: #1e5ae1;
  --hraness-palette-info-foreground: #f8f7f4;
  --hraness-palette-info-soft: #dee5f3;
  --hraness-palette-inverse: #1c1917;
  --hraness-palette-inverse-foreground: #f8f7f4;
  --hraness-palette-line: #b9b3ab;
  --hraness-palette-muted: #6c665f;
  --hraness-palette-popover: #fffefa;
  --hraness-palette-popover-foreground: #1c1917;
  --hraness-palette-primary: #1e5ae1;
  --hraness-palette-primary-foreground: #f8f7f4;
  --hraness-palette-primary-soft: #dee5f3;
  --hraness-palette-scrim: #00000070;
  --hraness-palette-secondary: #ebe8e3;
  --hraness-palette-secondary-foreground: #1c1917;
  --hraness-palette-success: #227445;
  --hraness-palette-success-foreground: #f8f7f4;
  --hraness-palette-success-soft: #dfe9e0;
  --hraness-palette-surface: #fffefa;
  --hraness-palette-surface-hover: #ebe8e3;
  --hraness-palette-surface-raised: #fffefa;
  --hraness-palette-warning: #975600;
  --hraness-palette-warning-foreground: #f8f7f4;
  --hraness-palette-warning-soft: #eee5d7;
}

.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;
}

.x35j2r9 {
  --_hraness-foil-1: var(--hraness-foil-1, #f8cbeb);
}

@supports (color: lab(0% 0 0)) {
  .x35j2r9 {
    --_hraness-foil-1: var(--hraness-foil-1, lab(86.3403% 20.1464 -9.38262));
  }
}

.xmntjkq {
  --_hraness-foil-2: var(--hraness-foil-2, #cdd4f7);
}

@supports (color: lab(0% 0 0)) {
  .xmntjkq {
    --_hraness-foil-2: var(--hraness-foil-2, lab(85.1108% 3.0382 -18.4466));
  }
}

.x1xbl91z {
  --_hraness-foil-3: var(--hraness-foil-3, #c5f0df);
}

@supports (color: lab(0% 0 0)) {
  .x1xbl91z {
    --_hraness-foil-3: var(--hraness-foil-3, lab(91.3827% -16.8932 3.15534));
  }
}

.x47qxf1 {
  --_hraness-foil-4: var(--hraness-foil-4, #f7efcd);
}

@supports (color: lab(0% 0 0)) {
  .x47qxf1 {
    --_hraness-foil-4: var(--hraness-foil-4, lab(94.4608% -1.19552 17.4542));
  }
}

.x13hwd88 {
  --_hraness-foil-5: var(--hraness-foil-5, #f9d6bf);
}

@supports (color: lab(0% 0 0)) {
  .x13hwd88 {
    --_hraness-foil-5: var(--hraness-foil-5, lab(88.2259% 10.1507 16.1255));
  }
}

.xx7v8hi {
  --_hraness-foil-6: var(--hraness-foil-6, #dfcdf6);
}

@supports (color: lab(0% 0 0)) {
  .xx7v8hi {
    --_hraness-foil-6: var(--hraness-foil-6, lab(84.7576% 12.3398 -18.2155));
  }
}

.x1ioxxix {
  --_hraness-foil-edge: var(--hraness-foil-edge, var(--lightningcss-light, #000) var(--lightningcss-dark, #fff));
}

.x543tnb {
  --_hraness-foil-mark-display: none;
}

.x1275dpl {
  --_hraness-marketing-grid-track: max(16rem,calc((100% - (var(--hraness-marketing-grid-columns) - 1) * .5rem) / var(--hraness-marketing-grid-columns)));
}

.x9wro72 {
  --_hraness-marketing-grid-track: max(16rem,calc((100% - (var(--hraness-marketing-grid-columns) - 1) * 1rem) / var(--hraness-marketing-grid-columns)));
}

.xwl1ywu {
  --_hraness-marketing-grid-track: max(18rem,calc((100% - (var(--hraness-marketing-grid-columns) - 1) * 1rem) / var(--hraness-marketing-grid-columns)));
}

.xojny72 {
  --hraness-appearance-accent-foreground: var(--hraness-material-ink, var(--ui-accent-foreground, ButtonText));
}

.xewv82x {
  --hraness-appearance-accent: var(--hraness-material-warm-plane, var(--ui-accent, ButtonFace));
}

.xzk9zvf {
  --hraness-appearance-control-background: var(--hraness-material-plane, var(--ui-background, Canvas));
}

.xpkryfg {
  --hraness-appearance-control-border: var(--hraness-material-seam, var(--ui-input, GrayText));
}

.x13k4yyn {
  --hraness-appearance-control-foreground: var(--hraness-material-ink, var(--ui-foreground, CanvasText));
}

.xro5xsp {
  --hraness-appearance-focus: var(--hraness-material-focus, var(--ui-ring, Highlight));
}

.x152ag9z {
  --hraness-appearance-popover-background: var(--hraness-material-plane, var(--ui-popover, Canvas));
}

.x1fwl4gj {
  --hraness-appearance-popover-foreground: var(--hraness-material-ink, 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);
}

.x136ldfs {
  --hraness-foil-glow: 0;
}

.x12pzqlm {
  --hraness-foil-surface: var(--hraness-marketing-accent-ink);
}

.x8txlsq {
  --hraness-foil-surface: var(--hraness-marketing-accent);
}

.x74bjxz {
  --hraness-foil-text-base: var(--hraness-marketing-related-tone, var(--hraness-marketing-ink));
}

.x1fyigdq {
  --hraness-marketing-fact-columns: 1;
}

.xhlljzi {
  --hraness-marketing-fact-columns: 2;
}

.xhjkyrr {
  --hraness-marketing-fact-columns: 3;
}

.x1mdspvo {
  --hraness-marketing-fact-columns: 4;
}

.x166dvhg {
  --hraness-marketing-grid-columns: 1;
}

.x10q4e6v {
  --hraness-marketing-grid-columns: 2;
}

.xyqi4l0 {
  --hraness-marketing-grid-columns: 3;
}

.x1g57y38 {
  --hraness-marketing-grid-columns: 4;
}

.xogmzgw {
  --hraness-marketing-grid-columns: initial;
}

.xphms39 {
  --hraness-marketing-pillar-columns: 1;
}

.xavnjml {
  --hraness-marketing-pillar-columns: 2;
}

.xz1jsh7 {
  --hraness-marketing-pillar-columns: 3;
}

.xj4arhr {
  --hraness-marketing-pillar-columns: 4;
}

.x1fe84dw {
  --hraness-marketing-related-tone: var(--hraness-marketing-ink);
}

.xk35eb0 {
  --hraness-marketing-related-tone: var(--hraness-studio-amber);
}

.x1kw80uk {
  --hraness-marketing-related-tone: var(--hraness-studio-emerald);
}

.xw4kusz {
  --hraness-marketing-related-tone: var(--hraness-studio-indigo);
}

.xguwbwv {
  --hraness-marketing-related-tone: var(--hraness-studio-rose);
}

.xq5rtlt {
  --hraness-platform-icon-size: 1.25rem;
}

.x12dk8g8 {
  --hraness-platform-icon-size: 1.5rem;
}

.xqsjzox {
  --hraness-platform-icon-size: 1rem;
}

.x1ez4kp7 {
  --hraness-sticky-offset: calc(var(--hraness-marketing-header-height, 2.75rem) + 1px);
}

.x18tcw9x {
  --phaser-dots-static-color: color-mix(in srgb,var(--phaser-dots-accent, #2a78d1) 20%,transparent);
}

@supports (color: lab(0% 0 0)) {
  .x18tcw9x {
    --phaser-dots-static-color: color-mix(in srgb,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;
}

@supports ((-webkit-mask-image: linear-gradient(black, black)) or (mask-image: linear-gradient(black, black))) {
  .xrpgoez.xrpgoez {
    --_hraness-foil-mark-display: block;
  }
}

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

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

@media (prefers-color-scheme: dark) {
  .x1dscx4y.x1dscx4y {
    --_hraness-foil-1: var(--hraness-foil-1, #af4791);
  }

  @supports (color: lab(0% 0 0)) {
    .x1dscx4y.x1dscx4y {
      --_hraness-foil-1: var(--hraness-foil-1, lab(46.6723% 49.1867 -19.8203));
    }
  }

  .x14xjb22.x14xjb22 {
    --_hraness-foil-2: var(--hraness-foil-2, #6358ba);
  }

  @supports (color: lab(0% 0 0)) {
    .x14xjb22.x14xjb22 {
      --_hraness-foil-2: var(--hraness-foil-2, lab(42.2458% 24.6027 -51.6587));
    }
  }

  .x1iiaa4z.x1iiaa4z {
    --_hraness-foil-3: var(--hraness-foil-3, #00ac8e);
  }

  @supports (color: lab(0% 0 0)) {
    .x1iiaa4z.x1iiaa4z {
      --_hraness-foil-3: var(--hraness-foil-3, lab(62.3695% -49.66 4.27207));
    }
  }

  .x1n6b76k.x1n6b76k {
    --_hraness-foil-4: var(--hraness-foil-4, #b8a636);
  }

  @supports (color: lab(0% 0 0)) {
    .x1n6b76k.x1n6b76k {
      --_hraness-foil-4: var(--hraness-foil-4, lab(68.1263% -2.49678 57.2653));
    }
  }

  .x1z0t8xj.x1z0t8xj {
    --_hraness-foil-5: var(--hraness-foil-5, #b64e10);
  }

  @supports (color: lab(0% 0 0)) {
    .x1z0t8xj.x1z0t8xj {
      --_hraness-foil-5: var(--hraness-foil-5, lab(46.7122% 40.9626 52.6576));
    }
  }

  .x1bbyikp.x1bbyikp {
    --_hraness-foil-6: var(--hraness-foil-6, #9d69d2);
  }

  @supports (color: lab(0% 0 0)) {
    .x1bbyikp.x1bbyikp {
      --_hraness-foil-6: var(--hraness-foil-6, lab(53.5209% 36.7413 -47.0617));
    }
  }

  .x1ewxtse.x1ewxtse {
    --_hraness-foil-edge: var(--hraness-foil-edge, white);
  }
}

@media (forced-colors: active) {
  .x3te53c.x3te53c {
    --hraness-marketing-related-tone: CanvasText;
  }
}

@supports ((-webkit-mask-image: linear-gradient(black, black)) or (mask-image: linear-gradient(black, black))) {
  @media (forced-colors: active) {
    .x1hrs4vd.x1hrs4vd.x1hrs4vd {
      --_hraness-foil-mark-display: none;
    }
  }
}

@media (hover: hover) {
  .x1a9zcsi.x1a9zcsi:hover:not(:disabled) {
    --hraness-foil-glow: 1;
  }
}

@container hraness-agent-setup (width >= 42rem) {
  .x18n472x.x18n472x {
    --_hraness-agent-setup-columns: minmax(0,1fr) minmax(11rem,14rem);
  }
}

@container hraness-agent-setup (width >= 20rem) {
  .x6fuqh4.x6fuqh4 {
    --_hraness-agent-target-columns: 2;
  }
}

@container hraness-agent-setup (width >= 34rem) {
  .x1ii36b5.x1ii36b5 {
    --_hraness-agent-target-wide-columns: 3;
  }
}

@container hraness-platform-install (width <= 30rem) {
  .x1rp0mr4.x1rp0mr4 {
    --_hraness-platform-install-narrow-tab-font-size: .8125rem;
  }

  .x120ywq5.x120ywq5 {
    --_hraness-platform-install-narrow-tab-gap: .3rem;
  }

  .xpzrlna.xpzrlna {
    --_hraness-platform-install-narrow-tab-padding-inline: .45rem;
  }

  .xw2l7tr.xw2l7tr {
    --_hraness-platform-install-narrow-tabs-gap: .125rem;
  }

  .x1qz8axo.x1qz8axo {
    --_hraness-platform-install-narrow-tabs-justify: stretch;
  }

  .x17q4t5h.x17q4t5h {
    --_hraness-platform-install-narrow-tabs-padding: .1875rem;
  }
}

@container hraness-platform-install (width <= 17.5rem) {
  .x1ah991d.x1ah991d {
    --_hraness-platform-install-stacked-tab-direction: column;
  }

  .xs8ov6c.xs8ov6c {
    --_hraness-platform-install-stacked-tab-font-size: .75rem;
  }

  .x1bcjje1.x1bcjje1 {
    --_hraness-platform-install-stacked-tab-gap: .2rem;
  }

  .x1e9tc2k.x1e9tc2k {
    --_hraness-platform-install-stacked-tab-padding-block: .35rem;
  }

  .xhhve4j.xhhve4j {
    --_hraness-platform-install-stacked-tab-padding-inline: .25rem;
  }
}

@media (hover: hover) {
  .xqglqw9.xqglqw9:hover {
    --hraness-foil-glow: 1;
  }
}