work-in-progress atproto PDS
typescript atproto pds atcute
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: rm

Mary a5869acc ca87523c

-1907
-1907
packages/danaus/src/web/styles/main.out.css
··· 1 - /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ 2 - @layer properties; 3 - @layer theme, base, components, utilities; 4 - @layer theme { 5 - :root, :host { 6 - --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", 7 - "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 8 - --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", 9 - "Courier New", monospace; 10 - --spacing: 0.25rem; 11 - --font-weight-medium: 500; 12 - --font-weight-semibold: 600; 13 - --default-transition-duration: 150ms; 14 - --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 15 - --default-font-family: var(--font-sans); 16 - --default-mono-font-family: var(--font-mono); 17 - --text-base-200: 12px; 18 - --text-base-200--line-height: 16px; 19 - --text-base-300: 14px; 20 - --text-base-300--line-height: 20px; 21 - --text-base-400: 16px; 22 - --text-base-400--line-height: 22px; 23 - --text-base-500: 20px; 24 - --text-base-500--line-height: 28px; 25 - --color-background-overlay: var(--color-background-overlay); 26 - --color-brand-background-active: var(--color-brand-background-active); 27 - --color-brand-background-hover: var(--color-brand-background-hover); 28 - --color-brand-background: var(--color-brand-background); 29 - --color-brand-stroke-1: var(--color-brand-stroke-1); 30 - --color-brand-stroke-2: var(--color-brand-stroke-2); 31 - --color-compound-brand-background-active: var(--color-compound-brand-background-active); 32 - --color-compound-brand-background-hover: var(--color-compound-brand-background-hover); 33 - --color-compound-brand-background: var(--color-compound-brand-background); 34 - --color-compound-brand-foreground-1-active: var(--color-compound-brand-foreground-1-active); 35 - --color-compound-brand-foreground-1-hover: var(--color-compound-brand-foreground-1-hover); 36 - --color-compound-brand-foreground-1: var(--color-compound-brand-foreground-1); 37 - --color-compound-brand-stroke-active: var(--color-compound-brand-stroke-active); 38 - --color-compound-brand-stroke-hover: var(--color-compound-brand-stroke-hover); 39 - --color-compound-brand-stroke: var(--color-compound-brand-stroke); 40 - --color-neutral-background-1-active: var(--color-neutral-background-1-active); 41 - --color-neutral-background-1-hover: var(--color-neutral-background-1-hover); 42 - --color-neutral-background-1-selected: var(--color-neutral-background-1-selected); 43 - --color-neutral-background-1: var(--color-neutral-background-1); 44 - --color-neutral-background-2: var(--color-neutral-background-2); 45 - --color-neutral-background-3: var(--color-neutral-background-3); 46 - --color-neutral-background-disabled: var(--color-neutral-background-disabled); 47 - --color-neutral-foreground-1-active: var(--color-neutral-foreground-1-active); 48 - --color-neutral-foreground-1-hover: var(--color-neutral-foreground-1-hover); 49 - --color-neutral-foreground-1: var(--color-neutral-foreground-1); 50 - --color-neutral-foreground-2-active: var(--color-neutral-foreground-2-active); 51 - --color-neutral-foreground-2-brand-hover: var(--color-neutral-foreground-2-brand-hover); 52 - --color-neutral-foreground-2-brand-pressed: var(--color-neutral-foreground-2-brand-pressed); 53 - --color-neutral-foreground-2-brand-selected: var(--color-neutral-foreground-2-brand-selected); 54 - --color-neutral-foreground-2-hover: var(--color-neutral-foreground-2-hover); 55 - --color-neutral-foreground-2: var(--color-neutral-foreground-2); 56 - --color-neutral-foreground-3-active: var(--color-neutral-foreground-3-active); 57 - --color-neutral-foreground-3-hover: var(--color-neutral-foreground-3-hover); 58 - --color-neutral-foreground-3: var(--color-neutral-foreground-3); 59 - --color-neutral-foreground-disabled: var(--color-neutral-foreground-disabled); 60 - --color-neutral-foreground-inverted: var(--color-neutral-foreground-inverted); 61 - --color-neutral-foreground-on-brand: var(--color-neutral-foreground-on-brand); 62 - --color-neutral-stroke-1-active: var(--color-neutral-stroke-1-active); 63 - --color-neutral-stroke-1-hover: var(--color-neutral-stroke-1-hover); 64 - --color-neutral-stroke-1: var(--color-neutral-stroke-1); 65 - --color-neutral-stroke-2: var(--color-neutral-stroke-2); 66 - --color-neutral-stroke-accessible-active: var(--color-neutral-stroke-accessible-active); 67 - --color-neutral-stroke-accessible-hover: var(--color-neutral-stroke-accessible-hover); 68 - --color-neutral-stroke-accessible: var(--color-neutral-stroke-accessible); 69 - --color-neutral-stroke-disabled: var(--color-neutral-stroke-disabled); 70 - --color-status-danger-background-1: var(--color-status-danger-background-1); 71 - --color-status-danger-border-1: var(--color-status-danger-border-1); 72 - --color-status-danger-foreground-1: var(--color-status-danger-foreground-1); 73 - --color-status-success-background-1: var(--color-status-success-background-1); 74 - --color-status-success-border-1: var(--color-status-success-border-1); 75 - --color-status-success-foreground-1: var(--color-status-success-foreground-1); 76 - --color-status-warning-background-1: var(--color-status-warning-background-1); 77 - --color-status-warning-border-1: var(--color-status-warning-border-1); 78 - --color-status-warning-foreground-3: var(--color-status-warning-foreground-3); 79 - --color-stroke-focus-2: var(--color-stroke-focus-2); 80 - --color-subtle-background-active: var(--color-subtle-background-active); 81 - --color-subtle-background-hover: var(--color-subtle-background-hover); 82 - --color-subtle-background: var(--color-subtle-background); 83 - --ease-fluent: cubic-bezier(0.33, 0, 0.67, 1); 84 - --ease-accelerate-min: cubic-bezier(0.8, 0, 0.78, 1); 85 - --ease-decelerate-mid: cubic-bezier(0, 0, 0, 1); 86 - --duration-faster: 100ms; 87 - --shadow-2: var(--shadow-2); 88 - --shadow-4: var(--shadow-4); 89 - --shadow-8: var(--shadow-8); 90 - --shadow-16: var(--shadow-16); 91 - --shadow-28: var(--shadow-28); 92 - --shadow-64: var(--shadow-64); 93 - } 94 - } 95 - @layer base { 96 - *, ::after, ::before, ::backdrop, ::file-selector-button { 97 - box-sizing: border-box; 98 - margin: 0; 99 - padding: 0; 100 - border: 0 solid; 101 - } 102 - html, :host { 103 - line-height: 1.5; 104 - -webkit-text-size-adjust: 100%; 105 - tab-size: 4; 106 - font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 107 - font-feature-settings: var(--default-font-feature-settings, normal); 108 - font-variation-settings: var(--default-font-variation-settings, normal); 109 - -webkit-tap-highlight-color: transparent; 110 - } 111 - hr { 112 - height: 0; 113 - color: inherit; 114 - border-top-width: 1px; 115 - } 116 - abbr:where([title]) { 117 - -webkit-text-decoration: underline dotted; 118 - text-decoration: underline dotted; 119 - } 120 - h1, h2, h3, h4, h5, h6 { 121 - font-size: inherit; 122 - font-weight: inherit; 123 - } 124 - a { 125 - color: inherit; 126 - -webkit-text-decoration: inherit; 127 - text-decoration: inherit; 128 - } 129 - b, strong { 130 - font-weight: bolder; 131 - } 132 - code, kbd, samp, pre { 133 - font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); 134 - font-feature-settings: var(--default-mono-font-feature-settings, normal); 135 - font-variation-settings: var(--default-mono-font-variation-settings, normal); 136 - font-size: 1em; 137 - } 138 - small { 139 - font-size: 80%; 140 - } 141 - sub, sup { 142 - font-size: 75%; 143 - line-height: 0; 144 - position: relative; 145 - vertical-align: baseline; 146 - } 147 - sub { 148 - bottom: -0.25em; 149 - } 150 - sup { 151 - top: -0.5em; 152 - } 153 - table { 154 - text-indent: 0; 155 - border-color: inherit; 156 - border-collapse: collapse; 157 - } 158 - :-moz-focusring { 159 - outline: auto; 160 - } 161 - progress { 162 - vertical-align: baseline; 163 - } 164 - summary { 165 - display: list-item; 166 - } 167 - ol, ul, menu { 168 - list-style: none; 169 - } 170 - img, svg, video, canvas, audio, iframe, embed, object { 171 - display: block; 172 - vertical-align: middle; 173 - } 174 - img, video { 175 - max-width: 100%; 176 - height: auto; 177 - } 178 - button, input, select, optgroup, textarea, ::file-selector-button { 179 - font: inherit; 180 - font-feature-settings: inherit; 181 - font-variation-settings: inherit; 182 - letter-spacing: inherit; 183 - color: inherit; 184 - border-radius: 0; 185 - background-color: transparent; 186 - opacity: 1; 187 - } 188 - :where(select:is([multiple], [size])) optgroup { 189 - font-weight: bolder; 190 - } 191 - :where(select:is([multiple], [size])) optgroup option { 192 - padding-inline-start: 20px; 193 - } 194 - ::file-selector-button { 195 - margin-inline-end: 4px; 196 - } 197 - ::placeholder { 198 - opacity: 1; 199 - } 200 - @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { 201 - ::placeholder { 202 - color: currentcolor; 203 - @supports (color: color-mix(in lab, red, red)) { 204 - color: color-mix(in oklab, currentcolor 50%, transparent); 205 - } 206 - } 207 - } 208 - textarea { 209 - resize: vertical; 210 - } 211 - ::-webkit-search-decoration { 212 - -webkit-appearance: none; 213 - } 214 - ::-webkit-date-and-time-value { 215 - min-height: 1lh; 216 - text-align: inherit; 217 - } 218 - ::-webkit-datetime-edit { 219 - display: inline-flex; 220 - } 221 - ::-webkit-datetime-edit-fields-wrapper { 222 - padding: 0; 223 - } 224 - ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { 225 - padding-block: 0; 226 - } 227 - ::-webkit-calendar-picker-indicator { 228 - line-height: 1; 229 - } 230 - :-moz-ui-invalid { 231 - box-shadow: none; 232 - } 233 - button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { 234 - appearance: button; 235 - } 236 - ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { 237 - height: auto; 238 - } 239 - [hidden]:where(:not([hidden="until-found"])) { 240 - display: none !important; 241 - } 242 - } 243 - @layer utilities { 244 - .\@container\/dialog-body { 245 - container-type: inline-size; 246 - container-name: dialog-body; 247 - } 248 - .\@container { 249 - container-type: inline-size; 250 - } 251 - .pointer-events-none { 252 - pointer-events: none; 253 - } 254 - .sr-only { 255 - position: absolute; 256 - width: 1px; 257 - height: 1px; 258 - padding: 0; 259 - margin: -1px; 260 - overflow: hidden; 261 - clip-path: inset(50%); 262 - white-space: nowrap; 263 - border-width: 0; 264 - } 265 - .anchored { 266 - position-anchor: var(--anchor); 267 - :where(&) { 268 - position: absolute; 269 - } 270 - } 271 - .absolute { 272 - position: absolute; 273 - } 274 - .fixed { 275 - position: fixed; 276 - } 277 - .relative { 278 - position: relative; 279 - } 280 - .inset-0 { 281 - inset: calc(var(--spacing) * 0); 282 - } 283 - .top-0 { 284 - top: calc(var(--spacing) * 0); 285 - } 286 - .right-0 { 287 - right: calc(var(--spacing) * 0); 288 - } 289 - .right-2 { 290 - right: calc(var(--spacing) * 2); 291 - } 292 - .right-2\.5 { 293 - right: calc(var(--spacing) * 2.5); 294 - } 295 - .-left-1 { 296 - left: calc(var(--spacing) * -1); 297 - } 298 - .-left-1\.5 { 299 - left: calc(var(--spacing) * -1.5); 300 - } 301 - .left-0 { 302 - left: calc(var(--spacing) * 0); 303 - } 304 - .z-0 { 305 - z-index: 0; 306 - } 307 - .z-10 { 308 - z-index: 10; 309 - } 310 - .container { 311 - width: 100%; 312 - @media (width >= 40rem) { 313 - max-width: 40rem; 314 - } 315 - @media (width >= 48rem) { 316 - max-width: 48rem; 317 - } 318 - @media (width >= 64rem) { 319 - max-width: 64rem; 320 - } 321 - @media (width >= 80rem) { 322 - max-width: 80rem; 323 - } 324 - @media (width >= 96rem) { 325 - max-width: 96rem; 326 - } 327 - } 328 - .m-0 { 329 - margin: calc(var(--spacing) * 0); 330 - } 331 - .m-2 { 332 - margin: calc(var(--spacing) * 2); 333 - } 334 - .-mx-1 { 335 - margin-inline: calc(var(--spacing) * -1); 336 - } 337 - .-mx-1\.25 { 338 - margin-inline: calc(var(--spacing) * -1.25); 339 - } 340 - .-my-0 { 341 - margin-block: calc(var(--spacing) * -0); 342 - } 343 - .-my-0\.5 { 344 - margin-block: calc(var(--spacing) * -0.5); 345 - } 346 - .my-0 { 347 - margin-block: calc(var(--spacing) * 0); 348 - } 349 - .my-0\.5 { 350 - margin-block: calc(var(--spacing) * 0.5); 351 - } 352 - .my-1 { 353 - margin-block: calc(var(--spacing) * 1); 354 - } 355 - .mt-2 { 356 - margin-top: calc(var(--spacing) * 2); 357 - } 358 - .mr-1 { 359 - margin-right: calc(var(--spacing) * 1); 360 - } 361 - .mr-2 { 362 - margin-right: calc(var(--spacing) * 2); 363 - } 364 - .mb-1 { 365 - margin-bottom: calc(var(--spacing) * 1); 366 - } 367 - .mb-1\.5 { 368 - margin-bottom: calc(var(--spacing) * 1.5); 369 - } 370 - .-ml-2 { 371 - margin-left: calc(var(--spacing) * -2); 372 - } 373 - .ml-2 { 374 - margin-left: calc(var(--spacing) * 2); 375 - } 376 - .ml-auto { 377 - margin-left: auto; 378 - } 379 - .box-border { 380 - box-sizing: border-box; 381 - } 382 - .block { 383 - display: block; 384 - } 385 - .contents { 386 - display: contents; 387 - } 388 - .flex { 389 - display: flex; 390 - } 391 - .grid { 392 - display: grid; 393 - } 394 - .hidden { 395 - display: none; 396 - } 397 - .inline { 398 - display: inline; 399 - } 400 - .inline-flex { 401 - display: inline-flex; 402 - } 403 - .table { 404 - display: table; 405 - } 406 - .size-5 { 407 - width: calc(var(--spacing) * 5); 408 - height: calc(var(--spacing) * 5); 409 - } 410 - .h-2 { 411 - height: calc(var(--spacing) * 2); 412 - } 413 - .h-2\.5 { 414 - height: calc(var(--spacing) * 2.5); 415 - } 416 - .h-3 { 417 - height: calc(var(--spacing) * 3); 418 - } 419 - .h-4 { 420 - height: calc(var(--spacing) * 4); 421 - } 422 - .h-5 { 423 - height: calc(var(--spacing) * 5); 424 - } 425 - .h-6 { 426 - height: calc(var(--spacing) * 6); 427 - } 428 - .h-8 { 429 - height: calc(var(--spacing) * 8); 430 - } 431 - .h-dvh { 432 - height: 100dvh; 433 - } 434 - .h-full { 435 - height: 100%; 436 - } 437 - .h-px { 438 - height: 1px; 439 - } 440 - .max-h-\[calc\(100dvh-48px\)\] { 441 - max-height: calc(100dvh - 48px); 442 - } 443 - .max-h-dvh { 444 - max-height: 100dvh; 445 - } 446 - .min-h-8 { 447 - min-height: calc(var(--spacing) * 8); 448 - } 449 - .min-h-9 { 450 - min-height: calc(var(--spacing) * 9); 451 - } 452 - .min-h-11 { 453 - min-height: calc(var(--spacing) * 11); 454 - } 455 - .min-h-dvh { 456 - min-height: 100dvh; 457 - } 458 - .w-1 { 459 - width: calc(var(--spacing) * 1); 460 - } 461 - .w-2 { 462 - width: calc(var(--spacing) * 2); 463 - } 464 - .w-2\.5 { 465 - width: calc(var(--spacing) * 2.5); 466 - } 467 - .w-3 { 468 - width: calc(var(--spacing) * 3); 469 - } 470 - .w-4 { 471 - width: calc(var(--spacing) * 4); 472 - } 473 - .w-6 { 474 - width: calc(var(--spacing) * 6); 475 - } 476 - .w-8 { 477 - width: calc(var(--spacing) * 8); 478 - } 479 - .w-auto { 480 - width: auto; 481 - } 482 - .w-dvw { 483 - width: 100dvw; 484 - } 485 - .w-full { 486 - width: 100%; 487 - } 488 - .w-max { 489 - width: max-content; 490 - } 491 - .max-w-75 { 492 - max-width: calc(var(--spacing) * 75); 493 - } 494 - .max-w-96 { 495 - max-width: calc(var(--spacing) * 96); 496 - } 497 - .max-w-120 { 498 - max-width: calc(var(--spacing) * 120); 499 - } 500 - .max-w-150 { 501 - max-width: calc(var(--spacing) * 150); 502 - } 503 - .max-w-dvw { 504 - max-width: 100dvw; 505 - } 506 - .max-w-fit { 507 - max-width: fit-content; 508 - } 509 - .min-w-0 { 510 - min-width: calc(var(--spacing) * 0); 511 - } 512 - .min-w-24 { 513 - min-width: calc(var(--spacing) * 24); 514 - } 515 - .min-w-35 { 516 - min-width: calc(var(--spacing) * 35); 517 - } 518 - .flex-1 { 519 - flex: 1; 520 - } 521 - .flex-shrink { 522 - flex-shrink: 1; 523 - } 524 - .shrink { 525 - flex-shrink: 1; 526 - } 527 - .shrink-0 { 528 - flex-shrink: 0; 529 - } 530 - .flex-grow { 531 - flex-grow: 1; 532 - } 533 - .grow { 534 - flex-grow: 1; 535 - } 536 - .basis-0 { 537 - flex-basis: calc(var(--spacing) * 0); 538 - } 539 - .border-collapse { 540 - border-collapse: collapse; 541 - } 542 - .popover-animate { 543 - --_slide-x: 0; 544 - --_slide-y: 8px; 545 - transition-property: opacity, translate, overlay, display; 546 - transition-duration: var(--duration-faster); 547 - transition-timing-function: var(--ease-decelerate-mid); 548 - transition-behavior: allow-discrete; 549 - &:popover-open { 550 - opacity: 1; 551 - translate: 0 0; 552 - } 553 - &:not(:popover-open) { 554 - opacity: 0; 555 - translate: var(--_slide-x) var(--_slide-y); 556 - transition-timing-function: var(--ease-accelerate-min); 557 - } 558 - @starting-style { 559 - &:popover-open { 560 - opacity: 0; 561 - translate: var(--_slide-x) var(--_slide-y); 562 - } 563 - } 564 - } 565 - .dialog-animate { 566 - transition-property: opacity, scale, overlay, display; 567 - transition-duration: var(--duration-faster); 568 - transition-timing-function: var(--ease-decelerate-mid); 569 - transition-behavior: allow-discrete; 570 - &[open] { 571 - opacity: 1; 572 - scale: 1; 573 - } 574 - &:not([open]) { 575 - opacity: 0; 576 - scale: 0.95; 577 - transition-timing-function: var(--ease-accelerate-min); 578 - } 579 - @starting-style { 580 - &[open] { 581 - opacity: 0; 582 - scale: 0.95; 583 - } 584 - } 585 - } 586 - .transform { 587 - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); 588 - } 589 - .cursor-pointer { 590 - cursor: pointer; 591 - } 592 - .resize { 593 - resize: both; 594 - } 595 - .list-none { 596 - list-style-type: none; 597 - } 598 - .appearance-none { 599 - appearance: none; 600 - } 601 - .grid-cols-2 { 602 - grid-template-columns: repeat(2, minmax(0, 1fr)); 603 - } 604 - .grid-cols-\[auto_1fr_auto\] { 605 - grid-template-columns: auto 1fr auto; 606 - } 607 - .grid-cols-\[auto_1fr_auto_auto\] { 608 - grid-template-columns: auto 1fr auto auto; 609 - } 610 - .flex-col { 611 - flex-direction: column; 612 - } 613 - .flex-nowrap { 614 - flex-wrap: nowrap; 615 - } 616 - .flex-wrap { 617 - flex-wrap: wrap; 618 - } 619 - .place-items-center { 620 - place-items: center; 621 - } 622 - .items-center { 623 - align-items: center; 624 - } 625 - .items-end { 626 - align-items: flex-end; 627 - } 628 - .items-start { 629 - align-items: flex-start; 630 - } 631 - .justify-between { 632 - justify-content: space-between; 633 - } 634 - .justify-center { 635 - justify-content: center; 636 - } 637 - .justify-end { 638 - justify-content: flex-end; 639 - } 640 - .gap-0 { 641 - gap: calc(var(--spacing) * 0); 642 - } 643 - .gap-0\.5 { 644 - gap: calc(var(--spacing) * 0.5); 645 - } 646 - .gap-1 { 647 - gap: calc(var(--spacing) * 1); 648 - } 649 - .gap-2 { 650 - gap: calc(var(--spacing) * 2); 651 - } 652 - .gap-3 { 653 - gap: calc(var(--spacing) * 3); 654 - } 655 - .gap-4 { 656 - gap: calc(var(--spacing) * 4); 657 - } 658 - .gap-6 { 659 - gap: calc(var(--spacing) * 6); 660 - } 661 - .gap-8 { 662 - gap: calc(var(--spacing) * 8); 663 - } 664 - .gap-px { 665 - gap: 1px; 666 - } 667 - .divide-y { 668 - :where(& > :not(:last-child)) { 669 - --tw-divide-y-reverse: 0; 670 - border-bottom-style: var(--tw-border-style); 671 - border-top-style: var(--tw-border-style); 672 - border-top-width: calc(1px * var(--tw-divide-y-reverse)); 673 - border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); 674 - } 675 - } 676 - .divide-neutral-stroke-2 { 677 - :where(& > :not(:last-child)) { 678 - border-color: var(--color-neutral-stroke-2); 679 - } 680 - } 681 - .self-center { 682 - align-self: center; 683 - } 684 - .self-start { 685 - align-self: flex-start; 686 - } 687 - .truncate { 688 - overflow: hidden; 689 - text-overflow: ellipsis; 690 - white-space: nowrap; 691 - } 692 - .overflow-hidden { 693 - overflow: hidden; 694 - } 695 - .overflow-visible { 696 - overflow: visible; 697 - } 698 - .overflow-x-hidden { 699 - overflow-x: hidden; 700 - } 701 - .overflow-y-auto { 702 - overflow-y: auto; 703 - } 704 - .rounded-full { 705 - border-radius: 10000px; 706 - } 707 - .rounded-lg { 708 - border-radius: 6px; 709 - } 710 - .rounded-md { 711 - border-radius: 4px; 712 - } 713 - .rounded-sm { 714 - border-radius: 2px; 715 - } 716 - .rounded-xl { 717 - border-radius: 8px; 718 - } 719 - .rounded-t-xl { 720 - border-top-left-radius: 8px; 721 - border-top-right-radius: 8px; 722 - } 723 - .border { 724 - border-style: var(--tw-border-style); 725 - border-width: 1px; 726 - } 727 - .border-0 { 728 - border-style: var(--tw-border-style); 729 - border-width: 0px; 730 - } 731 - .border-b { 732 - border-bottom-style: var(--tw-border-style); 733 - border-bottom-width: 1px; 734 - } 735 - .border-none { 736 - --tw-border-style: none; 737 - border-style: none; 738 - } 739 - .border-compound-brand-background { 740 - border-color: var(--color-compound-brand-background); 741 - } 742 - .border-compound-brand-stroke { 743 - border-color: var(--color-compound-brand-stroke); 744 - } 745 - .border-neutral-stroke-1 { 746 - border-color: var(--color-neutral-stroke-1); 747 - } 748 - .border-neutral-stroke-2 { 749 - border-color: var(--color-neutral-stroke-2); 750 - } 751 - .border-neutral-stroke-accessible { 752 - border-color: var(--color-neutral-stroke-accessible); 753 - } 754 - .border-status-danger-border-1 { 755 - border-color: var(--color-status-danger-border-1); 756 - } 757 - .border-status-success-border-1 { 758 - border-color: var(--color-status-success-border-1); 759 - } 760 - .border-status-warning-border-1 { 761 - border-color: var(--color-status-warning-border-1); 762 - } 763 - .border-transparent { 764 - border-color: transparent; 765 - } 766 - .bg-brand-background { 767 - background-color: var(--color-brand-background); 768 - } 769 - .bg-compound-brand-background { 770 - background-color: var(--color-compound-brand-background); 771 - } 772 - .bg-current { 773 - background-color: currentcolor; 774 - } 775 - .bg-neutral-background-1 { 776 - background-color: var(--color-neutral-background-1); 777 - } 778 - .bg-neutral-background-3 { 779 - background-color: var(--color-neutral-background-3); 780 - } 781 - .bg-neutral-stroke-2 { 782 - background-color: var(--color-neutral-stroke-2); 783 - } 784 - .bg-status-danger-background-1 { 785 - background-color: var(--color-status-danger-background-1); 786 - } 787 - .bg-status-success-background-1 { 788 - background-color: var(--color-status-success-background-1); 789 - } 790 - .bg-status-warning-background-1 { 791 - background-color: var(--color-status-warning-background-1); 792 - } 793 - .bg-subtle-background { 794 - background-color: var(--color-subtle-background); 795 - } 796 - .bg-transparent { 797 - background-color: transparent; 798 - } 799 - .p-0 { 800 - padding: calc(var(--spacing) * 0); 801 - } 802 - .p-1 { 803 - padding: calc(var(--spacing) * 1); 804 - } 805 - .p-2 { 806 - padding: calc(var(--spacing) * 2); 807 - } 808 - .p-3 { 809 - padding: calc(var(--spacing) * 3); 810 - } 811 - .p-4 { 812 - padding: calc(var(--spacing) * 4); 813 - } 814 - .p-6 { 815 - padding: calc(var(--spacing) * 6); 816 - } 817 - .p-8 { 818 - padding: calc(var(--spacing) * 8); 819 - } 820 - .px-1 { 821 - padding-inline: calc(var(--spacing) * 1); 822 - } 823 - .px-1\.5 { 824 - padding-inline: calc(var(--spacing) * 1.5); 825 - } 826 - .px-2 { 827 - padding-inline: calc(var(--spacing) * 2); 828 - } 829 - .px-2\.5 { 830 - padding-inline: calc(var(--spacing) * 2.5); 831 - } 832 - .px-3 { 833 - padding-inline: calc(var(--spacing) * 3); 834 - } 835 - .px-4 { 836 - padding-inline: calc(var(--spacing) * 4); 837 - } 838 - .py-0 { 839 - padding-block: calc(var(--spacing) * 0); 840 - } 841 - .py-0\.5 { 842 - padding-block: calc(var(--spacing) * 0.5); 843 - } 844 - .py-1 { 845 - padding-block: calc(var(--spacing) * 1); 846 - } 847 - .py-1\.5 { 848 - padding-block: calc(var(--spacing) * 1.5); 849 - } 850 - .py-1\.25 { 851 - padding-block: calc(var(--spacing) * 1.25); 852 - } 853 - .py-2 { 854 - padding-block: calc(var(--spacing) * 2); 855 - } 856 - .py-3 { 857 - padding-block: calc(var(--spacing) * 3); 858 - } 859 - .py-8 { 860 - padding-block: calc(var(--spacing) * 8); 861 - } 862 - .pt-2 { 863 - padding-top: calc(var(--spacing) * 2); 864 - } 865 - .pr-1 { 866 - padding-right: calc(var(--spacing) * 1); 867 - } 868 - .pr-2 { 869 - padding-right: calc(var(--spacing) * 2); 870 - } 871 - .pr-2\.5 { 872 - padding-right: calc(var(--spacing) * 2.5); 873 - } 874 - .pr-3 { 875 - padding-right: calc(var(--spacing) * 3); 876 - } 877 - .pr-8 { 878 - padding-right: calc(var(--spacing) * 8); 879 - } 880 - .pb-2 { 881 - padding-bottom: calc(var(--spacing) * 2); 882 - } 883 - .pb-3 { 884 - padding-bottom: calc(var(--spacing) * 3); 885 - } 886 - .pl-1 { 887 - padding-left: calc(var(--spacing) * 1); 888 - } 889 - .pl-2 { 890 - padding-left: calc(var(--spacing) * 2); 891 - } 892 - .pl-2\.5 { 893 - padding-left: calc(var(--spacing) * 2.5); 894 - } 895 - .pl-3 { 896 - padding-left: calc(var(--spacing) * 3); 897 - } 898 - .pl-4 { 899 - padding-left: calc(var(--spacing) * 4); 900 - } 901 - .text-center { 902 - text-align: center; 903 - } 904 - .text-left { 905 - text-align: left; 906 - } 907 - .align-middle { 908 - vertical-align: middle; 909 - } 910 - .font-mono { 911 - font-family: var(--font-mono); 912 - } 913 - .text-base-200 { 914 - font-size: var(--text-base-200); 915 - line-height: var(--tw-leading, var(--text-base-200--line-height)); 916 - } 917 - .text-base-300 { 918 - font-size: var(--text-base-300); 919 - line-height: var(--tw-leading, var(--text-base-300--line-height)); 920 - } 921 - .text-base-400 { 922 - font-size: var(--text-base-400); 923 - line-height: var(--tw-leading, var(--text-base-400--line-height)); 924 - } 925 - .text-base-500 { 926 - font-size: var(--text-base-500); 927 - line-height: var(--tw-leading, var(--text-base-500--line-height)); 928 - } 929 - .text-\[20px\] { 930 - font-size: 20px; 931 - } 932 - .font-medium { 933 - --tw-font-weight: var(--font-weight-medium); 934 - font-weight: var(--font-weight-medium); 935 - } 936 - .font-semibold { 937 - --tw-font-weight: var(--font-weight-semibold); 938 - font-weight: var(--font-weight-semibold); 939 - } 940 - .wrap-break-word { 941 - overflow-wrap: break-word; 942 - } 943 - .break-all { 944 - word-break: break-all; 945 - } 946 - .text-compound-brand-foreground-1 { 947 - color: var(--color-compound-brand-foreground-1); 948 - } 949 - .text-current { 950 - color: currentcolor; 951 - } 952 - .text-neutral-foreground-1 { 953 - color: var(--color-neutral-foreground-1); 954 - } 955 - .text-neutral-foreground-2 { 956 - color: var(--color-neutral-foreground-2); 957 - } 958 - .text-neutral-foreground-3 { 959 - color: var(--color-neutral-foreground-3); 960 - } 961 - .text-neutral-foreground-inverted { 962 - color: var(--color-neutral-foreground-inverted); 963 - } 964 - .text-neutral-foreground-on-brand { 965 - color: var(--color-neutral-foreground-on-brand); 966 - } 967 - .text-neutral-stroke-accessible { 968 - color: var(--color-neutral-stroke-accessible); 969 - } 970 - .text-status-danger-foreground-1 { 971 - color: var(--color-status-danger-foreground-1); 972 - } 973 - .text-status-success-foreground-1 { 974 - color: var(--color-status-success-foreground-1); 975 - } 976 - .text-status-warning-foreground-3 { 977 - color: var(--color-status-warning-foreground-3); 978 - } 979 - .no-underline { 980 - text-decoration-line: none; 981 - } 982 - .underline { 983 - text-decoration-line: underline; 984 - } 985 - .dialog-backdrop-animate { 986 - &::backdrop { 987 - transition-property: opacity, overlay, display; 988 - transition-duration: var(--duration-faster); 989 - transition-timing-function: var(--ease-decelerate-mid); 990 - transition-behavior: allow-discrete; 991 - opacity: 1; 992 - } 993 - &:not([open])::backdrop { 994 - opacity: 0; 995 - transition-timing-function: var(--ease-accelerate-min); 996 - } 997 - @starting-style { 998 - &[open]::backdrop { 999 - opacity: 0; 1000 - } 1001 - } 1002 - } 1003 - .opacity-0 { 1004 - opacity: 0%; 1005 - } 1006 - .shadow-4 { 1007 - --tw-shadow: var(--shadow-4); 1008 - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 1009 - } 1010 - .shadow-16 { 1011 - --tw-shadow: var(--shadow-16); 1012 - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 1013 - } 1014 - .shadow-64 { 1015 - --tw-shadow: var(--shadow-64); 1016 - box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 1017 - } 1018 - .outline { 1019 - outline-style: var(--tw-outline-style); 1020 - outline-width: 1px; 1021 - } 1022 - .outline-2 { 1023 - outline-style: var(--tw-outline-style); 1024 - outline-width: 2px; 1025 - } 1026 - .-outline-offset-2 { 1027 - outline-offset: calc(2px * -1); 1028 - } 1029 - .outline-transparent { 1030 - outline-color: transparent; 1031 - } 1032 - .transition { 1033 - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; 1034 - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); 1035 - transition-duration: var(--tw-duration, var(--default-transition-duration)); 1036 - } 1037 - .duration-100 { 1038 - --tw-duration: 100ms; 1039 - transition-duration: 100ms; 1040 - } 1041 - .ease-fluent { 1042 - --tw-ease: cubic-bezier(0.33, 0, 0.67, 1); 1043 - transition-timing-function: cubic-bezier(0.33, 0, 0.67, 1); 1044 - } 1045 - .outline-none { 1046 - --tw-outline-style: none; 1047 - outline-style: none; 1048 - } 1049 - .popover-slide-down { 1050 - --_slide-x: 0; 1051 - --_slide-y: -8px; 1052 - } 1053 - .select-all { 1054 - -webkit-user-select: all; 1055 - user-select: all; 1056 - } 1057 - .select-none { 1058 - -webkit-user-select: none; 1059 - user-select: none; 1060 - } 1061 - .\[grid-area\:secondaryActions\] { 1062 - grid-area: secondaryActions; 1063 - } 1064 - .\[grid-template-areas\:\"icon_body_actions\"_\"secondaryActions_secondaryActions_secondaryActions\"\] { 1065 - grid-template-areas: "icon body actions" "secondaryActions secondaryActions secondaryActions"; 1066 - } 1067 - .\[grid-template-areas\:\"icon_body_secondaryActions_actions\"\] { 1068 - grid-template-areas: "icon body secondaryActions actions"; 1069 - } 1070 - .anchor { 1071 - anchor-name: var(--anchor); 1072 - } 1073 - .anchored-bottom-span-left { 1074 - position-area: bottom span-left; 1075 - } 1076 - .try-flip-y { 1077 - position-try-fallbacks: flip-block; 1078 - } 1079 - .group-hover\/checkbox\:border-compound-brand-background-hover { 1080 - &:is(:where(.group\/checkbox):hover *) { 1081 - @media (hover: hover) { 1082 - border-color: var(--color-compound-brand-background-hover); 1083 - } 1084 - } 1085 - } 1086 - .group-hover\/checkbox\:border-neutral-stroke-accessible-hover { 1087 - &:is(:where(.group\/checkbox):hover *) { 1088 - @media (hover: hover) { 1089 - border-color: var(--color-neutral-stroke-accessible-hover); 1090 - } 1091 - } 1092 - } 1093 - .group-hover\/checkbox\:bg-compound-brand-background-hover { 1094 - &:is(:where(.group\/checkbox):hover *) { 1095 - @media (hover: hover) { 1096 - background-color: var(--color-compound-brand-background-hover); 1097 - } 1098 - } 1099 - } 1100 - .group-hover\/radio\:border-compound-brand-stroke-hover { 1101 - &:is(:where(.group\/radio):hover *) { 1102 - @media (hover: hover) { 1103 - border-color: var(--color-compound-brand-stroke-hover); 1104 - } 1105 - } 1106 - } 1107 - .group-hover\/radio\:border-neutral-stroke-accessible-hover { 1108 - &:is(:where(.group\/radio):hover *) { 1109 - @media (hover: hover) { 1110 - border-color: var(--color-neutral-stroke-accessible-hover); 1111 - } 1112 - } 1113 - } 1114 - .group-hover\/radio\:text-compound-brand-foreground-1-hover { 1115 - &:is(:where(.group\/radio):hover *) { 1116 - @media (hover: hover) { 1117 - color: var(--color-compound-brand-foreground-1-hover); 1118 - } 1119 - } 1120 - } 1121 - .group-hover\/radio\:text-neutral-foreground-2 { 1122 - &:is(:where(.group\/radio):hover *) { 1123 - @media (hover: hover) { 1124 - color: var(--color-neutral-foreground-2); 1125 - } 1126 - } 1127 - } 1128 - .group-active\/checkbox\:border-compound-brand-background-active { 1129 - &:is(:where(.group\/checkbox):active *) { 1130 - border-color: var(--color-compound-brand-background-active); 1131 - } 1132 - } 1133 - .group-active\/checkbox\:border-neutral-stroke-accessible-active { 1134 - &:is(:where(.group\/checkbox):active *) { 1135 - border-color: var(--color-neutral-stroke-accessible-active); 1136 - } 1137 - } 1138 - .group-active\/checkbox\:bg-compound-brand-background-active { 1139 - &:is(:where(.group\/checkbox):active *) { 1140 - background-color: var(--color-compound-brand-background-active); 1141 - } 1142 - } 1143 - .group-active\/radio\:border-compound-brand-stroke-active { 1144 - &:is(:where(.group\/radio):active *) { 1145 - border-color: var(--color-compound-brand-stroke-active); 1146 - } 1147 - } 1148 - .group-active\/radio\:border-neutral-stroke-accessible-active { 1149 - &:is(:where(.group\/radio):active *) { 1150 - border-color: var(--color-neutral-stroke-accessible-active); 1151 - } 1152 - } 1153 - .group-active\/radio\:text-compound-brand-foreground-1-active { 1154 - &:is(:where(.group\/radio):active *) { 1155 - color: var(--color-compound-brand-foreground-1-active); 1156 - } 1157 - } 1158 - .group-active\/radio\:text-neutral-foreground-1 { 1159 - &:is(:where(.group\/radio):active *) { 1160 - color: var(--color-neutral-foreground-1); 1161 - } 1162 - } 1163 - .group-disabled\/input\:border-neutral-stroke-disabled { 1164 - &:is(:where(.group\/input):disabled *) { 1165 - border-color: var(--color-neutral-stroke-disabled); 1166 - } 1167 - } 1168 - .group-disabled\/input\:bg-transparent { 1169 - &:is(:where(.group\/input):disabled *) { 1170 - background-color: transparent; 1171 - } 1172 - } 1173 - .group-disabled\/input\:text-neutral-foreground-disabled { 1174 - &:is(:where(.group\/input):disabled *) { 1175 - color: var(--color-neutral-foreground-disabled); 1176 - } 1177 - } 1178 - .group-disabled\/select\:cursor-not-allowed { 1179 - &:is(:where(.group\/select):disabled *) { 1180 - cursor: not-allowed; 1181 - } 1182 - } 1183 - .group-disabled\/select\:border-neutral-stroke-disabled { 1184 - &:is(:where(.group\/select):disabled *) { 1185 - border-color: var(--color-neutral-stroke-disabled); 1186 - } 1187 - } 1188 - .group-disabled\/select\:bg-transparent { 1189 - &:is(:where(.group\/select):disabled *) { 1190 - background-color: transparent; 1191 - } 1192 - } 1193 - .group-disabled\/select\:text-neutral-foreground-disabled { 1194 - &:is(:where(.group\/select):disabled *) { 1195 - color: var(--color-neutral-foreground-disabled); 1196 - } 1197 - } 1198 - .peer-checked\:flex { 1199 - &:is(:where(.peer):checked ~ *) { 1200 - display: flex; 1201 - } 1202 - } 1203 - .peer-checked\:hidden { 1204 - &:is(:where(.peer):checked ~ *) { 1205 - display: none; 1206 - } 1207 - } 1208 - .peer-checked\:text-neutral-foreground-1 { 1209 - &:is(:where(.peer):checked ~ *) { 1210 - color: var(--color-neutral-foreground-1); 1211 - } 1212 - } 1213 - .peer-disabled\:cursor-default { 1214 - &:is(:where(.peer):disabled ~ *) { 1215 - cursor: default; 1216 - } 1217 - } 1218 - .peer-disabled\:border-neutral-stroke-disabled { 1219 - &:is(:where(.peer):disabled ~ *) { 1220 - border-color: var(--color-neutral-stroke-disabled); 1221 - } 1222 - } 1223 - .peer-disabled\:bg-transparent { 1224 - &:is(:where(.peer):disabled ~ *) { 1225 - background-color: transparent; 1226 - } 1227 - } 1228 - .peer-disabled\:text-neutral-foreground-disabled { 1229 - &:is(:where(.peer):disabled ~ *) { 1230 - color: var(--color-neutral-foreground-disabled); 1231 - } 1232 - } 1233 - .placeholder\:text-neutral-foreground-3 { 1234 - &::placeholder { 1235 - color: var(--color-neutral-foreground-3); 1236 - } 1237 - } 1238 - .placeholder\:opacity-100 { 1239 - &::placeholder { 1240 - opacity: 100%; 1241 - } 1242 - } 1243 - .group-disabled\/input\:placeholder\:text-current { 1244 - &:is(:where(.group\/input):disabled *) { 1245 - &::placeholder { 1246 - color: currentcolor; 1247 - } 1248 - } 1249 - } 1250 - .backdrop\:bg-background-overlay { 1251 - &::backdrop { 1252 - background-color: var(--color-background-overlay); 1253 - } 1254 - } 1255 - .first\:rounded-t-md { 1256 - &:first-child { 1257 - border-top-left-radius: 4px; 1258 - border-top-right-radius: 4px; 1259 - } 1260 - } 1261 - .last\:rounded-b-md { 1262 - &:last-child { 1263 - border-bottom-right-radius: 4px; 1264 - border-bottom-left-radius: 4px; 1265 - } 1266 - } 1267 - .open\:flex { 1268 - &:is([open], :popover-open, :open) { 1269 - display: flex; 1270 - } 1271 - } 1272 - .empty\:hidden { 1273 - &:empty { 1274 - display: none; 1275 - } 1276 - } 1277 - .hover\:border-neutral-stroke-1-hover { 1278 - &:hover { 1279 - @media (hover: hover) { 1280 - border-color: var(--color-neutral-stroke-1-hover); 1281 - } 1282 - } 1283 - } 1284 - .hover\:bg-brand-background-hover { 1285 - &:hover { 1286 - @media (hover: hover) { 1287 - background-color: var(--color-brand-background-hover); 1288 - } 1289 - } 1290 - } 1291 - .hover\:bg-neutral-background-1-hover { 1292 - &:hover { 1293 - @media (hover: hover) { 1294 - background-color: var(--color-neutral-background-1-hover); 1295 - } 1296 - } 1297 - } 1298 - .hover\:bg-subtle-background-hover { 1299 - &:hover { 1300 - @media (hover: hover) { 1301 - background-color: var(--color-subtle-background-hover); 1302 - } 1303 - } 1304 - } 1305 - .hover\:text-neutral-foreground-1-hover { 1306 - &:hover { 1307 - @media (hover: hover) { 1308 - color: var(--color-neutral-foreground-1-hover); 1309 - } 1310 - } 1311 - } 1312 - .hover\:text-neutral-foreground-2 { 1313 - &:hover { 1314 - @media (hover: hover) { 1315 - color: var(--color-neutral-foreground-2); 1316 - } 1317 - } 1318 - } 1319 - .hover\:text-neutral-foreground-2-hover { 1320 - &:hover { 1321 - @media (hover: hover) { 1322 - color: var(--color-neutral-foreground-2-hover); 1323 - } 1324 - } 1325 - } 1326 - .hover\:text-neutral-foreground-3-hover { 1327 - &:hover { 1328 - @media (hover: hover) { 1329 - color: var(--color-neutral-foreground-3-hover); 1330 - } 1331 - } 1332 - } 1333 - .group-not-disabled\/input\:hover\:border-neutral-stroke-1-hover { 1334 - &:is(:where(.group\/input):not(*:disabled) *) { 1335 - &:hover { 1336 - @media (hover: hover) { 1337 - border-color: var(--color-neutral-stroke-1-hover); 1338 - } 1339 - } 1340 - } 1341 - } 1342 - .group-not-disabled\/select\:hover\:border-neutral-stroke-1-hover { 1343 - &:is(:where(.group\/select):not(*:disabled) *) { 1344 - &:hover { 1345 - @media (hover: hover) { 1346 - border-color: var(--color-neutral-stroke-1-hover); 1347 - } 1348 - } 1349 - } 1350 - } 1351 - .focus-visible\:z-10 { 1352 - &:focus-visible { 1353 - z-index: 10; 1354 - } 1355 - } 1356 - .focus-visible\:outline-stroke-focus-2 { 1357 - &:focus-visible { 1358 - outline-color: var(--color-stroke-focus-2); 1359 - } 1360 - } 1361 - .active\:border-neutral-stroke-1-active { 1362 - &:active { 1363 - border-color: var(--color-neutral-stroke-1-active); 1364 - } 1365 - } 1366 - .active\:bg-brand-background-active { 1367 - &:active { 1368 - background-color: var(--color-brand-background-active); 1369 - } 1370 - } 1371 - .active\:bg-neutral-background-1-active { 1372 - &:active { 1373 - background-color: var(--color-neutral-background-1-active); 1374 - } 1375 - } 1376 - .active\:bg-subtle-background-active { 1377 - &:active { 1378 - background-color: var(--color-subtle-background-active); 1379 - } 1380 - } 1381 - .active\:text-neutral-foreground-1 { 1382 - &:active { 1383 - color: var(--color-neutral-foreground-1); 1384 - } 1385 - } 1386 - .active\:text-neutral-foreground-1-active { 1387 - &:active { 1388 - color: var(--color-neutral-foreground-1-active); 1389 - } 1390 - } 1391 - .active\:text-neutral-foreground-2-active { 1392 - &:active { 1393 - color: var(--color-neutral-foreground-2-active); 1394 - } 1395 - } 1396 - .active\:text-neutral-foreground-3-active { 1397 - &:active { 1398 - color: var(--color-neutral-foreground-3-active); 1399 - } 1400 - } 1401 - .group-not-disabled\/input\:active\:border-neutral-stroke-1-active { 1402 - &:is(:where(.group\/input):not(*:disabled) *) { 1403 - &:active { 1404 - border-color: var(--color-neutral-stroke-1-active); 1405 - } 1406 - } 1407 - } 1408 - .group-not-disabled\/select\:active\:border-neutral-stroke-1-active { 1409 - &:is(:where(.group\/select):not(*:disabled) *) { 1410 - &:active { 1411 - border-color: var(--color-neutral-stroke-1-active); 1412 - } 1413 - } 1414 - } 1415 - .disabled\:cursor-default { 1416 - &:disabled { 1417 - cursor: default; 1418 - } 1419 - } 1420 - .disabled\:cursor-not-allowed { 1421 - &:disabled { 1422 - cursor: not-allowed; 1423 - } 1424 - } 1425 - .disabled\:border-neutral-stroke-disabled { 1426 - &:disabled { 1427 - border-color: var(--color-neutral-stroke-disabled); 1428 - } 1429 - } 1430 - .disabled\:bg-neutral-background-disabled { 1431 - &:disabled { 1432 - background-color: var(--color-neutral-background-disabled); 1433 - } 1434 - } 1435 - .disabled\:bg-transparent { 1436 - &:disabled { 1437 - background-color: transparent; 1438 - } 1439 - } 1440 - .disabled\:text-neutral-foreground-disabled { 1441 - &:disabled { 1442 - color: var(--color-neutral-foreground-disabled); 1443 - } 1444 - } 1445 - .has-checked\:text-neutral-foreground-1 { 1446 - &:has(*:checked) { 1447 - color: var(--color-neutral-foreground-1); 1448 - } 1449 - } 1450 - .has-focus-visible\:rounded-md { 1451 - &:has(*:focus-visible) { 1452 - border-radius: 4px; 1453 - } 1454 - } 1455 - .has-focus-visible\:outline-2 { 1456 - &:has(*:focus-visible) { 1457 - outline-style: var(--tw-outline-style); 1458 - outline-width: 2px; 1459 - } 1460 - } 1461 - .has-focus-visible\:outline-offset-2 { 1462 - &:has(*:focus-visible) { 1463 - outline-offset: 2px; 1464 - } 1465 - } 1466 - .has-focus-visible\:outline-stroke-focus-2 { 1467 - &:has(*:focus-visible) { 1468 - outline-color: var(--color-stroke-focus-2); 1469 - } 1470 - } 1471 - .group-not-disabled\/input\:has-focus-visible\:outline-compound-brand-stroke { 1472 - &:is(:where(.group\/input):not(*:disabled) *) { 1473 - &:has(*:focus-visible) { 1474 - outline-color: var(--color-compound-brand-stroke); 1475 - } 1476 - } 1477 - } 1478 - .group-not-disabled\/select\:has-focus-visible\:outline-compound-brand-stroke { 1479 - &:is(:where(.group\/select):not(*:disabled) *) { 1480 - &:has(*:focus-visible) { 1481 - outline-color: var(--color-compound-brand-stroke); 1482 - } 1483 - } 1484 - } 1485 - .has-disabled\:cursor-default { 1486 - &:has(*:disabled) { 1487 - cursor: default; 1488 - } 1489 - } 1490 - .has-disabled\:text-neutral-foreground-disabled { 1491 - &:has(*:disabled) { 1492 - color: var(--color-neutral-foreground-disabled); 1493 - } 1494 - } 1495 - .sm\:ml-0 { 1496 - @media (width >= 40rem) { 1497 - margin-left: calc(var(--spacing) * 0); 1498 - } 1499 - } 1500 - .sm\:hidden { 1501 - @media (width >= 40rem) { 1502 - display: none; 1503 - } 1504 - } 1505 - .sm\:grid-cols-3 { 1506 - @media (width >= 40rem) { 1507 - grid-template-columns: repeat(3, minmax(0, 1fr)); 1508 - } 1509 - } 1510 - .sm\:grid-cols-4 { 1511 - @media (width >= 40rem) { 1512 - grid-template-columns: repeat(4, minmax(0, 1fr)); 1513 - } 1514 - } 1515 - .sm\:flex-row { 1516 - @media (width >= 40rem) { 1517 - flex-direction: row; 1518 - } 1519 - } 1520 - .sm\:items-center { 1521 - @media (width >= 40rem) { 1522 - align-items: center; 1523 - } 1524 - } 1525 - .sm\:items-start { 1526 - @media (width >= 40rem) { 1527 - align-items: flex-start; 1528 - } 1529 - } 1530 - .sm\:rounded-xl { 1531 - @media (width >= 40rem) { 1532 - border-radius: 8px; 1533 - } 1534 - } 1535 - .sm\:p-16 { 1536 - @media (width >= 40rem) { 1537 - padding: calc(var(--spacing) * 16); 1538 - } 1539 - } 1540 - .sm\:pt-24 { 1541 - @media (width >= 40rem) { 1542 - padding-top: calc(var(--spacing) * 24); 1543 - } 1544 - } 1545 - .lg\:grid { 1546 - @media (width >= 64rem) { 1547 - display: grid; 1548 - } 1549 - } 1550 - .lg\:grid-cols-5 { 1551 - @media (width >= 64rem) { 1552 - grid-template-columns: repeat(5, minmax(0, 1fr)); 1553 - } 1554 - } 1555 - .lg\:grid-cols-\[280px_minmax\(0\,640px\)\] { 1556 - @media (width >= 64rem) { 1557 - grid-template-columns: 280px minmax(0,640px); 1558 - } 1559 - } 1560 - .lg\:justify-center { 1561 - @media (width >= 64rem) { 1562 - justify-content: center; 1563 - } 1564 - } 1565 - .\@sm\/dialog-body\:flex-row { 1566 - @container dialog-body (width >= 24rem) { 1567 - flex-direction: row; 1568 - } 1569 - } 1570 - .\@sm\/dialog-body\:items-center { 1571 - @container dialog-body (width >= 24rem) { 1572 - align-items: center; 1573 - } 1574 - } 1575 - .\@sm\/dialog-body\:justify-end { 1576 - @container dialog-body (width >= 24rem) { 1577 - justify-content: flex-end; 1578 - } 1579 - } 1580 - .\@sm\/dialog-body\:justify-start { 1581 - @container dialog-body (width >= 24rem) { 1582 - justify-content: flex-start; 1583 - } 1584 - } 1585 - .\[\&\:\:-webkit-details-marker\]\:hidden { 1586 - &::-webkit-details-marker { 1587 - display: none; 1588 - } 1589 - } 1590 - } 1591 - @keyframes spin-linear { 1592 - 100% { 1593 - transform: rotate(360deg); 1594 - } 1595 - } 1596 - @keyframes spin-swing { 1597 - 0% { 1598 - transform: rotate(-135deg); 1599 - } 1600 - 50% { 1601 - transform: rotate(0deg); 1602 - } 1603 - 100% { 1604 - transform: rotate(225deg); 1605 - } 1606 - } 1607 - @keyframes spin-start { 1608 - 0%, 100% { 1609 - transform: rotate(0deg); 1610 - } 1611 - 50% { 1612 - transform: rotate(-80deg); 1613 - } 1614 - } 1615 - @keyframes spin-end { 1616 - 0%, 100% { 1617 - transform: rotate(0deg); 1618 - } 1619 - 50% { 1620 - transform: rotate(70deg); 1621 - } 1622 - } 1623 - :root { 1624 - --color-background-overlay: rgba(0, 0, 0, 0.4); 1625 - --color-brand-background-active: #0c3b5e; 1626 - --color-brand-background-hover: #115ea3; 1627 - --color-brand-background: #0f6cbd; 1628 - --color-brand-stroke-1: #0f6cbd; 1629 - --color-brand-stroke-2: #b4d6fa; 1630 - --color-compound-brand-background-active: #0f548c; 1631 - --color-compound-brand-background-hover: #115ea3; 1632 - --color-compound-brand-background: #0f6cbd; 1633 - --color-compound-brand-foreground-1-active: #0f548c; 1634 - --color-compound-brand-foreground-1-hover: #115ea3; 1635 - --color-compound-brand-foreground-1: #0f6cbd; 1636 - --color-compound-brand-stroke-active: #0f548c; 1637 - --color-compound-brand-stroke-hover: #115ea3; 1638 - --color-compound-brand-stroke: #0f6cbd; 1639 - --color-neutral-background-1-active: #e0e0e0; 1640 - --color-neutral-background-1-hover: #f5f5f5; 1641 - --color-neutral-background-1-selected: #ebebeb; 1642 - --color-neutral-background-1: #ffffff; 1643 - --color-neutral-background-2: #fafafa; 1644 - --color-neutral-background-3: #f5f5f5; 1645 - --color-neutral-background-disabled: #f0f0f0; 1646 - --color-neutral-foreground-1-active: #242424; 1647 - --color-neutral-foreground-1-hover: #242424; 1648 - --color-neutral-foreground-1: #242424; 1649 - --color-neutral-foreground-2-active: #242424; 1650 - --color-neutral-foreground-2-brand-hover: #0f6cbd; 1651 - --color-neutral-foreground-2-brand-pressed: #115ea3; 1652 - --color-neutral-foreground-2-brand-selected: #0f6cbd; 1653 - --color-neutral-foreground-2-hover: #242424; 1654 - --color-neutral-foreground-2: #424242; 1655 - --color-neutral-foreground-3-active: #242424; 1656 - --color-neutral-foreground-3-hover: #424242; 1657 - --color-neutral-foreground-3: #616161; 1658 - --color-neutral-foreground-disabled: #bdbdbd; 1659 - --color-neutral-foreground-inverted: #ffffff; 1660 - --color-neutral-foreground-on-brand: #ffffff; 1661 - --color-neutral-stroke-1-active: #b3b3b3; 1662 - --color-neutral-stroke-1-hover: #c7c7c7; 1663 - --color-neutral-stroke-1: #d1d1d1; 1664 - --color-neutral-stroke-2: #e0e0e0; 1665 - --color-neutral-stroke-accessible-active: #4d4d4d; 1666 - --color-neutral-stroke-accessible-hover: #575757; 1667 - --color-neutral-stroke-accessible: #616161; 1668 - --color-neutral-stroke-disabled: #e0e0e0; 1669 - --color-status-danger-background-1: #fdf3f4; 1670 - --color-status-danger-border-1: #eeacb2; 1671 - --color-status-danger-foreground-1: #b10e1c; 1672 - --color-status-success-background-1: #f1faf1; 1673 - --color-status-success-border-1: #9fd89f; 1674 - --color-status-success-foreground-1: #0e700e; 1675 - --color-status-warning-background-1: #fff9f5; 1676 - --color-status-warning-border-1: #fdcfb4; 1677 - --color-status-warning-foreground-3: #bc4b09; 1678 - --color-stroke-focus-2: #000000; 1679 - --color-subtle-background-active: #e0e0e0; 1680 - --color-subtle-background-hover: #f5f5f5; 1681 - --color-subtle-background: transparent; 1682 - --shadow-2: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14); 1683 - --shadow-4: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14); 1684 - --shadow-8: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14); 1685 - --shadow-16: 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14); 1686 - --shadow-28: 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14); 1687 - --shadow-64: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14); 1688 - @media (prefers-color-scheme: dark) { 1689 - --color-background-overlay: rgba(0, 0, 0, 0.5); 1690 - --color-brand-background-active: #0c3b5e; 1691 - --color-brand-background-hover: #0f6cbd; 1692 - --color-brand-background: #115ea3; 1693 - --color-brand-stroke-1: #479ef5; 1694 - --color-brand-stroke-2: #0e4775; 1695 - --color-compound-brand-background-active: #2886de; 1696 - --color-compound-brand-background-hover: #62abf5; 1697 - --color-compound-brand-background: #479ef5; 1698 - --color-compound-brand-foreground-1-active: #2886de; 1699 - --color-compound-brand-foreground-1-hover: #62abf5; 1700 - --color-compound-brand-foreground-1: #479ef5; 1701 - --color-compound-brand-stroke-active: #2886de; 1702 - --color-compound-brand-stroke-hover: #62abf5; 1703 - --color-compound-brand-stroke: #479ef5; 1704 - --color-neutral-background-1-active: #1f1f1f; 1705 - --color-neutral-background-1-hover: #3d3d3d; 1706 - --color-neutral-background-1-selected: #383838; 1707 - --color-neutral-background-1: #292929; 1708 - --color-neutral-background-2: #1f1f1f; 1709 - --color-neutral-background-3: #141414; 1710 - --color-neutral-background-disabled: #141414; 1711 - --color-neutral-foreground-1-active: #ffffff; 1712 - --color-neutral-foreground-1-hover: #ffffff; 1713 - --color-neutral-foreground-1: #ffffff; 1714 - --color-neutral-foreground-2-active: #ffffff; 1715 - --color-neutral-foreground-2-brand-hover: #479ef5; 1716 - --color-neutral-foreground-2-brand-pressed: #2886de; 1717 - --color-neutral-foreground-2-brand-selected: #479ef5; 1718 - --color-neutral-foreground-2-hover: #ffffff; 1719 - --color-neutral-foreground-2: #d6d6d6; 1720 - --color-neutral-foreground-3-active: #d6d6d6; 1721 - --color-neutral-foreground-3-hover: #d6d6d6; 1722 - --color-neutral-foreground-3: #adadad; 1723 - --color-neutral-foreground-disabled: #5c5c5c; 1724 - --color-neutral-foreground-inverted: #242424; 1725 - --color-neutral-foreground-on-brand: #ffffff; 1726 - --color-neutral-stroke-1-active: #6b6b6b; 1727 - --color-neutral-stroke-1-hover: #757575; 1728 - --color-neutral-stroke-1: #666666; 1729 - --color-neutral-stroke-2: #525252; 1730 - --color-neutral-stroke-accessible-active: #b3b3b3; 1731 - --color-neutral-stroke-accessible-hover: #bdbdbd; 1732 - --color-neutral-stroke-accessible: #adadad; 1733 - --color-neutral-stroke-disabled: #424242; 1734 - --color-status-danger-background-1: #3b0509; 1735 - --color-status-danger-border-1: #c50f1f; 1736 - --color-status-danger-foreground-1: #dc626d; 1737 - --color-status-success-background-1: #052505; 1738 - --color-status-success-border-1: #107c10; 1739 - --color-status-success-foreground-1: #54b054; 1740 - --color-status-warning-background-1: #4a1e04; 1741 - --color-status-warning-border-1: #f7630c; 1742 - --color-status-warning-foreground-3: #f98845; 1743 - --color-stroke-focus-2: #ffffff; 1744 - --color-subtle-background-active: #2e2e2e; 1745 - --color-subtle-background-hover: #383838; 1746 - --color-subtle-background: transparent; 1747 - --shadow-2: 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 2px rgba(0, 0, 0, 0.28); 1748 - --shadow-4: 0 0 2px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.28); 1749 - --shadow-8: 0 0 2px rgba(0, 0, 0, 0.24), 0 4px 8px rgba(0, 0, 0, 0.28); 1750 - --shadow-16: 0 0 2px rgba(0, 0, 0, 0.24), 0 8px 16px rgba(0, 0, 0, 0.28); 1751 - --shadow-28: 0 0 8px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.28); 1752 - --shadow-64: 0 0 8px rgba(0, 0, 0, 0.24), 0 32px 64px rgba(0, 0, 0, 0.28); 1753 - } 1754 - } 1755 - @layer base { 1756 - :where(body) { 1757 - background: var(--color-neutral-background-2); 1758 - color: var(--color-neutral-foreground-1); 1759 - color-scheme: light dark; 1760 - } 1761 - :where(body:has(dialog:modal)) { 1762 - overflow: hidden; 1763 - } 1764 - } 1765 - @property --tw-rotate-x { 1766 - syntax: "*"; 1767 - inherits: false; 1768 - } 1769 - @property --tw-rotate-y { 1770 - syntax: "*"; 1771 - inherits: false; 1772 - } 1773 - @property --tw-rotate-z { 1774 - syntax: "*"; 1775 - inherits: false; 1776 - } 1777 - @property --tw-skew-x { 1778 - syntax: "*"; 1779 - inherits: false; 1780 - } 1781 - @property --tw-skew-y { 1782 - syntax: "*"; 1783 - inherits: false; 1784 - } 1785 - @property --tw-divide-y-reverse { 1786 - syntax: "*"; 1787 - inherits: false; 1788 - initial-value: 0; 1789 - } 1790 - @property --tw-border-style { 1791 - syntax: "*"; 1792 - inherits: false; 1793 - initial-value: solid; 1794 - } 1795 - @property --tw-font-weight { 1796 - syntax: "*"; 1797 - inherits: false; 1798 - } 1799 - @property --tw-shadow { 1800 - syntax: "*"; 1801 - inherits: false; 1802 - initial-value: 0 0 #0000; 1803 - } 1804 - @property --tw-shadow-color { 1805 - syntax: "*"; 1806 - inherits: false; 1807 - } 1808 - @property --tw-shadow-alpha { 1809 - syntax: "<percentage>"; 1810 - inherits: false; 1811 - initial-value: 100%; 1812 - } 1813 - @property --tw-inset-shadow { 1814 - syntax: "*"; 1815 - inherits: false; 1816 - initial-value: 0 0 #0000; 1817 - } 1818 - @property --tw-inset-shadow-color { 1819 - syntax: "*"; 1820 - inherits: false; 1821 - } 1822 - @property --tw-inset-shadow-alpha { 1823 - syntax: "<percentage>"; 1824 - inherits: false; 1825 - initial-value: 100%; 1826 - } 1827 - @property --tw-ring-color { 1828 - syntax: "*"; 1829 - inherits: false; 1830 - } 1831 - @property --tw-ring-shadow { 1832 - syntax: "*"; 1833 - inherits: false; 1834 - initial-value: 0 0 #0000; 1835 - } 1836 - @property --tw-inset-ring-color { 1837 - syntax: "*"; 1838 - inherits: false; 1839 - } 1840 - @property --tw-inset-ring-shadow { 1841 - syntax: "*"; 1842 - inherits: false; 1843 - initial-value: 0 0 #0000; 1844 - } 1845 - @property --tw-ring-inset { 1846 - syntax: "*"; 1847 - inherits: false; 1848 - } 1849 - @property --tw-ring-offset-width { 1850 - syntax: "<length>"; 1851 - inherits: false; 1852 - initial-value: 0px; 1853 - } 1854 - @property --tw-ring-offset-color { 1855 - syntax: "*"; 1856 - inherits: false; 1857 - initial-value: #fff; 1858 - } 1859 - @property --tw-ring-offset-shadow { 1860 - syntax: "*"; 1861 - inherits: false; 1862 - initial-value: 0 0 #0000; 1863 - } 1864 - @property --tw-outline-style { 1865 - syntax: "*"; 1866 - inherits: false; 1867 - initial-value: solid; 1868 - } 1869 - @property --tw-duration { 1870 - syntax: "*"; 1871 - inherits: false; 1872 - } 1873 - @property --tw-ease { 1874 - syntax: "*"; 1875 - inherits: false; 1876 - } 1877 - @layer properties { 1878 - @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { 1879 - *, ::before, ::after, ::backdrop { 1880 - --tw-rotate-x: initial; 1881 - --tw-rotate-y: initial; 1882 - --tw-rotate-z: initial; 1883 - --tw-skew-x: initial; 1884 - --tw-skew-y: initial; 1885 - --tw-divide-y-reverse: 0; 1886 - --tw-border-style: solid; 1887 - --tw-font-weight: initial; 1888 - --tw-shadow: 0 0 #0000; 1889 - --tw-shadow-color: initial; 1890 - --tw-shadow-alpha: 100%; 1891 - --tw-inset-shadow: 0 0 #0000; 1892 - --tw-inset-shadow-color: initial; 1893 - --tw-inset-shadow-alpha: 100%; 1894 - --tw-ring-color: initial; 1895 - --tw-ring-shadow: 0 0 #0000; 1896 - --tw-inset-ring-color: initial; 1897 - --tw-inset-ring-shadow: 0 0 #0000; 1898 - --tw-ring-inset: initial; 1899 - --tw-ring-offset-width: 0px; 1900 - --tw-ring-offset-color: #fff; 1901 - --tw-ring-offset-shadow: 0 0 #0000; 1902 - --tw-outline-style: solid; 1903 - --tw-duration: initial; 1904 - --tw-ease: initial; 1905 - } 1906 - } 1907 - }