.critter-react-root,.critter-react-mount:not(#viewer-popup-root){display:contents}.critter-react-root [hidden],.critter-react-mount [hidden]{display:none!important}

@layer critter.priority1;

@layer critter.priority2 {
  .xln7xf2 {
    font: inherit;
  }

  .xe1uesq {
    grid-area: center;
  }

  .x16vk2yj {
    grid-area: end;
  }

  .x1g6xpoa {
    grid-area: left;
  }

  .x1hbhc2n {
    grid-area: right;
  }

  .x1vqx2ld {
    grid-area: start;
  }

  .x10a8y8t {
    inset: 0;
  }

  .xkdpibf {
    margin: -1px;
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x1717udv {
    padding: 0;
  }

  .x1i3ajwb {
    padding: 2px;
  }

  .x1r0l2b2 {
    padding: var(--x1k85s2h) var(--x7p58px);
  }

  .xrxqslw {
    padding: var(--x1k85s2h);
  }

  .x19byq2a {
    padding: var(--x1wksype) var(--x7p58px) var(--x1kirgbe);
  }

  .x1axwh9e {
    padding: var(--x1wksype);
  }

  .x1ke8ia0 {
    padding: var(--x7p58px) var(--x7p58px);
  }
}

@layer critter.priority3 {
  .x1io3bm2 {
    border-color: var(--border);
  }

  .xnkt5dr {
    border-color: var(--text-muted);
  }

  .xrfpvhf {
    border-color: var(--x1b1yzwh);
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .x1pjcqnp {
    border-radius: inherit;
  }

  .x9ghnlk {
    border-radius: var(--x1qh2k7s);
  }

  .x1d62ou3 {
    border-radius: var(--x1qnppu8);
  }

  .xl9xlb5 {
    border-radius: var(--xuvzf5i);
  }

  .x4xv43d {
    border-radius: var(--xv1qr5u);
  }

  .x1x64sdw {
    border-radius: var(--xzazcwp);
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .x1p0w67e {
    border-width: 1.25px;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x8qh810 {
    flex: 0 0 6px;
  }

  .xkz0k9k {
    flex: 0 auto;
  }

  .x12lumcd {
    flex: auto;
  }

  .x98rzlu {
    flex: 1;
  }

  .xxhr3t {
    gap: 0;
  }

  .x195vfkc {
    gap: 2px;
  }

  .x1edls4g {
    gap: calc(var(--x1k85s2h) / 2);
  }

  .xh73bqx {
    gap: var(--x1k85s2h);
  }

  .xy555gp {
    gap: var(--x1wksype);
  }

  .x1c7tssp {
    gap: var(--x7p58px);
  }

  .x1osaytk {
    grid-column: 1 / -1;
  }

  .x1ms6mhf {
    grid-row: 1;
  }

  .xm801jo {
    grid-template-areas: "start center end";
  }

  .xh74uod {
    grid-template-areas: "start end"
                         "left right";
  }

  .x1xi5ybc {
    grid-template-areas: "start end";
  }

  .xe8uvvx {
    list-style: none;
  }

  .x1nd3289 {
    margin-block: -2px;
  }

  .x10im51j {
    margin-block: 0;
  }

  .x1usmgyl {
    margin-block: calc(0px - var(--x1k85s2h) / 2);
  }

  .xn8vwc2 {
    margin-block: var(--x1k85s2h);
  }

  .xrxpjvj {
    margin-inline: 0;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xabc7sb {
    margin-inline: calc(0px - var(--x1k85s2h));
  }

  .x1a2a7pz {
    outline: none;
  }

  .xysyzu8 {
    overflow: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xt970qd {
    padding-block: 0;
  }

  .xj8oexa {
    padding-block: 2px;
  }

  .x1kv8xr9 {
    padding-block: var(--x1k85s2h);
  }

  .x1j1dhuo {
    padding-block: var(--x1wksype);
  }

  .x145xad3 {
    padding-block: var(--x7p58px);
  }

  .xnjsko4 {
    padding-inline: 0;
  }

  .x1t7at4w {
    padding-inline: calc(var(--x1wksype) + 16px + var(--x7p58px));
  }

  .xs2v4s8 {
    padding-inline: calc(var(--x7p58px) + var(--x1wksype) - var(--x1k85s2h));
  }

  .xzrefo5 {
    padding-inline: var(--x1k85s2h);
  }

  .x3ln6fm {
    padding-inline: var(--x1wksype);
  }

  .x1jxijc6 {
    padding-inline: var(--x7p58px);
  }

  .x2yc8no {
    padding-inline: var(--xhr00d5);
  }

  .xm5fa30:focus-within {
    border-color: var(--text-muted);
  }

  .xwuj0db:focus-visible {
    outline: 2px solid var(--bg);
  }

  .xscoccz:focus-visible {
    outline: 2px solid var(--focus-ring);
  }

  @media (width <= 520px) {
    .xf405z0.xf405z0 {
      border-radius: 0;
    }

    .x19yuu9w.x19yuu9w {
      grid-template-areas: "start center end";
    }

    .xcgkqw4.xcgkqw4 {
      padding-inline: 0;
    }
  }
}

@layer critter.priority4 {
  .x1pha0wt {
    align-items: baseline;
  }

  .x6s0dn4 {
    align-items: center;
  }

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

  .x7a106z {
    align-items: start;
  }

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

  .xemfg65 {
    animation-duration: .8s;
  }

  .xtvw5ks {
    animation-duration: var(--dur-hover);
  }

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

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

  .xpedhrg {
    animation-name: x1fy8ia8-B;
  }

  .x6h5zuq {
    animation-name: x9wyirk-B;
  }

  .x1debuo4 {
    animation-timing-function: ease;
  }

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

  .x13e7jni {
    backdrop-filter: blur(20px) saturate(180%);
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x1eieebl {
    background-color: var(--bg);
  }

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

  .xf5srot {
    background-color: var(--fill-selected);
  }

  .xfape1v {
    background-color: var(--fill-subtle);
  }

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

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

  .x15k62pf {
    background-color: var(--text);
  }

  .x9xwd2i {
    background-color: var(--x13xfcro);
  }

  .x296nx2 {
    background-color: var(--xbmx203);
  }

  .xt02sfg {
    background-color: var(--xcbp62u);
  }

  .x14w22ff {
    background-color: var(--xji9cak);
  }

  .x6kexsd {
    background-color: var(--xn00cvq);
  }

  .x8ncd3c {
    background-image: linear-gradient(180deg,var(--bg) 0%,var(--surface-raised) 100%);
  }

  .xzuukaa {
    box-shadow: 0 0 0 2px var(--focus-ring);
  }

  .x1m0q6we {
    box-shadow: inset -1px 0 0 var(--border);
  }

  .x16jardm {
    box-shadow: inset 0 -1px 0 var(--border);
  }

  .x1a53hc5 {
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--text) 16%,transparent);
  }

  .xb94kas {
    box-shadow: inset 0 0 0 1px var(--border),var(--x1m9y81d);
  }

  .xz0tqom {
    box-shadow: inset 0 0 0 1px var(--border),var(--x3jqeaf);
  }

  .xtlvplj {
    box-shadow: inset 0 0 0 1px var(--border);
  }

  .x1qppcf {
    box-shadow: inset 0 1px 0 var(--border),inset 1px 0 0 var(--border);
  }

  .xc6iwpy {
    box-shadow: inset 0 1px 0 var(--border);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

  .x1gbrt24 {
    box-shadow: var(--x1m9y81d);
  }

  .x1k8i93t {
    box-shadow: var(--xu9w80z);
  }

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

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

  .xzpqnlu {
    clip: rect(0,0,0,0);
  }

  .x1heor9g {
    color: inherit;
  }

  .xzqs5q6 {
    color: var(--bg);
  }

  .xraqfvc {
    color: var(--text-muted);
  }

  .x1aj07ft {
    color: var(--text);
  }

  .xcrod26 {
    color: var(--x1fwbzmm);
  }

  .x18pmofd {
    color: var(--x1mjp6r5);
  }

  .x1mqtzff {
    color: var(--x1tjci4h);
  }

  .xkxmo50 {
    color: var(--xdirhz2);
  }

  .x99c085 {
    color: var(--xdyf4eq);
  }

  .xpgafg9 {
    color: var(--xmzrp1b);
  }

  .xiduzbw {
    color: var(--xqo2hzq);
  }

  .x1o1pmfc {
    column-gap: 0;
  }

  .xqmu3hc {
    column-gap: var(--x7p58px);
  }

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

  .xt0e3qv {
    cursor: default;
  }

  .x1h6gzvc {
    cursor: not-allowed;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1ed109x {
    cursor: text;
  }

  .xky4qsq {
    cursor: wait;
  }

  .x1lliihq {
    display: block;
  }

  .xjp7ctv {
    display: contents;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1rg5ohu {
    display: inline-block;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xt0psk2 {
    display: inline;
  }

  .x1s85apg {
    display: none;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xs83m0k {
    flex-shrink: 1;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xz2ygqm {
    font-family: var(--x1e68s9b);
  }

  .x97o8iz {
    font-family: var(--xju9dy9);
  }

  .xmgxkrj {
    font-family: var(--xwwugq3);
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

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

  .xo1l8bm {
    font-weight: 400;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x1vm3ptc {
    grid-template-columns: 16px minmax(0, 1fr) 112px;
  }

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

  .x1qim6d {
    grid-template-columns: minmax(max-content, 1fr) minmax(0, 560px) minmax(max-content, 1fr);
  }

  .x17gnjya {
    grid-template-columns: minmax(max-content, 1fr) minmax(0, 800px) minmax(max-content, 1fr);
  }

  .xc8icb0 {
    isolation: isolate;
  }

  .xl56j7k {
    justify-content: center;
  }

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

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

  .x7v7x1q {
    justify-self: center;
  }

  .x1dgsrnt {
    letter-spacing: .06em;
  }

  .x1wfe3co {
    line-height: 12px;
  }

  .x1d3mw78 {
    line-height: 16px;
  }

  .xd4r4e8 {
    line-height: 18px;
  }

  .x1fc57z9 {
    line-height: 20px;
  }

  .x1fi77bs {
    -webkit-mask-image: linear-gradient(to left, #0000, #000 32px);
    mask-image: linear-gradient(to left, #0000, #000 32px);
  }

  .x1eep6ok {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 32px calc(100% - 32px), #0000);
    mask-image: linear-gradient(to right, #0000, #000 32px calc(100% - 32px), #0000);
  }

  .xmuv6z5 {
    -webkit-mask-image: linear-gradient(to right, #0000, #000 32px);
    mask-image: linear-gradient(to right, #0000, #000 32px);
  }

  .xti2d7y {
    opacity: .4;
  }

  .xyd83as {
    opacity: .45;
  }

  .x1ks1olk {
    opacity: .7;
  }

  .xg01cxk {
    opacity: 0;
  }

  .x1hc1fzr {
    opacity: 1;
  }

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

  .x1y3gkto {
    outline-offset: 1px;
  }

  .x1hl8ikr {
    outline-offset: 2px;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

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

  .x67bb7w {
    pointer-events: auto;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x1uhb9sk {
    position: static;
  }

  .xtt52l0 {
    resize: none;
  }

  .x1rohswg {
    scrollbar-width: none;
  }

  .x1597r2g {
    scrollbar-width: thin;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1rcjvs {
    -webkit-text-decoration-color: var(--border);
    text-decoration-color: var(--border);
  }

  .xkrqix3 {
    text-decoration-line: none;
  }

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xrys4gj {
    text-underline-offset: 2px;
  }

  .x1dp6rp6 {
    transform-origin: top;
  }

  .x1c071of {
    transform: none;
  }

  .x9tu13d {
    transform: rotate(-90deg);
  }

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

  .x1ss2wzn {
    transform: translateX(-50%) translateY(-12px) scale(.98);
  }

  .xu4s22d {
    transform: translateX(-50%) translateY(0) scale(1);
  }

  .xuuh30 {
    transform: translateX(-50%);
  }

  .xhco33r {
    transform: translateX(10px);
  }

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

  .x1yp9ruw {
    transition-delay: var(--delay-intent),var(--delay-intent),var(--delay-intent),calc(var(--delay-intent) + 50ms);
  }

  .xuyv18b {
    transition-delay: var(--delay-intent);
  }

  .x1mq3mr6 {
    transition-duration: 0s;
  }

  .xizlx7x {
    transition-duration: var(--dur-hover);
  }

  .x1rmc9q1 {
    transition-duration: var(--dur-reveal),var(--dur-reveal),var(--dur-reveal),var(--dur-hover);
  }

  .xfjkwu1 {
    transition-duration: var(--dur-reveal);
  }

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

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

  .xbc3ezo {
    transition-property: max-height, opacity, padding;
  }

  .xdxy6v5 {
    transition-property: max-width, margin-left, padding-right, opacity;
  }

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

  .x19991ni {
    transition-property: opacity;
  }

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

  .x11xpdln {
    transition-property: transform;
  }

  .xq53rea {
    transition-timing-function: var(--ease-reveal);
  }

  .x3ajldb {
    vertical-align: bottom;
  }

  .xxymvpz {
    vertical-align: middle;
  }

  .xeaf4i8 {
    white-space: normal;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

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

  .x13faqbe {
    word-break: break-word;
  }

  .x1vjfegm {
    z-index: 1;
  }

  .xhtitgo {
    z-index: 2;
  }

  .xoegz02 {
    z-index: 4;
  }

  .xj5f2s9 {
    z-index: 5;
  }

  .x1d7n40l {
    z-index: 6;
  }

  .x185bky9 {
    z-index: 20;
  }

  .xvq16ac {
    z-index: 6;
  }

  .x1qpoqqh {
    z-index: 10;
  }

  .xmlvn4m {
    z-index: 7;
  }

  .x1euntei:focus-within {
    opacity: 1;
  }

  .x11ukvul:active:not(:disabled):not([aria-disabled="true"]) {
    transform: scale(var(--press-scale));
  }

  .x1oqui1x:disabled {
    background-color: #0000;
  }

  .xfa70r8:disabled {
    background-color: var(--text);
  }

  .x11l2l1y:disabled {
    color: var(--bg);
  }

  .x1txm7m:disabled {
    color: var(--text-muted);
  }

  .x12o7nxz:disabled {
    color: var(--text);
  }

  .xtgyt42:disabled {
    cursor: default;
  }

  .xjb0foi:disabled {
    cursor: wait;
  }

  .x1lfpgzf:disabled {
    opacity: .4;
  }

  .x1fzehxr:disabled {
    opacity: 1;
  }

  .x1wrp99p:hover {
    background-color: color-mix(in srgb,var(--bg) 18%,transparent);
  }

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

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

  .xcaippa:hover {
    background-color: var(--fill-selected);
  }

  .xer7epq:hover {
    background-color: var(--fill-subtle);
  }

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

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

  .x10igzuz:hover {
    color: var(--bg);
  }

  .x1u40oq4:hover {
    color: var(--text-muted);
  }

  .x1ft2rvj:hover {
    color: var(--text);
  }

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

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

  .x1pdlv7q:active {
    transform: none;
  }

  .xmq82jv:active {
    transform: scale(var(--press-scale));
  }

  @media (prefers-reduced-motion: reduce) {
    .x8rromp.x8rromp {
      animation-duration: 1.6s;
    }

    .x1aquc0h.x1aquc0h {
      animation-name: none;
    }
  }

  @media (width <= 520px) {
    .xmbt8nq.xmbt8nq {
      animation-name: x1bzi508-B;
    }

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

  @media (hover: none) {
    .xgsbacl.xgsbacl {
      display: inline-flex;
    }
  }

  @media (width <= 520px) {
    .x1iqanyw.x1iqanyw {
      display: none;
    }

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

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

  @media (hover: none) {
    .xqzx146.xqzx146 {
      opacity: 1;
    }
  }

  @media (width <= 520px) {
    .xd5y4qy.xd5y4qy {
      transform: none;
    }
  }

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

  @media (width <= 520px) {
    .x100c4jw.x100c4jw {
      transform: translateY(-8px);
    }

    .xq0em7i.xq0em7i {
      transform: translateY(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .x12w9bfk.x12w9bfk {
      transition-duration: 0s;
    }
  }

  @container (width <= 540px) {
    .xf9uoei.xf9uoei {
      display: none;
    }
  }
}

@layer critter.priority5 {
  .x1b4hy2t {
    border-top-color: currentColor;
  }

  .x1093z7i {
    bottom: var(--x1wksype);
  }

  .x5yr21d {
    height: 100%;
  }

  .x170jfvy {
    height: 10px;
  }

  .x1kpxq89 {
    height: 12px;
  }

  .x1v9usgg {
    height: 14px;
  }

  .xlup9mm {
    height: 16px;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1fgtraw {
    height: 28px;
  }

  .xols6we {
    height: 6px;
  }

  .x1cqp8h6 {
    height: calc(var(--x879qeh) - var(--x1k85s2h));
  }

  .xgl6bnu {
    height: min(600px,calc(100dvh - var(--history-bar-height, 40px) - var(--xsarltu)));
  }

  .xo6odvi {
    height: var(--x10cuol4);
  }

  .x13v73ea {
    height: var(--x879qeh);
  }

  .x1csdq8v {
    height: var(--xxb3z5c);
  }

  .x54rlcq {
    left: 2px;
  }

  .x1nrll8i {
    left: 50%;
  }

  .x19zmbe0 {
    left: calc(50% + -1 * clamp(0px, 50vw - 296px, 25vw));
  }

  .x56mvkm {
    left: calc(50% + clamp(0px, 50vw - 296px, 25vw));
  }

  .xat24cr {
    margin-bottom: 0;
  }

  .x76g9vj {
    margin-bottom: calc(0px - var(--x7p58px));
  }

  .xj3b58b {
    margin-left: 0;
  }

  .xque5nx {
    margin-left: calc(-1 * var(--x1k85s2h));
  }

  .xwbi7iq {
    margin-left: calc(0px - var(--x1wksype));
  }

  .xk76p35 {
    margin-left: calc(var(--x1wksype) + 16px + var(--x7p58px));
  }

  .xh731uo {
    margin-left: var(--x7p58px);
  }

  .x1mx5dev {
    margin-right: calc(0px - var(--x1wksype));
  }

  .xjizilf {
    margin-right: var(--x1k85s2h);
  }

  .xgurip0 {
    margin-top: calc(0px - var(--x1k85s2h));
  }

  .xwllxhl {
    margin-top: calc(var(--x1k85s2h) / 2);
  }

  .x14e93lp {
    margin-top: var(--x7p58px);
  }

  .xo0sii1 {
    margin-top: var(--xhr00d5);
  }

  .xnjgh8c {
    max-height: 0;
  }

  .x1vjc26l {
    max-height: 224px;
  }

  .xnv6ytw {
    max-height: var(--x10cuol4);
  }

  .x1m189uc {
    max-width: 0;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x1fwz4qh {
    max-width: 12ch;
  }

  .x1nfqsgq {
    max-width: 16em;
  }

  .x16em4ew {
    max-width: 240px;
  }

  .x6c02ge {
    max-width: 464px;
  }

  .xmcgfsh {
    max-width: 60px;
  }

  .x1uwl94p {
    max-width: calc(100% - var(--x19d3q2f));
  }

  .x2lwn1j {
    min-height: 0;
  }

  .xbktkl8 {
    min-height: 56px;
  }

  .x1qafhyn {
    min-height: 72px;
  }

  .x10bttok {
    min-height: calc(var(--xxb3z5c) + 2 * var(--x7p58px));
  }

  .xsbk7hl {
    min-height: var(--x10cuol4);
  }

  .xvf1t31 {
    min-height: var(--x48ihwf);
  }

  .x16mw6zj {
    min-height: var(--x879qeh);
  }

  .x1owj7ia {
    min-height: var(--xxb3z5c);
  }

  .xeuugli {
    min-width: 0;
  }

  .x1nb6za0 {
    min-width: 44px;
  }

  .x195zi4t {
    min-width: calc(2 * var(--x7p58px) + 14px);
  }

  .x1u1s0ia {
    min-width: var(--xxb3z5c);
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x6ikm8r {
    overflow-x: hidden;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .x10wlt62 {
    overflow-y: hidden;
  }

  .x18d9i69 {
    padding-bottom: 0;
  }

  .x1t6c17b {
    padding-bottom: var(--x7p58px);
  }

  .xump7du {
    padding-bottom: var(--xhr00d5);
  }

  .x1y2abcp {
    padding-left: var(--x1k85s2h);
  }

  .x1c1haxu {
    padding-left: var(--x1wksype);
  }

  .x1xpa7k {
    padding-right: 0;
  }

  .x1y8g9qs {
    padding-right: var(--x1k85s2h);
  }

  .x1uilrcp {
    padding-right: var(--x7p58px);
  }

  .xgiubj5 {
    padding-right: var(--xhr00d5);
  }

  .xs6ct5b {
    padding-top: var(--xhr00d5);
  }

  .xdlvodw {
    right: var(--x7p58px);
  }

  .xs7f9wi {
    top: 2px;
  }

  .xwa60dl {
    top: 50%;
  }

  .x1p4pctb {
    top: calc(45% - 20px);
  }

  .xg9ne3s {
    top: calc(var(--history-bar-height, 40px) + var(--x7p58px));
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1fsd2vl {
    width: 10px;
  }

  .xj35x94 {
    width: 112px;
  }

  .xygnafs {
    width: 120px;
  }

  .xsmyaan {
    width: 12px;
  }

  .x6jxa94 {
    width: 14px;
  }

  .x1kky2od {
    width: 16px;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .x16grhtn {
    width: 220px;
  }

  .xvy4d1p {
    width: 24px;
  }

  .x1dz1jew {
    width: 280px;
  }

  .x1v4s8kt {
    width: 6px;
  }

  .x1fb5vdt {
    width: calc(100% + var(--x7p58px));
  }

  .x17n4hkq {
    width: min(560px,calc(100% - var(--x19d3q2f)));
  }

  .x1dh7f0k {
    width: min(560px,calc(100vw - var(--x19d3q2f)));
  }

  .xcpxupp {
    width: var(--x10cuol4);
  }

  .x1gk8b9f {
    width: var(--x879qeh);
  }

  .xz5wfhp {
    width: var(--xxb3z5c);
  }

  @media (width <= 520px) {
    .x1xbzn5h.x1xbzn5h {
      bottom: 0;
    }

    .x9u71jy.x9u71jy {
      height: auto;
    }

    .xptgloj.xptgloj {
      height: var(--x10cuol4);
    }

    .x1hctt50.x1hctt50 {
      height: var(--xxb3z5c);
    }

    .xp4tpn9.xp4tpn9 {
      left: 0;
    }

    .x115k6ne.x115k6ne {
      left: calc(var(--xhr00d5) + env(safe-area-inset-left, 0px));
    }
  }

  @media (hover: none) {
    .x1y3zqih.x1y3zqih {
      margin-left: var(--x7p58px);
    }

    .x1cobubm.x1cobubm {
      max-width: 60px;
    }
  }

  @media (width <= 520px) {
    .xnkkbfa.xnkkbfa {
      max-width: none;
    }

    .x1yy3fe.x1yy3fe {
      padding-bottom: calc(var(--x48ihwf) + env(safe-area-inset-bottom, 0px));
    }
  }

  @media (hover: none) {
    .x97etq1.x97etq1 {
      padding-right: var(--x1k85s2h);
    }
  }

  @media (width <= 520px) {
    .x1m4lkcr.x1m4lkcr {
      right: 0;
    }

    .x1n9uvvt.x1n9uvvt {
      right: calc(var(--xhr00d5) + env(safe-area-inset-right, 0px));
    }

    .x1sj04b.x1sj04b {
      top: calc(42% - 20px);
    }

    .xith87g.xith87g {
      top: var(--history-bar-height, 48px);
    }

    .x1eg3lfn.x1eg3lfn {
      width: 100vw;
    }

    .xpyhspd.xpyhspd {
      width: auto;
    }

    .xf8w03.xf8w03 {
      width: var(--x10cuol4);
    }

    .xtx3tfm.xtx3tfm {
      width: var(--xxb3z5c);
    }
  }

  @container (width <= 540px) {
    .xry45am.xry45am {
      padding-left: var(--x7p58px);
    }
  }
}

@layer critter.priority6 {
  .x1jqz2z[aria-disabled="true"] {
    background-color: #0000;
  }

  .x10j8r5l[data-highlighted] {
    background-color: var(--fill-hover);
  }

  .xg2dncw[data-checked] {
    background-color: var(--fill-selected);
  }

  .xoqg81d[aria-disabled="true"] {
    background-color: var(--text);
  }

  .xmsb9oq[aria-disabled="true"] {
    color: var(--bg);
  }

  .x13diddr[aria-disabled="true"] {
    color: var(--text-muted);
  }

  .xde4cz8[aria-disabled="true"] {
    color: var(--text);
  }

  .x13lf898[aria-disabled="true"] {
    cursor: default;
  }

  .xo4mfuj[aria-disabled="true"] {
    cursor: wait;
  }

  .x10vcds2:before {
    inset: calc(0px - var(--x1k85s2h));
  }

  .x166730x[aria-disabled="true"] {
    opacity: .4;
  }

  .x1g39uzs[aria-disabled="true"] {
    opacity: 1;
  }
}

@layer critter.priority7 {
  .x1cudxkk::placeholder {
    color: var(--text-muted);
  }

  .x1cpjm7i:before {
    content: "";
  }

  .xfk6m8::-webkit-scrollbar {
    display: none;
  }

  .x1hmns74:before {
    position: absolute;
  }
}

@layer critter.priority8 {
  .xutniyc:before {
    bottom: calc(0px - var(--x1k85s2h));
  }

  .x1wlytlt:before {
    left: 0;
  }

  .xb0dqd5:before {
    right: 0;
  }

  .x1w9xggg:before {
    top: calc(0px - var(--x1k85s2h));
  }
}

@keyframes x9wyirk-B {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes x1bzi508-B {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes x1fy8ia8-B {
  to {
    transform: rotate(360deg);
  }
}

:root, .xhrh20z {
  --bg: #fafaf9;
  --surface: #fff;
  --surface-raised: #f4f3f1;
  --border: #e5e3df;
  --text: #1a1a1a;
  --text-muted: #6b6966;
  --fill-subtle: #0000000a;
  --fill-hover: #0000000f;
  --fill-selected: #00000017;
  --focus-ring: #1a1a1a;
  --popover: #fffffff5;
  --x19sne9n: #2563eb;
  --xqo2hzq: #1d4ed8;
  --xn00cvq: #2563eb1f;
  --xvxt63n: #16a34a;
  --xmzrp1b: #15803d;
  --xcbp62u: #16a34a1f;
  --xji9cak: #dc2626;
  --xdirhz2: #b91c1c;
  --x13xfcro: #dc26261a;
  --xbmx203: #111;
  --x1mjp6r5: #e7e7e7;
  --x1b1yzwh: #ffffff1a;
  --x1yi5i9e: #9a9a9a;
  --x1tjci4h: #fff;
  --x1fwbzmm: #f5c451;
  --xdyf4eq: #ff8a80;
}

:root, .xr16bgj {
  --dur-hover: .15s;
  --dur-reveal: .2s;
  --ease-reveal: cubic-bezier(.2, 0, 0, 1);
  --delay-intent: .12s;
  --press-scale: .98;
}

:root, .x8qb3jw {
  --x16ifydv: 2px;
  --x1qh2k7s: 4px;
  --xuvzf5i: 6px;
  --xv1qr5u: 10px;
  --x1qnppu8: 14px;
  --xzazcwp: 999px;
}

:root, .x1ofultt {
  --x1e68s9b: Inter, sans-serif;
  --xju9dy9: Pixelify Sans, Inter, sans-serif;
  --xwwugq3: SF Mono, Fira Code, ui-monospace, monospace;
}

:root, .x16mu4jy {
  --x1k85s2h: 4px;
  --x7p58px: 8px;
  --x1wksype: 12px;
  --xhr00d5: 16px;
  --x1kirgbe: 20px;
  --xsarltu: 24px;
  --x19d3q2f: 32px;
  --xft3gkz: 40px;
  --x48ihwf: 48px;
}

:root, .xsrz0sl {
  --x879qeh: 24px;
  --x10cuol4: 32px;
  --xxb3z5c: 40px;
}

:root, .x4cx14b {
  --xu9w80z: 0 1px 2px #1a1a1a1a, 0 0 0 .5px #1a1a1a0f;
  --x1m9y81d: 0 8px 24px #1a1a1a1f;
  --x3jqeaf: 0 16px 40px #1a1a1a24, 0 2px 8px #1a1a1a0a;
}