db-player 0.0.0-stage → 0.5.0

package/dist/client/assets/styles-CdkLyHdd.css

@@ -0,0 +1,1681 @@
+*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;margin:0;font-size:13px}@layer reset{button,input,select,textarea{font:inherit;color:inherit}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 22%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-corner{background:0 0}@media (prefers-reduced-motion:reduce){[data-starting-style],[data-ending-style],button:active{transform:none!important}}
+
+@layer priority1;
+
+@layer priority2 {
+  .x10a8y8t {
+    inset: 0;
+  }
+
+  .x1ghz6dp {
+    margin: 0;
+  }
+
+  .x1bpp3o7 {
+    margin: auto;
+  }
+
+  .xwdmyjr {
+    margin: var(--xsg2e3j);
+  }
+
+  .x1717udv {
+    padding: 0;
+  }
+
+  .x7z7khe {
+    padding: 10px;
+  }
+
+  .x1tamke2 {
+    padding: 16px;
+  }
+
+  .x1qhigcl {
+    padding: 20px;
+  }
+
+  .xggk2y7 {
+    padding: 24px;
+  }
+
+  .xfawy5m {
+    padding: 4px;
+  }
+
+  .x1ruevkc {
+    padding: 6px;
+  }
+
+  .xe8ttls {
+    padding: 8px;
+  }
+
+  .xbhnzry {
+    padding: var(--x1c7ujdz);
+  }
+
+  .xlcnwv1 {
+    padding: var(--x1et1fg2);
+  }
+
+  .x13bz5fa {
+    padding: var(--x1q87yd3);
+  }
+
+  .x1a2dy25 {
+    padding: var(--xhskejh);
+  }
+
+  .xmjl1bo {
+    padding: var(--xsg2e3j);
+  }
+}
+
+@layer priority3 {
+  .x9r1u3d {
+    border-color: #0000;
+  }
+
+  .xxuvl4d {
+    border-color: var(--x1b1m92g);
+  }
+
+  .xpa2s8g {
+    border-color: var(--x1ljawrx);
+  }
+
+  .xb1jnos {
+    border-color: var(--x1rsrbe2);
+  }
+
+  .x4s12hp {
+    border-color: var(--x1wmecsq);
+  }
+
+  .x1b7y1cz {
+    border-color: var(--xh1mtfv);
+  }
+
+  .x18zih8k {
+    border-radius: 3px;
+  }
+
+  .x16rqkct {
+    border-radius: 50%;
+  }
+
+  .xn7wf0q {
+    border-radius: var(--x1mekqhl);
+  }
+
+  .xr11lhz {
+    border-radius: var(--xgb9uqg);
+  }
+
+  .xbg4agz {
+    border-radius: var(--xhrzkwl);
+  }
+
+  .xvjf9rd {
+    border-radius: var(--xt4ypks);
+  }
+
+  .x1y0btm7 {
+    border-style: solid;
+  }
+
+  .xc342km {
+    border-width: 0;
+  }
+
+  .xmkeg23 {
+    border-width: 1px;
+  }
+
+  .xdh2fpr {
+    border-width: 2px;
+  }
+
+  .x1sz3e5v {
+    flex: 0 200px;
+  }
+
+  .xkz0k9k {
+    flex: 0 auto;
+  }
+
+  .x1elwuyh {
+    flex: 320px;
+  }
+
+  .x98rzlu {
+    flex: 1;
+  }
+
+  .x883omv {
+    gap: 10px;
+  }
+
+  .x1v2ro7d {
+    gap: 12px;
+  }
+
+  .x1af02g3 {
+    gap: 14px;
+  }
+
+  .x195vfkc {
+    gap: 2px;
+  }
+
+  .x1jnr06f {
+    gap: 4px;
+  }
+
+  .x1nejdyq {
+    gap: 5px;
+  }
+
+  .x17d4w8g {
+    gap: 6px;
+  }
+
+  .x167g77z {
+    gap: 8px;
+  }
+
+  .xbbb4fa {
+    gap: var(--x1c7ujdz);
+  }
+
+  .x1mbf7id {
+    gap: var(--x1q87yd3);
+  }
+
+  .x1n8io78 {
+    gap: var(--xsg2e3j);
+  }
+
+  .xg9jes1 {
+    margin-block: 4px;
+  }
+
+  .x1jp4ehj {
+    margin-block: 8px;
+  }
+
+  .xr6ywxm {
+    margin-inline: -4px;
+  }
+
+  .x1a2a7pz {
+    outline: none;
+  }
+
+  .xysyzu8 {
+    overflow: auto;
+  }
+
+  .xb3r6kr {
+    overflow: hidden;
+  }
+
+  .x1rea2x4 {
+    overflow: visible;
+  }
+
+  .x12ulsxz {
+    padding-block: 4px;
+  }
+
+  .xifx94n {
+    padding-block: 5px;
+  }
+
+  .x1t0vds8 {
+    padding-block: 6px;
+  }
+
+  .x1vvogim {
+    padding-block: 8px;
+  }
+
+  .xwwqodo {
+    padding-block: var(--x1c7ujdz);
+  }
+
+  .x1ua62b8 {
+    padding-block: var(--x1q87yd3);
+  }
+
+  .xnjsko4 {
+    padding-inline: 0;
+  }
+
+  .x1awh872 {
+    padding-inline: 10px;
+  }
+
+  .xfn1xvj {
+    padding-inline: 4px;
+  }
+
+  .x1xijbu4 {
+    padding-inline: 6px;
+  }
+
+  .xdqyycr {
+    padding-inline: 8px;
+  }
+
+  .xu7byfh {
+    padding-inline: var(--x1c7ujdz);
+  }
+
+  .x1ik00rn {
+    padding-inline: var(--x1q87yd3);
+  }
+
+  .xgt6uh4 {
+    padding-inline: var(--xhskejh);
+  }
+
+  .xjr6psv {
+    padding-inline: var(--xsg2e3j);
+  }
+
+  .x1hl2dhg {
+    text-decoration: none;
+  }
+
+  .x1ckbk5l:focus-visible {
+    border-color: var(--x1b1m92g);
+  }
+
+  .xn0s4wz:focus-visible {
+    outline: 1px solid var(--x1b1m92g);
+  }
+
+  .x12lrzb7:focus-visible {
+    outline: 2px solid var(--x1b1m92g);
+  }
+
+  .x4mu1xn:focus {
+    border-color: var(--x1b1m92g);
+  }
+}
+
+@layer priority4 {
+  .x6s0dn4 {
+    align-items: center;
+  }
+
+  .xuk3077 {
+    align-items: flex-end;
+  }
+
+  .x1cy8zhl {
+    align-items: flex-start;
+  }
+
+  .x1qjc9v5 {
+    align-items: stretch;
+  }
+
+  .xkh2ocl {
+    align-self: stretch;
+  }
+
+  .xmmqq2k {
+    animation-delay: .15s;
+  }
+
+  .x12l1aco {
+    animation-duration: .12s;
+  }
+
+  .xr7ufhj {
+    animation-duration: 1.1s;
+  }
+
+  .x1sbju2s {
+    animation-duration: 1.4s;
+  }
+
+  .xskzprw {
+    animation-fill-mode: backwards;
+  }
+
+  .xa4qsjk {
+    animation-iteration-count: infinite;
+  }
+
+  .xqcmdr3 {
+    animation-name: x18re5ia-B;
+  }
+
+  .xr9n2wq {
+    animation-name: x1u4d9o9-B;
+  }
+
+  .x1tbzl01 {
+    animation-name: x8uz4zu-B;
+  }
+
+  .x4hg4is {
+    animation-timing-function: ease-in-out;
+  }
+
+  .xxhzbed {
+    background-color: color-mix(in oklab,var(--xm54oyi) var(--x189l5c3),var(--xgiwmlq));
+  }
+
+  .x1ke9jqs {
+    background-color: color-mix(in oklab,var(--xm54oyi) var(--x2arnpg),var(--x1bd2iaf));
+  }
+
+  .x11lsgwc {
+    background-color: color-mix(in oklab,var(--xm54oyi) var(--x2arnpg),var(--xgiwmlq));
+  }
+
+  .xjbqb8w {
+    background-color: #0000;
+  }
+
+  .xl8spv7 {
+    background-color: var(--x-backgroundColor);
+  }
+
+  .xq83s4c {
+    background-color: var(--x1b1m92g);
+  }
+
+  .x185or1n {
+    background-color: var(--x1bd2iaf);
+  }
+
+  .x152q98y {
+    background-color: var(--x1eegxt8);
+  }
+
+  .x1spjluv {
+    background-color: var(--x1hemmdd);
+  }
+
+  .x1nke8ei {
+    background-color: var(--x1ko5s2s);
+  }
+
+  .x14i5uus {
+    background-color: var(--x1ljawrx);
+  }
+
+  .x14fh20 {
+    background-color: var(--x1sj141n);
+  }
+
+  .x1ezoecf {
+    background-color: var(--x1wmecsq);
+  }
+
+  .x1vbvkw5 {
+    background-color: var(--x3itj7);
+  }
+
+  .xgwgzc4 {
+    background-color: var(--xgiwmlq);
+  }
+
+  .x1imhpfg {
+    background-color: var(--xzklvxa);
+  }
+
+  .x1mwwwfo {
+    border-collapse: collapse;
+  }
+
+  .x165p7zc {
+    box-shadow: 0 1px 2px var(--x1f48itt),0 12px 32px -8px var(--x1f48itt);
+  }
+
+  .x125ndz9 {
+    box-shadow: 0 1px 2px var(--x1f48itt),0 16px 48px -12px var(--x1f48itt);
+  }
+
+  .xx50l81 {
+    box-shadow: 0 6px 16px -6px var(--x1f48itt);
+  }
+
+  .x5kdpwh {
+    box-shadow: 0 8px 20px -6px var(--x1f48itt);
+  }
+
+  .xpgesz {
+    box-shadow: inset 0 -1px 0 var(--x1ljawrx);
+  }
+
+  .x1gnnqk1 {
+    box-shadow: none;
+  }
+
+  .xfh1k12 {
+    clip-path: inset(0 0 0 50%);
+  }
+
+  .x1otnbfm {
+    clip-path: inset(0 50% 0 0);
+  }
+
+  .x1hyvwdk {
+    clip-path: inset(50%);
+  }
+
+  .x7d8hld {
+    color: var(--x1b1m92g);
+  }
+
+  .x1tviuuy {
+    color: var(--x1eegxt8);
+  }
+
+  .xb0vdwp {
+    color: var(--x1rsrbe2);
+  }
+
+  .x1n8ird4 {
+    color: var(--x56xjt1);
+  }
+
+  .x122w267 {
+    color: var(--xh1mtfv);
+  }
+
+  .x18x1ra {
+    color: var(--xz3jkde);
+  }
+
+  .x18z6s4b {
+    cursor: cell;
+  }
+
+  .xicojor {
+    cursor: col-resize;
+  }
+
+  .xt0e3qv {
+    cursor: default;
+  }
+
+  .xi9pz9s {
+    cursor: grabbing;
+  }
+
+  .x1ypdohk {
+    cursor: pointer;
+  }
+
+  .x1lliihq {
+    display: block;
+  }
+
+  .xjp7ctv {
+    display: contents;
+  }
+
+  .x78zum5 {
+    display: flex;
+  }
+
+  .xrvj5dj {
+    display: grid;
+  }
+
+  .x3nfvp2 {
+    display: inline-flex;
+  }
+
+  .x11lgzim {
+    fill: var(--xxepf88);
+  }
+
+  .xdt5ytf {
+    flex-direction: column;
+  }
+
+  .x2lah0s {
+    flex-shrink: 0;
+  }
+
+  .x1bcm92b {
+    flex-shrink: 4;
+  }
+
+  .x1a02dak {
+    flex-wrap: wrap;
+  }
+
+  .x1b02387 {
+    font-family: ui-monospace, SF Mono, Menlo, monospace;
+  }
+
+  .xxb57xf {
+    font-family: var(--x1p6nkrd);
+  }
+
+  .x134rb1s {
+    font-family: var(--x1q1zo9x);
+  }
+
+  .x1j6dyjg {
+    font-size: 11px;
+  }
+
+  .xfifm61 {
+    font-size: 12px;
+  }
+
+  .x19u1y1h {
+    font-size: var(--x1bjvsbq);
+  }
+
+  .xqtwvag {
+    font-size: var(--x79uhsr);
+  }
+
+  .xvj2dgp {
+    font-size: var(--xt6hdbs);
+  }
+
+  .x1k4tb9n {
+    font-style: italic;
+  }
+
+  .xss6m8b {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .xo1l8bm {
+    font-weight: 400;
+  }
+
+  .xk50ysn {
+    font-weight: 500;
+  }
+
+  .x1s688f {
+    font-weight: 600;
+  }
+
+  .x9flyx0 {
+    grid-template-columns: 1fr 100px;
+  }
+
+  .x1o61qjw {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .x1wlfl8j {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .xqketvx {
+    grid-template-columns: var(--x-gridTemplateColumns);
+  }
+
+  .xl56j7k {
+    justify-content: center;
+  }
+
+  .x13a6bvl {
+    justify-content: flex-end;
+  }
+
+  .x1qughib {
+    justify-content: space-between;
+  }
+
+  .xtiv8zk {
+    letter-spacing: .1px;
+  }
+
+  .xfrs9s4 {
+    line-height: 1.45;
+  }
+
+  .x1evy7pa {
+    line-height: 1.5;
+  }
+
+  .x1dbl2gt {
+    line-height: 1.6;
+  }
+
+  .xbyyjgo {
+    opacity: .5;
+  }
+
+  .x1hc1fzr {
+    opacity: 1;
+  }
+
+  .x1g40iwv {
+    outline-offset: -1px;
+  }
+
+  .x2ssjo2 {
+    outline-offset: -2px;
+  }
+
+  .x1y3gkto {
+    outline-offset: 1px;
+  }
+
+  .x1hl8ikr {
+    outline-offset: 2px;
+  }
+
+  .xj0a0fe {
+    overflow-wrap: anywhere;
+  }
+
+  .x47corl {
+    pointer-events: none;
+  }
+
+  .x10l6tqk {
+    position: absolute;
+  }
+
+  .xixxii4 {
+    position: fixed;
+  }
+
+  .x1n2onr6 {
+    position: relative;
+  }
+
+  .x7wzq59 {
+    position: sticky;
+  }
+
+  .xtt52l0 {
+    resize: none;
+  }
+
+  .x1rohswg {
+    scrollbar-width: none;
+  }
+
+  .x2b8uid {
+    text-align: center;
+  }
+
+  .xdpxx8g {
+    text-align: left;
+  }
+
+  .xlyipyv {
+    text-overflow: ellipsis;
+  }
+
+  .x5ve5x3 {
+    touch-action: none;
+  }
+
+  .x1bblx7b {
+    touch-action: pan-x;
+  }
+
+  .x1c071of {
+    transform: none;
+  }
+
+  .x7p49u4 {
+    transform: rotate(0);
+  }
+
+  .x1iffjtl {
+    transform: rotate(90deg);
+  }
+
+  .x3oybdh {
+    transform: scale(1);
+  }
+
+  .xvvkyix {
+    transform: translateY(0) scale(1);
+  }
+
+  .xsqj5wx {
+    transform: var(--x-transform);
+  }
+
+  .x1g0ag68 {
+    transform-origin: center;
+  }
+
+  .xctpfpq {
+    transform-origin: var(--transform-origin);
+  }
+
+  .x5h36tt {
+    transition-delay: .15s;
+  }
+
+  .xv3hhg7 {
+    transition-duration: var(--x18vfd9a);
+  }
+
+  .x19jr8i9 {
+    transition-duration: var(--xh8yvif);
+  }
+
+  .x1qfwjxi {
+    transition-duration: var(--xhplqxe);
+  }
+
+  .xv65o4f {
+    transition-property: background-color, border-color, color, transform;
+  }
+
+  .x101pvzj {
+    transition-property: background-color, color, transform;
+  }
+
+  .x15406qy {
+    transition-property: background-color;
+  }
+
+  .xq90yva {
+    transition-property: border-color, background-color;
+  }
+
+  .x9vp5wv {
+    transition-property: border-color, box-shadow, transform;
+  }
+
+  .xshfolx {
+    transition-property: border-color;
+  }
+
+  .xrf8owv {
+    transition-property: color, border-color;
+  }
+
+  .x13b0p5u {
+    transition-property: none;
+  }
+
+  .x6o7n8i {
+    transition-property: opacity, transform;
+  }
+
+  .x19991ni {
+    transition-property: opacity;
+  }
+
+  .x11xpdln {
+    transition-property: transform;
+  }
+
+  .x6setmy {
+    transition-timing-function: var(--x1n14jsc);
+  }
+
+  .xvrbanz {
+    -webkit-user-select: all;
+    user-select: all;
+  }
+
+  .x87ps6o {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .xuxw1ft {
+    white-space: nowrap;
+  }
+
+  .x126k92a {
+    white-space: pre-wrap;
+  }
+
+  .x13faqbe {
+    word-break: break-word;
+  }
+
+  .xfo81ep {
+    z-index: 1000;
+  }
+
+  .xhtitgo {
+    z-index: 2;
+  }
+
+  .xzkaem6 {
+    z-index: 3;
+  }
+
+  .x1u8a7rm {
+    z-index: 5;
+  }
+
+  .xa9119d {
+    z-index: 50;
+  }
+
+  .xfa8aoj {
+    z-index: 51;
+  }
+
+  .x1aciyhk {
+    z-index: 60;
+  }
+
+  .x6y048q {
+    z-index: 70;
+  }
+
+  .x1jrw5c4:focus-visible {
+    background-color: var(--x55kj9k);
+  }
+
+  .x15qbw3q:active:not(:disabled) {
+    transform: scale(.97);
+  }
+
+  .xtgyt42:disabled {
+    cursor: default;
+  }
+
+  .x1t5pwa4:disabled {
+    opacity: .45;
+  }
+
+  .xk4oym4:active {
+    transform: scale(.98);
+  }
+}
+
+@layer priority5 {
+  .x16stqrj {
+    border-bottom-color: #0000;
+  }
+
+  .x1atvb72 {
+    border-bottom-color: var(--x1ljawrx);
+  }
+
+  .x1mo5f3e {
+    border-bottom-color: var(--x1rsrbe2);
+  }
+
+  .x1orbg20 {
+    border-bottom-color: var(--x1wmecsq);
+  }
+
+  .x1q0q8m5 {
+    border-bottom-style: solid;
+  }
+
+  .x1qhh985 {
+    border-bottom-width: 0;
+  }
+
+  .xso031l {
+    border-bottom-width: 1px;
+  }
+
+  .xlxy82 {
+    border-bottom-width: 2px;
+  }
+
+  .xl7466b {
+    border-right-color: var(--x1ljawrx);
+  }
+
+  .x32b0ac {
+    border-right-style: solid;
+  }
+
+  .xs1s249 {
+    border-right-width: 1px;
+  }
+
+  .x10gwal6 {
+    border-top-color: var(--x1ljawrx);
+  }
+
+  .xp8sth8 {
+    border-top-left-radius: var(--xgb9uqg);
+  }
+
+  .x8qswk9 {
+    border-top-right-radius: var(--xgb9uqg);
+  }
+
+  .x13fuv20 {
+    border-top-style: solid;
+  }
+
+  .x178xt8z {
+    border-top-width: 1px;
+  }
+
+  .x1ey2m1c {
+    bottom: 0;
+  }
+
+  .x5yr21d {
+    height: 100%;
+  }
+
+  .x1dr59a3 {
+    height: 100vh;
+  }
+
+  .x1v9usgg {
+    height: 14px;
+  }
+
+  .xlup9mm {
+    height: 16px;
+  }
+
+  .xrskzf1 {
+    height: 188px;
+  }
+
+  .xmix8c7 {
+    height: 18px;
+  }
+
+  .xjm9jq1 {
+    height: 1px;
+  }
+
+  .x17rw0jw {
+    height: 22px;
+  }
+
+  .x1fgtraw {
+    height: 28px;
+  }
+
+  .x36qwtl {
+    height: 2px;
+  }
+
+  .x10w6t97 {
+    height: 32px;
+  }
+
+  .xc9qbxq {
+    height: 36px;
+  }
+
+  .x1vqgdyp {
+    height: 40px;
+  }
+
+  .x1ycjhwn {
+    height: 5px;
+  }
+
+  .x1peatla {
+    height: 64px;
+  }
+
+  .xdk7pt {
+    height: 8px;
+  }
+
+  .xg7h5cd {
+    height: fit-content;
+  }
+
+  .x16ye13r {
+    height: var(--x-height);
+  }
+
+  .x11cxg1j {
+    height: var(--xax7c12);
+  }
+
+  .x5md06r {
+    height: var(--xi427l5);
+  }
+
+  .x1jgo0hl {
+    height: var(--xtuhmla);
+  }
+
+  .xu96u03 {
+    left: 0;
+  }
+
+  .x1yztbdb {
+    margin-bottom: 16px;
+  }
+
+  .x1kj4sgy {
+    margin-bottom: var(--x1c7ujdz);
+  }
+
+  .x1k9oyp {
+    margin-bottom: var(--x1q87yd3);
+  }
+
+  .x8x9d4c {
+    margin-left: auto;
+  }
+
+  .x9otpla {
+    margin-top: -8px;
+  }
+
+  .x1sy10c2 {
+    margin-top: 20px;
+  }
+
+  .xr1yuqi {
+    margin-top: auto;
+  }
+
+  .x6mll90 {
+    margin-top: var(--x9oc6al);
+  }
+
+  .xw7zv1a {
+    margin-top: var(--xsg2e3j);
+  }
+
+  .xq3t0pi {
+    max-height: 280px;
+  }
+
+  .x1xoggjn {
+    max-height: calc(100vh - 48px);
+  }
+
+  .x193iq5w {
+    max-width: 100%;
+  }
+
+  .x1f0l55g {
+    max-width: 140px;
+  }
+
+  .x1jkqq1h {
+    max-width: 280px;
+  }
+
+  .x1lr1uin {
+    max-width: 420px;
+  }
+
+  .x17fpy1y {
+    max-width: 480px;
+  }
+
+  .x2lwn1j {
+    min-height: 0;
+  }
+
+  .xeuugli {
+    min-width: 0;
+  }
+
+  .x5w4yej {
+    min-width: 160px;
+  }
+
+  .x1rp7rr8 {
+    min-width: 172px;
+  }
+
+  .x57cstt {
+    min-width: 176px;
+  }
+
+  .x80t9vs {
+    min-width: var(--anchor-width);
+  }
+
+  .xw2csxc {
+    overflow-x: auto;
+  }
+
+  .x1odjw0f {
+    overflow-y: auto;
+  }
+
+  .x10wlt62 {
+    overflow-y: hidden;
+  }
+
+  .x1o95cbt {
+    padding-bottom: var(--x1c7ujdz);
+  }
+
+  .xbp0ul4 {
+    padding-bottom: var(--x1q87yd3);
+  }
+
+  .xaxbvzv {
+    padding-bottom: var(--xsg2e3j);
+  }
+
+  .x1lqa7cf {
+    padding-left: 10px;
+  }
+
+  .x1x7g8rv {
+    padding-left: 26px;
+  }
+
+  .x1peleaf {
+    padding-left: var(--x1c7ujdz);
+  }
+
+  .x69q509 {
+    padding-left: var(--xsg2e3j);
+  }
+
+  .x1ug7bdz {
+    padding-right: 6px;
+  }
+
+  .xy13l1i {
+    padding-right: 8px;
+  }
+
+  .x5ku0wl {
+    padding-right: var(--x1c7ujdz);
+  }
+
+  .xzkxjte {
+    right: -4px;
+  }
+
+  .x3m8u43 {
+    right: 0;
+  }
+
+  .x3lmqil {
+    right: 2px;
+  }
+
+  .x13vifvy {
+    top: 0;
+  }
+
+  .xs7f9wi {
+    top: 2px;
+  }
+
+  .xh8yej3 {
+    width: 100%;
+  }
+
+  .x1kky2od {
+    width: 16px;
+  }
+
+  .x1xp8n7a {
+    width: 18px;
+  }
+
+  .x1i1rx1s {
+    width: 1px;
+  }
+
+  .x16grhtn {
+    width: 220px;
+  }
+
+  .x17z2i9w {
+    width: 22px;
+  }
+
+  .xdqdh73 {
+    width: 28%;
+  }
+
+  .xgd8bvy {
+    width: 28px;
+  }
+
+  .xfo62xy {
+    width: 2px;
+  }
+
+  .xxljpkc {
+    width: 30%;
+  }
+
+  .x100vrsf {
+    width: 40px;
+  }
+
+  .xinu3np {
+    width: 45%;
+  }
+
+  .x65xoit {
+    width: 70%;
+  }
+
+  .x1xc55vz {
+    width: 8px;
+  }
+
+  .x1wc42o8 {
+    width: 9px;
+  }
+
+  .xsjcku0 {
+    width: min(480px, 100vw - 32px);
+  }
+
+  .xpn72k7 {
+    width: min(560px, 100vw - 32px);
+  }
+
+  .x5lhr3w {
+    width: var(--x-width);
+  }
+
+  .x5tfkcl {
+    width: var(--xax7c12);
+  }
+
+  .x1a5d0zf {
+    width: var(--xtuhmla);
+  }
+}
+
+@layer priority6 {
+  .x1cej5sy[data-checked] {
+    border-color: var(--x1b1m92g);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .x1632hs.x1632hs:hover {
+      border-color: var(--x1eegxt8);
+    }
+  }
+}
+
+@layer priority7 {
+  .x1gjw99y[data-highlighted], .x2e3pq1[data-popup-open] {
+    background-color: var(--x1ko5s2s);
+  }
+
+  .xgb2fgl[data-popup-open] {
+    background-color: var(--x55kj9k);
+  }
+
+  .xot0yp[data-checked] {
+    box-shadow: 0 0 0 1px var(--x1b1m92g);
+  }
+
+  .x1jo8w1h[data-active] {
+    color: var(--xh1mtfv);
+  }
+
+  .x1hw7zpd[data-starting-style], .xiyypsa[data-ending-style] {
+    opacity: 0;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .x4fpvau.x4fpvau {
+      opacity: 0;
+    }
+
+    .xpr5m1m.xpr5m1m {
+      opacity: 1;
+    }
+  }
+
+  .x14up28i[data-ending-style], .x1qdyiyv[data-starting-style] {
+    transform: scale(.95);
+  }
+
+  .x1hoy9cc[data-ending-style] {
+    transform: translateY(0) scale(.98);
+  }
+
+  .xy54nku[data-starting-style] {
+    transform: translateY(6px) scale(.96);
+  }
+
+  .x1fdgx8g[data-instant] {
+    transition-duration: 0s;
+  }
+
+  .x1ya1k7h[data-ending-style] {
+    transition-duration: var(--x1bofgy6);
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .x11fdr6z.x11fdr6z.x11fdr6z:where(.x-default-marker:focus-within *) {
+      opacity: 0;
+    }
+
+    .x1j36eff.x1j36eff.x1j36eff:where(.x-default-marker:focus-within *) {
+      opacity: 1;
+    }
+
+    .xzo1hb2.xzo1hb2.xzo1hb2:where(.x-default-marker:hover *) {
+      opacity: 0;
+    }
+
+    .x7stcvd.x7stcvd.x7stcvd:where(.x-default-marker:hover *) {
+      opacity: 1;
+    }
+
+    .xds5qq0.xds5qq0:hover:not(:disabled) {
+      background-color: var(--x1djyeca);
+    }
+
+    .x17ec2s3.x17ec2s3:hover:not(:disabled) {
+      background-color: var(--x1ko5s2s);
+    }
+
+    .x1ncw40y.x1ncw40y:hover:not(:disabled) {
+      background-color: var(--x55kj9k);
+    }
+
+    .x1am0jh4.x1am0jh4:hover:not(:disabled) {
+      background-color: var(--xzklvxa);
+    }
+
+    .x1apysje.x1apysje:focus-within, .x1nxt06a.x1nxt06a:focus-visible {
+      opacity: 1;
+    }
+
+    .x1jw1774.x1jw1774:hover {
+      background-color: color-mix(in oklab,var(--xm54oyi) var(--xcqutt3),var(--xgiwmlq));
+    }
+
+    .x5o664w.x5o664w:hover {
+      background-color: var(--x1eegxt8);
+    }
+
+    .x1sp8090.x1sp8090:hover {
+      background-color: var(--x1ko5s2s);
+    }
+
+    .xvs4sct.xvs4sct:hover {
+      background-color: var(--x1wmecsq);
+    }
+
+    .x1sxlxsz.x1sxlxsz:hover {
+      background-color: var(--x55kj9k);
+    }
+
+    .xxbnkst.xxbnkst:hover {
+      color: var(--xh1mtfv);
+    }
+  }
+}
+
+@layer priority8 {
+  .x1m6keyf[data-active] {
+    border-bottom-color: var(--x1b1m92g);
+  }
+}
+
+@layer priority9 {
+  .x1g6wmp5::placeholder {
+    color: var(--x1y3jqnt);
+  }
+}
+
+@property --x---xm54oyi {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-backgroundColor {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-gridTemplateColumns {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-height {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-transform {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-width {
+  syntax: "*";
+  inherits: false
+}
+
+@keyframes x18re5ia-B {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes x8uz4zu-B {
+  0%, 100% {
+    opacity: .4;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes x1u4d9o9-B {
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(350%);
+  }
+}
+
+:root, .x3qmmre {
+  --x1bd2iaf: #000;
+  --xgiwmlq: #0a0a0a;
+  --x1sj141n: #111;
+  --x55kj9k: #171717;
+  --x1ko5s2s: #1c1c1c;
+  --x1ljawrx: #1f1f1f;
+  --x1wmecsq: #2a2a2a;
+  --xxepf88: #262626;
+  --x1b1m92g: #fff;
+  --x1djyeca: #d4d4d4;
+  --xz3jkde: #000;
+  --xh1mtfv: #ededed;
+  --x1eegxt8: #a1a1a1;
+  --x1y3jqnt: gray;
+  --x1rsrbe2: #ef4444;
+  --xzklvxa: #1a0707;
+  --x56xjt1: #22c55e;
+  --x3itj7: #1d2a3f;
+  --x1oxlabo: #b4a0d8;
+  --x54wwie: #9cc09a;
+  --x1j22127: #d9b27a;
+  --x1jyogra: #6f6f6f;
+  --x1ab7c27: #7fb0d6;
+  --x1sy0dl7: #7fbfb4;
+  --x189l5c3: 8%;
+  --xcqutt3: 14%;
+  --x2arnpg: 20%;
+  --x1hemmdd: #000000b3;
+  --x1f48itt: #000000b3;
+}
+
+:root, .x1x9b9mp {
+  --x1mekqhl: 4px;
+  --xt4ypks: 6px;
+  --xgb9uqg: 8px;
+  --xhrzkwl: 10px;
+  --x16stf2z: 999px;
+}
+
+:root, .xrqar4l {
+  --x1n14jsc: cubic-bezier(.23, 1, .32, 1);
+  --xi82b4: cubic-bezier(.77, 0, .175, 1);
+}
+
+:root, .x1aipckl {
+  --x1q1zo9x: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --x1p6nkrd: "Berkeley Mono Variable", Menlo, monospace;
+}
+
+:root, .x1nwhkbl {
+  --x1q87yd3: 4px;
+  --x1c7ujdz: 8px;
+  --xsg2e3j: 12px;
+  --xhskejh: 16px;
+  --x9oc6al: 20px;
+  --x1et1fg2: 24px;
+}
+
+:root, .xe1lwr3 {
+  --x79uhsr: 12px;
+  --xt6hdbs: 13px;
+  --x1bjvsbq: 14px;
+}
+
+:root, .x1bvxn5g {
+  --xhplqxe: .12s;
+  --xh8yvif: .15s;
+  --x18vfd9a: .2s;
+  --x1bofgy6: .1s;
+}
+
+:root, .xocnn5n {
+  --xm54oyi: transparent;
+}
+
+:root, .xpw8gyx {
+  --xtuhmla: 28px;
+  --xax7c12: 24px;
+  --xi427l5: 40px;
+  --x1todlri: 14px;
+  --x1gmyz2s: 16px;
+}
+
+@media (prefers-color-scheme: light) {
+  :root, .x3qmmre {
+    --x1bd2iaf: #fff;
+    --xgiwmlq: #fafafa;
+    --x1sj141n: #f4f4f5;
+    --x55kj9k: #efeff1;
+    --x1ko5s2s: #e6e6e9;
+    --x1ljawrx: #e4e4e7;
+    --x1wmecsq: #d1d1d6;
+    --xxepf88: #0a0a0a;
+    --x1b1m92g: #0a0a0a;
+    --x1djyeca: #2b2b2b;
+    --xz3jkde: #fff;
+    --xh1mtfv: #171717;
+    --x1eegxt8: #55555d;
+    --x1y3jqnt: #6e6e76;
+    --x1rsrbe2: #dc2626;
+    --xzklvxa: #fef2f2;
+    --x56xjt1: #16a34a;
+    --x3itj7: #dbe8fb;
+    --x1oxlabo: #6b4fa8;
+    --x54wwie: #3f7a47;
+    --x1j22127: #95601a;
+    --x1jyogra: #8a8a92;
+    --x1ab7c27: #2d6a9a;
+    --x1sy0dl7: #2a7a70;
+    --x189l5c3: 5%;
+    --xcqutt3: 12%;
+    --x2arnpg: 18%;
+    --x1hemmdd: #00000029;
+    --x1f48itt: #00000024;
+  }
+}
+
+.xak9gdq.xak9gdq, .xak9gdq.xak9gdq:root {
+  --x1ko5s2s: #1c1c1c;
+  --x1hemmdd: #000000b3;
+  --x1bd2iaf: #000;
+  --x1ljawrx: #1f1f1f;
+  --x1wmecsq: #2a2a2a;
+  --x1rsrbe2: #ef4444;
+  --xzklvxa: #1a0707;
+  --x1y3jqnt: gray;
+  --x55kj9k: #171717;
+  --xxepf88: #262626;
+  --x1eegxt8: #a1a1a1;
+  --xz3jkde: #000;
+  --x1b1m92g: #fff;
+  --x1djyeca: #d4d4d4;
+  --x1sj141n: #111;
+  --x3itj7: #1d2a3f;
+  --x1f48itt: #000000b3;
+  --x56xjt1: #22c55e;
+  --xgiwmlq: #0a0a0a;
+  --x1jyogra: #6f6f6f;
+  --x1ab7c27: #7fb0d6;
+  --x1oxlabo: #b4a0d8;
+  --x1j22127: #d9b27a;
+  --x54wwie: #9cc09a;
+  --x1sy0dl7: #7fbfb4;
+  --xh1mtfv: #ededed;
+  --x2arnpg: 20%;
+  --xcqutt3: 14%;
+  --x189l5c3: 8%;
+}
+
+.xl10l8c.xl10l8c, .xl10l8c.xl10l8c:root {
+  --x1ko5s2s: #e6e6e9;
+  --x1hemmdd: #00000029;
+  --x1bd2iaf: #fff;
+  --x1ljawrx: #e4e4e7;
+  --x1wmecsq: #d1d1d6;
+  --x1rsrbe2: #dc2626;
+  --xzklvxa: #fef2f2;
+  --x1y3jqnt: #6e6e76;
+  --x55kj9k: #efeff1;
+  --xxepf88: #0a0a0a;
+  --x1eegxt8: #55555d;
+  --xz3jkde: #fff;
+  --x1b1m92g: #0a0a0a;
+  --x1djyeca: #2b2b2b;
+  --x1sj141n: #f4f4f5;
+  --x3itj7: #dbe8fb;
+  --x1f48itt: #00000024;
+  --x56xjt1: #16a34a;
+  --xgiwmlq: #fafafa;
+  --x1jyogra: #8a8a92;
+  --x1ab7c27: #2d6a9a;
+  --x1oxlabo: #6b4fa8;
+  --x1j22127: #95601a;
+  --x54wwie: #3f7a47;
+  --x1sy0dl7: #2a7a70;
+  --xh1mtfv: #171717;
+  --x2arnpg: 18%;
+  --xcqutt3: 12%;
+  --x189l5c3: 5%;
+}
+
+.xyynxod {
+  --xm54oyi: var(--x---xm54oyi);
+}