@layer reset{*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input,select{font:inherit}}

@layer priority1;

@layer priority2 {
  .x12ahqt4 {
    grid-area: board;
  }

  .xe1uesq {
    grid-area: center;
  }

  .x15oy4gg {
    grid-area: hold;
  }

  .xgdceu {
    grid-area: next;
  }

  .x1b5eu16 {
    grid-area: team;
  }

  .x10a8y8t {
    inset: 0;
  }

  .xccw97s {
    inset: var(--x-inset);
  }

  .x1ghz6dp {
    margin: 0;
  }

  .x1717udv {
    padding: 0;
  }

  .xc7ga6q {
    padding: 12px;
  }

  .x1gnqi22 {
    padding: 14px;
  }

  .x1tamke2 {
    padding: 16px;
  }

  .x1qhigcl {
    padding: 20px;
  }

  .x1fozly0 {
    padding: var(--x-padding);
  }
}

@layer priority3 {
  .x1pwgnd6 {
    border-color: #f87171;
  }

  .x9r1u3d {
    border-color: #0000;
  }

  .x6w5c0t {
    border-color: var(--x-borderColor);
  }

  .xqcxt8c {
    border-color: var(--x1noee74);
  }

  .x1kih28o {
    border-color: var(--x8d8ef4);
  }

  .xzsfrt0 {
    border-color: var(--xcs840c);
  }

  .x1wfff5a {
    border-color: var(--xqxnchm);
  }

  .x13q3xd0 {
    border-color: var(--xr28jhc);
  }

  .x1q4ynmn {
    border-radius: 10px;
  }

  .x4pepcl {
    border-radius: 12px;
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .x1kogg8i {
    border-radius: 6px;
  }

  .xur7f20 {
    border-radius: 8px;
  }

  .x1e6avla {
    border-radius: 999px;
  }

  .x7yrpt8 {
    border-radius: var(--x-borderRadius);
  }

  .xbsl7fq {
    border-style: dashed;
  }

  .xng3xce {
    border-style: none;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x1mw0n95 {
    border-width: var(--x-borderWidth);
  }

  .x14bb7qr {
    gap: .5em;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .x195vfkc {
    gap: 2px;
  }

  .x1jnr06f {
    gap: 4px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xfo3j14 {
    grid-template-areas: "center"
                         "team";
  }

  .x1uzwhvx {
    grid-template-areas: "hold next"
                         "board board";
  }

  .xe8uvvx {
    list-style: none;
  }

  .x1uuky47 {
    margin-block: 6px;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1r1vuz7 {
    padding-block: .5em;
  }

  .x10dr8xq {
    padding-block: 12px;
  }

  .x1xn8qrt {
    padding-block: 16px;
  }

  .x12ulsxz {
    padding-block: 4px;
  }

  .xifx94n {
    padding-block: 5px;
  }

  .x1t0vds8 {
    padding-block: 6px;
  }

  .x1vvogim {
    padding-block: 8px;
  }

  .xan02fw {
    padding-inline: .75em;
  }

  .x1awh872 {
    padding-inline: 10px;
  }

  .xaope02 {
    padding-inline: 12px;
  }

  .xqin4a2 {
    padding-inline: 14px;
  }

  .x1hr3lfm {
    padding-inline: 16px;
  }

  .xdqyycr {
    padding-inline: 8px;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  @media (width >= 520px) {
    .xx9mizb.xx9mizb {
      grid-template-areas: "hold board next";
    }
  }

  @media (width >= 900px) {
    .x1t94xxf.x1t94xxf {
      grid-template-areas: "center team";
    }
  }
}

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

  .x6s0dn4 {
    align-items: center;
  }

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

  .x7a106z {
    align-items: start;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .xegkacw {
    animation-duration: .9s;
  }

  .x1c74tu6 {
    animation-duration: 2s;
  }

  .x7t6ubo {
    animation-duration: 3s;
  }

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

  .x3ygoqc {
    animation-name: x1a044tm-B;
  }

  .x1stuuas {
    animation-name: x1pomr4j-B;
  }

  .x1ae53ws {
    animation-name: xsgkrpw-B;
  }

  .x1gw7v2d {
    animation-timing-function: cubic-bezier(.2, .9, .3, 1);
  }

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

  .x15ruiki {
    aspect-ratio: 1 / 2;
  }

  .xsz34vl {
    background-color: #f87171;
  }

  .x68m4m9 {
    background-color: #0009;
  }

  .x1q5ju9a {
    background-color: #0a0f1cd1;
  }

  .x1hqvb5q {
    background-color: #94a3b82e;
  }

  .x10k8ha1 {
    background-color: #38bdf8eb;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .xl8spv7 {
    background-color: var(--x-backgroundColor);
  }

  .x24bcnx {
    background-color: var(--x10jg61u);
  }

  .x1u128db {
    background-color: var(--x127auvd);
  }

  .x1kybngt {
    background-color: var(--x15x6png);
  }

  .x14veyql {
    background-color: var(--x17vzqi0);
  }

  .x123kgeu {
    background-color: var(--x1h98dtb);
  }

  .xbvb0wq {
    background-color: var(--x252uub);
  }

  .x1n4fxhs {
    background-color: var(--xcs840c);
  }

  .x1mo6dhp {
    background-color: var(--xqvzhmy);
  }

  .x11pz46r {
    background-color: var(--xqxnchm);
  }

  .xdmjl6b {
    background-color: var(--xr28jhc);
  }

  .x1like8t {
    background-color: var(--xre0cug);
  }

  .x4tpx4m {
    background-image: repeating-conic-gradient(#1f2937 0 25%,#111827 0 50%);
  }

  .x1e87kdn {
    background-image: var(--x-backgroundImage);
  }

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

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

  .xzw78ux {
    border-inline-start-color: var(--x-borderInlineStartColor);
  }

  .x1h5woel {
    border-inline-start-color: var(--x252uub);
  }

  .xgxs2im {
    border-inline-start-color: var(--xr28jhc);
  }

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

  .xct1zlm {
    border-inline-start-width: 3px;
  }

  .xkt03fx {
    border-inline-start-width: var(--x-borderInlineStartWidth);
  }

  .x1gpb8wh {
    box-shadow: 0 4px 14px #00000059;
  }

  .x1iotiob {
    box-shadow: var(--x-boxShadow);
  }

  .x1hb5jyn {
    color: #0a0f1c;
  }

  .xnfvbkn {
    color: #f8fafc;
  }

  .xfungia {
    color: #fff;
  }

  .x14rh7hd {
    color: var(--x-color);
  }

  .x1u2baih {
    color: var(--x1d1a2ak);
  }

  .xwy84r6 {
    color: var(--x1dv3xdp);
  }

  .xk3hs68 {
    color: var(--x252uub);
  }

  .xsv2wq9 {
    color: var(--x8d8ef4);
  }

  .x1q6807d {
    color: var(--xcs840c);
  }

  .x1inmu1x {
    color: var(--xd1mh3b);
  }

  .xxfhm22 {
    color: var(--xpbcgyk);
  }

  .xntwwlm {
    color-scheme: dark;
  }

  .xtqikln {
    column-gap: 12px;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1c4vz4f {
    flex-grow: 0;
  }

  .x1iyjqo2 {
    flex-grow: 1;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .x1faq86j {
    float: left;
  }

  .xqpc5tg {
    font-family: PingFang SC, Microsoft YaHei, system-ui, sans-serif;
  }

  .xwg0lrn {
    font-family: system-ui, -apple-system, PingFang SC, Microsoft YaHei, sans-serif;
  }

  .x1mb2qyg {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  }

  .xk2v41j {
    font-family: var(--x-fontFamily);
  }

  .xg9jl45 {
    font-size: .82em;
  }

  .x9wccx5 {
    font-size: .95em;
  }

  .x1j6dyjg {
    font-size: 11px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .xosj86m {
    font-size: 18px;
  }

  .x1i1m3gp {
    font-size: 22px;
  }

  .x1pvqxga {
    font-size: 24px;
  }

  .xneq65o {
    font-size: 28px;
  }

  .xdmh292 {
    font-size: var(--x-fontSize);
  }

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

  .xo1l8bm {
    font-weight: 400;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x1xlr1w8 {
    font-weight: 700;
  }

  .xh6c5li {
    grid-template-columns: auto auto;
  }

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

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

  .x1wlfl8j {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .xkgyxu0 {
    grid-template-columns: repeat(5, 1fr);
  }

  .x17bxmf2 {
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  }

  .x1hb4pgi {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }

  .xe9tf06 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }

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

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

  .xl56j7k {
    justify-content: center;
  }

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

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

  .x7v7x1q {
    justify-self: center;
  }

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

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .xa7kkou {
    line-height: 1.7;
  }

  .x13bagxo {
    mask-clip: content-box, border-box;
  }

  .x19wp0b7 {
    mask-composite: exclude;
  }

  .x1d20nd {
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  }

  .xl1xv1r {
    object-fit: cover;
  }

  .x1bh7me1 {
    outline-color: var(--xcs840c);
  }

  .xh4npvl {
    outline-color: var(--xqxnchm);
  }

  .x1hl8ikr {
    outline-offset: 2px;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .xf7dkkf {
    padding-inline-start: 16px;
  }

  .xwn43p0 {
    padding-inline-start: 18px;
  }

  .xmzvs34 {
    padding-inline-start: 8px;
  }

  .x47corl {
    pointer-events: none;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x8za3yd {
    resize: both;
  }

  .x1dbijih {
    row-gap: 2px;
  }

  .x1edclrq {
    scrollbar-color: #94a3b880 transparent;
  }

  .x1rohswg {
    scrollbar-width: none;
  }

  .x1597r2g {
    scrollbar-width: thin;
  }

  .x2b8uid {
    text-align: center;
  }

  .xp4054r {
    text-align: end;
  }

  .xlyipyv {
    text-overflow: ellipsis;
  }

  .x1xqlrx0 {
    text-shadow: 0 1px 2px #0006;
  }

  .x1ekvk0k {
    text-shadow: 0 1px 2px #0009;
  }

  .xaoa8ea {
    text-shadow: var(--x-textShadow);
  }

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

  .xsqj5wx {
    transform: var(--x-transform);
  }

  .x1iwzzd9 {
    transform-origin: 100% 100%;
  }

  .xuxw1ft {
    white-space: nowrap;
  }

  .x1n327nk {
    z-index: 10;
  }

  .xffn9jx:disabled {
    background-color: var(--xre0cug);
  }

  .x5by5o8:disabled {
    color: var(--x1d1a2ak);
  }

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

  .x1a8sbkb:hover {
    background-color: #7dd3fc;
  }

  .x1e0nitd:hover {
    background-color: #fca5a5;
  }

  .xbl0kpo:hover {
    background-color: #f8717140;
  }

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

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

  .xr6it1d:hover {
    color: var(--xqxnchm);
  }

  @media (width >= 520px) {
    .x92uzow.x92uzow {
      grid-template-columns: 76px auto 76px;
    }

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

  @media (width >= 900px) {
    .x198ici1.x198ici1 {
      grid-template-columns: minmax(0, 520px) minmax(320px, 560px);
    }
  }
}

@layer priority5 {
  .x1thc9n6 {
    border-top-color: var(--x8d8ef4);
  }

  .x1gp4ovq {
    border-top-width: 4px;
  }

  .xn0vg7t {
    bottom: 12px;
  }

  .xhpx1eh {
    height: 1.9em;
  }

  .x5yr21d {
    height: 100%;
  }

  .x170jfvy {
    height: 10px;
  }

  .x1v9usgg {
    height: 14px;
  }

  .xu3xrit {
    height: 320px;
  }

  .xn3w4p2 {
    height: 44px;
  }

  .x1n46bim {
    height: 560px;
  }

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

  .xat24cr {
    margin-bottom: 0;
  }

  .xjpr12u {
    margin-bottom: 2px;
  }

  .xlwy1ot {
    margin-top: .3em;
  }

  .xr9ek0c {
    margin-top: 2px;
  }

  .x1gslohp {
    margin-top: 4px;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .x186ixgm {
    max-width: 1440px;
  }

  .x1dt7z5j {
    max-width: 380px;
  }

  .x1it3oud {
    max-width: 76px;
  }

  .x11md1zd {
    min-height: 100px;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .x1db3i3o {
    min-height: 160px;
  }

  .x21xpn4 {
    min-height: 32px;
  }

  .xu97haq {
    min-height: 34px;
  }

  .xu0aao5 {
    min-height: 36px;
  }

  .xeuugli {
    min-width: 0;
  }

  .x5w4yej {
    min-width: 160px;
  }

  .x12rczxh {
    min-width: 220px;
  }

  .x6ikm8r {
    overflow-x: hidden;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .x13vifvy {
    top: 0;
  }

  .x1l7obmn {
    width: 1.9em;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x6jxa94 {
    width: 14px;
  }

  .x17z2i9w {
    width: 22px;
  }

  .x3p9ev8 {
    width: 420px;
  }

  .xvni27 {
    width: 52px;
  }

  .x13oubkp {
    width: 96px;
  }

  .x1qxxe3i {
    width: min(300px, 100%);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes x1pomr4j-B {
  from {
    background-color: #fbbf2473;
  }

  to {
    background-color: #fbbf2400;
  }
}

@keyframes x1a044tm-B {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 100%;
  }
}

@keyframes xsgkrpw-B {
  0% {
    opacity: 0;
    transform: translate(70px, 28px) scale(.82);
  }

  60% {
    opacity: 1;
    transform: translate(-6px, -2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

:root, .x1coj3ml {
  --x15x6png: #0a0f1c;
  --xre0cug: #111827;
  --x17vzqi0: #172033;
  --xr28jhc: #24304a;
  --x1dv3xdp: #e5e7eb;
  --x1d1a2ak: #94a3b8;
  --xcs840c: #38bdf8;
  --x252uub: #fbbf24;
  --x8d8ef4: #f87171;
  --x127auvd: #f871711f;
}

:root, .x4n1x0d {
  --x1h98dtb: #0a0f1c;
  --xqvzhmy: #111827;
  --x10jg61u: #172033;
  --x1noee74: #24304a;
  --xpbcgyk: #e5e7eb;
  --xd1mh3b: #94a3b8;
  --xqxnchm: #38bdf8;
}