Update dependencies and fix code issues

This commit is contained in:
Eko Haryadi
2024-02-20 18:44:11 +07:00
parent 2758481259
commit a0ccf13466
65 changed files with 3454 additions and 2271 deletions

View File

@ -1,5 +1,5 @@
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/
/*
@ -32,9 +32,11 @@
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html {
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
@ -50,6 +52,8 @@ html {
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
@ -121,8 +125,10 @@ strong {
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
@ -131,8 +137,12 @@ samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-size: 1em;
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
@ -567,10 +577,26 @@ select {
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");
}
@media (forced-colors: active) {
[type='checkbox']:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[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");
}
@media (forced-colors: active) {
[type='radio']:checked {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
@ -585,6 +611,14 @@ select {
background-repeat: no-repeat;
}
@media (forced-colors: active) {
[type='checkbox']:indeterminate {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
@ -705,6 +739,40 @@ select {
--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;
}
}
html {
height: 100%;
--tw-bg-opacity: 1;
@ -883,6 +951,10 @@ body {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.static {
position: static;
}
@ -912,14 +984,30 @@ body {
bottom: 0px;
}
.-bottom-px {
bottom: -1px;
}
.-left-2 {
left: -0.5rem;
}
.-left-px {
left: -1px;
}
.-right-px {
right: -1px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-auto {
bottom: auto;
}
.left-0 {
left: 0px;
}
@ -960,6 +1048,10 @@ body {
top: 100%;
}
.top-px {
top: 1px;
}
.z-10 {
z-index: 10;
}
@ -984,6 +1076,37 @@ body {
grid-column: span 7 / span 7;
}
.-m-px {
margin: -1px;
}
.m-0 {
margin: 0px;
}
.m-3 {
margin: 0.75rem;
}
.m-3\.5 {
margin: 0.875rem;
}
.mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.mx-0\.5 {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
@ -1017,6 +1140,14 @@ body {
margin-right: -3rem;
}
.-mt-px {
margin-top: -1px;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
@ -1065,6 +1196,14 @@ body {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-3\.5 {
margin-right: 0.875rem;
}
.mt-0 {
margin-top: 0px;
}
@ -1109,6 +1248,14 @@ body {
margin-top: 1.5rem;
}
.box-border {
box-sizing: border-box;
}
.box-content {
box-sizing: content-box;
}
.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
@ -1160,6 +1307,10 @@ body {
height: 4rem;
}
.h-3 {
height: 0.75rem;
}
.h-4 {
height: 1rem;
}
@ -1213,6 +1364,10 @@ body {
height: 100%;
}
.h-px {
height: 1px;
}
.h-screen-80 {
height: 80vh;
}
@ -1265,6 +1420,18 @@ body {
width: 4rem;
}
.w-2 {
width: 0.5rem;
}
.w-2\.5 {
width: 0.625rem;
}
.w-3 {
width: 0.75rem;
}
.w-4 {
width: 1rem;
}
@ -1313,6 +1480,14 @@ body {
width: 100%;
}
.w-px {
width: 1px;
}
.min-w-0 {
min-width: 0px;
}
.max-w-2xl {
max-width: 42rem;
}
@ -1321,6 +1496,10 @@ body {
max-width: 80rem;
}
.max-w-full {
max-width: 100%;
}
.max-w-sm {
max-width: 24rem;
}
@ -1337,6 +1516,10 @@ body {
flex: none;
}
.flex-shrink {
flex-shrink: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
@ -1349,6 +1532,10 @@ body {
flex-grow: 1;
}
.flex-grow-0 {
flex-grow: 0;
}
.grow {
flex-grow: 1;
}
@ -1367,6 +1554,11 @@ body {
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));
}
.-translate-y-full {
--tw-translate-y: -100%;
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));
}
.translate-x-0 {
--tw-translate-x: 0px;
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));
@ -1392,6 +1584,11 @@ body {
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));
}
.translate-y-full {
--tw-translate-y: 100%;
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));
}
.rotate-180 {
--tw-rotate: 180deg;
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));
@ -1427,6 +1624,10 @@ body {
cursor: default;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
@ -1442,6 +1643,16 @@ body {
scroll-padding-bottom: 0.5rem;
}
.list-none {
list-style-type: none;
}
.appearance-none {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.auto-cols-auto {
grid-auto-columns: auto;
}
@ -1502,10 +1713,6 @@ body {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
@ -1605,12 +1812,24 @@ body {
overflow-y: auto;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.whitespace-normal {
white-space: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
@ -1619,6 +1838,10 @@ body {
white-space: pre-wrap;
}
.break-all {
word-break: break-all;
}
.rounded {
border-radius: 0.25rem;
}
@ -1639,15 +1862,29 @@ body {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-b-2xl {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
}
.rounded-b-none {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.rounded-l-full {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
@ -1658,11 +1895,21 @@ body {
border-bottom-right-radius: 9999px;
}
.rounded-t {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.rounded-t-none {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.border {
border-width: 1px;
}
@ -1723,11 +1970,6 @@ body {
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@ -1738,6 +1980,11 @@ body {
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@ -1758,6 +2005,16 @@ body {
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
@ -1808,6 +2065,10 @@ body {
background-color: rgb(13 148 136 / var(--tw-bg-opacity));
}
.bg-transparent {
background-color: transparent;
}
.bg-vtd-primary-100 {
--tw-bg-opacity: 1;
background-color: rgb(205 222 227 / var(--tw-bg-opacity));
@ -1850,6 +2111,10 @@ body {
--tw-bg-opacity: 0.05;
}
.bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
--tw-bg-opacity: 0.6;
}
@ -1862,10 +2127,30 @@ body {
--tw-bg-opacity: 0.8;
}
.bg-multiselect-caret {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3e%3c/path%3e%3c/svg%3e");
}
.bg-multiselect-remove {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'%3e%3c/path%3e%3c/svg%3e");
}
.bg-multiselect-spinner {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 512 512' fill='%2322c55e' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'%3e%3c/path%3e%3c/svg%3e");
}
.bg-none {
background-image: none;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.fill-gray-500 {
fill: #6b7280;
}
@ -1907,10 +2192,6 @@ body {
padding: 0px;
}
.p-0\.5 {
padding: 0.125rem;
}
.p-1 {
padding: 0.25rem;
}
@ -1977,6 +2258,11 @@ body {
padding-bottom: 0px;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
@ -2022,6 +2308,16 @@ body {
padding-bottom: 1.5rem;
}
.py-\[5px\] {
padding-top: 5px;
padding-bottom: 5px;
}
.py-px {
padding-top: 1px;
padding-bottom: 1px;
}
.pb-4 {
padding-bottom: 1rem;
}
@ -2046,6 +2342,10 @@ body {
padding-left: 0.75rem;
}
.pl-3\.5 {
padding-left: 0.875rem;
}
.pr-10 {
padding-right: 2.5rem;
}
@ -2054,10 +2354,22 @@ body {
padding-right: 3rem;
}
.pr-16 {
padding-right: 4rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-3\.5 {
padding-right: 0.875rem;
}
.pr-4 {
padding-right: 1rem;
}
@ -2098,6 +2410,10 @@ body {
text-align: start;
}
.font-sans {
font-family: Plus Jakarta Sans, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -2186,10 +2502,18 @@ body {
line-height: 1;
}
.leading-normal {
line-height: 1.5;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-snug {
line-height: 1.375;
}
.tracking-tight {
letter-spacing: -0.025em;
}
@ -2208,11 +2532,6 @@ body {
color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-dark {
--tw-text-opacity: 1;
color: rgb(21 22 23 / var(--tw-text-opacity));
@ -2258,6 +2577,11 @@ body {
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-100 {
--tw-text-opacity: 1;
color: rgb(220 252 231 / var(--tw-text-opacity));
}
.text-green-400 {
--tw-text-opacity: 1;
color: rgb(74 222 128 / var(--tw-text-opacity));
@ -2323,6 +2647,10 @@ body {
color: rgb(13 148 136 / var(--tw-text-opacity));
}
.text-transparent {
color: transparent;
}
.text-vtd-primary-500 {
--tw-text-opacity: 1;
color: rgb(3 91 113 / var(--tw-text-opacity));
@ -2385,6 +2713,10 @@ body {
opacity: 0.75;
}
.opacity-90 {
opacity: 0.9;
}
.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);
@ -2426,6 +2758,11 @@ body {
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.outline {
outline-style: solid;
}
@ -2455,10 +2792,6 @@ body {
--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}
.ring-blue-700\/10 {
--tw-ring-color: rgb(29 78 216 / 0.1);
}
.ring-gray-300 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
@ -2584,6 +2917,11 @@ body {
border-color: rgb(3 91 113 / var(--tw-border-opacity));
}
.hover\:bg-black:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@ -2629,6 +2967,10 @@ body {
background-color: rgb(255 255 0 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover {
--tw-bg-opacity: 0.1;
}
.hover\:text-primary-500:hover {
--tw-text-opacity: 1;
color: rgb(3 91 113 / var(--tw-text-opacity));
@ -2639,6 +2981,10 @@ body {
color: rgb(2 73 90 / var(--tw-text-opacity));
}
.hover\:opacity-80:hover {
opacity: 0.8;
}
.focus\:border-0:focus {
border-width: 0px;
}
@ -2835,53 +3181,15 @@ body {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-60 {
opacity: 0.6;
}
.peer:checked ~ .peer-checked\:text-primary-500 {
--tw-text-opacity: 1;
color: rgb(3 91 113 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {
.dark\:bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.dark\:text-vtd-primary-400 {
--tw-text-opacity: 1;
color: rgb(53 124 141 / var(--tw-text-opacity));
}
.dark\:text-opacity-70 {
--tw-text-opacity: 0.7;
}
.dark\:hover\:text-vtd-primary-300:hover {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
.dark\:focus\:border-vtd-primary-500:focus {
--tw-border-opacity: 1;
border-color: rgb(3 91 113 / var(--tw-border-opacity));
}
.dark\:focus\:bg-opacity-50:focus {
--tw-bg-opacity: 0.5;
}
.dark\:focus\:text-vtd-primary-300:focus {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
.dark\:focus\:ring-opacity-20:focus {
--tw-ring-opacity: 0.2;
}
.dark\:focus\:ring-opacity-25:focus {
--tw-ring-opacity: 0.25;
}
}
@media (min-width: 640px) {
.sm\:static {
position: static;
@ -3378,3 +3686,105 @@ body {
line-height: 1.25rem;
}
}
.rtl\:left-auto:where([dir="rtl"], [dir="rtl"] *) {
left: auto;
}
.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *) {
right: 0px;
}
.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 0.25rem;
}
.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 0.75rem;
}
.rtl\:ml-3\.5:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 0.875rem;
}
.rtl\:mr-0:where([dir="rtl"], [dir="rtl"] *) {
margin-right: 0px;
}
.rtl\:pl-0:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0px;
}
.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0.5rem;
}
.rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0.75rem;
}
.rtl\:pl-3\.5:where([dir="rtl"], [dir="rtl"] *) {
padding-left: 0.875rem;
}
.rtl\:pr-0:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0px;
}
.rtl\:pr-2:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0.5rem;
}
.rtl\:pr-3:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0.75rem;
}
.rtl\:pr-3\.5:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0.875rem;
}
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
text-align: right;
}
@media (prefers-color-scheme: dark) {
.dark\:bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.dark\:text-vtd-primary-400 {
--tw-text-opacity: 1;
color: rgb(53 124 141 / var(--tw-text-opacity));
}
.dark\:text-opacity-70 {
--tw-text-opacity: 0.7;
}
.dark\:hover\:text-vtd-primary-300:hover {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
.dark\:focus\:border-vtd-primary-500:focus {
--tw-border-opacity: 1;
border-color: rgb(3 91 113 / var(--tw-border-opacity));
}
.dark\:focus\:bg-opacity-50:focus {
--tw-bg-opacity: 0.5;
}
.dark\:focus\:text-vtd-primary-300:focus {
--tw-text-opacity: 1;
color: rgb(104 157 170 / var(--tw-text-opacity));
}
.dark\:focus\:ring-opacity-20:focus {
--tw-ring-opacity: 0.2;
}
.dark\:focus\:ring-opacity-25:focus {
--tw-ring-opacity: 0.25;
}
}