Underground-Digital/Workflow-Engine

1@import "preflight.css";2@tailwind base;3@tailwind components;4 5@import '../../themes/light.css';6@import '../../themes/dark.css';7 8html[data-changing-theme] * {9  transition: none !important;10}11 12:root {13  --max-width: 1100px;14  --border-radius: 12px;15  --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",16    "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",17    "Fira Mono", "Droid Sans Mono", "Courier New", monospace;18 19  --foreground-rgb: 0, 0, 0;20  --background-start-rgb: 214, 219, 220;21  --background-end-rgb: 255, 255, 255;22 23  --primary-glow: conic-gradient(from 180deg at 50% 50%,24      #16abff33 0deg,25      #0885ff33 55deg,26      #54d6ff33 120deg,27      #0071ff33 160deg,28      transparent 360deg);29  --secondary-glow: radial-gradient(rgba(255, 255, 255, 1),30      rgba(255, 255, 255, 0));31 32  --tile-start-rgb: 239, 245, 249;33  --tile-end-rgb: 228, 232, 233;34  --tile-border: conic-gradient(#00000080,35      #00000040,36      #00000030,37      #00000020,38      #00000010,39      #00000010,40      #00000080);41 42  --callout-rgb: 238, 240, 241;43  --callout-border-rgb: 172, 175, 176;44  --card-rgb: 180, 185, 188;45  --card-border-rgb: 131, 134, 135;46}47 48/* @media (prefers-color-scheme: dark) {49  :root {50    --foreground-rgb: 255, 255, 255;51    --background-start-rgb: 0, 0, 0;52    --background-end-rgb: 0, 0, 0;53 54    --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));55    --secondary-glow: linear-gradient(to bottom right,56        rgba(1, 65, 255, 0),57        rgba(1, 65, 255, 0),58        rgba(1, 65, 255, 0.3));59 60    --tile-start-rgb: 2, 13, 46;61    --tile-end-rgb: 2, 5, 19;62    --tile-border: conic-gradient(#ffffff80,63        #ffffff40,64        #ffffff30,65        #ffffff20,66        #ffffff10,67        #ffffff10,68        #ffffff80);69 70    --callout-rgb: 20, 20, 20;71    --callout-border-rgb: 108, 108, 108;72    --card-rgb: 100, 100, 100;73    --card-border-rgb: 200, 200, 200;74  }75} */76 77* {78  box-sizing: border-box;79  padding: 0;80  margin: 0;81}82 83html,84body {85  max-width: 100vw;86  overflow: hidden;87}88 89body {90  color: rgb(var(--foreground-rgb));91  user-select: none;92  /* background: linear-gradient(93      to bottom,94      transparent,95      rgb(var(--background-end-rgb))96    )97    rgb(var(--background-start-rgb)); */98}99 100a {101  color: inherit;102  text-decoration: none;103  outline: none;104}105 106button:focus-within {107  outline: none;108}109 110/* @media (prefers-color-scheme: dark) {111  html {112    color-scheme: dark;113  }114} */115 116/* CSS Utils */117.h1 {118  padding-bottom: 1.5rem;119  line-height: 1.5;120  font-size: 1.125rem;121  color: #111928;122}123 124.h2 {125  font-size: 14px;126  font-weight: 500;127  color: #111928;128  line-height: 1.5;129}130 131/* font define start */132.system-kbd {133  font-size: 12px;134  font-weight: 500;135  line-height: 16px;136}137 138.system-2xs-regular-uppercase {139  font-size: 10px;140  font-weight: 400;141  text-transform: uppercase;142  line-height: 12px;143}144 145.system-2xs-regular {146  font-size: 10px;147  font-weight: 400;148  line-height: 12px;149}150 151.system-2xs-medium {152  font-size: 10px;153  font-weight: 500;154  line-height: 12px;155}156 157.system-2xs-medium-uppercase {158  font-size: 10px;159  font-weight: 500;160  text-transform: uppercase;161  line-height: 12px;162}163 164.system-2xs-semibold-uppercase {165  font-size: 10px;166  font-weight: 600;167  text-transform: uppercase;168  line-height: 12px;169}170 171.system-xs-regular {172  font-size: 12px;173  font-weight: 400;174  line-height: 16px;175}176 177.system-xs-regular-uppercase {178  font-size: 12px;179  font-weight: 400;180  text-transform: uppercase;181  line-height: 16px;182}183 184.system-xs-medium {185  font-size: 12px;186  font-weight: 500;187  line-height: 16px;188}189 190.system-xs-medium-uppercase {191  font-size: 12px;192  font-weight: 500;193  text-transform: uppercase;194  line-height: 16px;195}196 197.system-xs-semibold {198  font-size: 12px;199  font-weight: 600;200  line-height: 16px;201}202 203.system-xs-semibold-uppercase {204  font-size: 12px;205  font-weight: 600;206  text-transform: uppercase;207  line-height: 16px;208}209 210.system-sm-regular {211  font-size: 13px;212  font-weight: 400;213  line-height: 16px;214}215 216.system-sm-medium {217  font-size: 13px;218  font-weight: 500;219  line-height: 16px;220}221 222.system-sm-medium-uppercase {223  font-size: 13px;224  font-weight: 500;225  text-transform: uppercase;226  line-height: 16px;227}228 229.system-sm-semibold {230  font-size: 13px;231  font-weight: 600;232  line-height: 16px;233}234 235.system-sm-semibold-uppercase {236  font-size: 13px;237  font-weight: 600;238  text-transform: uppercase;239  line-height: 16px;240}241 242.system-md-regular {243  font-size: 14px;244  font-weight: 400;245  line-height: 20px;246}247 248.system-md-medium {249  font-size: 14px;250  font-weight: 500;251  line-height: 20px;252}253 254.system-md-semibold {255  font-size: 14px;256  font-weight: 600;257  line-height: 20px;258}259 260.system-md-semibold-uppercase {261  font-size: 14px;262  font-weight: 600;263  text-transform: uppercase;264  line-height: 20px;265}266 267.system-xl-regular {268  font-size: 16px;269  font-weight: 400;270  line-height: 24px;271}272 273.system-xl-medium {274  font-size: 16px;275  font-weight: 500;276  line-height: 24px;277}278 279.system-xl-semibold {280  font-size: 16px;281  font-weight: 600;282  line-height: 24px;283}284 285[class*='code-'] {286  @apply font-mono;287}288 289.code-xs-regular {290  font-size: 12px;291  font-weight: 400;292  line-height: 1.5;293}294 295.code-xs-semibold {296  font-size: 12px;297  font-weight: 600;298  line-height: 1.5;299}300 301.code-sm-regular {302  font-size: 13px;303  font-weight: 400;304  line-height: 1.5;305}306 307.code-sm-semibold {308  font-size: 13px;309  font-weight: 600;310  line-height: 1.5;311}312 313.code-md-regular {314  font-size: 14px;315  font-weight: 400;316  line-height: 1.5;317}318 319.code-md-semibold {320  font-size: 14px;321  font-weight: 600;322  line-height: 1.5;323}324 325.body-xs-light {326  font-size: 12px;327  font-weight: 300;328  line-height: 16px;329}330 331.body-xs-regular {332  font-size: 12px;333  font-weight: 400;334  line-height: 16px;335}336 337.body-xs-medium {338  font-size: 12px;339  font-weight: 500;340  line-height: 16px;341}342 343.body-sm-light {344  font-size: 13px;345  font-weight: 300;346  line-height: 16px;347}348 349.body-sm-regular {350  font-size: 13px;351  font-weight: 400;352  line-height: 16px;353}354 355.body-sm-medium {356  font-size: 13px;357  font-weight: 500;358  line-height: 16px;359}360 361.body-md-light {362  font-size: 14px;363  font-weight: 300;364  line-height: 20px;365}366 367.body-md-regular {368  font-size: 14px;369  font-weight: 400;370  line-height: 20px;371}372 373.body-md-medium {374  font-size: 14px;375  font-weight: 500;376  line-height: 20px;377}378 379.body-lg-light {380  font-size: 15px;381  font-weight: 300;382  line-height: 20px;383}384 385.body-lg-regular {386  font-size: 15px;387  font-weight: 400;388  line-height: 20px;389}390 391.body-lg-medium {392  font-size: 15px;393  font-weight: 500;394  line-height: 20px;395}396 397.body-xl-regular {398  font-size: 16px;399  font-weight: 400;400  line-height: 24px;401}402 403.body-xl-medium {404  font-size: 16px;405  font-weight: 500;406  line-height: 24px;407}408 409.body-xl-light {410  font-size: 16px;411  font-weight: 300;412  line-height: 24px;413}414 415.body-2xl-light {416  font-size: 18px;417  font-weight: 300;418  line-height: 1.5;419}420 421.body-2xl-regular {422  font-size: 18px;423  font-weight: 400;424  line-height: 1.5;425}426 427.body-2xl-medium {428  font-size: 18px;429  font-weight: 500;430  line-height: 1.5;431}432 433.title-xs-semi-bold {434  font-size: 12px;435  font-weight: 600;436  line-height: 16px;437}438 439.title-xs-bold {440  font-size: 12px;441  font-weight: 700;442  line-height: 16px;443}444 445.title-sm-semi-bold {446  font-size: 13px;447  font-weight: 600;448  line-height: 16px;449}450 451.title-sm-bold {452  font-size: 13px;453  font-weight: 700;454  line-height: 16px;455}456 457.title-md-semi-bold {458  font-size: 14px;459  font-weight: 600;460  line-height: 20px;461}462 463.title-md-bold {464  font-size: 14px;465  font-weight: 700;466  line-height: 20px;467}468 469.title-lg-semi-bold {470  font-size: 15px;471  font-weight: 600;472  line-height: 1.2;473}474 475.title-lg-bold {476  font-size: 15px;477  font-weight: 700;478  line-height: 1.2;479}480 481.title-xl-semi-bold {482  font-size: 16px;483  font-weight: 600;484  line-height: 1.2;485}486 487.title-xl-bold {488  font-size: 16px;489  font-weight: 700;490  line-height: 1.2;491}492 493.title-2xl-semi-bold {494  font-size: 18px;495  font-weight: 600;496  line-height: 1.2;497}498 499.title-2xl-bold {500  font-size: 18px;501  font-weight: 700;502  line-height: 1.2;503}504 505.title-3xl-semi-bold {506  font-size: 20px;507  font-weight: 600;508  line-height: 1.2;509}510 511.title-3xl-bold {512  font-size: 20px;513  font-weight: 700;514  line-height: 1.2;515}516 517.title-4xl-semi-bold {518  font-size: 24px;519  font-weight: 600;520  line-height: 1.2;521}522 523.title-4xl-bold {524  font-size: 24px;525  font-weight: 700;526  line-height: 1.2;527}528 529.title-5xl-semi-bold {530  font-size: 30px;531  font-weight: 600;532  line-height: 1.2;533}534 535.title-5xl-bold {536  font-size: 30px;537  font-weight: 700;538  line-height: 1.2;539}540 541.title-6xl-semi-bold {542  font-size: 36px;543  font-weight: 600;544  line-height: 1.2;545}546 547.title-6xl-bold {548  font-size: 36px;549  font-weight: 700;550  line-height: 1.2;551}552 553.title-7xl-semi-bold {554  font-size: 48px;555  font-weight: 600;556  line-height: 1.2;557}558 559.title-7xl-bold {560  font-size: 48px;561  font-weight: 700;562  line-height: 1.2;563}564 565.title-8xl-semi-bold {566  font-size: 60px;567  font-weight: 600;568  line-height: 1.2;569}570 571.title-8xl-bold {572  font-size: 60px;573  font-weight: 700;574  line-height: 1.2;575}576 577/* font define end */578 579/* border radius start */580.radius-2xs {581  border-radius: 2px;582}583 584.radius-xs {585  border-radius: 4px;586}587 588.radius-sm {589  border-radius: 6px;590}591 592.radius-md {593  border-radius: 8px;594}595 596.radius-lg {597  border-radius: 10px;598}599 600.radius-xl {601  border-radius: 12px;602}603 604.radius-2xl {605  border-radius: 16px;606}607 608.radius-3xl {609  border-radius: 20px;610}611 612.radius-4xl {613  border-radius: 24px;614}615 616.radius-5xl {617  border-radius: 24px;618}619 620.radius-6xl {621  border-radius: 28px;622}623 624.radius-7xl {625  border-radius: 32px;626}627 628.radius-8xl {629  border-radius: 40px;630}631 632.radius-9xl {633  border-radius: 48px;634}635 636.radius-full {637  border-radius: 64px;638}639 640/* border radius end */641 642.link {643  @apply text-blue-600 cursor-pointer hover:opacity-80 transition-opacity duration-200 ease-in-out;644}645 646.text-gradient {647  background: linear-gradient(91.58deg, #2250F2 -29.55%, #0EBCF3 75.22%);648  -webkit-background-clip: text;649  -webkit-text-fill-color: transparent;650  background-clip: text;651  text-fill-color: transparent;652}653 654/* overwrite paging active dark model style  */655[class*=style_paginatio] li .text-primary-600 {656  color: rgb(28 100 242);657  background-color: rgb(235 245 255);658}659 660/* support safari 14 and below */661.inset-0 {662  left: 0;663  right: 0;664  top: 0;665  bottom: 0;666}667 668@import '../components/base/button/index.css';669@import '../components/base/action-button/index.css';670@import '../components/base/modal/index.css';671 672@tailwind utilities;