Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
Cat4KIT UI Frontend
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Package Registry
Container Registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Service Desk
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Terms and privacy
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
CAT4KIT
Cat4KIT UMI
Cat4KIT UI Frontend
Commits
868d9a33
Commit
868d9a33
authored
1 year ago
by
Mostafa Hadizadeh
Browse files
Options
Downloads
Patches
Plain Diff
minor
parent
d9917964
No related branches found
Branches containing commit
No related tags found
No related merge requests found
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
dist/assets/index.d0d5a953.css
+0
-1
0 additions, 1 deletion
dist/assets/index.d0d5a953.css
dist/index.html
+2
-2
2 additions, 2 deletions
dist/index.html
src/views/Dashboard.vue
+1
-1
1 addition, 1 deletion
src/views/Dashboard.vue
with
3 additions
and
4 deletions
dist/assets/index.d0d5a953.css
deleted
100644 → 0
+
0
−
1
View file @
d9917964
*,
:before
,
:after
{
box-sizing
:
border-box
;
border-width
:
0
;
border-style
:
solid
;
border-color
:
#e5e7eb
}
:before
,
:after
{
--tw-content
:
""
}
html
{
line-height
:
1.5
;
-webkit-text-size-adjust
:
100%
;
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
;
font-family
:
Inter
,
ui-sans-serif
,
system-ui
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
Noto
Sans
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
Segoe
UI
Symbol
,
"Noto Color Emoji"
;
font-feature-settings
:
normal
;
font-variation-settings
:
normal
}
body
{
margin
:
0
;
line-height
:
inherit
}
hr
{
height
:
0
;
color
:
inherit
;
border-top-width
:
1px
}
abbr
:where
([
title
])
{
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-size
:
inherit
;
font-weight
:
inherit
}
a
{
color
:
inherit
;
text-decoration
:
inherit
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
samp
,
pre
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
table
{
text-indent
:
0
;
border-color
:
inherit
;
border-collapse
:
collapse
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-feature-settings
:
inherit
;
font-variation-settings
:
inherit
;
font-size
:
100%
;
font-weight
:
inherit
;
line-height
:
inherit
;
color
:
inherit
;
margin
:
0
;
padding
:
0
}
button
,
select
{
text-transform
:
none
}
button
,[
type
=
button
],[
type
=
reset
],[
type
=
submit
]
{
-webkit-appearance
:
button
;
background-color
:
transparent
;
background-image
:
none
}
:-moz-focusring
{
outline
:
auto
}
:-moz-ui-invalid
{
box-shadow
:
none
}
progress
{
vertical-align
:
baseline
}
::-webkit-inner-spin-button
,
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
summary
{
display
:
list-item
}
blockquote
,
dl
,
dd
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
hr
,
figure
,
p
,
pre
{
margin
:
0
}
fieldset
{
margin
:
0
;
padding
:
0
}
legend
{
padding
:
0
}
ol
,
ul
,
menu
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
dialog
{
padding
:
0
}
textarea
{
resize
:
vertical
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
input
::placeholder
,
textarea
::placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
button
,[
role
=
button
]
{
cursor
:
pointer
}
:disabled
{
cursor
:
default
}
img
,
svg
,
video
,
canvas
,
audio
,
iframe
,
embed
,
object
{
display
:
block
;
vertical-align
:
middle
}
img
,
video
{
max-width
:
100%
;
height
:
auto
}
[
hidden
]
{
display
:
none
}
[
type
=
text
],[
type
=
email
],[
type
=
url
],[
type
=
password
],[
type
=
number
],[
type
=
date
],[
type
=
datetime-local
],[
type
=
month
],[
type
=
search
],[
type
=
tel
],[
type
=
time
],[
type
=
week
],[
multiple
],
textarea
,
select
{
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
background-color
:
#fff
;
border-color
:
#6b7280
;
border-width
:
1px
;
border-radius
:
0
;
padding
:
.5rem
.75rem
;
font-size
:
1rem
;
line-height
:
1.5rem
;
--tw-shadow
:
0
0
#0000
}
[
type
=
text
]
:focus
,[
type
=
email
]
:focus
,[
type
=
url
]
:focus
,[
type
=
password
]
:focus
,[
type
=
number
]
:focus
,[
type
=
date
]
:focus
,[
type
=
datetime-local
]
:focus
,[
type
=
month
]
:focus
,[
type
=
search
]
:focus
,[
type
=
tel
]
:focus
,[
type
=
time
]
:focus
,[
type
=
week
]
:focus
,[
multiple
]
:focus
,
textarea
:focus
,
select
:focus
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
--tw-ring-inset
:
var
(
--tw-empty
,
);
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
#2563eb
;
--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
(
1px
+
var
(
--tw-ring-offset-width
))
var
(
--tw-ring-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
),
var
(
--tw-ring-shadow
),
var
(
--tw-shadow
);
border-color
:
#2563eb
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
color
:
#6b7280
;
opacity
:
1
}
input
::placeholder
,
textarea
::placeholder
{
color
:
#6b7280
;
opacity
:
1
}
::-webkit-datetime-edit-fields-wrapper
{
padding
:
0
}
::-webkit-date-and-time-value
{
min-height
:
1.5em
}
::-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
{
padding-top
:
0
;
padding-bottom
:
0
}
select
{
background-image
:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
;
background-position
:
right
.5rem
center
;
background-repeat
:
no-repeat
;
background-size
:
1.5em
1.5em
;
padding-right
:
2.5rem
;
-webkit-print-color-adjust
:
exact
;
color-adjust
:
exact
}
[
multiple
]
{
background-image
:
initial
;
background-position
:
initial
;
background-repeat
:
unset
;
background-size
:
initial
;
padding-right
:
.75rem
;
-webkit-print-color-adjust
:
unset
;
color-adjust
:
unset
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
padding
:
0
;
-webkit-print-color-adjust
:
exact
;
color-adjust
:
exact
;
display
:
inline-block
;
vertical-align
:
middle
;
background-origin
:
border-box
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
flex-shrink
:
0
;
height
:
1rem
;
width
:
1rem
;
color
:
#2563eb
;
background-color
:
#fff
;
border-color
:
#6b7280
;
border-width
:
1px
;
--tw-shadow
:
0
0
#0000
}
[
type
=
checkbox
]
{
border-radius
:
0
}
[
type
=
radio
]
{
border-radius
:
100%
}
[
type
=
checkbox
]
:focus
,[
type
=
radio
]
:focus
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
--tw-ring-inset
:
var
(
--tw-empty
,
);
--tw-ring-offset-width
:
2px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
#2563eb
;
--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
)}
[
type
=
checkbox
]
:checked
,[
type
=
radio
]
:checked
{
border-color
:
transparent
;
background-color
:
currentColor
;
background-size
:
100%
100%
;
background-position
:
center
;
background-repeat
:
no-repeat
}
[
type
=
checkbox
]
:checked
{
background-image
:
url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
[
type
=
radio
]
:checked
{
background-image
:
url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
[
type
=
checkbox
]
:checked:hover
,[
type
=
checkbox
]
:checked:focus
,[
type
=
radio
]
:checked:hover
,[
type
=
radio
]
:checked:focus
{
border-color
:
transparent
;
background-color
:
currentColor
}
[
type
=
checkbox
]
:indeterminate
{
background-image
:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e")
;
border-color
:
transparent
;
background-color
:
currentColor
;
background-size
:
100%
100%
;
background-position
:
center
;
background-repeat
:
no-repeat
}
[
type
=
checkbox
]
:indeterminate:hover
,[
type
=
checkbox
]
:indeterminate:focus
{
border-color
:
transparent
;
background-color
:
currentColor
}
[
type
=
file
]
{
background
:
unset
;
border-color
:
inherit
;
border-width
:
0
;
border-radius
:
0
;
padding
:
0
;
font-size
:
unset
;
line-height
:
inherit
}
[
type
=
file
]
:focus
{
outline
:
1px
auto
-webkit-focus-ring-color
}
*,
:before
,
:after
{
--tw-translate-z
:
0
;
--tw-rotate-x
:
0
;
--tw-rotate-y
:
0
;
--tw-rotate-z
:
0
;
--tw-scale-z
:
1
;
--tw-transform
:
translateX
(
var
(
--tw-translate-x
))
translateY
(
var
(
--tw-translate-y
))
rotateX
(
var
(
--tw-rotate-x
))
rotateY
(
var
(
--tw-rotate-y
))
rotateZ
(
var
(
--tw-rotate-z
))
translateZ
(
var
(
--tw-translate-z
))
skewX
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scale3d
(
var
(
--tw-scale-x
),
var
(
--tw-scale-y
),
var
(
--tw-scale-z
));
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-gradient-from-position
:
;
--tw-gradient-via-position
:
;
--tw-gradient-to-position
:
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
::backdrop
{
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-gradient-from-position
:
;
--tw-gradient-via-position
:
;
--tw-gradient-to-position
:
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
.container
{
width
:
100%
}
@media
(
min-width
:
640px
){
.container
{
max-width
:
640px
}}
@media
(
min-width
:
768px
){
.container
{
max-width
:
768px
}}
@media
(
min-width
:
1024px
){
.container
{
max-width
:
1024px
}}
@media
(
min-width
:
1280px
){
.container
{
max-width
:
1280px
}}
@media
(
min-width
:
1536px
){
.container
{
max-width
:
1536px
}}
.sr-only
{
position
:
absolute
;
width
:
1px
;
height
:
1px
;
padding
:
0
;
margin
:
-1px
;
overflow
:
hidden
;
clip
:
rect
(
0
,
0
,
0
,
0
);
white-space
:
nowrap
;
border-width
:
0
}
.pointer-events-none
{
pointer-events
:
none
}
.visible
{
visibility
:
visible
}
.static
{
position
:
static
}
.fixed
{
position
:
fixed
}
.absolute
{
position
:
absolute
}
.relative
{
position
:
relative
}
.sticky
{
position
:
sticky
}
.inset-0
{
inset
:
0px
}
.inset-x-0
{
left
:
0px
;
right
:
0px
}
.inset-x-
\
[
-10vw
\
]
{
left
:
-10vw
;
right
:
-10vw
}
.inset-y-0
{
top
:
0px
;
bottom
:
0px
}
.bottom-0
{
bottom
:
0px
}
.bottom-20
{
bottom
:
5rem
}
.left-0
{
left
:
0px
}
.left-
\
[
9
px
\
]
{
left
:
9px
}
.left-auto
{
left
:
auto
}
.right-0
{
right
:
0px
}
.right-2
{
right
:
.5rem
}
.right-
\
[
9
px
\
]
{
right
:
9px
}
.right-auto
{
right
:
auto
}
.top-0
{
top
:
0px
}
.top-1
\
/
2
{
top
:
50%
}
.top-2
{
top
:
.5rem
}
.top-full
{
top
:
100%
}
.z-10
{
z-index
:
10
}
.z-20
{
z-index
:
20
}
.z-50
{
z-index
:
50
}
.z-
\
[
1055\
]
{
z-index
:
1055
}
.order-last
{
order
:
9999
}
.col-span-1
{
grid-column
:
span
1
/
span
1
}
.col-span-3
{
grid-column
:
span
3
/
span
3
}
.col-span-5
{
grid-column
:
span
5
/
span
5
}
.row-start-2
{
grid-row-start
:
2
}
.m-0
{
margin
:
0
}
.m-64
{
margin
:
16rem
}
.mx-0
{
margin-left
:
0
;
margin-right
:
0
}
.mx-2
{
margin-left
:
.5rem
;
margin-right
:
.5rem
}
.mx-auto
{
margin-left
:
auto
;
margin-right
:
auto
}
.my-1
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.-mb-px
{
margin-bottom
:
-1px
}
.-ml-1
{
margin-left
:
-.25rem
}
.mb-0
{
margin-bottom
:
0
}
.mb-3
{
margin-bottom
:
.75rem
}
.mb-4
{
margin-bottom
:
1rem
}
.mb-6
{
margin-bottom
:
1.5rem
}
.ml-16
{
margin-left
:
4rem
}
.ml-2
{
margin-left
:
.5rem
}
.ml-4
{
margin-left
:
1rem
}
.ml-5
{
margin-left
:
1.25rem
}
.ml-64
{
margin-left
:
16rem
}
.ml-auto
{
margin-left
:
auto
}
.mr-1
{
margin-right
:
.25rem
}
.mr-2
{
margin-right
:
.5rem
}
.mr-3
{
margin-right
:
.75rem
}
.mt-0
{
margin-top
:
0
}
.mt-0
\
.
5
{
margin-top
:
.125rem
}
.mt-1
{
margin-top
:
.25rem
}
.mt-1
\
.
5
{
margin-top
:
.375rem
}
.mt-10
{
margin-top
:
2.5rem
}
.mt-16
{
margin-top
:
4rem
}
.mt-2
{
margin-top
:
.5rem
}
.mt-3
{
margin-top
:
.75rem
}
.mt-4
{
margin-top
:
1rem
}
.mt-40
{
margin-top
:
10rem
}
.mt-5
{
margin-top
:
1.25rem
}
.mt-6
{
margin-top
:
1.5rem
}
.mt-
\
[
-5px
\
]
{
margin-top
:
-5px
}
.mt-auto
{
margin-top
:
auto
}
.block
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.flex
{
display
:
flex
}
.inline-flex
{
display
:
inline-flex
}
.table
{
display
:
table
}
.grid
{
display
:
grid
}
.hidden
{
display
:
none
}
.h-10
{
height
:
2.5rem
}
.h-2
{
height
:
.5rem
}
.h-20
{
height
:
5rem
}
.h-5
{
height
:
1.25rem
}
.h-6
{
height
:
1.5rem
}
.h-7
{
height
:
1.75rem
}
.h-8
{
height
:
2rem
}
.h-
\
[
2\
.
7
rem
\
]
{
height
:
2.7rem
}
.h-
\
[
20\
%
\
]
{
height
:
20%
}
.h-
\
[
30\
%
\
]
{
height
:
30%
}
.h-
\
[
50\
%
\
]
{
height
:
50%
}
.h-auto
{
height
:
auto
}
.h-full
{
height
:
100%
}
.max-h-0
{
max-height
:
0px
}
.max-h-full
{
max-height
:
100%
}
.min-h-full
{
min-height
:
100%
}
.min-h-screen
{
min-height
:
100vh
}
.w-1
\
/
2
{
width
:
50%
}
.w-10
{
width
:
2.5rem
}
.w-20
{
width
:
5rem
}
.w-4
{
width
:
1rem
}
.w-48
{
width
:
12rem
}
.w-5
{
width
:
1.25rem
}
.w-6
{
width
:
1.5rem
}
.w-64
{
width
:
16rem
}
.w-7
{
width
:
1.75rem
}
.w-8
{
width
:
2rem
}
.w-
\
[
2\
.
7
rem
\
]
{
width
:
2.7rem
}
.w-
\
[
2
px
\
]
{
width
:
2px
}
.w-
\
[
70\
%
\
]
{
width
:
70%
}
.w-
\
[
75\
%
\
]
{
width
:
75%
}
.w-full
{
width
:
100%
}
.min-w-0
{
min-width
:
0px
}
.max-w-4xl
{
max-width
:
56rem
}
.max-w-7xl
{
max-width
:
80rem
}
.max-w-sm
{
max-width
:
24rem
}
.flex-1
{
flex
:
1
1
0%
}
.flex-auto
{
flex
:
1
1
auto
}
.flex-shrink-0
{
flex-shrink
:
0
}
.origin-top
{
transform-origin
:
top
}
.origin-top-left
{
transform-origin
:
top
left
}
.origin-top-right
{
transform-origin
:
top
right
}
.-translate-x-full
{
--tw-translate-x
:
-100%
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.-translate-y-full
{
--tw-translate-y
:
-100%
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.translate-x-0
{
--tw-translate-x
:
0px
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.translate-y-0
{
--tw-translate-y
:
0px
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.translate-y-3
{
--tw-translate-y
:
.75rem
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.translate-y-full
{
--tw-translate-y
:
100%
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.-rotate-45
{
--tw-rotate
:
-45deg
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.rotate-45
{
--tw-rotate
:
45deg
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.scale-100
{
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.scale-95
{
--tw-scale-x
:
.95
;
--tw-scale-y
:
.95
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.transform
{
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
@keyframes
spin
{
to
{
transform
:
rotate
(
360deg
)}}
.animate-spin
{
animation
:
spin
1s
linear
infinite
}
.cursor-default
{
cursor
:
default
}
.cursor-not-allowed
{
cursor
:
not-allowed
}
.cursor-pointer
{
cursor
:
pointer
}
.select-none
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
}
.resize
{
resize
:
both
}
.list-none
{
list-style-type
:
none
}
.grid-cols-1
{
grid-template-columns
:
repeat
(
1
,
minmax
(
0
,
1
fr
))}
.grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
.grid-cols-3
{
grid-template-columns
:
repeat
(
3
,
minmax
(
0
,
1
fr
))}
.grid-cols-6
{
grid-template-columns
:
repeat
(
6
,
minmax
(
0
,
1
fr
))}
.grid-cols-7
{
grid-template-columns
:
repeat
(
7
,
minmax
(
0
,
1
fr
))}
.flex-row
{
flex-direction
:
row
}
.flex-col
{
flex-direction
:
column
}
.flex-wrap
{
flex-wrap
:
wrap
}
.flex-nowrap
{
flex-wrap
:
nowrap
}
.items-start
{
align-items
:
flex-start
}
.items-center
{
align-items
:
center
}
.justify-end
{
justify-content
:
flex-end
}
.justify-center
{
justify-content
:
center
}
.justify-between
{
justify-content
:
space-between
}
.gap-1
{
gap
:
.25rem
}
.gap-10
{
gap
:
2.5rem
}
.gap-2
{
gap
:
.5rem
}
.gap-4
{
gap
:
1rem
}
.gap-5
{
gap
:
1.25rem
}
.gap-6
{
gap
:
1.5rem
}
.gap-y-0
{
row-gap
:
0px
}
.gap-y-0
\
.
5
{
row-gap
:
.125rem
}
.space-x-1
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.25rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.25rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-x-1
\
.
5
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.375rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.375rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-x-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-x-5
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
1.25rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
1.25rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-y-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
.5rem
*
var
(
--tw-space-y-reverse
))}
.space-y-4
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
1rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
1rem
*
var
(
--tw-space-y-reverse
))}
.space-y-6
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
1.5rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
1.5rem
*
var
(
--tw-space-y-reverse
))}
.divide-y
>
: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
))}
.divide-gray-200
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-divide-opacity
:
1
;
border-color
:
rgb
(
229
231
235
/
var
(
--tw-divide-opacity
))}
.overflow-hidden
{
overflow
:
hidden
}
.overflow-x-auto
{
overflow-x
:
auto
}
.overflow-y-auto
{
overflow-y
:
auto
}
.overflow-x-hidden
{
overflow-x
:
hidden
}
.whitespace-nowrap
{
white-space
:
nowrap
}
.break-words
{
overflow-wrap
:
break-word
}
.rounded
{
border-radius
:
.25rem
}
.rounded-
\
[
77
vw
\
/
50
vw
\
]
{
border-radius
:
77vw
/
50vw
}
.rounded-full
{
border-radius
:
9999px
}
.rounded-lg
{
border-radius
:
.5rem
}
.rounded-md
{
border-radius
:
.375rem
}
.rounded-l-full
{
border-top-left-radius
:
9999px
;
border-bottom-left-radius
:
9999px
}
.rounded-r-full
{
border-top-right-radius
:
9999px
;
border-bottom-right-radius
:
9999px
}
.rounded-t-none
{
border-top-left-radius
:
0
;
border-top-right-radius
:
0
}
.border
{
border-width
:
1px
}
.border-0
{
border-width
:
0px
}
.border-2
{
border-width
:
2px
}
.border-4
{
border-width
:
4px
}
.border-b-0
{
border-bottom-width
:
0px
}
.border-r
{
border-right-width
:
1px
}
.border-t
{
border-top-width
:
1px
}
.border-solid
{
border-style
:
solid
}
.border-dashed
{
border-style
:
dashed
}
.border-black
\
/
\
[
\
.
1\
]
{
border-color
:
#0000001
a
}
.border-gray-200
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
229
231
235
/
var
(
--tw-border-opacity
))}
.border-gray-300
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
209
213
219
/
var
(
--tw-border-opacity
))}
.border-gray-400
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
156
163
175
/
var
(
--tw-border-opacity
))}
.border-transparent
{
border-color
:
transparent
}
.border-violet-300
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
196
181
253
/
var
(
--tw-border-opacity
))}
.border-vtd-secondary-300
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
209
213
219
/
var
(
--tw-border-opacity
))}
.bg-black
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
))}
.bg-black
\
/
50
{
background-color
:
#00000080
}
.bg-blue-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
219
234
254
/
var
(
--tw-bg-opacity
))}
.bg-blue-600
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
37
99
235
/
var
(
--tw-bg-opacity
))}
.bg-cyan-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
207
250
254
/
var
(
--tw-bg-opacity
))}
.bg-cyan-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
34
211
238
/
var
(
--tw-bg-opacity
))}
.bg-cyan-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
6
182
212
/
var
(
--tw-bg-opacity
))}
.bg-dark-eval-2
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
42
47
66
/
var
(
--tw-bg-opacity
))}
.bg-dark-eval-3
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
44
49
66
/
var
(
--tw-bg-opacity
))}
.bg-gray-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
244
246
/
var
(
--tw-bg-opacity
))}
.bg-gray-200
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
229
231
235
/
var
(
--tw-bg-opacity
))}
.bg-gray-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
156
163
175
/
var
(
--tw-bg-opacity
))}
.bg-gray-50
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
249
250
251
/
var
(
--tw-bg-opacity
))}
.bg-gray-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
107
114
128
/
var
(
--tw-bg-opacity
))}
.bg-gray-700
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
.bg-green-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
220
252
231
/
var
(
--tw-bg-opacity
))}
.bg-green-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
74
222
128
/
var
(
--tw-bg-opacity
))}
.bg-green-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
34
197
94
/
var
(
--tw-bg-opacity
))}
.bg-purple-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
192
132
252
/
var
(
--tw-bg-opacity
))}
.bg-purple-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
168
85
247
/
var
(
--tw-bg-opacity
))}
.bg-purple-600
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
147
51
234
/
var
(
--tw-bg-opacity
))}
.bg-red-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
254
226
226
/
var
(
--tw-bg-opacity
))}
.bg-red-200
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
254
202
202
/
var
(
--tw-bg-opacity
))}
.bg-red-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
248
113
113
/
var
(
--tw-bg-opacity
))}
.bg-red-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
239
68
68
/
var
(
--tw-bg-opacity
))}
.bg-transparent
{
background-color
:
transparent
}
.bg-vtd-primary-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
224
242
254
/
var
(
--tw-bg-opacity
))}
.bg-vtd-primary-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
14
165
233
/
var
(
--tw-bg-opacity
))}
.bg-vtd-primary-600
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
2
132
199
/
var
(
--tw-bg-opacity
))}
.bg-vtd-secondary-700
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
.bg-white
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
))}
.bg-yellow-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
254
249
195
/
var
(
--tw-bg-opacity
))}
.bg-yellow-400
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
250
204
21
/
var
(
--tw-bg-opacity
))}
.bg-yellow-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
234
179
8
/
var
(
--tw-bg-opacity
))}
.bg-opacity-50
{
--tw-bg-opacity
:
.5
}
.bg-opacity-60
{
--tw-bg-opacity
:
.6
}
.bg-gradient-to-r
{
background-image
:
linear-gradient
(
to
right
,
var
(
--tw-gradient-stops
))}
.bg-gradient-to-tr
{
background-image
:
linear-gradient
(
to
top
right
,
var
(
--tw-gradient-stops
))}
.from-pink-500
{
--tw-gradient-from
:
#ec4899
var
(
--tw-gradient-from-position
);
--tw-gradient-to
:
rgb
(
236
72
153
/
0
)
var
(
--tw-gradient-to-position
);
--tw-gradient-stops
:
var
(
--tw-gradient-from
),
var
(
--tw-gradient-to
)}
.from-purple-500
{
--tw-gradient-from
:
#a855f7
var
(
--tw-gradient-from-position
);
--tw-gradient-to
:
rgb
(
168
85
247
/
0
)
var
(
--tw-gradient-to-position
);
--tw-gradient-stops
:
var
(
--tw-gradient-from
),
var
(
--tw-gradient-to
)}
.via-blue-300
{
--tw-gradient-to
:
rgb
(
147
197
253
/
0
)
var
(
--tw-gradient-to-position
);
--tw-gradient-stops
:
var
(
--tw-gradient-from
),
#93c5fd
var
(
--tw-gradient-via-position
),
var
(
--tw-gradient-to
)}
.to-indigo-400
{
--tw-gradient-to
:
#818cf8
var
(
--tw-gradient-to-position
)}
.to-violet-500
{
--tw-gradient-to
:
#8b5cf6
var
(
--tw-gradient-to-position
)}
.bg-clip-content
{
background-clip
:
content-box
}
.bg-clip-text
{
-webkit-background-clip
:
text
;
background-clip
:
text
}
.object-cover
{
-o-object-fit
:
cover
;
object-fit
:
cover
}
.p-1
{
padding
:
.25rem
}
.p-1
\
.
5
{
padding
:
.375rem
}
.p-2
{
padding
:
.5rem
}
.p-3
{
padding
:
.75rem
}
.p-4
{
padding
:
1rem
}
.p-6
{
padding
:
1.5rem
}
.px-0
{
padding-left
:
0
;
padding-right
:
0
}
.px-0
\
.
5
{
padding-left
:
.125rem
;
padding-right
:
.125rem
}
.px-1
{
padding-left
:
.25rem
;
padding-right
:
.25rem
}
.px-1
\
.
5
{
padding-left
:
.375rem
;
padding-right
:
.375rem
}
.px-2
{
padding-left
:
.5rem
;
padding-right
:
.5rem
}
.px-2
\
.
5
{
padding-left
:
.625rem
;
padding-right
:
.625rem
}
.px-3
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.px-4
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.px-5
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
}
.px-6
{
padding-left
:
1.5rem
;
padding-right
:
1.5rem
}
.px-7
{
padding-left
:
1.75rem
;
padding-right
:
1.75rem
}
.py-1
{
padding-top
:
.25rem
;
padding-bottom
:
.25rem
}
.py-1
\
.
5
{
padding-top
:
.375rem
;
padding-bottom
:
.375rem
}
.py-10
{
padding-top
:
2.5rem
;
padding-bottom
:
2.5rem
}
.py-2
{
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
.py-2
\
.
5
{
padding-top
:
.625rem
;
padding-bottom
:
.625rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.py-5
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.py-6
{
padding-top
:
1.5rem
;
padding-bottom
:
1.5rem
}
.pb-0
{
padding-bottom
:
0
}
.pb-24
{
padding-bottom
:
6rem
}
.pb-4
{
padding-bottom
:
1rem
}
.pl-11
{
padding-left
:
2.75rem
}
.pl-3
{
padding-left
:
.75rem
}
.pl-6
{
padding-left
:
1.5rem
}
.pr-10
{
padding-right
:
2.5rem
}
.pr-12
{
padding-right
:
3rem
}
.pr-4
{
padding-right
:
1rem
}
.pr-5
{
padding-right
:
1.25rem
}
.pt-2
{
padding-top
:
.5rem
}
.pt-3
{
padding-top
:
.75rem
}
.text-left
{
text-align
:
left
}
.text-center
{
text-align
:
center
}
.align-bottom
{
vertical-align
:
bottom
}
.font-sans
{
font-family
:
Inter
,
ui-sans-serif
,
system-ui
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
Noto
Sans
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
Segoe
UI
Symbol
,
"Noto Color Emoji"
}
.text-2xl
{
font-size
:
1.5rem
;
line-height
:
2rem
}
.text-3xl
{
font-size
:
1.875rem
;
line-height
:
2.25rem
}
.text-base
{
font-size
:
1rem
;
line-height
:
1.5rem
}
.text-lg
{
font-size
:
1.125rem
;
line-height
:
1.75rem
}
.text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}
.text-xl
{
font-size
:
1.25rem
;
line-height
:
1.75rem
}
.text-xs
{
font-size
:
.75rem
;
line-height
:
1rem
}
.font-bold
{
font-weight
:
700
}
.font-light
{
font-weight
:
300
}
.font-medium
{
font-weight
:
500
}
.font-normal
{
font-weight
:
400
}
.font-semibold
{
font-weight
:
600
}
.uppercase
{
text-transform
:
uppercase
}
.italic
{
font-style
:
italic
}
.ordinal
{
--tw-ordinal
:
ordinal
;
font-variant-numeric
:
var
(
--tw-ordinal
)
var
(
--tw-slashed-zero
)
var
(
--tw-numeric-figure
)
var
(
--tw-numeric-spacing
)
var
(
--tw-numeric-fraction
)}
.leading-5
{
line-height
:
1.25rem
}
.leading-6
{
line-height
:
1.5rem
}
.leading-8
{
line-height
:
2rem
}
.leading-normal
{
line-height
:
1.5
}
.leading-relaxed
{
line-height
:
1.625
}
.leading-tight
{
line-height
:
1.25
}
.tracking-wide
{
letter-spacing
:
.025em
}
.tracking-wider
{
letter-spacing
:
.05em
}
.text-black
{
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
.text-blue-100
{
--tw-text-opacity
:
1
;
color
:
rgb
(
219
234
254
/
var
(
--tw-text-opacity
))}
.text-blue-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
59
130
246
/
var
(
--tw-text-opacity
))}
.text-blue-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
37
99
235
/
var
(
--tw-text-opacity
))}
.text-cyan-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
6
182
212
/
var
(
--tw-text-opacity
))}
.text-gray-200
{
--tw-text-opacity
:
1
;
color
:
rgb
(
229
231
235
/
var
(
--tw-text-opacity
))}
.text-gray-300
{
--tw-text-opacity
:
1
;
color
:
rgb
(
209
213
219
/
var
(
--tw-text-opacity
))}
.text-gray-400
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
.text-gray-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-text-opacity
))}
.text-gray-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
75
85
99
/
var
(
--tw-text-opacity
))}
.text-gray-700
{
--tw-text-opacity
:
1
;
color
:
rgb
(
55
65
81
/
var
(
--tw-text-opacity
))}
.text-gray-900
{
--tw-text-opacity
:
1
;
color
:
rgb
(
17
24
39
/
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-green-700
{
--tw-text-opacity
:
1
;
color
:
rgb
(
21
128
61
/
var
(
--tw-text-opacity
))}
.text-green-800
{
--tw-text-opacity
:
1
;
color
:
rgb
(
22
101
52
/
var
(
--tw-text-opacity
))}
.text-purple-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
168
85
247
/
var
(
--tw-text-opacity
))}
.text-purple-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
147
51
234
/
var
(
--tw-text-opacity
))}
.text-purple-800
{
--tw-text-opacity
:
1
;
color
:
rgb
(
107
33
168
/
var
(
--tw-text-opacity
))}
.text-red-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
239
68
68
/
var
(
--tw-text-opacity
))}
.text-red-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
220
38
38
/
var
(
--tw-text-opacity
))}
.text-red-700
{
--tw-text-opacity
:
1
;
color
:
rgb
(
185
28
28
/
var
(
--tw-text-opacity
))}
.text-red-900
{
--tw-text-opacity
:
1
;
color
:
rgb
(
127
29
29
/
var
(
--tw-text-opacity
))}
.text-transparent
{
color
:
transparent
}
.text-vtd-primary-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
14
165
233
/
var
(
--tw-text-opacity
))}
.text-vtd-primary-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
2
132
199
/
var
(
--tw-text-opacity
))}
.text-vtd-secondary-400
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
.text-vtd-secondary-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-text-opacity
))}
.text-vtd-secondary-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
75
85
99
/
var
(
--tw-text-opacity
))}
.text-vtd-secondary-700
{
--tw-text-opacity
:
1
;
color
:
rgb
(
55
65
81
/
var
(
--tw-text-opacity
))}
.text-white
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.text-yellow-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
234
179
8
/
var
(
--tw-text-opacity
))}
.text-yellow-600
{
--tw-text-opacity
:
1
;
color
:
rgb
(
202
138
4
/
var
(
--tw-text-opacity
))}
.underline
{
-webkit-text-decoration-line
:
underline
;
text-decoration-line
:
underline
}
.underline-offset-1
{
text-underline-offset
:
1px
}
.antialiased
{
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.placeholder-gray-400
::-moz-placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-placeholder-opacity
))}
.placeholder-gray-400
::placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-placeholder-opacity
))}
.placeholder-vtd-secondary-400
::-moz-placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-placeholder-opacity
))}
.placeholder-vtd-secondary-400
::placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-placeholder-opacity
))}
.opacity-0
{
opacity
:
0
}
.opacity-100
{
opacity
:
1
}
.opacity-25
{
opacity
:
.25
}
.opacity-30
{
opacity
:
.3
}
.opacity-50
{
opacity
:
.5
}
.opacity-75
{
opacity
:
.75
}
.shadow-lg
{
--tw-shadow
:
0
10px
15px
-3px
rgb
(
0
0
0
/
.1
),
0
4px
6px
-4px
rgb
(
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
/
.1
),
0
2px
4px
-2px
rgb
(
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-sm
{
--tw-shadow
:
0
1px
2px
0
rgb
(
0
0
0
/
.05
);
--tw-shadow-colored
:
0
1px
2px
0
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-t-lg
{
--tw-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
0
-10px
15px
-3px
rgba
(
0
,
0
,
0
,
.1
),
0
-4px
6px
-2px
rgba
(
0
,
0
,
0
,
.05
);
--tw-shadow-colored
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
0
-10px
15px
-3px
var
(
--tw-shadow-color
),
0
-4px
6px
-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
/
.1
),
0
8px
10px
-6px
rgb
(
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-none
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
}
.ring-1
{
--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
(
1px
+
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-black
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
0
0
0
/
var
(
--tw-ring-opacity
))}
.ring-cyan-500
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
6
182
212
/
var
(
--tw-ring-opacity
))}
.ring-green-500
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
34
197
94
/
var
(
--tw-ring-opacity
))}
.ring-purple-500
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
168
85
247
/
var
(
--tw-ring-opacity
))}
.ring-red-500
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
239
68
68
/
var
(
--tw-ring-opacity
))}
.ring-yellow-500
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
234
179
8
/
var
(
--tw-ring-opacity
))}
.ring-opacity-5
{
--tw-ring-opacity
:
.05
}
.ring-offset-vtd-secondary-800
{
--tw-ring-offset-color
:
#1f2937
}
.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
)}
.drop-shadow-2xl
{
--tw-drop-shadow
:
drop-shadow
(
0
25px
25px
rgb
(
0
0
0
/
.15
));
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
)}
.transition
{
transition-property
:
color
,
background-color
,
border-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-webkit-text-decoration-color
,
-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-text-decoration-color
,
-webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-all
{
transition-property
:
all
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-colors
{
transition-property
:
color
,
background-color
,
border-color
,
fill
,
stroke
,
-webkit-text-decoration-color
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
-webkit-text-decoration-color
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-opacity
{
transition-property
:
opacity
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.transition-transform
{
transition-property
:
transform
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.15s
}
.duration-100
{
transition-duration
:
.1s
}
.duration-150
{
transition-duration
:
.15s
}
.duration-200
{
transition-duration
:
.2s
}
.duration-300
{
transition-duration
:
.3s
}
.duration-500
{
transition-duration
:
.5s
}
.duration-75
{
transition-duration
:
75ms
}
.ease-in
{
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
1
,
1
)}
.ease-in-out
{
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
)}
.ease-out
{
transition-timing-function
:
cubic-bezier
(
0
,
0
,
.2
,
1
)}
.transform-style-3d
{
transform-style
:
preserve-3d
}
.perspective-100vw
{
perspective
:
100vw
}
.rotate-x-15
{
--tw-rotate-x
:
15deg
;
transform
:
var
(
--tw-transform
)}
.rotate-x-25
{
--tw-rotate-x
:
25deg
;
transform
:
var
(
--tw-transform
)}
.rotate-y-25
{
--tw-rotate-y
:
25deg
;
transform
:
var
(
--tw-transform
)}
.rotate-y--25
{
--tw-rotate-y
:
-25deg
;
transform
:
var
(
--tw-transform
)}
.rotate-z-15
{
--tw-rotate-z
:
15deg
;
transform
:
var
(
--tw-transform
)}
.rotate-z--15
{
--tw-rotate-z
:
-15deg
;
transform
:
var
(
--tw-transform
)}
#nprogress
{
pointer-events
:
none
}
#nprogress
.bar
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
147
51
234
/
var
(
--tw-bg-opacity
));
position
:
fixed
;
z-index
:
1031
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
3px
}
.apexcharts-canvas
{
background
:
transparent
!important
}
.dark
.apexcharts-legend-text
{
color
:
#fff
!important
}
.dark
.apexcharts-tooltip.apexcharts-theme-light.apexcharts-active
,
.dark
.apexcharts-tooltip.apexcharts-theme-light
,
.dark
.apexcharts-tooltip-title
{
background
:
transparent
!important
;
background-color
:
#222738
!important
;
color
:
#fff
!important
;
border
:
1px
solid
rgb
(
21
24
35
)
!important
;
box-shadow
:
none
!important
}
.before
\
:absolute:before
{
content
:
var
(
--tw-content
);
position
:
absolute
}
.before
\
:inset-y-0:before
{
content
:
var
(
--tw-content
);
top
:
0px
;
bottom
:
0px
}
.before
\
:left-0:before
{
content
:
var
(
--tw-content
);
left
:
0px
}
.before
\
:top-4:before
{
content
:
var
(
--tw-content
);
top
:
1rem
}
.before
\
:-mt-0:before
{
content
:
var
(
--tw-content
);
margin-top
:
-0px
}
.before
\
:-mt-0
\
.
5
:before
{
content
:
var
(
--tw-content
);
margin-top
:
-.125rem
}
.before
\
:block:before
{
content
:
var
(
--tw-content
);
display
:
block
}
.before
\
:h-0:before
{
content
:
var
(
--tw-content
);
height
:
0px
}
.before
\
:w-0:before
{
content
:
var
(
--tw-content
);
width
:
0px
}
.before
\
:w-4:before
{
content
:
var
(
--tw-content
);
width
:
1rem
}
.before
\
:border-l-2:before
{
content
:
var
(
--tw-content
);
border-left-width
:
2px
}
.before
\
:border-t-2:before
{
content
:
var
(
--tw-content
);
border-top-width
:
2px
}
.before
\
:border-l-gray-200:before
{
content
:
var
(
--tw-content
);
--tw-border-opacity
:
1
;
border-left-color
:
rgb
(
229
231
235
/
var
(
--tw-border-opacity
))}
.before
\
:border-t-gray-200:before
{
content
:
var
(
--tw-content
);
--tw-border-opacity
:
1
;
border-top-color
:
rgb
(
229
231
235
/
var
(
--tw-border-opacity
))}
.last
\
:mr-0:last-child
{
margin-right
:
0
}
.last
\
:before
\
:bottom-0:last-child:before
{
content
:
var
(
--tw-content
);
bottom
:
0px
}
.last
\
:before
\
:top-4:last-child:before
{
content
:
var
(
--tw-content
);
top
:
1rem
}
.last
\
:before
\
:h-auto:last-child:before
{
content
:
var
(
--tw-content
);
height
:
auto
}
.last
\
:before
\
:bg-white:last-child:before
{
content
:
var
(
--tw-content
);
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
))}
.focus-within
\
:text-gray-900:focus-within
{
--tw-text-opacity
:
1
;
color
:
rgb
(
17
24
39
/
var
(
--tw-text-opacity
))}
.hover
\
:scale-110:hover
{
--tw-scale-x
:
1.1
;
--tw-scale-y
:
1.1
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.hover
\
:bg-cyan-600:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
8
145
178
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-gray-100:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
244
246
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-gray-800:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
31
41
55
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-green-600:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
22
163
74
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-purple-600:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
147
51
234
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-red-600:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
220
38
38
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-vtd-primary-700:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
3
105
161
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-vtd-secondary-100:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
244
246
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-vtd-secondary-50:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
249
250
251
/
var
(
--tw-bg-opacity
))}
.hover
\
:bg-yellow-600:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
202
138
4
/
var
(
--tw-bg-opacity
))}
.hover
\
:text-blue-900:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
30
58
138
/
var
(
--tw-text-opacity
))}
.hover
\
:text-gray-500:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-text-opacity
))}
.hover
\
:text-gray-700:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
55
65
81
/
var
(
--tw-text-opacity
))}
.hover
\
:text-gray-900:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
17
24
39
/
var
(
--tw-text-opacity
))}
.hover
\
:text-purple-500:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
168
85
247
/
var
(
--tw-text-opacity
))}
.hover
\
:text-vtd-primary-700:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
3
105
161
/
var
(
--tw-text-opacity
))}
.hover
\
:text-vtd-secondary-900:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
17
24
39
/
var
(
--tw-text-opacity
))}
.hover
\
:text-white:hover
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.hover
\
:underline:hover
{
-webkit-text-decoration-line
:
underline
;
text-decoration-line
:
underline
}
.focus
\
:border-gray-400:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
156
163
175
/
var
(
--tw-border-opacity
))}
.focus
\
:border-purple-300:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
216
180
254
/
var
(
--tw-border-opacity
))}
.focus
\
:border-vtd-primary-300:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
125
211
252
/
var
(
--tw-border-opacity
))}
.focus
\
:bg-vtd-primary-50:focus
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
249
255
/
var
(
--tw-bg-opacity
))}
.focus
\
:bg-vtd-secondary-100:focus
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
244
246
/
var
(
--tw-bg-opacity
))}
.focus
\
:text-vtd-primary-600:focus
{
--tw-text-opacity
:
1
;
color
:
rgb
(
2
132
199
/
var
(
--tw-text-opacity
))}
.focus
\
:text-vtd-secondary-900:focus
{
--tw-text-opacity
:
1
;
color
:
rgb
(
17
24
39
/
var
(
--tw-text-opacity
))}
.focus
\
:outline-none:focus
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
}
.focus
\
:ring: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
(
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
)}
.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-black:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
0
0
0
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-cyan-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
6
182
212
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-green-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
34
197
94
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-purple-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
168
85
247
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-red-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
239
68
68
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-vtd-primary-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
14
165
233
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-yellow-500:focus
{
--tw-ring-opacity
:
1
;
--tw-ring-color
:
rgb
(
234
179
8
/
var
(
--tw-ring-opacity
))}
.focus
\
:ring-opacity-10:focus
{
--tw-ring-opacity
:
.1
}
.focus
\
:ring-offset-1:focus
{
--tw-ring-offset-width
:
1px
}
.focus
\
:ring-offset-2:focus
{
--tw-ring-offset-width
:
2px
}
.focus
\
:ring-offset-white:focus
{
--tw-ring-offset-color
:
#fff
}
.disabled
\
:cursor-not-allowed:disabled
{
cursor
:
not-allowed
}
.disabled
\
:text-vtd-secondary-500:disabled
{
--tw-text-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-text-opacity
))}
.disabled
\
:opacity-50:disabled
{
opacity
:
.5
}
:is
(
.dark
.dark
\
:border-gray-600
)
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
75
85
99
/
var
(
--tw-border-opacity
))}
:is
(
.dark
.dark
\
:border-vtd-secondary-700
)
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
55
65
81
/
var
(
--tw-border-opacity
))}
:is
(
.dark
.dark
\
:border-vtd-secondary-700
\
/
\
[
1\
])
{
border-color
:
#374151
}
:is
(
.dark
.dark
\
:bg-
\
[
\#1
F2937
\
])
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
31
41
55
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-dark-bg
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
21
24
35
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-dark-eval-1
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
34
39
56
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-dark-eval-3
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
44
49
66
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-gray-700
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-vtd-secondary-700
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-vtd-secondary-800
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
31
41
55
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:bg-opacity-50
)
{
--tw-bg-opacity
:
.5
}
:is
(
.dark
.dark
\
:from-purple-900
)
{
--tw-gradient-from
:
#581c87
var
(
--tw-gradient-from-position
);
--tw-gradient-to
:
rgb
(
88
28
135
/
0
)
var
(
--tw-gradient-to-position
);
--tw-gradient-stops
:
var
(
--tw-gradient-from
),
var
(
--tw-gradient-to
)}
:is
(
.dark
.dark
\
:via-blue-900
)
{
--tw-gradient-to
:
rgb
(
30
58
138
/
0
)
var
(
--tw-gradient-to-position
);
--tw-gradient-stops
:
var
(
--tw-gradient-from
),
#1e3a8a
var
(
--tw-gradient-via-position
),
var
(
--tw-gradient-to
)}
:is
(
.dark
.dark
\
:to-indigo-800
)
{
--tw-gradient-to
:
#3730a3
var
(
--tw-gradient-to-position
)}
:is
(
.dark
.dark
\
:text-black
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-blue-400
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
96
165
250
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-gray-100
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
243
244
246
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-gray-200
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
229
231
235
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-gray-300
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
209
213
219
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-gray-400
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-slate-950
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
2
6
23
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-vtd-primary-400
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
56
189
248
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-vtd-secondary-100
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
243
244
246
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-vtd-secondary-200
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
229
231
235
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-vtd-secondary-300
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
209
213
219
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-vtd-secondary-400
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:text-opacity-70
)
{
--tw-text-opacity
:
.7
}
:is
(
.dark
.dark
\
:placeholder-vtd-secondary-500
)
::-moz-placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-placeholder-opacity
))}
:is
(
.dark
.dark
\
:placeholder-vtd-secondary-500
)
::placeholder
{
--tw-placeholder-opacity
:
1
;
color
:
rgb
(
107
114
128
/
var
(
--tw-placeholder-opacity
))}
:is
(
.dark
.dark
\
:ring-offset-vtd-secondary-800
)
{
--tw-ring-offset-color
:
#1f2937
}
:is
(
.dark
.dark
\
:before
\
:border-l-gray-600
)
:before
{
content
:
var
(
--tw-content
);
--tw-border-opacity
:
1
;
border-left-color
:
rgb
(
75
85
99
/
var
(
--tw-border-opacity
))}
:is
(
.dark
.dark
\
:before
\
:border-t-gray-600
)
:before
{
content
:
var
(
--tw-content
);
--tw-border-opacity
:
1
;
border-top-color
:
rgb
(
75
85
99
/
var
(
--tw-border-opacity
))}
:is
(
.dark
.dark
\
:last
\
:before
\
:bg-dark-eval-1:last-child
)
:before
{
content
:
var
(
--tw-content
);
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
34
39
56
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:focus-within
\
:text-gray-400:focus-within
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:bg-dark-eval-2:hover
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
42
47
66
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:bg-dark-eval-3:hover
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
44
49
66
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:bg-vtd-secondary-700:hover
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-gray-100:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
243
244
246
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-gray-200:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
229
231
235
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-gray-300:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
209
213
219
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-vtd-primary-300:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
125
211
252
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-vtd-secondary-100:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
243
244
246
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:hover
\
:text-vtd-secondary-300:hover
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
209
213
219
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:border-vtd-primary-500:focus
)
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
14
165
233
/
var
(
--tw-border-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:bg-dark-eval-3:focus
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
44
49
66
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:bg-vtd-secondary-600:focus
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
75
85
99
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:bg-vtd-secondary-700:focus
)
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
55
65
81
/
var
(
--tw-bg-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:bg-opacity-50:focus
)
{
--tw-bg-opacity
:
.5
}
:is
(
.dark
.dark
\
:focus
\
:text-vtd-primary-300:focus
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
125
211
252
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:text-vtd-secondary-100:focus
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
243
244
246
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:text-white:focus
)
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
:is
(
.dark
.dark
\
:focus
\
:ring-opacity-20:focus
)
{
--tw-ring-opacity
:
.2
}
:is
(
.dark
.dark
\
:focus
\
:ring-opacity-25:focus
)
{
--tw-ring-opacity
:
.25
}
:is
(
.dark
.dark
\
:focus
\
:ring-offset-dark-eval-1:focus
)
{
--tw-ring-offset-color
:
#222738
}
:is
(
.dark
.dark
\
:focus
\
:ring-offset-dark-eval-2:focus
)
{
--tw-ring-offset-color
:
#2A2F42
}
@media
(
min-width
:
640px
){
.sm
\
:static
{
position
:
static
}
.sm
\
:relative
{
position
:
relative
}
.sm
\
:z-auto
{
z-index
:
auto
}
.sm
\
:order-none
{
order
:
0
}
.sm
\
:mx-1
{
margin-left
:
.25rem
;
margin-right
:
.25rem
}
.sm
\
:mb-0
{
margin-bottom
:
0
}
.sm
\
:mb-1
{
margin-bottom
:
.25rem
}
.sm
\
:mb-1
\
.
5
{
margin-bottom
:
.375rem
}
.sm
\
:ml-2
{
margin-left
:
.5rem
}
.sm
\
:ml-3
{
margin-left
:
.75rem
}
.sm
\
:mr-2
{
margin-right
:
.5rem
}
.sm
\
:mt-0
{
margin-top
:
0
}
.sm
\
:mt-1
{
margin-top
:
.25rem
}
.sm
\
:mt-2
{
margin-top
:
.5rem
}
.sm
\
:mt-2
\
.
5
{
margin-top
:
.625rem
}
.sm
\
:flex
{
display
:
flex
}
.sm
\
:hidden
{
display
:
none
}
.sm
\
:w-auto
{
width
:
auto
}
.sm
\
:max-w-md
{
max-width
:
28rem
}
.sm
\
:grid-cols-3
{
grid-template-columns
:
repeat
(
3
,
minmax
(
0
,
1
fr
))}
.sm
\
:flex-row-reverse
{
flex-direction
:
row-reverse
}
.sm
\
:flex-nowrap
{
flex-wrap
:
nowrap
}
.sm
\
:overflow-visible
{
overflow
:
visible
}
.sm
\
:rounded-lg
{
border-radius
:
.5rem
}
.sm
\
:border
{
border-width
:
1px
}
.sm
\
:border-b
{
border-bottom-width
:
1px
}
.sm
\
:border-t-0
{
border-top-width
:
0px
}
.sm
\
:p-6
{
padding
:
1.5rem
}
.sm
\
:px-2
{
padding-left
:
.5rem
;
padding-right
:
.5rem
}
.sm
\
:px-4
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.sm
\
:px-6
{
padding-left
:
1.5rem
;
padding-right
:
1.5rem
}
.sm
\
:py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.sm
\
:pr-6
{
padding-right
:
1.5rem
}
.sm
\
:text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}
.sm
\
:font-medium
{
font-weight
:
500
}
.sm
\
:leading-4
{
line-height
:
1rem
}
.sm
\
:shadow-sm
{
--tw-shadow
:
0
1px
2px
0
rgb
(
0
0
0
/
.05
);
--tw-shadow-colored
:
0
1px
2px
0
var
(
--tw-shadow-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)}}
@media
(
min-width
:
768px
){
.md
\
:bottom-0
{
bottom
:
0px
}
.md
\
:bottom-auto
{
bottom
:
auto
}
.md
\
:top-0
{
top
:
0px
}
.md
\
:top-24
{
top
:
6rem
}
.md
\
:col-span-2
{
grid-column
:
span
2
/
span
2
}
.md
\
:col-start-2
{
grid-column-start
:
2
}
.md
\
:row-start-1
{
grid-row-start
:
1
}
.md
\
:ml-16
{
margin-left
:
4rem
}
.md
\
:mt-4
{
margin-top
:
1rem
}
.md
\
:flex
{
display
:
flex
}
.md
\
:inline-flex
{
display
:
inline-flex
}
.md
\
:hidden
{
display
:
none
}
.md
\
:h-24
{
height
:
6rem
}
.md
\
:w-1
\
/
2
{
width
:
50%
}
.md
\
:w-12
{
width
:
3rem
}
.md
\
:w-16
{
width
:
4rem
}
.md
\
:w-full
{
width
:
100%
}
.md
\
:-translate-y-full
{
--tw-translate-y
:
-100%
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.md
\
:translate-x-0
{
--tw-translate-x
:
0px
;
transform
:
translate
(
var
(
--tw-translate-x
),
var
(
--tw-translate-y
))
rotate
(
var
(
--tw-rotate
))
skew
(
var
(
--tw-skew-x
))
skewY
(
var
(
--tw-skew-y
))
scaleX
(
var
(
--tw-scale-x
))
scaleY
(
var
(
--tw-scale-y
))}
.md
\
:grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
.md
\
:grid-cols-4
{
grid-template-columns
:
repeat
(
4
,
minmax
(
0
,
1
fr
))}
.md
\
:grid-rows-1
{
grid-template-rows
:
repeat
(
1
,
minmax
(
0
,
1
fr
))}
.md
\
:flex-row
{
flex-direction
:
row
}
.md
\
:items-center
{
align-items
:
center
}
.md
\
:justify-between
{
justify-content
:
space-between
}
.md
\
:rounded-
\
[
77
vw
\
/
50
vw
\
]
{
border-radius
:
77vw
/
50vw
}
.md
\
:rounded-b-none
{
border-bottom-right-radius
:
0
;
border-bottom-left-radius
:
0
}
.md
\
:pt-28
{
padding-top
:
7rem
}
.md
\
:shadow-lg
{
--tw-shadow
:
0
10px
15px
-3px
rgb
(
0
0
0
/
.1
),
0
4px
6px
-4px
rgb
(
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
)}}
@media
(
min-width
:
1024px
){
.lg
\
:mx-0
{
margin-left
:
0
;
margin-right
:
0
}
.lg
\
:mb-0
{
margin-bottom
:
0
}
.lg
\
:ml-64
{
margin-left
:
16rem
}
.lg
\
:mr-1
{
margin-right
:
.25rem
}
.lg
\
:block
{
display
:
block
}
.lg
\
:hidden
{
display
:
none
}
.lg
\
:h-10
{
height
:
2.5rem
}
.lg
\
:w-10
{
width
:
2.5rem
}
.lg
\
:w-80
{
width
:
20rem
}
.lg
\
:grid-cols-1
{
grid-template-columns
:
repeat
(
1
,
minmax
(
0
,
1
fr
))}
.lg
\
:grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
.lg
\
:grid-cols-3
{
grid-template-columns
:
repeat
(
3
,
minmax
(
0
,
1
fr
))}
.lg
\
:flex-row
{
flex-direction
:
row
}
.lg
\
:flex-nowrap
{
flex-wrap
:
nowrap
}
.lg
\
:justify-between
{
justify-content
:
space-between
}
.lg
\
:border-b-0
{
border-bottom-width
:
0px
}
.lg
\
:border-r
{
border-right-width
:
1px
}
.lg
\
:text-xs
{
font-size
:
.75rem
;
line-height
:
1rem
}}
@media
(
min-width
:
1536px
){
.
\32
xl
\
:text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}}
This diff is collapsed.
Click to expand it.
dist/index.html
+
2
−
2
View file @
868d9a33
...
...
@@ -49,8 +49,8 @@
height
:
50vh
;
}
</style>
<script
type=
"module"
crossorigin
src=
"/assets/index.
7a710e56
.js"
></script>
<link
rel=
"stylesheet"
href=
"/assets/index.
d0d5a953
.css"
>
<script
type=
"module"
crossorigin
src=
"/assets/index.
8f7dce28
.js"
></script>
<link
rel=
"stylesheet"
href=
"/assets/index.
2464f87b
.css"
>
</head>
<body
class=
"font-sans antialiased"
>
<!--== Loading ==-->
...
...
This diff is collapsed.
Click to expand it.
src/views/Dashboard.vue
+
1
−
1
View file @
868d9a33
...
...
@@ -11,7 +11,7 @@
v-slot=
"
{ iconSizeClasses }"
>
<GitlabIcon
aria-hidden=
"true"
:class=
"iconSizeClasses"
/>
<span>
Source Codes
{{
iconSizeClasses
}}
</span>
<span>
Source Codes
</span>
</Button>
</div>
</
template
>
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment
