@layer theme{:root{--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-semibold:600;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-black:900;--tracking-tight:-.025em;--container-md:28rem;--text-lg:1.125rem;--leading-relaxed:1.625;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--radius-xl:.75rem;--container-2xl:42rem;--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--radius-2xl:1rem;--container-xl:36rem;--radius-lg:.5rem;--tracking-wide:.025em;--radius-md:.375rem;--container-sm:24rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--radius-sm:.25rem;--text-5xl--line-height:1;--text-lg--line-height:calc(1.75 / 1.125);--container-5xl:64rem;--container-3xl:48rem;--color-white:#fff;--text-6xl--line-height:1;--text-base:1rem;--tracking-widest:.1em;--container-4xl:56rem;--text-base--line-height:calc(1.5 / 1);--ease-out:cubic-bezier(0, 0, .2, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--leading-snug:1.375;--leading-tight:1.25;--tracking-wider:.05em;--color-black:#000;--blur-sm:8px;--blur-md:12px;--container-6xl:72rem;--color-teal-400:oklch(77.7% .152 181.912);--color-teal-300:oklch(85.5% .138 181.071);--font-weight-normal:400}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono,ui-monospace, monospace);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body)}::selection{background-color:color-mix(in srgb, var(--primary) 20%, transparent)}}@layer components,stylex;@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi-variable.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(../../../fonts/satoshi-variable-italic.woff2)format("woff2");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Instrument Sans;src:url(../../../fonts/instrument-sans-variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(../../../fonts/instrument-sans-variable-italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Geist;src:url(../../../fonts/geist-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../../../fonts/geist-mono-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--base:#eff1f5;--mantle:#e6e9ef;--crust:#dce0e8;--surface-0:#ccd0da;--surface-1:#bcc0cc;--text:#4c4f69;--subtext-0:#6c6f85;--overlay-1:#8c8fa1;--teal:#179299;--peach:#fe640b;--green:#40a02b;--yellow:#df8e1d;--red:#d20f39;--sapphire:#209fb5;--mauve:#8839ef;--blue:#1e66f5;--background:var(--base);--foreground:var(--text);--primary:var(--teal);--primary-foreground:#fff;--muted:var(--mantle);--muted-foreground:var(--subtext-0);--border:var(--surface-0);--section-alt:var(--mantle);--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--sapphire);--font-display:"Satoshi", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-data:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", monospace}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface-0:#313244;--surface-1:#45475a;--text:#cdd6f4;--subtext-0:#a6adc8;--overlay-1:#7f849c;--teal:#94e2d5;--peach:#fab387;--green:#a6e3a1;--yellow:#f9e2af;--red:#f38ba8;--sapphire:#74c7ec;--mauve:#cba6f7;--blue:#89b4fa;--primary-foreground:#1e1e2e}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.grain:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.grid-bg{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to right, var(--surface-0) 0 1px, transparent 1px 60px), repeating-linear-gradient(to bottom, var(--surface-0) 0 1px, transparent 1px 32px);opacity:.35;animation:20s ease-in-out infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 0%,#0000 70%)}@keyframes grid-drift{0%,to{background-position:0 0}50%{background-position:30px 16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}.prose{overflow-wrap:break-word;word-break:break-word;max-width:65ch;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.025em;margin-top:2em;margin-bottom:.5em;font-weight:700}.prose h1{font-size:2.25rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose p{margin-bottom:1.25em}.prose a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.prose a:hover{opacity:.8}.prose ul,.prose ol{margin-bottom:1.25em;padding-left:1.5em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:.375em}.prose code{background-color:var(--muted);border-radius:.25rem;padding:.125em .375em;font-size:.875em}.prose pre{background-color:var(--crust);color:var(--foreground);border-radius:.5rem;margin-bottom:1.25em;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.875em}.prose pre[data-code-copy]{margin-block:0;padding-right:5rem}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted-foreground);margin-bottom:1.25em;padding-left:1rem;font-style:italic}.prose img{cursor:zoom-in;border-radius:.5rem;margin-bottom:1.25em;transition:opacity .15s}.prose img:hover{opacity:.85}.prose hr{border-color:var(--border);margin:2em 0}.prose table{border-collapse:collapse;font-size:.875em;font-family:var(--font-data);margin-bottom:1.5em}.full-width{-webkit-overflow-scrolling:touch;overflow-x:auto}.full-width table{width:100%}.prose thead th{text-align:left;border-bottom:2px solid var(--border);color:var(--foreground);padding:.75rem 1rem;font-weight:600}.prose tbody td{border-bottom:1px solid var(--border);vertical-align:top;padding:.625rem 1rem}.nowrap th,.nowrap td{white-space:nowrap}.wrap-col-1 th:first-child,.wrap-col-1 td:first-child,.wrap-col-2 th:nth-child(2),.wrap-col-2 td:nth-child(2),.wrap-col-3 th:nth-child(3),.wrap-col-3 td:nth-child(3),.wrap-col-4 th:nth-child(4),.wrap-col-4 td:nth-child(4){white-space:normal}.min-w-col-1-lg th:first-child,.min-w-col-1-lg td:first-child{min-width:12rem}.min-w-col-2-md th:nth-child(2),.min-w-col-2-md td:nth-child(2){min-width:8rem}.min-w-col-2-lg th:nth-child(2),.min-w-col-2-lg td:nth-child(2),.min-w-col-3-lg th:nth-child(3),.min-w-col-3-lg td:nth-child(3),.min-w-col-4-lg th:nth-child(4),.min-w-col-4-lg td:nth-child(4){min-width:12rem}.num-col-1 th:first-child,.num-col-1 td:first-child,.num-col-2 th:nth-child(2),.num-col-2 td:nth-child(2),.num-col-3 th:nth-child(3),.num-col-3 td:nth-child(3),.num-col-4 th:nth-child(4),.num-col-4 td:nth-child(4),.num-col-5 th:nth-child(5),.num-col-5 td:nth-child(5),.num-col-6 th:nth-child(6),.num-col-6 td:nth-child(6),.num-col-7 th:nth-child(7),.num-col-7 td:nth-child(7){text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background-color:var(--muted)}.prose strong{color:var(--foreground);font-weight:600}.prose h1:first-child{display:none}.prose h2,.prose h3{font-family:var(--font-display)}.print-only{display:none}@media print{@page{margin:.75in}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#111;--muted-foreground:#555;--border:#ccc;--primary:#111}html,body{color:#111!important;background:#fff!important}.grid-bg,nav,footer,header[role=banner],.no-print,iframe{display:none!important}.print-only{display:block!important}main{max-width:100%!important;padding:0!important}article{max-width:100%!important}.prose{color:#111;font-size:11pt;line-height:1.5;max-width:100%!important}.prose h2,.prose h3,.prose h4{page-break-after:avoid;break-after:avoid}.prose h2{margin-top:1.25em;font-size:16pt}.prose h3{font-size:13pt}.prose p,.prose li,.prose blockquote{orphans:3;widows:3}.prose img,.prose pre,.prose figure{page-break-inside:avoid;break-inside:avoid}.prose table{page-break-inside:auto;break-inside:auto}.prose thead{display:table-header-group}.prose tbody tr{page-break-inside:avoid;break-inside:avoid}.full-width{overflow:visible!important}.prose a{color:#111;text-decoration:underline}.prose a[href^=http]:after{content:" (" attr(href) ")";color:#555;word-break:break-all;font-size:.85em}.prose a[href^=\/]:after,.prose a[href^=\#]:after{content:""}.prose pre,.prose code{border:1px solid #e0e0e0;color:#111!important;background:#f4f4f4!important}.prose blockquote{color:#333;border-left-color:#777}.prose img{cursor:default;max-width:100%!important}}

@layer theme, base, components, stylex.priority1;

@layer stylex.priority2 {
  .x10a8y8t {
    inset: 0;
  }

  .xkdpibf {
    margin: -1px;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x1bpp3o7 {
    margin: auto;
  }

  .x78pyy4 {
    padding: .25rem;
  }

  .xd7ozn7 {
    padding: .375rem;
  }

  .x7gbtqy {
    padding: .5rem;
  }

  .x1835gkm {
    padding: .625rem;
  }

  .x79iv2k {
    padding: .75rem;
  }

  .x8hbxov {
    padding: .875rem;
  }

  .x1717udv {
    padding: 0;
  }

  .xomzojh {
    padding: 1.25rem;
  }

  .xis3749 {
    padding: 1.5rem;
  }

  .x1blgzdm {
    padding: 1.75rem;
  }

  .x1uz70x1 {
    padding: 1rem;
  }

  .xr6jg0x {
    padding: 2rem;
  }

  .xhlvvcx {
    padding: 3rem;
  }

  .x1y5lnwp:focus {
    margin: 0;
  }

  .x18gfgne:focus {
    padding: 0;
  }

  @media (width >= 40rem) {
    .x1jqo3c.x1jqo3c {
      padding: 1.5rem;
    }

    .xjczhq4.xjczhq4 {
      padding: 1rem;
    }

    .xhk2s8o.xhk2s8o {
      padding: 2.5rem;
    }
  }

  @media (width >= 64rem) {
    .x1q4s649.x1q4s649 {
      padding: 2.5rem;
    }
  }

  @media (width >= 40rem) and (width <= 63.99rem) {
    .x1ig4o2x.x1ig4o2x {
      padding: 2rem;
    }
  }

  @media (width >= 40rem) {
    .xfefqgj.xfefqgj {
      padding: 2rem;
    }
  }

  @media (width >= 48rem) {
    .x1cexhtr.x1cexhtr {
      padding: 2rem;
    }
  }
}

@layer stylex.priority3 {
  .xwcd3x7 {
    border-color: color-mix(in oklab,var(--border) 50%,transparent);
  }

  .x1i58g6b {
    border-color: color-mix(in oklab,var(--border) 60%,transparent);
  }

  .x1n76nve {
    border-color: color-mix(in oklab,var(--border) 70%,transparent);
  }

  .xds21jk {
    border-color: color-mix(in oklab,var(--border) 80%,transparent);
  }

  .x1ij96xg {
    border-color: color-mix(in oklab,var(--primary) 15%,transparent);
  }

  .xoq8zr9 {
    border-color: color-mix(in oklab,var(--primary) 20%,transparent);
  }

  .x1edwbyw {
    border-color: color-mix(in oklab,var(--primary) 30%,transparent);
  }

  .x9r1u3d {
    border-color: #0000;
  }

  .x16eikvt {
    border-color: var(--border-soft);
  }

  .x1io3bm2 {
    border-color: var(--border);
  }

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

  .x1t1exf1 {
    border-color: var(--rule-hairline);
  }

  .x59swky {
    border-color: var(--surface-1);
  }

  .x15fclwp {
    border-radius: .875rem;
  }

  .x8jt5ee {
    border-radius: 1.25rem;
  }

  .x10hpsqq {
    border-radius: 9999px;
  }

  .xtkphhm {
    border-radius: 3.40282e38px;
  }

  .x8z90gb {
    border-radius: var(--radius-2xl);
  }

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

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

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

  .x74ytmf {
    border-radius: var(--radius-xl);
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x98rzlu {
    flex: 1;
  }

  .x1enigpx {
    gap: .125rem;
  }

  .xvh977a {
    gap: .25rem;
  }

  .xpj7pl4 {
    gap: .375rem;
  }

  .x13z6uf9 {
    gap: .5rem;
  }

  .xb6y1gh {
    gap: .625rem;
  }

  .x8233eu {
    gap: .75rem;
  }

  .x15iy025 {
    gap: 1.25rem;
  }

  .xru8eyw {
    gap: 1.5rem;
  }

  .x12mrbbr {
    gap: 1px;
  }

  .x8fetqu {
    gap: 1rem;
  }

  .xtacmkj {
    gap: 2.5rem;
  }

  .x1h4iudz {
    gap: 2rem;
  }

  .x1keyc1r {
    gap: 3rem;
  }

  .x17y0mx6 {
    inset-inline: 0;
  }

  .x1wr5l7l {
    inset-inline: 1rem;
  }

  .x1k97x1e {
    inset-inline: 2rem;
  }

  .xjmfy54 {
    margin-block: 1.5rem;
  }

  .x1e6rjun {
    margin-block: 2.5rem;
  }

  .xiiczor {
    margin-inline: .125rem;
  }

  .xkppawo {
    margin-inline: .25rem;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

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

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

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

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

  .x13eudtd {
    padding-block: .625rem;
  }

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

  .x6qoaat {
    padding-block: 1.25rem;
  }

  .x1yb22fu {
    padding-block: 1.5rem;
  }

  .xgepmj6 {
    padding-block: 1rem;
  }

  .x18mflkt {
    padding-block: 2rem;
  }

  .x1ie5kix {
    padding-block: 3.5rem;
  }

  .xic3azd {
    padding-block: 3rem;
  }

  .x1vdquu2 {
    padding-block: 4rem;
  }

  .x1921sjq {
    padding-block: 5rem;
  }

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

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

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

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

  .x13s4r1c {
    padding-inline: .875rem;
  }

  .x1qhpy6z {
    padding-inline: 1.25rem;
  }

  .xzsmjar {
    padding-inline: 1.5rem;
  }

  .xnxx81d {
    padding-inline: 1rem;
  }

  .xhfbhpw {
    scroll-snap-type: x mandatory;
  }

  .x1d2l5ib:is([data-dividers="routes-blog-page-1"] > :not(:last-child)) {
    border-color: color-mix(in oklab,var(--border) 60%,transparent);
  }

  .x4hz2h5:focus-visible {
    border-color: color-mix(in oklch,var(--primary) 60%,var(--border));
  }

  .x1ist15w:is([data-dividers="lib-components-mcp-install-guide-1"] > :not(:last-child)), .x1k0q36t:is([data-dividers="routes-docs-page-1"] > :not(:last-child)), .x1ug61nc:is([data-dividers="routes-support-page-1"] > :not(:last-child)) {
    border-color: var(--border);
  }

  .x5g677a:is([data-dividers="lib-components-product-mockup-2"] > :not(:last-child)) {
    border-color: var(--rule-hairline);
  }

  .xk2swo9:focus-visible {
    outline: none;
  }

  .xypvmdu:focus {
    border-color: var(--primary);
  }

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

  .xomzh7y:focus {
    overflow: visible;
  }

  .xnn2p2v:focus {
    padding-block: .5rem;
  }

  .x1kv9y67:focus {
    padding-inline: 1rem;
  }

  @media (width >= 48rem) {
    .x30h5tm.x30h5tm {
      gap: .5rem;
    }
  }

  @media (width >= 40rem) {
    .x1ysc2ua.x1ysc2ua {
      gap: 1.25rem;
    }
  }

  @media (width >= 48rem) {
    .xyzuq1o.xyzuq1o {
      gap: 1.25rem;
    }

    .x761zud.x761zud {
      gap: 1.5rem;
    }
  }

  @media (width >= 40rem) {
    .x1mn5why.x1mn5why {
      gap: 1rem;
    }
  }

  @media (width >= 48rem) {
    .x3vvlh3.x3vvlh3 {
      gap: 2.5rem;
    }
  }

  @media (width >= 80rem) {
    .xxlwg4x.xxlwg4x {
      gap: 2.5rem;
    }
  }

  @media (width >= 48rem) {
    .x1j7s0s4.x1j7s0s4 {
      gap: 2rem;
    }

    .x1jozegm.x1jozegm {
      gap: 3rem;
    }
  }

  @media (width >= 64rem) {
    .x89q8je.x89q8je {
      gap: 4rem;
    }
  }

  @media (width >= 48rem) {
    .xwy4hh6.xwy4hh6 {
      padding-block: 1.5rem;
    }

    .x95iaw2.x95iaw2 {
      padding-block: 2rem;
    }

    .x1h4spva.x1h4spva {
      padding-block: 3.5rem;
    }
  }

  @media (width >= 64rem) {
    .x1js8i2a.x1js8i2a {
      padding-block: 4rem;
    }
  }

  @media (width >= 48rem) {
    .x1xbq7av.x1xbq7av {
      padding-block: 5rem;
    }

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

  @media (width >= 40rem) {
    .x1bf00gn.x1bf00gn {
      padding-inline: 1.25rem;
    }

    .x1x7kwsl.x1x7kwsl {
      padding-inline: 1.5rem;
    }

    .xxwa5kj.xxwa5kj {
      padding-inline: 1rem;
    }
  }

  @media (width >= 48rem) {
    .x1li0b32.x1li0b32 {
      padding-inline: 1rem;
    }

    .x1w19ka9.x1w19ka9 {
      padding-inline: 2rem;
    }
  }

  @media (width >= 64rem) {
    .x7vzn7u.x7vzn7u {
      padding-inline: 2rem;
    }
  }

  @media (hover: hover) {
    .x1xc4bct.x1xc4bct:hover {
      border-color: color-mix(in oklab,var(--primary) 40%,transparent);
    }

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

  @container (width >= 500px) {
    .x50qsbz.x50qsbz:is([data-dividers="lib-components-product-mockup-1"] > :not(:last-child)) {
      border-color: var(--rule-hairline);
    }

    .xt3y2gb.xt3y2gb:is([data-dividers="lib-components-product-mockup-1"] > :not(:last-child)) {
      border-inline-style: solid;
    }
  }
}

@layer stylex.priority4 {
  .x1ua5tub {
    -webkit-box-orient: vertical;
  }

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

  .x1gzmk7r {
    -webkit-line-clamp: 3;
  }

  .x6s0dn4 {
    align-items: center;
  }

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

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

  .xamitd3 {
    align-self: center;
  }

  .xqcrz7y {
    align-self: flex-start;
  }

  .x1q3qbx4 {
    animation-duration: 1s;
  }

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

  .xbqok6j {
    animation-name: xt3o6ky-B;
  }

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

  .xxwv6gl {
    aspect-ratio: 40 / 21;
  }

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

  .x1higost {
    backdrop-filter: blur(var(--blur-md));
  }

  .x72oobe {
    backdrop-filter: blur(var(--blur-sm));
  }

  .x6s8ysq {
    background-color: color-mix(in oklab,var(--background) 70%,transparent);
  }

  .x4rwfw5 {
    background-color: color-mix(in oklab,var(--background) 80%,transparent);
  }

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

  .xr91cpp {
    background-color: color-mix(in oklab,var(--border) 60%,transparent);
  }

  .x1syd7ck {
    background-color: color-mix(in oklab,var(--color-black) 60%,transparent);
  }

  .xbnq86o {
    background-color: color-mix(in oklab,var(--color-black) 70%,transparent);
  }

  .x1sfrern {
    background-color: color-mix(in oklab,var(--color-black) 80%,transparent);
  }

  .x1nxb3dg {
    background-color: color-mix(in oklab,var(--color-white) 20%,transparent);
  }

  .x1cdkujr {
    background-color: color-mix(in oklab,var(--foreground-subtle) 20%,transparent);
  }

  .xk34gvo {
    background-color: color-mix(in oklab,var(--foreground-subtle) 25%,transparent);
  }

  .x9otv91 {
    background-color: color-mix(in oklab,var(--foreground-subtle) 35%,transparent);
  }

  .x1wlnr65 {
    background-color: color-mix(in oklab,var(--muted-foreground) 10%,transparent);
  }

  .xs5jx3s {
    background-color: color-mix(in oklab,var(--muted-foreground) 15%,transparent);
  }

  .xdnjcaa {
    background-color: color-mix(in oklab,var(--muted-foreground) 20%,transparent);
  }

  .x95drhg {
    background-color: color-mix(in oklab,var(--muted-foreground) 25%,transparent);
  }

  .xt3ed1b {
    background-color: color-mix(in oklab,var(--muted) 25%,transparent);
  }

  .x1gx6chj {
    background-color: color-mix(in oklab,var(--muted) 30%,transparent);
  }

  .x1oqzma8 {
    background-color: color-mix(in oklab,var(--muted) 35%,transparent);
  }

  .xb3d3pl {
    background-color: color-mix(in oklab,var(--muted) 40%,transparent);
  }

  .x98swhu {
    background-color: color-mix(in oklab,var(--muted) 70%,transparent);
  }

  .x1snauon {
    background-color: color-mix(in oklab,var(--muted) 80%,transparent);
  }

  .xye6fh {
    background-color: color-mix(in oklab,var(--primary-soft) 25%,transparent);
  }

  .xgj90kv {
    background-color: color-mix(in oklab,var(--primary) 10%,transparent);
  }

  .x1uqm1ir {
    background-color: color-mix(in oklab,var(--primary) 12%,transparent);
  }

  .xbbaa6s {
    background-color: color-mix(in oklab,var(--success) 10%,transparent);
  }

  .x5wyhj2 {
    background-color: color-mix(in oklab,var(--surface-0) 70%,transparent);
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x18uhyqt {
    background-color: var(--background-elevated);
  }

  .x1nombe5 {
    background-color: var(--background-hover);
  }

  .xo2s12p {
    background-color: var(--background-recessed);
  }

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

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

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

  .x1snyutt {
    background-color: var(--chart-1);
  }

  .xn1t7e7 {
    background-color: var(--chart-2);
  }

  .x1t0hdjq {
    background-color: var(--chart-3);
  }

  .x1bzsyms {
    background-color: var(--chart-5);
  }

  .x1eshdfe {
    background-color: var(--color-white);
  }

  .x1bvzyib {
    background-color: var(--crust);
  }

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

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

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

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

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

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

  .xyypzun {
    background-image: linear-gradient(to top,var(--background),transparent);
  }

  .xykt701 {
    border-block-style: solid;
  }

  .x1kbiq1m {
    border-block-width: 1px;
  }

  .x1ppguew {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 14px 36px color-mix(in srgb,var(--foreground) 8%,transparent);
  }

  .xk7l1al {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 16px 40px color-mix(in srgb,var(--foreground) 10%,transparent);
  }

  .x14anfjq {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 18px 48px var(--shadow-color);
  }

  .x165qkdq {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 18px 50px color-mix(in srgb,var(--foreground) 8%,transparent);
  }

  .x31k8yl {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
  }

  .xc8ywc8 {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
  }

  .xyirotk {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000,inset 0 0 0 calc(1px + 0px) color-mix(in oklab,var(--primary) 20%,transparent),0 0 #0000;
  }

  .xk5312l {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 0 2px var(--background),0 0 0 calc(2px + 2px) color-mix(in oklab,var(--primary) 20%,transparent),0 0 #0000;
  }

  .xr7ibqj {
    box-shadow: 0 0 4px 0 color-mix(in srgb,var(--primary) 30%,transparent);
  }

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

  .xhzn2g6 {
    color: color-mix(in oklab,var(--color-white) 50%,transparent);
  }

  .x1k3bwac {
    color: color-mix(in oklab,var(--foreground) 80%,transparent);
  }

  .x1tmf4wr {
    color: color-mix(in oklab,var(--muted-foreground) 50%,transparent);
  }

  .x1eo1nwe {
    color: color-mix(in oklab,var(--muted-foreground) 70%,transparent);
  }

  .x19co3pv {
    color: #0000;
  }

  .x1m62blr {
    color: var(--color-teal-400);
  }

  .x1wmqtwo {
    color: var(--color-white);
  }

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

  .x1349nom {
    color: var(--foreground-subtle);
  }

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

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

  .xaf19sz {
    color: var(--overlay-1);
  }

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

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

  .x16yd4ao {
    color: var(--success);
  }

  .x4prdry {
    column-gap: .5rem;
  }

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

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

  .xt0e3qv {
    cursor: default;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x104kibb {
    display: -webkit-box;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xt0psk2 {
    display: inline;
  }

  .x1s85apg {
    display: none;
  }

  .x3f7jj6 {
    fill: currentColor;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1iyjqo2 {
    flex-grow: 1;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xozqiw3 {
    flex-wrap: nowrap;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .x1eb8jb7 {
    font-family: Geist Mono, monospace;
  }

  .xq476b1 {
    font-family: Geist Mono, ui-monospace, monospace;
  }

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

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

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

  .x1arfh7o {
    font-family: var(--font-display);
  }

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

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x6ijxsv {
    font-size: 7px;
  }

  .xdzlmae {
    font-size: 8px;
  }

  .xvwhms9 {
    font-size: 9px;
  }

  .xlooj6e {
    font-size: var(--text-2xl);
  }

  .xehv99n {
    font-size: var(--text-3xl);
  }

  .x1cd8xd4 {
    font-size: var(--text-4xl);
  }

  .x1kvm0al {
    font-size: var(--text-base);
  }

  .xohp9a7 {
    font-size: var(--text-lg);
  }

  .x1fxxpgq {
    font-size: var(--text-sm);
  }

  .x1abrqgs {
    font-size: var(--text-xl);
  }

  .xmvlgol {
    font-size: var(--text-xs);
  }

  .x1j61x8r {
    font-style: normal;
  }

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

  .x1xlr1w8 {
    font-weight: 700;
  }

  .x13epr8n {
    font-weight: var(--font-weight-black);
  }

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

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

  .x1sodnla {
    font-weight: var(--font-weight-normal);
  }

  .x2mo6ok {
    font-weight: var(--font-weight-semibold);
  }

  .xqti54a {
    grid-row-end: span 2;
  }

  .xnityil {
    grid-row-start: span 2;
  }

  .x13jn9hb {
    grid-template-columns: 2.25rem 1fr 5rem;
  }

  .xbect9d {
    grid-template-columns: 2rem 1fr;
  }

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

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

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

  .xc8icb0 {
    isolation: isolate;
  }

  .xl56j7k {
    justify-content: center;
  }

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

  .x1l1ennw {
    justify-content: space-around;
  }

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

  .x1ixy4ik {
    letter-spacing: -.005em;
  }

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

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

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

  .x1labic3 {
    letter-spacing: .14em;
  }

  .xa7ig63 {
    letter-spacing: .16em;
  }

  .x11fj6oh {
    letter-spacing: .18em;
  }

  .x1qv67nb {
    letter-spacing: .22em;
  }

  .xribhvm {
    letter-spacing: .2em;
  }

  .x1saqb3o {
    letter-spacing: var(--tracking-tight);
  }

  .xuvkcrr {
    letter-spacing: var(--tracking-wide);
  }

  .xkwi1kx {
    letter-spacing: var(--tracking-wider);
  }

  .x16p967v {
    letter-spacing: var(--tracking-widest);
  }

  .x1f41ap9 {
    line-height: 1.05;
  }

  .x1159mfc {
    line-height: 1.1;
  }

  .x1radnq {
    line-height: var(--leading-relaxed);
  }

  .x1uavwl2 {
    line-height: var(--leading-snug);
  }

  .xdkhrlv {
    line-height: var(--leading-tight);
  }

  .x6nmexb {
    line-height: var(--text-2xl--line-height);
  }

  .x2qmm3c {
    line-height: var(--text-3xl--line-height);
  }

  .x1xyozmp {
    line-height: var(--text-4xl--line-height);
  }

  .x1xvn0iw {
    line-height: var(--text-base--line-height);
  }

  .x1ilixca {
    line-height: var(--text-lg--line-height);
  }

  .x1ev7iby {
    line-height: var(--text-sm--line-height);
  }

  .xt3vbrz {
    line-height: var(--text-xl--line-height);
  }

  .x1t14kij {
    line-height: var(--text-xs--line-height);
  }

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

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

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

  .x19kjcj4 {
    object-fit: contain;
  }

  .xl1xv1r {
    object-fit: cover;
  }

  .xg01cxk {
    opacity: 0;
  }

  .x1hc1fzr {
    opacity: 1;
  }

  .xyu21ht {
    opacity: .6;
  }

  .x1jposba {
    opacity: .75;
  }

  .x1nj09le {
    opacity: .85;
  }

  .x9ek82g {
    order: 1;
  }

  .x1t137rt {
    outline-style: none;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x7wzq59 {
    position: sticky;
  }

  .xlmzlmn {
    rotate: -1.5deg;
  }

  .x1qul50q {
    rotate: 180deg;
  }

  .x4cj3o5 {
    rotate: 3deg;
  }

  .xqtat81 {
    rotate: -2deg;
  }

  .x5qd032 {
    row-gap: .25rem;
  }

  .x1bhewko {
    scroll-snap-align: start;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1hr2gdg {
    text-align: right;
  }

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

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

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

  .x1w2vvpw {
    text-wrap: balance;
  }

  .x1fzhlzt {
    text-wrap: pretty;
  }

  .xaykozp {
    transition-duration: .15s, .15s, .15s, .3s;
  }

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

  .x13dflua {
    transition-duration: .2s;
  }

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

  .x1wsgiic {
    transition-duration: .5s;
  }

  .x1fkkkjs {
    transition-duration: .7s;
  }

  .x1bdxd7p {
    transition-duration: var(--default-transition-duration);
  }

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

  .x193rv6 {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  }

  .x1msayyd {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
  }

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

  .x1qn9uv2 {
    transition-property: grid-template-rows;
  }

  .xu7fofk {
    transition-property: left, width, opacity, box-shadow;
  }

  .x1ym43eq {
    transition-property: left, width;
  }

  .x6o7n8i {
    transition-property: opacity, transform;
  }

  .x19991ni {
    transition-property: opacity;
  }

  .x1up1gac {
    transition-property: padding;
  }

  .x10jsvyt {
    transition-property: transform, translate, scale, rotate;
  }

  .x11xpdln {
    transition-property: transform;
  }

  .x1199peq {
    transition-timing-function: cubic-bezier(.25, 1, .5, 1);
  }

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

  .x9lcvmn {
    transition-timing-function: ease-out;
  }

  .x1qn7crv {
    transition-timing-function: var(--default-transition-timing-function);
  }

  .x122hhpc {
    transition-timing-function: var(--ease-out);
  }

  .x1qeszuu {
    translate: 0;
  }

  .x1m55v0b {
    translate: 0 1rem;
  }

  .x1osum6n {
    translate: 0 -50%;
  }

  .x1w5v1yj {
    translate: 1.25rem;
  }

  .xl2vlsi {
    translate: -50%;
  }

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

  .xuxw1ft {
    white-space: nowrap;
  }

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

  .x1n327nk {
    z-index: 10;
  }

  .xhtitgo {
    z-index: 2;
  }

  .x1355qak {
    z-index: 20;
  }

  .xa9119d {
    z-index: 50;
  }

  .x1aciyhk {
    z-index: 60;
  }

  .x1gtwtp3:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in oklch,var(--primary) 18%,transparent);
  }

  .x1x1pfal.x1x1pfal:where(.x1owcwcw:is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

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

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

  .x1rsz1da:focus {
    clip-path: none;
  }

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

  .x1xrnuwo:focus {
    position: fixed;
  }

  .x1hbpcn8:focus {
    white-space: normal;
  }

  .x1q6ffgp:focus {
    z-index: 50;
  }

  @media (width >= 48rem) {
    .x1g80ow4.x1g80ow4 {
      align-items: baseline;
    }
  }

  @media (width >= 40rem) {
    .xwm5elu.xwm5elu {
      align-items: center;
    }
  }

  @media (width >= 64rem) {
    .x1nuvvmg.x1nuvvmg {
      align-items: flex-end;
    }
  }

  @media (width >= 48rem) {
    .x1gqojru.x1gqojru {
      align-items: flex-start;
    }
  }

  @media (width >= 40rem) {
    .x1jj8qsv.x1jj8qsv {
      column-gap: 1.25rem;
    }

    .x1hf29qx.x1hf29qx {
      display: block;
    }
  }

  @media (width >= 48rem) {
    .x1m2nq6k.x1m2nq6k {
      display: block;
    }
  }

  @media (width >= 80rem) {
    .x16d40a8.x16d40a8 {
      display: block;
    }
  }

  @media (width >= 40rem) {
    .x1ii1w07.x1ii1w07 {
      display: flex;
    }
  }

  @media (width >= 48rem) {
    .x1j2yrl1.x1j2yrl1 {
      display: flex;
    }
  }

  @media (width >= 480px) {
    .x1a4x92u.x1a4x92u {
      display: inline-flex;
    }
  }

  @media (width >= 40rem) {
    .x1jv5h8x.x1jv5h8x {
      display: inline;
    }
  }

  @media (width >= 420px) {
    .xbwed4u.xbwed4u {
      display: inline;
    }
  }

  @media (width >= 48rem) {
    .xxigu4w.xxigu4w {
      display: inline;
    }
  }

  @media (width >= 40rem) {
    .x1nhovfr.x1nhovfr {
      display: none;
    }
  }

  @media (width >= 48rem) {
    .x1yn2rt8.x1yn2rt8 {
      display: none;
    }
  }

  @media (width >= 80rem) {
    .x2b6ye0.x2b6ye0 {
      display: none;
    }
  }

  @media (width >= 40rem) {
    .xpfuokp.xpfuokp {
      display: table-cell;
    }

    .xjicg4i.xjicg4i {
      flex-direction: row;
    }
  }

  @media (width >= 48rem) {
    .x1k046mz.x1k046mz {
      flex-direction: row;
    }

    .x1wp28t8.x1wp28t8 {
      font-size: var(--text-2xl);
    }

    .x1rud9rl.x1rud9rl {
      font-size: var(--text-4xl);
    }
  }

  @media (width >= 48rem) and (width <= 63.99rem) {
    .x8fpyns.x8fpyns {
      font-size: var(--text-5xl);
    }
  }

  @media (width >= 48rem) {
    .xl77b0i.xl77b0i {
      font-size: var(--text-5xl);
    }

    .x1ihexr8.x1ihexr8 {
      font-size: var(--text-6xl);
    }
  }

  @media (width >= 64rem) {
    .x173ud93.x173ud93 {
      font-size: var(--text-6xl);
    }
  }

  @media (width >= 40rem) {
    .x199jrek.x199jrek {
      font-size: var(--text-base);
    }
  }

  @media (width >= 48rem) {
    .x1fil9wo.x1fil9wo {
      font-size: var(--text-lg);
    }

    .x1008hhj.x1008hhj {
      font-size: var(--text-sm);
    }

    .xvxc0we.xvxc0we {
      font-size: var(--text-xs);
    }
  }

  @media (width >= 64rem) {
    .x1dogxxp.x1dogxxp {
      grid-template-columns: .7fr 1.3fr;
    }

    .x11vrczm.x11vrczm {
      grid-template-columns: .85fr 1.15fr;
    }

    .x14hzkvs.x14hzkvs {
      grid-template-columns: .9fr 1.1fr;
    }
  }

  @media (width >= 48rem) {
    .x4xh9mk.x4xh9mk {
      grid-template-columns: 1.15fr 1fr;
    }

    .x773cjk.x773cjk {
      grid-template-columns: 13rem 1fr;
    }
  }

  @media (width >= 64rem) {
    .x190gm7y.x190gm7y {
      grid-template-columns: 15rem 1fr;
    }
  }

  @media (width >= 80rem) {
    .x1tq2bl9.x1tq2bl9 {
      grid-template-columns: 15rem minmax(0, 45rem) 13rem;
    }
  }

  @media (width >= 64rem) {
    .x14m3kpp.x14m3kpp {
      grid-template-columns: 1fr 1.2fr;
    }

    .x1e82g5f.x1e82g5f {
      grid-template-columns: 1fr 19rem;
    }
  }

  @media (width >= 40rem) {
    .xz5f979.xz5f979 {
      grid-template-columns: 1fr auto;
    }

    .xxiv0e7.xxiv0e7 {
      grid-template-columns: 3rem 10rem 1fr;
    }
  }

  @media (width >= 48rem) {
    .x1ad2e4a.x1ad2e4a {
      grid-template-columns: 3rem 1fr 10rem;
    }
  }

  @media (width >= 40rem) {
    .x1eymjgt.x1eymjgt {
      grid-template-columns: 8rem 1fr;
    }

    .xmdo8n.xmdo8n {
      grid-template-columns: auto 1fr auto;
    }

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

  @media (width >= 48rem) and (width <= 63.99rem) {
    .x19b0z24.x19b0z24 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {
    .x18q8ew7.x18q8ew7 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

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

  @media (width >= 48rem) {
    .x961yeq.x961yeq {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

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

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

  @media (width >= 48rem) and (width <= 63.99rem) {
    .x13scsqz.x13scsqz {
      line-height: 1.05;
    }
  }

  @media (width >= 48rem) {
    .xpusw75.xpusw75 {
      line-height: 1.05;
    }
  }

  @media (width >= 64rem) {
    .x1lr7ag6.x1lr7ag6 {
      line-height: 1.05;
    }
  }

  @media (width >= 48rem) {
    .x1dji64k.x1dji64k {
      line-height: 1.1;
    }

    .x1s60v5g.x1s60v5g {
      line-height: var(--leading-relaxed);
    }

    .xbpd1fm.xbpd1fm {
      line-height: var(--leading-snug);
    }

    .xuulkre.xuulkre {
      line-height: var(--leading-tight);
    }

    .x2auczm.x2auczm {
      line-height: var(--text-4xl--line-height);
    }

    .x1rimbrh.x1rimbrh {
      line-height: var(--text-5xl--line-height);
    }

    .x1vfv9af.x1vfv9af {
      line-height: var(--text-6xl--line-height);
    }
  }

  @media (width >= 40rem) {
    .x5rw9ez.x5rw9ez {
      line-height: var(--text-base--line-height);
    }
  }

  @media (width >= 48rem) {
    .x1v7inop.x1v7inop {
      line-height: var(--text-lg--line-height);
    }

    .xrjbu67.xrjbu67 {
      line-height: var(--text-sm--line-height);
    }

    .x140gzh0.x140gzh0 {
      line-height: var(--text-xs--line-height);
    }

    .x1u9eli6.x1u9eli6 {
      order: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .xuupxpy.xuupxpy {
      transform: none;
    }
  }

  @media (hover: hover) {
    .x1mnc12h.x1mnc12h.x1mnc12h:where(.x-default-marker:hover *) {
      color: var(--color-teal-300);
    }

    .xrbxiih.xrbxiih.xrbxiih:where(.x1owcwcw:hover *) {
      color: var(--primary);
    }

    .x2kpwn2.x2kpwn2.x2kpwn2:where(.x1owcwcw:hover *) {
      rotate: 0deg;
    }

    .xj11qq8.xj11qq8.xj11qq8:where(.x1owcwcw:hover *) {
      scale: 1.02;
    }

    .xlmxlna.xlmxlna.xlmxlna:where(.x1owcwcw:hover *) {
      scale: 1.05;
    }

    .x1p3j5aw.x1p3j5aw.x1p3j5aw:where(.x1owcwcw:hover *) {
      translate: .125rem;
    }

    .x48iy4d.x48iy4d.x48iy4d:where(.x1owcwcw:hover *) {
      translate: .25rem;
    }

    .xetug3h.xetug3h.xetug3h:where(.x1owcwcw:hover *) {
      translate: -.125rem;
    }
  }

  @container (width >= 500px) {
    .x167buo1.x167buo1 {
      display: block;
    }

    .xz50c4y.xz50c4y {
      display: grid;
    }

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

    .x1y24jme.x1y24jme {
      grid-template-columns: minmax(0, 1.35fr) minmax(9.5rem, .65fr);
    }

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

  @media (hover: hover) {
    .x1o6piqh.x1o6piqh:hover {
      background-color: color-mix(in oklab,var(--color-black) 90%,transparent);
    }

    .x11yd60t.x11yd60t:hover {
      background-color: color-mix(in oklab,var(--muted-foreground) 20%,transparent);
    }

    .x1ulww05.x1ulww05:hover {
      background-color: color-mix(in oklab,var(--primary) 90%,transparent);
    }

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

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

    .x1b9wre1.x1b9wre1:hover {
      color: var(--primary);
    }

    .x16fknz1.x16fknz1:hover {
      opacity: .8;
    }

    .x1lqr8j5.x1lqr8j5:hover {
      opacity: .9;
    }

    .x366mxz.x366mxz:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) and (not (prefers-reduced-motion: reduce)) {
    .x1j5skqp.x1j5skqp:hover {
      transform: scale(1.015);
    }
  }

  @container (width >= 500px) {
    .xwt1imd.xwt1imd:is([data-dividers="lib-components-product-mockup-1"] > :not(:last-child)) {
      border-inline-end-width: 1px;
    }

    .xq91l8y.xq91l8y:is([data-dividers="lib-components-product-mockup-1"] > :not(:last-child)) {
      border-inline-start-width: 0;
    }
  }
}

@layer stylex.priority5 {
  .ximdw8d {
    border-bottom-right-radius: var(--radius-md);
  }

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

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

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

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

  .xe0pwq {
    border-left-width: 1px;
  }

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

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

  .xs1s249 {
    border-right-width: 1px;
  }

  .x15t2jqq {
    border-top-left-radius: var(--radius-sm);
  }

  .x1g7seb6 {
    border-top-right-radius: var(--radius-sm);
  }

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

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

  .xsugpx9 {
    bottom: -6px;
  }

  .x1mgtmex {
    bottom: .25rem;
  }

  .x1ey2m1c {
    bottom: 0;
  }

  .x1szun9y {
    bottom: 1rem;
  }

  .x1xzicaz {
    height: .125rem;
  }

  .x16wp3ig {
    height: .25rem;
  }

  .x4j2xbe {
    height: .375rem;
  }

  .x164u9eo {
    height: .5rem;
  }

  .x1qa65zt {
    height: .625rem;
  }

  .xvle69y {
    height: .75rem;
  }

  .xf08kfj {
    height: .875rem;
  }

  .xmll18r {
    height: 1.25rem;
  }

  .xam5rvr {
    height: 1.5rem;
  }

  .xb8l8e1 {
    height: 1.75rem;
  }

  .xwl81jg {
    height: 1.875rem;
  }

  .x5yr21d {
    height: 100%;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1l36t39 {
    height: 1rem;
  }

  .xk8t5le {
    height: 2.25rem;
  }

  .xwaiz5r {
    height: 2.5rem;
  }

  .x81hebr {
    height: 27.5rem;
  }

  .x36qwtl {
    height: 2px;
  }

  .xettwda {
    height: 2rem;
  }

  .x173xk29 {
    height: 3.9rem;
  }

  .x1pizb70 {
    height: 3rem;
  }

  .x1a4ne5q {
    height: 4.25rem;
  }

  .x1we4azw {
    height: calc(100% - 1.875rem);
  }

  .xzxrrcs {
    left: .125rem;
  }

  .x1pemb1n {
    left: 1rem;
  }

  .x18li6cq {
    left: -.3125rem;
  }

  .xj194u3 {
    left: 50%;
  }

  .xhcrhct {
    margin-bottom: .125rem;
  }

  .x1hpqcdg {
    margin-bottom: .25rem;
  }

  .xhbfen4 {
    margin-bottom: .5rem;
  }

  .x1gr9t9r {
    margin-bottom: .75rem;
  }

  .x1eq25fj {
    margin-bottom: 1.25rem;
  }

  .x1nhhxel {
    margin-bottom: 1.5rem;
  }

  .x14phcvn {
    margin-bottom: 2.5rem;
  }

  .x1t84w78 {
    margin-bottom: 2rem;
  }

  .x1e1gh9h {
    margin-bottom: 3rem;
  }

  .xn41z2f {
    margin-bottom: 6rem;
  }

  .xh9i6ac {
    margin-left: -1px;
  }

  .xko4hcy {
    margin-left: .375rem;
  }

  .x8x9d4c {
    margin-left: auto;
  }

  .x72edsj {
    margin-top: .125rem;
  }

  .x1tbvfm1 {
    margin-top: .25rem;
  }

  .x5j7nwy {
    margin-top: .375rem;
  }

  .x1mjqqkp {
    margin-top: .5rem;
  }

  .x5y4uik {
    margin-top: .625rem;
  }

  .xhj8ucd {
    margin-top: .75rem;
  }

  .xdj266r {
    margin-top: 0;
  }

  .xwg69jb {
    margin-top: 1.25rem;
  }

  .x1c4vshn {
    margin-top: 1.5rem;
  }

  .x178dpqu {
    margin-top: 1.75rem;
  }

  .xj1urod {
    margin-top: 1rem;
  }

  .xi81crv {
    margin-top: 2.25rem;
  }

  .x1o5ky9o {
    margin-top: 2.5rem;
  }

  .x1cl2iem {
    margin-top: 2rem;
  }

  .x12boebu {
    margin-top: 3.5rem;
  }

  .x1hpjnmm {
    margin-top: 3rem;
  }

  .x1fgj74o {
    margin-top: 6rem;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x1q5actc {
    max-height: calc(100% - 2rem);
  }

  .x1bi1cug {
    max-height: calc(100vh - 6rem);
  }

  .xzyfkd {
    max-height: calc(100vh - 8rem);
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x4gyc16 {
    max-width: 1120px;
  }

  .xer6zhd {
    max-width: 84%;
  }

  .x1u73tnu {
    max-width: 90rem;
  }

  .x13ychmd {
    max-width: calc(100vw - 6rem);
  }

  .x1x1rfll {
    max-width: none;
  }

  .xci57iw {
    max-width: var(--container-2xl);
  }

  .x1psm2bn {
    max-width: var(--container-3xl);
  }

  .xrqzivf {
    max-width: var(--container-4xl);
  }

  .x1yjvrnr {
    max-width: var(--container-5xl);
  }

  .x1ibsdse {
    max-width: var(--container-6xl);
  }

  .xnrte72 {
    max-width: var(--container-md);
  }

  .x9g0on1 {
    max-width: var(--container-sm);
  }

  .x8rzxmp {
    max-width: var(--container-xl);
  }

  .xgbkey0 {
    min-height: 2.75rem;
  }

  .x2hthij {
    min-height: 28rem;
  }

  .x13gjtz1 {
    min-height: 3.5rem;
  }

  .xe8gcm {
    min-height: 3rem;
  }

  .xeuugli {
    min-width: 0;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .xnw97ix {
    padding-bottom: .125rem;
  }

  .xes99ow {
    padding-bottom: .25rem;
  }

  .xmnamis {
    padding-bottom: .5rem;
  }

  .xsaxbkt {
    padding-bottom: .75rem;
  }

  .x163t5y5 {
    padding-bottom: 1.5rem;
  }

  .x2yie3v {
    padding-bottom: 1rem;
  }

  .x1fh90og {
    padding-bottom: 2.5rem;
  }

  .x17r0vjz {
    padding-bottom: 2rem;
  }

  .x1udq3ni {
    padding-bottom: 3.5rem;
  }

  .x1q8uoa4 {
    padding-bottom: 4rem;
  }

  .x1yh02es {
    padding-bottom: 6rem;
  }

  .x79ra4s {
    padding-left: .75rem;
  }

  .x1uae1lo {
    padding-left: 1.25rem;
  }

  .x1vua2ax {
    padding-left: 1.5rem;
  }

  .x9dzeaa {
    padding-left: 1rem;
  }

  .x1hi4g37 {
    padding-left: 3rem;
  }

  .x52dz5p {
    padding-right: 1rem;
  }

  .x1yh8wns {
    padding-right: 7rem;
  }

  .x1iul6r4 {
    padding-top: .25rem;
  }

  .x6dzris {
    padding-top: .375rem;
  }

  .x1b58sdr {
    padding-top: .5rem;
  }

  .x1pe9zv5 {
    padding-top: .625rem;
  }

  .x1q57ora {
    padding-top: .75rem;
  }

  .x6gltce {
    padding-top: 1.5rem;
  }

  .x12t3zde {
    padding-top: 1rem;
  }

  .x128v7jw {
    padding-top: 2rem;
  }

  .x1hx5lgg {
    padding-top: 5rem;
  }

  .x117yac4 {
    padding-top: 6rem;
  }

  .x1d83s0a {
    right: .5rem;
  }

  .x1bnp733 {
    right: .625rem;
  }

  .x1u62bzc {
    right: 1rem;
  }

  .x9w35s2 {
    top: .125rem;
  }

  .xsv2zaq {
    top: .25rem;
  }

  .x2g408t {
    top: .375rem;
  }

  .x1nh8u4m {
    top: .5rem;
  }

  .x7h287w {
    top: .625rem;
  }

  .x13vifvy {
    top: 0;
  }

  .x1nwpe0i {
    top: 1rem;
  }

  .x1avysgf {
    top: 7rem;
  }

  .xyk7xa0 {
    top: -.75rem;
  }

  .x1755psy {
    top: 50%;
  }

  .xttl3oo {
    width: .25rem;
  }

  .xrkia0p {
    width: .375rem;
  }

  .x1jjc1wv {
    width: .5rem;
  }

  .x1e7hgle {
    width: .625rem;
  }

  .x1jw3ynk {
    width: .75rem;
  }

  .x1xvt488 {
    width: .875rem;
  }

  .xwqq7k2 {
    width: 1.25rem;
  }

  .xp8d6y2 {
    width: 1.5rem;
  }

  .xh29eag {
    width: 1.75rem;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1brf3r0 {
    width: 11rem;
  }

  .x1q2mzld {
    width: 14rem;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .xcdlrvm {
    width: 1rem;
  }

  .xvm51jw {
    width: 2.5rem;
  }

  .xb1qrhf {
    width: 2.75rem;
  }

  .xs5h3dt {
    width: 2rem;
  }

  .x1l24a0r {
    width: 7rem;
  }

  .x1yhi9kg {
    width: min(24rem, 100% - 2rem);
  }

  .x132rx2k:is([data-dividers="routes-blog-page-1"] > :not(:last-child)), .x17jar0h:is([data-dividers="lib-components-product-mockup-2"] > :not(:last-child)), .x1xatcyd:is([data-dividers="lib-components-mcp-install-guide-1"] > :not(:last-child)), .xcfzhwb:is([data-dividers="routes-docs-page-1"] > :not(:last-child)), .xil9nel:is([data-dividers="routes-support-page-1"] > :not(:last-child)) {
    border-bottom-style: solid;
  }

  .x169ofze:is([data-dividers="routes-docs-page-1"] > :not(:last-child)), .x19m76bh:is([data-dividers="lib-components-mcp-install-guide-1"] > :not(:last-child)), .xb3z73c:is([data-dividers="lib-components-product-mockup-2"] > :not(:last-child)), .xk4ec7p:is([data-dividers="routes-blog-page-1"] > :not(:last-child)), .xpsukyj:is([data-dividers="routes-support-page-1"] > :not(:last-child)) {
    border-bottom-width: 1px;
  }

  .x1ersj4m:is([data-dividers="lib-components-mcp-install-guide-1"] > :not(:last-child)), .x1io7qjv:is([data-dividers="routes-docs-page-1"] > :not(:last-child)), .x1l79wqg:is([data-dividers="lib-components-product-mockup-2"] > :not(:last-child)), .x3ejqv9:is([data-dividers="routes-support-page-1"] > :not(:last-child)), .xpclrfr:is([data-dividers="routes-blog-page-1"] > :not(:last-child)) {
    border-top-style: solid;
  }

  .x1n3r68f:is([data-dividers="routes-support-page-1"] > :not(:last-child)), .x5fd9j:is([data-dividers="routes-blog-page-1"] > :not(:last-child)), .xfki7gh:is([data-dividers="routes-docs-page-1"] > :not(:last-child)), .xvpmnph:is([data-dividers="lib-components-mcp-install-guide-1"] > :not(:last-child)), .xzpzjx4:is([data-dividers="lib-components-product-mockup-2"] > :not(:last-child)) {
    border-top-width: 0;
  }

  .x14l7nz5:first-child {
    margin-top: 0;
  }

  .xzboxd6:last-child {
    margin-bottom: 0;
  }

  .x15cytp8:focus {
    height: auto;
  }

  .x98gxll:focus {
    left: 1rem;
  }

  .xgj4nqw:focus {
    top: 1rem;
  }

  .x1jqxupm:focus {
    width: auto;
  }

  @media (width >= 64rem) {
    .x566856.x566856 {
      border-left-style: solid;
    }

    .xnsw81v.xnsw81v {
      border-left-width: 1px;
    }

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

    .x7e7t0n.x7e7t0n {
      border-top-width: 0;
    }
  }

  @media (width >= 48rem) {
    .x1fbhv9u.x1fbhv9u {
      margin-bottom: 2.5rem;
    }

    .x1tel3yg.x1tel3yg {
      margin-bottom: 2rem;
    }
  }

  @media (width >= 64rem) {
    .xkc5rrl.xkc5rrl {
      margin-right: -1.5rem;
    }
  }

  @media (width >= 48rem) {
    .x1ewdnl1.x1ewdnl1 {
      margin-top: 0;
    }
  }

  @media (width >= 80rem) {
    .x1fbmyvf.x1fbmyvf {
      margin-top: 0;
    }
  }

  @media (width >= 48rem) {
    .x1v3da0d.x1v3da0d {
      margin-top: 2rem;
    }

    .xc6gj9e.xc6gj9e {
      margin-top: 4rem;
    }

    .x1sm01tx.x1sm01tx {
      padding-bottom: 3.5rem;
    }

    .xal5n1g.xal5n1g {
      padding-bottom: 5rem;
    }

    .xqwl7zt.xqwl7zt {
      padding-bottom: 6rem;
    }
  }

  @media (width >= 64rem) {
    .xwarskh.xwarskh {
      padding-top: 2.5rem;
    }

    .x1qvsqkt.x1qvsqkt {
      padding-top: 2rem;
    }
  }

  @media (width >= 48rem) {
    .x1iumwf3.x1iumwf3 {
      padding-top: 8rem;
    }
  }

  @media (hover: hover) {
    .x1p946dm.x1p946dm:hover {
      padding-left: .5rem;
    }
  }
}

@layer stylex.priority6 {
  .xz7q8gn:before {
    inset: -75%;
  }

  .xxx281p:before {
    inset: 0;
  }

  .x1cox1cm:after {
    inset: 2px;
  }
}

@layer stylex.priority7 {
  .x1f3l70z:after {
    border-radius: 9999px;
  }

  .xpf4qnh:after {
    border-radius: calc(.75rem - 2px);
  }
}

@layer stylex.priority8 {
  .x1ih0t77:before {
    aspect-ratio: 1;
  }

  .xwst1np::backdrop {
    background-color: #00000080;
  }

  .x1ijut77:after {
    background-color: var(--background);
  }

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

  .xm0cktq:before {
    background-image: conic-gradient(from 0deg,transparent 0deg 274deg,color-mix(in srgb,var(--primary) 8%,transparent) 296deg,color-mix(in srgb,var(--primary) 55%,transparent) 329deg,var(--primary) 342deg 347deg,color-mix(in srgb,var(--primary) 45%,transparent) 354deg,transparent 360deg);
  }

  .x1ayyeks:before {
    color: var(--foreground);
  }

  .xl76lok::placeholder {
    color: var(--muted-foreground);
  }

  .x1n1wjhp::marker {
    color: var(--primary);
  }

  .x100rkj9:after, .x10tli2e:before, .x1s928wv:after {
    content: "";
  }

  .xjx4rhj:before {
    content: "ı";
  }

  .x1lnurhe::marker {
    content: none;
  }

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

  .xzngokm::marker {
    font-weight: 600;
  }

  .x124lp2h:before {
    opacity: 0;
  }

  .x2q1x1w:after, .xkk1bqk:before {
    pointer-events: none;
  }

  .x1hmns74:before, .x1j6awrg:after {
    position: absolute;
  }

  .x13o46a3:before {
    transition-duration: .15s;
  }

  .x1de4urk:before {
    transition-property: opacity;
  }

  .x4ns7iu:before {
    transition-timing-function: cubic-bezier(.25, 1, .5, 1);
  }

  .xqh36ef:before {
    translate: -50% -50%;
  }

  .x1v8z1us:after {
    translate: -50%;
  }

  .x2hztxu:before {
    z-index: 0;
  }

  .xitxdhh:after {
    z-index: 1;
  }

  .xrjso5x:focus-visible:before {
    animation-duration: 2.4s;
  }

  .x1nbb0m4[data-electric-active]:before {
    animation-duration: 4s;
  }

  .x4ugr6i:focus-visible:before, .xuj5yyc[data-electric-active]:before {
    animation-iteration-count: infinite;
  }

  .x186ia6g[data-electric-active]:before, .x2dn1al:focus-visible:before {
    animation-name: x1uh2x5g-B;
  }

  .x1026xw0:focus-visible:before, .x12mzd6g[data-electric-active]:before {
    animation-timing-function: linear;
  }

  .x1w8nt3y:focus-visible:before {
    opacity: 1;
  }

  .x18hj0sw:focus-visible:before, .x1chxk3m[data-electric-active]:before {
    will-change: transform;
  }

  @media (prefers-reduced-motion: reduce) {
    .x154yoj.x154yoj:focus-visible:before, .xls2vbc.xls2vbc[data-electric-active]:before {
      animation-name: none;
    }

    .x1a5yd4b.x1a5yd4b[data-electric-active]:before, .xq47m1g.xq47m1g:focus-visible:before {
      transform: rotate(25deg);
    }
  }

  @media (hover: hover) {
    .x1wrql7.x1wrql7:hover:before {
      animation-duration: 2.4s;
    }

    .x1wp4qn8.x1wp4qn8:hover:before {
      animation-iteration-count: infinite;
    }

    .x1ank8mq.x1ank8mq:hover:before {
      animation-name: x1uh2x5g-B;
    }

    .x145v187.x145v187:hover:before {
      animation-timing-function: linear;
    }
  }

  @media (hover: hover) and (not (prefers-reduced-motion: reduce)) {
    .x1qr1k70.x1qr1k70:hover:before {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x1h606d0.x1h606d0:hover:before {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .xijzxre.xijzxre:hover:before {
      will-change: transform;
    }
  }

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

      .x1em8hzz.x1em8hzz.x1em8hzz:hover:before {
        transform: rotate(25deg);
      }
    }
  }
}

@layer stylex.priority9 {
  .x1wa7i8s:after {
    height: .2em;
  }

  .xgdch9p:before {
    left: 50%;
  }

  .xmuofro:after {
    left: 65%;
  }

  .xbdfexs:after {
    top: .22em;
  }

  .x1knuo7r:before {
    top: 50%;
  }

  .x12exf13:after {
    width: .2em;
  }

  .x12p73ta:before {
    width: 150%;
  }
}

@keyframes x1uh2x5g-B {
  to {
    transform: rotate(1turn);
  }
}

@keyframes xt3o6ky-B {
  75% {
    opacity: 0;
    transform: scale(2);
  }

  to {
    opacity: 0;
    transform: scale(2);
  }
}