border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.rounded-bl-lg {
border-bottom-left-radius: 8px;
}
.rounded-br-lg {
border-bottom-right-radius: 8px;
}
.border {
border-width: 1px;
}
.border-2 {
border-width: 2px;
}
.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-b-2 {
border-bottom-width: 2px;
}
.border-l {
border-left-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-r-0 {
border-right-width: 0px;
}
.border-t {
border-top-width: 1px;
}
.border-dashed {
border-style: dashed;
}
.border-none {
border-style: none;
}
.border-accent {
--tw-border-opacity: 1;
border-color: rgb(var(--color-accent) / var(--tw-border-opacity));
}
.border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-cyan-200 {
--tw-border-opacity: 1;
border-color: rgb(165 243 252 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(228 228 231 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
.border-green-200 {
--tw-border-opacity: 1;
border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.border-lime-200 {
--tw-border-opacity: 1;
border-color: rgb(217 249 157 / var(--tw-border-opacity));
}
.border-orange-200 {
--tw-border-opacity: 1;
border-color: rgb(254 215 170 / var(--tw-border-opacity));
}
.border-red-200 {
--tw-border-opacity: 1;
border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-yellow-200 {
--tw-border-opacity: 1;
border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.bg-accent {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-accent) / var(--tw-bg-opacity));
}
.bg-amber-200 {
--tw-bg-opacity: 1;
background-color: rgb(253 230 138 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-200 {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.bg-blue-300 {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-600 {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.bg-cyan-200 {
--tw-bg-opacity: 1;
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
.bg-green-300 {
--tw-bg-opacity: 1;
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
.bg-indigo-200 {
--tw-bg-opacity: 1;
background-color: rgb(199 210 254 / var(--tw-bg-opacity));
}
.bg-indigo-500 {
--tw-bg-opacity: 1;
background-color: rgb(99 102 241 / var(--tw-bg-opacity));
}
.bg-lime-200 {
--tw-bg-opacity: 1;
background-color: rgb(217 249 157 / var(--tw-bg-opacity));
}
.bg-orange-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
}
.bg-red-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
.bg-red-300 {
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-sky-200 {
--tw-bg-opacity: 1;
background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-200 {
--tw-bg-opacity: 1;
background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}
.bg-opacity-10 {
--tw-bg-opacity: 0.1;
}
.bg-opacity-20 {
--tw-bg-opacity: 0.2;
}
.bg-opacity-30 {
--tw-bg-opacity: 0.3;
}
.bg-opacity-5 {
--tw-bg-opacity: 0.05;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-75 {
--tw-bg-opacity: 0.75;
}
.bg-scroll {
background-attachment: scroll;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-blue-200 {
fill: #bfdbfe;
}
.fill-cyan-200 {
fill: #a5f3fc;
}
.fill-green-200 {
fill: #bbf7d0;
}
.fill-lime-200 {
fill: #d9f99d;
}
.fill-orange-200 {
fill: #fed7aa;
}
.fill-red-200 {
fill: #fecaca;
}
.fill-yellow-200 {
fill: #fef08a;
}
.\!p-0 {
padding: 0px !important;
}
.p-0 {
padding: 0px;
}
.p-0\.5 {
padding: 2px;
}
.p-1 {
padding: 4px;
}
.p-2 {
padding: 8px;
}
.p-3 {
padding: 12px;
}
.p-4 {
padding: 16px;
}
.p-5 {
padding: 20px;
}
.\!px-3 {
padding-left: 12px !important;
padding-right: 12px !important;
}
.\!py-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.px-1 {
padding-left: 4px;
padding-right: 4px;
}
.px-2 {
padding-left: 8px;
padding-right: 8px;
}
.px-3 {
padding-left: 12px;
padding-right: 12px;
}
.px-4 {
padding-left: 16px;
padding-right: 16px;
}
.px-5 {
padding-left: 20px;
padding-right: 20px;
}
.py-1 {
padding-top: 4px;
padding-bottom: 4px;
}
.py-12 {
padding-top: 48px;
padding-bottom: 48px;
}
.py-16 {
padding-top: 64px;
padding-bottom: 64px;
}
.py-2 {
padding-top: 8px;
padding-bottom: 8px;
}
.py-3 {
padding-top: 12px;
padding-bottom: 12px;
}
.py-4 {
padding-top: 16px;
padding-bottom: 16px;
}
.py-6 {
padding-top: 24px;
padding-bottom: 24px;
}
.py-8 {
padding-top: 32px;
padding-bottom: 32px;
}
.py-px {
padding-top: 1px;
padding-bottom: 1px;
}
.pb-1 {
padding-bottom: 4px;
}
.pb-2 {
padding-bottom: 8px;
}
.pb-4 {
padding-bottom: 16px;
}
.pb-5 {
padding-bottom: 20px;
}
.pb-8 {
padding-bottom: 32px;
}
.pl-1 {
padding-left: 4px;
}
.pl-10 {
padding-left: 40px;
}
.pl-14 {
padding-left: 56px;
}
.pl-16 {
padding-left: 64px;
}
.pl-2 {
padding-left: 8px;
}
.pl-4 {
padding-left: 16px;
}
.pl-6 {
padding-left: 24px;
}
.pl-8 {
padding-left: 32px;
}
.pl-\[28px\] {
padding-left: 28px;
}
.pr-10 {
padding-right: 40px;
}
.pr-4 {
padding-right: 16px;
}
.pt-1 {
padding-top: 4px;
}
.pt-2 {
padding-top: 8px;
}
.pt-24 {
padding-top: 96px;
}
.pt-4 {
padding-top: 16px;
}
.pt-8 {
padding-top: 32px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.align-baseline {
vertical-align: baseline;
}
.align-middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.align-text-top {
vertical-align: text-top;
}
.align-text-bottom {
vertical-align: text-bottom;
}
.align-sub {
vertical-align: sub;
}
.font-mono {
font-family: Source Code Pro, monospace;
}
.text-2xl {
font-size: 24px;
line-height: 32px;
}
.text-3xl {
font-size: 30px;
line-height: 36px;
}
.text-base {
font-size: 16px;
line-height: 24px;
}
.text-lg {
font-size: 18px;
line-height: 28px;
}
.text-sm {
font-size: 14px;
line-height: 20px;
}
.text-xl {
font-size: 20px;
line-height: 28px;
}
.text-xs {
font-size: 12px;
line-height: 16px;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.\!capitalize {
text-transform: capitalize !important;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none {
line-height: 1;
}
.leading-normal {
line-height: 1.5;
}
.leading-tight {
line-height: 1.25;
}
.text-accent {
--tw-text-opacity: 1;
color: rgb(var(--color-accent) / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-300 {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(244 244 245 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(228 228 231 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(161 161 170 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(113 113 122 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(82 82 91 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(63 63 70 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(39 39 42 / var(--tw-text-opacity));
}
.text-green-400 {
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(var(--color-primary) / var(--tw-text-opacity));
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-400 {
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity));
}
.text-yellow-500 {
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.opacity-0 {
opacity: 0;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-75 {
opacity: 0.75;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
outline-style: solid;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-accent {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(var(--color-accent) / var(--tw-ring-opacity));
}
.ring-red-400 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.hoverable:hover {
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
:is(.dark .hoverable:hover) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
.bg-input {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
.bg-input:hover {
--tw-bg-opacity: 0.1;
}
:is(.dark .bg-input) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
:is(.dark .bg-input:hover) {
--tw-bg-opacity: 0.1;
}
.bg-box-transparent {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
:is(.dark .bg-box-transparent) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
.bg-box-transparent-2 {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
:is(.dark .bg-box-transparent-2) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
:host, :root {
--color-primary: 59 130 246;
--color-secondary: 96 165 250;
--color-accent: 24 24 27;
}
.dark {
--color-primary: 96 165 250;
--color-secondary: 59 130 246;
--color-accent: 244 244 245;
}
:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
html.dark {
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
body, :host {
font-family: 'Inter var' !important;
font-size: 16px !important;
font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
line-height: 1.5;
}
:is(.dark body), :is(.dark :host) {
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
table th,
table td {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
}
input:focus,
button:focus,
textarea:focus,
select:focus,
[role='button']:focus {
outline: none;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(var(--color-accent) / var(--tw-ring-opacity));
}
:is(.dark input:focus), :is(.dark
button:focus), :is(.dark
textarea:focus), :is(.dark
select:focus), :is(.dark
[role='button']:focus) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-table thead {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
:is(.dark .custom-table thead) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.05;
}
.custom-table thead th {
font-weight: 600;
}
.custom-table thead th:first-child {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.custom-table thead th:last-child {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.custom-table tbody > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
pre {
font-size: 15px;
}
.scroll::-webkit-scrollbar, .scroll .cm-scroller::-webkit-scrollbar {
width: 7px;
height: 9px;
}
.scroll::-webkit-scrollbar-thumb, .scroll .cm-scroller::-webkit-scrollbar-thumb {
--tw-bg-opacity: 1;
background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
:is(.dark .scroll)::-webkit-scrollbar-thumb, :is(.dark .scroll .cm-scroller)::-webkit-scrollbar-thumb {
--tw-bg-opacity: 1;
background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.scroll::-webkit-scrollbar-thumb, .scroll .cm-scroller::-webkit-scrollbar-thumb {
border-radius: 8px;
}
.scroll::-webkit-scrollbar-track, .scroll .cm-scroller::-webkit-scrollbar-track {
background: transparent;
}
.scroll.scroll-xs::-webkit-scrollbar, .scroll .cm-scroller.scroll-xs::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.tippy-box[data-theme~='tooltip-theme'] {
border-radius: 6px;
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
line-height: 20px;
--tw-text-opacity: 1;
color: rgb(228 228 231 / var(--tw-text-opacity));
}
:is(.dark .tippy-box[data-theme~='tooltip-theme']) {
--tw-bg-opacity: 1;
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.Vue-Toastification__toast {
font-family: inherit !important;
}
.ProseMirror > * + * {
margin-top: 0.75em;
}
.ProseMirror img {
max-width: 100%;
height: auto;
}
.ProseMirror img.ProseMirror-selectednode {
outline: 3px solid #68CEF8;
}
.input-label {
margin-left: 4px;
font-size: 14px;
line-height: 20px;
--tw-text-opacity: 1;
color: rgb(82 82 91 / var(--tw-text-opacity));
}
:is(.dark .input-label) {
--tw-text-opacity: 1;
color: rgb(228 228 231 / var(--tw-text-opacity));
}
:is(.dark .dark\:prose-invert) {
--tw-prose-body: var(--tw-prose-invert-body);
--tw-prose-headings: var(--tw-prose-invert-headings);
--tw-prose-lead: var(--tw-prose-invert-lead);
--tw-prose-links: var(--tw-prose-invert-links);
--tw-prose-bold: var(--tw-prose-invert-bold);
--tw-prose-counters: var(--tw-prose-invert-counters);
--tw-prose-bullets: var(--tw-prose-invert-bullets);
--tw-prose-hr: var(--tw-prose-invert-hr);
--tw-prose-quotes: var(--tw-prose-invert-quotes);
--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
--tw-prose-captions: var(--tw-prose-invert-captions);
--tw-prose-code: var(--tw-prose-invert-code);
--tw-prose-pre-code: var(--tw-prose-invert-pre-code);
--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.placeholder\:text-black::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.placeholder\:text-black::placeholder {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.focus-within\:ring-2:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-accent:focus-within {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(var(--color-accent) / var(--tw-ring-opacity));
}
.focus-within\:bg-box-transparent-2:focus-within {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
:is(.dark .focus-within\:bg-box-transparent-2:focus-within) {
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.1;
}
.hover\:-translate-y-1:hover {
--tw-translate-y: -4px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
.hover\:bg-red-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.hover\:bg-secondary:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity));
}
.hover\:text-black:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:shadow-xl:hover {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:ring-2:hover {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-accent:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(var(--color-accent) / var(--tw-ring-opacity));
}
.hover\:ring-gray-900:hover {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:ring-0:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-red-400:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
.group:hover .group-hover\:visible {
visibility: visible;
}
.group:hover .group-hover\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(63 63 70 / var(--tw-divide-opacity));
}
:is(.dark .dark\:divide-gray-800) > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(39 39 42 / var(--tw-divide-opacity));
}
:is(.dark .dark\:border-accent) {
--tw-border-opacity: 1;
border-color: rgb(var(--color-accent) / var(--tw-border-opacity));
}
:is(.dark .dark\:border-blue-300) {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-blue-400) {
--tw-border-opacity: 1;
border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-cyan-300) {
--tw-border-opacity: 1;
border-color: rgb(103 232 249 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-100) {
--tw-border-opacity: 1;
border-color: rgb(244 244 245 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-700) {
--tw-border-opacity: 1;
border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-800) {
--tw-border-opacity: 1;
border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-green-300) {
--tw-border-opacity: 1;
border-color: rgb(134 239 172 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-lime-300) {
--tw-border-opacity: 1;
border-color: rgb(190 242 100 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-orange-300) {
--tw-border-opacity: 1;
border-color: rgb(253 186 116 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-red-300) {
--tw-border-opacity: 1;
border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-transparent) {
border-color: transparent;
}
:is(.dark .dark\:border-yellow-300) {
--tw-border-opacity: 1;
border-color: rgb(253 224 71 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-opacity-40) {
--tw-border-opacity: 0.4;
}
:is(.dark .dark\:border-opacity-50) {
--tw-border-opacity: 0.5;
}
:is(.dark .dark\:bg-amber-300) {
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-blue-300) {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-cyan-300) {
--tw-bg-opacity: 1;
background-color: rgb(103 232 249 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-100) {
--tw-bg-opacity: 1;
background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-200) {
--tw-bg-opacity: 1;
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-600) {
--tw-bg-opacity: 1;
background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
--tw-bg-opacity: 1;
background-color: rgb(63 63 70 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800) {
--tw-bg-opacity: 1;
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-900) {
--tw-bg-opacity: 1;
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-200) {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-300) {
--tw-bg-opacity: 1;
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-indigo-300) {
--tw-bg-opacity: 1;
background-color: rgb(165 180 252 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-indigo-400) {
--tw-bg-opacity: 1;
background-color: rgb(129 140 248 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-lime-300) {
--tw-bg-opacity: 1;
background-color: rgb(190 242 100 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-orange-300) {
--tw-bg-opacity: 1;
background-color: rgb(253 186 116 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-200) {
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-300) {
--tw-bg-opacity: 1;
background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-400) {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-500) {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-secondary) {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-sky-300) {
--tw-bg-opacity: 1;
background-color: rgb(125 211 252 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-yellow-300) {
--tw-bg-opacity: 1;
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-opacity-10) {
--tw-bg-opacity: 0.1;
}
:is(.dark .dark\:bg-opacity-60) {
--tw-bg-opacity: 0.6;
}
:is(.dark .dark\:bg-none) {
background-image: none;
}
:is(.dark .dark\:fill-blue-300) {
fill: #93c5fd;
}
:is(.dark .dark\:fill-cyan-300) {
fill: #67e8f9;
}
:is(.dark .dark\:fill-green-300) {
fill: #86efac;
}
:is(.dark .dark\:fill-lime-300) {
fill: #bef264;
}
:is(.dark .dark\:fill-orange-300) {
fill: #fdba74;
}
:is(.dark .dark\:fill-red-300) {
fill: #fca5a5;
}
:is(.dark .dark\:fill-yellow-300) {
fill: #fde047;
}
:is(.dark .dark\:text-black) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-100) {
--tw-text-opacity: 1;
color: rgb(244 244 245 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-200) {
--tw-text-opacity: 1;
color: rgb(228 228 231 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
--tw-text-opacity: 1;
color: rgb(212 212 216 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-600) {
--tw-text-opacity: 1;
color: rgb(82 82 91 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-900) {
--tw-text-opacity: 1;
color: rgb(24 24 27 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-400) {
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-300) {
--tw-text-opacity: 1;
color: rgb(252 165 165 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-400) {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-500) {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-600) {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-secondary) {
--tw-text-opacity: 1;
color: rgb(var(--color-secondary) / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-300) {
--tw-text-opacity: 1;
color: rgb(253 224 71 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:bg-gray-200:hover) {
--tw-bg-opacity: 1;
background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-primary:hover) {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-red-500:hover) {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:text-gray-100:hover) {
--tw-text-opacity: 1;
color: rgb(244 244 245 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:ring-gray-200:hover) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
}
@media (min-width: 768px) {
.md\:relative {
position: relative;
}
.md\:-ml-1 {
margin-left: -4px;
}
.md\:mb-0 {
margin-bottom: 0px;
}
.md\:ml-0 {
margin-left: 0px;
}
.md\:ml-4 {
margin-left: 16px;
}
.md\:mt-0 {
margin-top: 0px;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:hidden {
display: none;
}
.md\:w-auto {
width: auto;
}
.md\:flex-1 {
flex: 1 1 0%;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:items-center {
align-items: center;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(16px * var(--tw-space-x-reverse));
margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
.md\:px-4 {
padding-left: 16px;
padding-right: 16px;
}
.md\:pr-60 {
padding-right: 240px;
}
.md\:text-left {
text-align: left;
}
}
@media (min-width: 1024px) {
.lg\:mb-0 {
margin-bottom: 0px;
}
.lg\:ml-8 {
margin-left: 32px;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:block {
display: block;
}
.lg\:inline-block {
display: inline-block;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:w-4\/12 {
width: 33.333333%;
}
.lg\:w-auto {
width: auto;
}
.lg\:flex-1 {
flex: 1 1 0%;
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 1536px) {
.\32xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}