defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: report in rekapitulasi gangguan all

Browse Source
This commit is contained in:
kur0nek-o
2024-04-28 10:41:31 +07:00
parent 6eaa0e0088
commit 1ade86c931
5 changed files with 409 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
src/assets/css/style.css
View File

@@ -1,5 +1,5 @@
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/
/*
@@ -211,6 +211,8 @@ textarea {
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
@@ -234,9 +236,9 @@ select {
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
@@ -687,6 +689,10 @@ select {
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
@@ -737,6 +743,10 @@ select {
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
.container {
@@ -4803,734 +4813,734 @@ body {
color: rgb(3 91 113 / var(--tw-text-opacity));
}
:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}
:is(.dark .dark\:divide-gray-700\/90) > :not([hidden]) ~ :not([hidden]) {
.dark\:divide-gray-700\/90:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(55 65 81 / 0.9);
}
:is(.dark .dark\:divide-gray-800) > :not([hidden]) ~ :not([hidden]) {
.dark\:divide-gray-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(31 41 55 / var(--tw-divide-opacity));
}
:is(.dark .dark\:divide-gray-900) > :not([hidden]) ~ :not([hidden]) {
.dark\:divide-gray-900:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-divide-opacity));
}
:is(.dark .dark\:border) {
.dark\:border:is(.dark *) {
border-width: 1px;
}
:is(.dark .dark\:border-blue-600) {
.dark\:border-blue-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-500) {
.dark\:border-gray-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-600) {
.dark\:border-gray-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-700) {
.dark\:border-gray-700:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-green-500) {
.dark\:border-green-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-green-600) {
.dark\:border-green-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-orange-500) {
.dark\:border-orange-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-primary-500) {
.dark\:border-primary-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(3 91 113 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-purple-500) {
.dark\:border-purple-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-red-500) {
.dark\:border-red-500:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(255 0 0 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-red-600) {
.dark\:border-red-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(204 0 0 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-yellow-600) {
.dark\:border-yellow-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(204 204 0 / var(--tw-border-opacity));
}
:is(.dark .dark\:bg-blue-200) {
.dark\:bg-blue-200:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-blue-600\/10) {
.dark\:bg-blue-600\/10:is(.dark *) {
background-color: rgb(37 99 235 / 0.1);
}
:is(.dark .dark\:bg-gray-600) {
.dark\:bg-gray-600:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
.dark\:bg-gray-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700\/50) {
.dark\:bg-gray-700\/50:is(.dark *) {
background-color: rgb(55 65 81 / 0.5);
}
:is(.dark .dark\:bg-gray-800) {
.dark\:bg-gray-800:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800\/50) {
.dark\:bg-gray-800\/50:is(.dark *) {
background-color: rgb(31 41 55 / 0.5);
}
:is(.dark .dark\:bg-gray-800\/70) {
.dark\:bg-gray-800\/70:is(.dark *) {
background-color: rgb(31 41 55 / 0.7);
}
:is(.dark .dark\:bg-gray-900) {
.dark\:bg-gray-900:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-900\/80) {
.dark\:bg-gray-900\/80:is(.dark *) {
background-color: rgb(17 24 39 / 0.8);
}
:is(.dark .dark\:bg-green-200) {
.dark\:bg-green-200:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-500) {
.dark\:bg-green-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-500\/30) {
.dark\:bg-green-500\/30:is(.dark *) {
background-color: rgb(34 197 94 / 0.3);
}
:is(.dark .dark\:bg-green-600\/10) {
.dark\:bg-green-600\/10:is(.dark *) {
background-color: rgb(22 163 74 / 0.1);
}
:is(.dark .dark\:bg-green-700) {
.dark\:bg-green-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-orange-500) {
.dark\:bg-orange-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-orange-500\/30) {
.dark\:bg-orange-500\/30:is(.dark *) {
background-color: rgb(249 115 22 / 0.3);
}
:is(.dark .dark\:bg-orange-700) {
.dark\:bg-orange-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-300) {
.dark\:bg-primary-300:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(104 157 170 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-400) {
.dark\:bg-primary-400:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(53 124 141 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-500) {
.dark\:bg-primary-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(3 91 113 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-primary-500\/20) {
.dark\:bg-primary-500\/20:is(.dark *) {
background-color: rgb(3 91 113 / 0.2);
}
:is(.dark .dark\:bg-primary-500\/60) {
.dark\:bg-primary-500\/60:is(.dark *) {
background-color: rgb(3 91 113 / 0.6);
}
:is(.dark .dark\:bg-primary-600\/10) {
.dark\:bg-primary-600\/10:is(.dark *) {
background-color: rgb(2 73 90 / 0.1);
}
:is(.dark .dark\:bg-purple-500) {
.dark\:bg-purple-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-purple-500\/30) {
.dark\:bg-purple-500\/30:is(.dark *) {
background-color: rgb(168 85 247 / 0.3);
}
:is(.dark .dark\:bg-purple-700) {
.dark\:bg-purple-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(126 34 206 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-200) {
.dark\:bg-red-200:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(255 153 153 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-500) {
.dark\:bg-red-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(255 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-500\/20) {
.dark\:bg-red-500\/20:is(.dark *) {
background-color: rgb(255 0 0 / 0.2);
}
:is(.dark .dark\:bg-red-500\/30) {
.dark\:bg-red-500\/30:is(.dark *) {
background-color: rgb(255 0 0 / 0.3);
}
:is(.dark .dark\:bg-red-500\/70) {
.dark\:bg-red-500\/70:is(.dark *) {
background-color: rgb(255 0 0 / 0.7);
}
:is(.dark .dark\:bg-red-600\/10) {
.dark\:bg-red-600\/10:is(.dark *) {
background-color: rgb(204 0 0 / 0.1);
}
:is(.dark .dark\:bg-red-700) {
.dark\:bg-red-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(153 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-yellow-200) {
.dark\:bg-yellow-200:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 153 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-yellow-600\/10) {
.dark\:bg-yellow-600\/10:is(.dark *) {
background-color: rgb(204 204 0 / 0.1);
}
:is(.dark .dark\:bg-opacity-50) {
.dark\:bg-opacity-50:is(.dark *) {
--tw-bg-opacity: 0.5;
}
:is(.dark .dark\:from-gray-500) {
.dark\:from-gray-500:is(.dark *) {
--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .dark\:to-gray-700) {
.dark\:to-gray-700:is(.dark *) {
--tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
:is(.dark .dark\:fill-\[\#fff\]) {
.dark\:fill-\[\#fff\]:is(.dark *) {
fill: #fff;
}
:is(.dark .dark\:text-black) {
.dark\:text-black:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-200) {
.dark\:text-blue-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(191 219 254 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-400) {
.dark\:text-blue-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-700) {
.dark\:text-blue-700:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-900) {
.dark\:text-blue-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-blue-900\/90) {
.dark\:text-blue-900\/90:is(.dark *) {
color: rgb(30 58 138 / 0.9);
}
:is(.dark .dark\:text-gray-200) {
.dark\:text-gray-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
.dark\:text-gray-300:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400) {
.dark\:text-gray-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-50) {
.dark\:text-gray-50:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(249 250 251 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-500) {
.dark\:text-gray-500:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-600) {
.dark\:text-gray-600:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-700) {
.dark\:text-gray-700:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-900) {
.dark\:text-gray-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-200) {
.dark\:text-green-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(187 247 208 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-400) {
.dark\:text-green-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-600) {
.dark\:text-green-600:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-700) {
.dark\:text-green-700:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-900) {
.dark\:text-green-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(20 83 45 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-900\/90) {
.dark\:text-green-900\/90:is(.dark *) {
color: rgb(20 83 45 / 0.9);
}
:is(.dark .dark\:text-primary-200) {
.dark\:text-primary-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(154 189 198 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-primary-400) {
.dark\:text-primary-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(53 124 141 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-200) {
.dark\:text-red-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 153 153 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-300) {
.dark\:text-red-300:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 102 102 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-300\/70) {
.dark\:text-red-300\/70:is(.dark *) {
color: rgb(255 102 102 / 0.7);
}
:is(.dark .dark\:text-red-400) {
.dark\:text-red-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 51 51 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-600) {
.dark\:text-red-600:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(204 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-700) {
.dark\:text-red-700:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(153 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-900) {
.dark\:text-red-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(51 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-900\/90) {
.dark\:text-red-900\/90:is(.dark *) {
color: rgb(51 0 0 / 0.9);
}
:is(.dark .dark\:text-vtd-primary-400) {
.dark\:text-vtd-primary-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(53 124 141 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-white) {
.dark\:text-white:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-200) {
.dark\:text-yellow-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 153 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-400) {
.dark\:text-yellow-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 51 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-600) {
.dark\:text-yellow-600:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(204 204 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-700) {
.dark\:text-yellow-700:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(153 153 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-900) {
.dark\:text-yellow-900:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(51 51 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-900\/90) {
.dark\:text-yellow-900\/90:is(.dark *) {
color: rgb(51 51 0 / 0.9);
}
:is(.dark .dark\:text-opacity-70) {
.dark\:text-opacity-70:is(.dark *) {
--tw-text-opacity: 0.7;
}
:is(.dark .dark\:ring-gray-200\/20) {
.dark\:ring-gray-200\/20:is(.dark *) {
--tw-ring-color: rgb(229 231 235 / 0.2);
}
:is(.dark .dark\:ring-gray-600\/60) {
.dark\:ring-gray-600\/60:is(.dark *) {
--tw-ring-color: rgb(75 85 99 / 0.6);
}
:is(.dark .dark\:ring-red-400) {
.dark\:ring-red-400:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 51 51 / var(--tw-ring-opacity));
}
:is(.dark .dark\:ring-red-500\/60) {
.dark\:ring-red-500\/60:is(.dark *) {
--tw-ring-color: rgb(255 0 0 / 0.6);
}
:is(.dark .dark\:ring-white\/10) {
.dark\:ring-white\/10:is(.dark *) {
--tw-ring-color: rgb(255 255 255 / 0.1);
}
:is(.dark .dark\:ring-white\/20) {
.dark\:ring-white\/20:is(.dark *) {
--tw-ring-color: rgb(255 255 255 / 0.2);
}
:is(.dark .dark\:ring-white\/30) {
.dark\:ring-white\/30:is(.dark *) {
--tw-ring-color: rgb(255 255 255 / 0.3);
}
:is(.dark .dark\:ring-offset-gray-900) {
.dark\:ring-offset-gray-900:is(.dark *) {
--tw-ring-offset-color: #111827;
}
:is(.dark .before\:dark\:border-gray-700)::before {
.before\:dark\:border-gray-700:is(.dark *)::before {
content: var(--tw-content);
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
}
:is(.dark .before\:dark\:bg-gray-900)::before {
.before\:dark\:bg-gray-900:is(.dark *)::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
:is(.dark .dark\:after\:from-gray-500)::after {
.dark\:after\:from-gray-500:is(.dark *)::after {
content: var(--tw-content);
--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .dark\:after\:to-gray-700)::after {
.dark\:after\:to-gray-700:is(.dark *)::after {
content: var(--tw-content);
--tw-gradient-to: #374151 var(--tw-gradient-to-position);
}
:is(.dark .checked\:dark\:bg-primary-300):checked {
.checked\:dark\:bg-primary-300:is(.dark *):checked {
--tw-bg-opacity: 1;
background-color: rgb(104 157 170 / var(--tw-bg-opacity));
}
:is(.dark .checked\:dark\:bg-red-300):checked {
.checked\:dark\:bg-red-300:is(.dark *):checked {
--tw-bg-opacity: 1;
background-color: rgb(255 102 102 / var(--tw-bg-opacity));
}
:is(.dark .dark\:checked\:bg-primary-600:checked) {
.dark\:checked\:bg-primary-600:checked:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(2 73 90 / var(--tw-bg-opacity));
}
:is(.dark .dark\:checked\:bg-red-600:checked) {
.dark\:checked\:bg-red-600:checked:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(204 0 0 / var(--tw-bg-opacity));
}
:is(.dark .checked\:dark\:text-black):checked {
.checked\:dark\:text-black:is(.dark *):checked {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:bg-blue-300:hover) {
.dark\:hover\:bg-blue-300:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-blue-700\/20:hover) {
.dark\:hover\:bg-blue-700\/20:hover:is(.dark *) {
background-color: rgb(29 78 216 / 0.2);
}
:is(.dark .dark\:hover\:bg-gray-700:hover) {
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-green-300:hover) {
.dark\:hover\:bg-green-300:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-green-700\/20:hover) {
.dark\:hover\:bg-green-700\/20:hover:is(.dark *) {
background-color: rgb(21 128 61 / 0.2);
}
:is(.dark .dark\:hover\:bg-primary-400\/20:hover) {
.dark\:hover\:bg-primary-400\/20:hover:is(.dark *) {
background-color: rgb(53 124 141 / 0.2);
}
:is(.dark .dark\:hover\:bg-primary-700\/20:hover) {
.dark\:hover\:bg-primary-700\/20:hover:is(.dark *) {
background-color: rgb(2 73 90 / 0.2);
}
:is(.dark .dark\:hover\:bg-red-300:hover) {
.dark\:hover\:bg-red-300:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(255 102 102 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-red-400\/20:hover) {
.dark\:hover\:bg-red-400\/20:hover:is(.dark *) {
background-color: rgb(255 51 51 / 0.2);
}
:is(.dark .dark\:hover\:bg-red-700\/20:hover) {
.dark\:hover\:bg-red-700\/20:hover:is(.dark *) {
background-color: rgb(153 0 0 / 0.2);
}
:is(.dark .dark\:hover\:bg-yellow-300:hover) {
.dark\:hover\:bg-yellow-300:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 102 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-yellow-700\/20:hover) {
.dark\:hover\:bg-yellow-700\/20:hover:is(.dark *) {
background-color: rgb(153 153 0 / 0.2);
}
:is(.dark .dark\:hover\:text-gray-100:hover) {
.dark\:hover\:text-gray-100:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(243 244 246 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-gray-300:hover) {
.dark\:hover\:text-gray-300:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-red-200:hover) {
.dark\:hover\:text-red-200:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 153 153 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-vtd-primary-300:hover) {
.dark\:hover\:text-vtd-primary-300:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-white:hover) {
.dark\:hover\:text-white:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:border-primary-600:focus) {
.dark\:focus\:border-primary-600:focus:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(2 73 90 / var(--tw-border-opacity));
}
:is(.dark .dark\:focus\:border-red-400:focus) {
.dark\:focus\:border-red-400:focus:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(255 51 51 / var(--tw-border-opacity));
}
:is(.dark .dark\:focus\:border-vtd-primary-500:focus) {
.dark\:focus\:border-vtd-primary-500:focus:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(3 91 113 / var(--tw-border-opacity));
}
:is(.dark .dark\:focus\:bg-primary-500\/20:focus) {
.dark\:focus\:bg-primary-500\/20:focus:is(.dark *) {
background-color: rgb(3 91 113 / 0.2);
}
:is(.dark .dark\:focus\:bg-red-500\/20:focus) {
.dark\:focus\:bg-red-500\/20:focus:is(.dark *) {
background-color: rgb(255 0 0 / 0.2);
}
:is(.dark .dark\:focus\:bg-opacity-50:focus) {
.dark\:focus\:bg-opacity-50:focus:is(.dark *) {
--tw-bg-opacity: 0.5;
}
:is(.dark .dark\:focus\:text-vtd-primary-300:focus) {
.dark\:focus\:text-vtd-primary-300:focus:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:text-white:focus) {
.dark\:focus\:text-white:focus:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:ring-blue-800:focus) {
.dark\:focus\:ring-blue-800:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-green-800:focus) {
.dark\:focus\:ring-green-800:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-primary-500:focus) {
.dark\:focus\:ring-primary-500:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(3 91 113 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-primary-600:focus) {
.dark\:focus\:ring-primary-600:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(2 73 90 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-red-400:focus) {
.dark\:focus\:ring-red-400:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 51 51 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-red-500:focus) {
.dark\:focus\:ring-red-500:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 0 0 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-red-800:focus) {
.dark\:focus\:ring-red-800:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(102 0 0 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-yellow-800:focus) {
.dark\:focus\:ring-yellow-800:focus:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(102 102 0 / var(--tw-ring-opacity));
}
:is(.dark .dark\:focus\:ring-opacity-20:focus) {
.dark\:focus\:ring-opacity-20:focus:is(.dark *) {
--tw-ring-opacity: 0.2;
}
:is(.dark .dark\:focus\:ring-opacity-25:focus) {
.dark\:focus\:ring-opacity-25:focus:is(.dark *) {
--tw-ring-opacity: 0.25;
}
:is(.dark .dark\:focus\:ring-offset-blue-200:focus) {
.dark\:focus\:ring-offset-blue-200:focus:is(.dark *) {
--tw-ring-offset-color: #bfdbfe;
}
:is(.dark .dark\:focus\:ring-offset-gray-800:focus) {
.dark\:focus\:ring-offset-gray-800:focus:is(.dark *) {
--tw-ring-offset-color: #1f2937;
}
:is(.dark .dark\:focus\:ring-offset-gray-900:focus) {
.dark\:focus\:ring-offset-gray-900:focus:is(.dark *) {
--tw-ring-offset-color: #111827;
}
:is(.dark .dark\:focus\:ring-offset-green-200:focus) {
.dark\:focus\:ring-offset-green-200:focus:is(.dark *) {
--tw-ring-offset-color: #bbf7d0;
}
:is(.dark .dark\:focus\:ring-offset-red-200:focus) {
.dark\:focus\:ring-offset-red-200:focus:is(.dark *) {
--tw-ring-offset-color: #ff9999;
}
:is(.dark .dark\:focus\:ring-offset-yellow-200:focus) {
.dark\:focus\:ring-offset-yellow-200:focus:is(.dark *) {
--tw-ring-offset-color: #ffff99;
}
:is(.dark .dark\:focus-visible\:ring-red-500:focus-visible) {
.dark\:focus-visible\:ring-red-500:focus-visible:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 0 0 / var(--tw-ring-opacity));
}
:is(.dark .group:hover .dark\:group-hover\:bg-gray-600) {
.group:hover .dark\:group-hover\:bg-gray-600:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}