@layer reset{button{font:inherit}a{color:inherit}}@layer base{@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-display:swap;font-family:JetBrains Mono Variable;font-style:normal;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations")}:root{--focus-outline-color:var(--cove-focus);--focus-outline-offset:-1px;--focus-outline-style:solid;--focus-outline-width:1px;background-color:var(--cove-bg-base);color:var(--cove-label-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji}body{min-height:100dvh;margin:0;overflow:auto}a{cursor:pointer}:where(:focus-visible){outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}::placeholder{color:var(--cove-label-muted);opacity:1}input:focus::selection{background-color:var(--cove-selection-bg)}textarea:focus::selection{background-color:var(--cove-selection-bg)}[contenteditable=true]:focus::selection{background-color:var(--cove-selection-bg)}[contenteditable=true]:focus ::selection{background-color:var(--cove-selection-bg)}*{scrollbar-color:var(--cove-scrollbar-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--cove-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--cove-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--cove-scrollbar-thumb-active)}[data-content-body] p,input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}}

@layer reset, base, stylex.priority1;

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

  .x1ghz6dp {
    margin: 0;
  }

  .x1717udv {
    padding: 0;
  }

  .xc7ga6q {
    padding: 12px;
  }

  .xggk2y7 {
    padding: 24px;
  }

  .x15fnm84 {
    padding: 32px;
  }

  .xe8ttls {
    padding: 8px;
  }
}

@layer stylex.priority3 {
  .x9r1u3d {
    border-color: #0000;
  }

  .x1i5sop7 {
    border-color: var(--cove-border-base);
  }

  .x1m24joq {
    border-color: var(--cove-border-strong);
  }

  .x53nn7g {
    border-radius: 27.7778%;
  }

  .x1pjcqnp {
    border-radius: inherit;
  }

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

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

  .x1onwliv {
    border-radius: var(--cove-surface-radius);
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .x1ino28v {
    border-width: var(--cove-border-width-hairline);
  }

  .x98rzlu {
    flex: 1;
  }

  .x1okw0bk {
    flex: none;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .xou54vl {
    gap: 16px;
  }

  .x1c1vhfx {
    gap: 20px;
  }

  .x1jnr06f {
    gap: 4px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xe8uvvx {
    list-style: none;
  }

  .x10im51j {
    margin-block: 0;
  }

  .x1twdi5u {
    margin-block: 12px;
  }

  .xqrhvso {
    margin-block: 24px;
  }

  .xg9jes1 {
    margin-block: 4px;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xysyzu8 {
    overflow: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x8du1vd {
    overscroll-behavior: none;
  }

  .xt970qd {
    padding-block: 0;
  }

  .x10dr8xq {
    padding-block: 12px;
  }

  .xaope02 {
    padding-inline: 12px;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }
}

@layer stylex.priority4 {
  .x6s0dn4 {
    align-items: center;
  }

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

  .x7t6ubo {
    animation-duration: 3s;
  }

  .xn3x69c {
    animation-name: x14gdjav-B;
  }

  .xa3vuyk {
    animation-timing-function: ease-out;
  }

  .xjyslct {
    appearance: none;
  }

  .xnzol3a {
    background-color: var(--cove-bg-base);
  }

  .x16xtvb8 {
    background-color: var(--cove-bg-modal-overlay);
  }

  .x16axmib {
    background-color: var(--cove-bg-selected);
  }

  .x1mvkx2n {
    background-color: var(--cove-bg-shade);
  }

  .xlnh7s9 {
    background-color: var(--cove-control-secondary);
  }

  .x631rn2 {
    background-color: var(--cove-danger-base);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

  .x1ymxl52 {
    box-shadow: var(--cove-shadow-control);
  }

  .xd6p1me {
    box-shadow: var(--cove-shadow-modal);
  }

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

  .x1heor9g {
    color: inherit;
  }

  .x1094g55 {
    color: var(--cove-control-secondary-label);
  }

  .x648u9r {
    color: var(--cove-danger-foreground);
  }

  .x1nr1s7w {
    color: var(--cove-danger-text);
  }

  .x77iyxd {
    color: var(--cove-label-base);
  }

  .xl79w6o {
    color: var(--cove-label-link);
  }

  .xm3rqfj {
    color: var(--cove-label-muted);
  }

  .x11tqpxi {
    color: var(--cove-label-title);
  }

  .xt0e3qv {
    cursor: default;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .x1s85apg {
    display: none;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .xjb2p0i {
    font-family: inherit;
  }

  .x1603h9y {
    font-size: 1.25rem;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .xwsyq91 {
    font-size: 20px;
  }

  .xbg4muh {
    font-size: var(--cove-font-size-body);
  }

  .x1uk50fm {
    font-size: var(--cove-font-size-heading);
  }

  .x1s688f {
    font-weight: 600;
  }

  .x4vnw7w {
    font-weight: var(--cove-font-weight-body);
  }

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

  .xc0p9mt {
    font-weight: var(--cove-font-weight-strong);
  }

  .xbudbmw {
    inset-inline-start: 50%;
  }

  .xl56j7k {
    justify-content: center;
  }

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

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

  .x1lqcxt8 {
    justify-self: start;
  }

  .x1qoy3rc {
    line-height: 23px;
  }

  .xggjnk3 {
    line-height: normal;
  }

  .xl1xv1r {
    object-fit: cover;
  }

  .x1hc1fzr {
    opacity: 1;
  }

  .x1uczgqu {
    outline-color: #0000;
  }

  .xj0ejr0 {
    outline-color: var(--cove-image-outline);
  }

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

  .x2wh2y9 {
    outline-offset: 4px;
  }

  .x1t137rt {
    outline-style: none;
  }

  .xaatb59 {
    outline-style: solid;
  }

  .x1k57tk5 {
    outline-width: 0;
  }

  .x1qgsegg {
    outline-width: 1px;
  }

  .x1de99jn {
    outline-width: 2px;
  }

  .xixxii4 {
    position: fixed;
  }

  .x2b8uid {
    text-align: center;
  }

  .xn80e1m {
    text-transform: capitalize;
  }

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

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

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

  .xwji4o3 {
    transition-timing-function: ease;
  }

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

  .xuxw1ft {
    white-space: nowrap;
  }

  .xf5e64p {
    z-index: 40;
  }

  .x1b4dqds {
    z-index: 41;
  }

  .x6ubgv2:focus-visible {
    outline-color: var(--cove-danger-base);
  }

  .xwxyrkt:focus-visible {
    outline-color: var(--cove-focus);
  }

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

  .x9v5kkp:focus-visible {
    outline-style: solid;
  }

  .x4xl6zf:focus-visible {
    outline-width: 1px;
  }

  .xfqoyci:disabled {
    opacity: .6;
  }

  .x1byr920:hover {
    background-color: var(--cove-control-secondary-hover);
  }

  .x1men5qs:active {
    background-color: var(--cove-control-secondary-selected);
  }
}

@layer stylex.priority5 {
  .x5yr21d {
    height: 100%;
  }

  .x1qx5ct2 {
    height: 20px;
  }

  .x10w6t97 {
    height: 32px;
  }

  .xc9qbxq {
    height: 36px;
  }

  .x1vqgdyp {
    height: 40px;
  }

  .x1peatla {
    height: 64px;
  }

  .x16ye13r {
    height: var(--x-height);
  }

  .xat24cr {
    margin-bottom: 0;
  }

  .xod5an3 {
    margin-bottom: 12px;
  }

  .xzueoph {
    margin-bottom: 6px;
  }

  .xdj266r {
    margin-top: 0;
  }

  .xw7yly9 {
    margin-top: 16px;
  }

  .x1sy10c2 {
    margin-top: 20px;
  }

  .xg87l8a {
    margin-top: 32px;
  }

  .x12ajvvl {
    max-height: calc(100vh - 32px);
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x1j9u4d2 {
    max-width: 400px;
  }

  .x17fpy1y {
    max-width: 480px;
  }

  .x11gisft {
    max-width: 640px;
  }

  .xw7nakj {
    max-width: calc(100vw - 32px);
  }

  .x2lwn1j {
    min-height: 0;
  }

  .x1us19tq {
    min-height: 100%;
  }

  .xeuugli {
    min-width: 0;
  }

  .x5w4yej {
    min-width: 160px;
  }

  .x1u2d2a2 {
    min-width: 280px;
  }

  .x46jg8d {
    min-width: 32px;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .xwa60dl {
    top: 50%;
  }

  .xh8yej3 {
    width: 100%;
  }

  .xw4jnvo {
    width: 20px;
  }

  .x1m258z3 {
    width: 320px;
  }

  .x14qfxbe {
    width: 36px;
  }

  .x100vrsf {
    width: 40px;
  }

  .xht4xr3 {
    width: 480px;
  }

  .x1fu8urw {
    width: 64px;
  }
}

@property --x-height {
  syntax: "*";
  inherits: false
}

@property --cove-image-outline {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}

@property --cove-bg-modal-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000003f;
}

@property --cove-inline-code-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #00307a0c;
}

@property --cove-label-link {
  syntax: "<color>";
  inherits: true;
  initial-value: #0068dd;
}

@property --cove-info-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #007eff;
}

@property --cove-success-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #008e08;
}

@property --cove-label-title {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b1b1b;
}

@property --cove-control-secondary-label {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f2f31;
}

@property --cove-control-tertiary-label {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f2f31;
}

@property --cove-icon-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f2f31;
}

@property --cove-label-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #2f2f31;
}

@property --cove-control-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #436fc4;
}

@property --cove-success-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #43bc58;
}

@property --cove-control-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #527ed8;
}

@property --cove-focus {
  syntax: "<color>";
  inherits: true;
  initial-value: #527ed8;
}

@property --cove-selection-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #527ed866;
}

@property --cove-info-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #5cf;
}

@property --cove-icon-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #5b5c5e;
}

@property --cove-label-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #5b5c5e;
}

@property --cove-warning-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #947100;
}

@property --cove-icon-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: #9c9c9e;
}

@property --cove-label-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: #9c9c9e;
}

@property --cove-scrollbar-thumb-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #9c9c9e;
}

@property --cove-scrollbar-thumb {
  syntax: "<color>";
  inherits: true;
  initial-value: #9d9d9f;
}

@property --cove-scrollbar-thumb-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #9e9ea1;
}

@property --cove-border-selected {
  syntax: "<color>";
  inherits: true;
  initial-value: #ccced4;
}

@property --cove-border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #d2d2d2;
}

@property --cove-success-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: #d5ffd6;
}

@property --cove-info-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: #dbffff;
}

@property --cove-info-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #dfe5f4;
}

@property --cove-bg-sub-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #e0e0e1;
}

@property --cove-bg-selected-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #e0e2ee;
}

@property --cove-danger-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1243a;
}

@property --cove-border-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1e1e1;
}

@property --cove-border-thin {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1e1e1;
}

@property --cove-success-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #e1e6e2;
}

@property --cove-success-tint {
  syntax: "<color>";
  inherits: true;
  initial-value: #e3eee5;
}

@property --cove-info-tint {
  syntax: "<color>";
  inherits: true;
  initial-value: #e3f1ff;
}

@property --cove-bg-shade-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4e4e5;
}

@property --cove-bg-selected {
  syntax: "<color>";
  inherits: true;
  initial-value: #e5e8f4;
}

@property --cove-warning-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #e7e4e1;
}

@property --cove-bg-shade {
  syntax: "<color>";
  inherits: true;
  initial-value: #e9e9ea;
}

@property --cove-bg-focus {
  syntax: "<color>";
  inherits: true;
  initial-value: #eaeaeb;
}

@property --cove-bg-base-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #eeeeef;
}

@property --cove-bg-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: #eeeeef;
}

@property --cove-danger-background {
  syntax: "<color>";
  inherits: true;
  initial-value: #efe1e3;
}

@property --cove-warning-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0bf00;
}

@property --cove-control-secondary-selected {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f0f0;
}

@property --cove-control-tertiary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #f0f0f1;
}

@property --cove-border-faint {
  syntax: "<color>";
  inherits: true;
  initial-value: #f1f1f1;
}

@property --cove-danger-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #f34e52;
}

@property --cove-control-secondary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #f3f3f3;
}

@property --cove-chrome-tab-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #f6f6f7;
}

@property --cove-danger-tint {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7e3e4;
}

@property --cove-warning-tint {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7eee1;
}

@property --cove-bg-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8f8f9;
}

@property --cove-control-primary-label {
  syntax: "<color>";
  inherits: true;
  initial-value: #fcfeff;
}

@property --cove-chrome-tab-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #fdfdfe;
}

@property --cove-chrome-tab-bg-active {
  syntax: "<color>";
  inherits: true;
  initial-value: #fefeff;
}

@property --cove-control-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #fefeff;
}

@property --cove-control-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: #fefeff;
}

@property --cove-danger-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffe7de;
}

@property --cove-warning-foreground {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffaa6;
}

@property --cove-font-size-label {
  syntax: "<length>";
  inherits: true;
  initial-value: 12px;
}

@property --cove-surface-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 12px;
}

@property --cove-font-size-body {
  syntax: "<length>";
  inherits: true;
  initial-value: 13px;
}

@property --cove-icon-size-small {
  syntax: "<length>";
  inherits: true;
  initial-value: 14px;
}

@property --cove-font-size-heading {
  syntax: "<length>";
  inherits: true;
  initial-value: 15px;
}

@property --cove-icon-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 16px;
}

@property --cove-font-size-title {
  syntax: "<length>";
  inherits: true;
  initial-value: 18px;
}

@property --cove-control-height-compact {
  syntax: "<length>";
  inherits: true;
  initial-value: 28px;
}

@property --cove-control-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 30px;
}

@property --cove-menu-item-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 32px;
}

@property --cove-hit-target-minimum {
  syntax: "<length>";
  inherits: true;
  initial-value: 40px;
}

@property --cove-control-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}

@property --cove-radius-round {
  syntax: "<length>";
  inherits: true;
  initial-value: 9999px;
}

@property --cove-duration-fast {
  syntax: "<time>";
  inherits: true;
  initial-value: .1s;
}

@property --cove-duration-default {
  syntax: "<time>";
  inherits: true;
  initial-value: .25s;
}

@property --cove-duration-slow {
  syntax: "<time>";
  inherits: true;
  initial-value: .35s;
}

@keyframes x14gdjav-B {
  0%, 67% {
    outline-color: var(--cove-focus);
  }

  100% {
    outline-color: #0000;
  }
}

:root, .x15iirg {
  --cove-bg-base: #f8f8f9;
  --cove-bg-base-hover: #eeeeef;
  --cove-bg-focus: #eaeaeb;
  --cove-bg-modal-overlay: #0000003f;
  --cove-bg-selected: #e5e8f4;
  --cove-bg-selected-hover: #e0e2ee;
  --cove-bg-shade: #e9e9ea;
  --cove-bg-shade-hover: #e4e4e5;
  --cove-bg-sub: #eeeeef;
  --cove-bg-sub-hover: #e0e0e1;
  --cove-border-base: #e1e1e1;
  --cove-border-faint: #f1f1f1;
  --cove-border-selected: #ccced4;
  --cove-border-strong: #d2d2d2;
  --cove-border-thin: #e1e1e1;
  --cove-control-primary: #527ed8;
  --cove-control-primary-hover: #436fc4;
  --cove-control-primary-label: #fcfeff;
  --cove-control-secondary: #fefeff;
  --cove-control-secondary-hover: #f3f3f3;
  --cove-control-secondary-label: #2f2f31;
  --cove-control-secondary-selected: #f0f0f0;
  --cove-control-tertiary: #fefeff;
  --cove-control-tertiary-hover: #f0f0f1;
  --cove-control-tertiary-label: #2f2f31;
  --cove-chrome-tab-bg: #f6f6f7;
  --cove-chrome-tab-bg-active: #fefeff;
  --cove-chrome-tab-bg-hover: #fdfdfe;
  --cove-inline-code-bg: #00307a0c;
  --cove-focus: #527ed8;
  --cove-selection-bg: #527ed866;
  --cove-image-outline: #0000001a;
  --cove-icon-base: #2f2f31;
  --cove-icon-faint: #9c9c9e;
  --cove-icon-muted: #5b5c5e;
  --cove-label-base: #2f2f31;
  --cove-label-faint: #9c9c9e;
  --cove-label-link: #0068dd;
  --cove-label-muted: #5b5c5e;
  --cove-label-title: #1b1b1b;
  --cove-scrollbar-thumb: #9d9d9f;
  --cove-scrollbar-thumb-active: #9c9c9e;
  --cove-scrollbar-thumb-hover: #9e9ea1;
  --cove-danger-background: #efe1e3;
  --cove-danger-base: #f34e52;
  --cove-danger-foreground: #ffe7de;
  --cove-danger-text: #e1243a;
  --cove-danger-tint: #f7e3e4;
  --cove-info-background: #dfe5f4;
  --cove-info-base: #5cf;
  --cove-info-foreground: #dbffff;
  --cove-info-text: #007eff;
  --cove-info-tint: #e3f1ff;
  --cove-success-background: #e1e6e2;
  --cove-success-base: #43bc58;
  --cove-success-foreground: #d5ffd6;
  --cove-success-text: #008e08;
  --cove-success-tint: #e3eee5;
  --cove-warning-background: #e7e4e1;
  --cove-warning-base: #f0bf00;
  --cove-warning-foreground: #fffaa6;
  --cove-warning-text: #947100;
  --cove-warning-tint: #f7eee1;
}

:root, .x19j0cv5 {
  --cove-border-width-hairline: 1px;
  --cove-control-height: 30px;
  --cove-control-height-compact: 28px;
  --cove-control-radius: 8px;
  --cove-duration-default: .25s;
  --cove-duration-fast: .1s;
  --cove-duration-slow: .35s;
  --cove-font-family-mono: "JetBrains Mono Variable", "SFMono Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --cove-font-family-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --cove-font-size-body: 13px;
  --cove-font-size-caption: 11px;
  --cove-font-size-heading: 15px;
  --cove-font-size-label: 12px;
  --cove-font-size-title: 18px;
  --cove-font-weight-body: 450;
  --cove-font-weight-medium: 500;
  --cove-font-weight-mono: 450;
  --cove-font-weight-strong: 600;
  --cove-hit-target-minimum: 40px;
  --cove-icon-size: 16px;
  --cove-icon-size-small: 14px;
  --cove-menu-item-height: 32px;
  --cove-motion-easing: cubic-bezier(.2, 0, 0, 1);
  --cove-radius-round: 9999px;
  --cove-surface-radius: 12px;
}

:root, .x8hsiju {
  --cove-shadow-control: 0px 3px 6px -2px #00000005, 0px 1px 1px #0000000a;
  --cove-shadow-control-hover: 0px 3px 6px -2px #00000005, 0px 1px 1px #0000000a;
  --cove-shadow-floating: 0px 3px 6px -2px #00000005, 0px 1px 1px #0000000a;
  --cove-shadow-menu: 0 6px 18px #00000005, 0 3px 9px #0000000a, 0 1px 1px #0000000a;
  --cove-shadow-modal: 0 9px 48px #00000014, 0 6px 24px #0000001a, 0 1px 1px #0000000a;
  --cove-shadow-surface: 0px 3px 6px -2px #00000005, 0px 1px 1px #0000000a;
  --cove-shadow-tooltip: 0px 3px 6px -2px #00000005, 0px 1px 1px #0000000a;
}

@media (resolution >= 2x) {
  :root, .x19j0cv5 {
    --cove-border-width-hairline: .5px;
  }
}

@media not all and (resolution >= 2x) {
  :root, .x19j0cv5 {
    --cove-font-size-caption: 11px;
  }
}

@supports (font: -apple-system-body) {
  :root, .x19j0cv5 {
    --cove-font-weight-mono: 400;
  }
}

@supports (font-size: round(up, 1rem, 1px)) {
  @media not all and (resolution >= 2x) {
    :root, .x19j0cv5 {
      --cove-font-size-caption: round(up, .6875rem, 2px);
    }
  }
}