@vtable-guild/vtable-guild 2.1.4 → 2.2.1

package/css/style.css

@@ -418,12 +418,12 @@
  */
 
 /* Hide native scrollbar — used by Scrollbar component */
-.scrollbar-none {
+.vtg-scrollbar-none {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
-.scrollbar-none::-webkit-scrollbar {
+.vtg-scrollbar-none::-webkit-scrollbar {
   display: none;
 }
 
@@ -499,1428 +499,1108 @@
   transform: scale(0.8);
 }
 
-.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;
-    border-style: solid
-}
-.not-sr-only {
-    position: static;
-    width: auto;
-    height: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    clip: auto;
-    white-space: normal
-}
-.pointer-events-none {
+.vtg-pointer-events-none {
     pointer-events: none
 }
-.visible {
+.vtg-visible {
     visibility: visible
 }
-.invisible {
+.vtg-invisible {
     visibility: hidden
 }
-.collapse {
-    visibility: collapse
-}
-.static {
+.vtg-static {
     position: static
 }
-.fixed {
+.vtg-fixed {
     position: fixed
 }
-.absolute {
+.vtg-absolute {
     position: absolute
 }
-.relative {
+.vtg-relative {
     position: relative
 }
-.sticky {
+.vtg-sticky {
     position: sticky
 }
-.inset-0 {
+.vtg-inset-0 {
     inset: 0px
 }
-.bottom-0 {
+.vtg-bottom-0 {
     bottom: 0px
 }
-.bottom-0\.5 {
+.vtg-bottom-0\.5 {
     bottom: 0.125rem
 }
-.left-0 {
+.vtg-left-0 {
     left: 0px
 }
-.left-0\.5 {
+.vtg-left-0\.5 {
     left: 0.125rem
 }
-.left-1\/2 {
+.vtg-left-1\/2 {
     left: 50%
 }
-.left-\[22\%\] {
+.vtg-left-\[22\%\] {
     left: 22%
 }
-.left-full {
+.vtg-left-full {
     left: 100%
 }
-.right-0 {
+.vtg-right-0 {
     right: 0px
 }
-.right-0\.5 {
+.vtg-right-0\.5 {
     right: 0.125rem
 }
-.top-0 {
+.vtg-top-0 {
     top: 0px
 }
-.top-0\.5 {
+.vtg-top-0\.5 {
     top: 0.125rem
 }
-.top-1\/2 {
+.vtg-top-1\/2 {
     top: 50%
 }
-.top-\[5px\] {
+.vtg-top-\[5px\] {
     top: 5px
 }
-.isolate {
-    isolation: isolate
-}
-.isolation-auto {
-    isolation: auto
-}
-.z-\[2\] {
+.vtg-z-\[2\] {
     z-index: 2
 }
-.z-\[3\] {
+.vtg-z-\[3\] {
     z-index: 3
 }
-.z-\[4\] {
+.vtg-z-\[4\] {
     z-index: 4
 }
-.m-0 {
+.vtg-m-0 {
     margin: 0px
 }
-.-my-1 {
+.-vtg-my-1 {
     margin-top: -0.25rem;
     margin-bottom: -0.25rem
 }
-.my-\[var\(--vtg-table-empty-margin-block\)\] {
+.vtg-my-\[var\(--vtg-table-empty-margin-block\)\] {
     margin-top: var(--vtg-table-empty-margin-block);
     margin-bottom: var(--vtg-table-empty-margin-block)
 }
-.-me-2 {
+.-vtg-me-2 {
     margin-inline-end: -0.5rem
 }
-.-mt-\[0\.225em\] {
+.-vtg-mt-\[0\.225em\] {
     margin-top: -0.225em
 }
-.-mt-\[5px\] {
+.-vtg-mt-\[5px\] {
     margin-top: -5px
 }
-.mb-1 {
+.vtg-mb-1 {
     margin-bottom: 0.25rem
 }
-.mb-2 {
+.vtg-mb-2 {
     margin-bottom: 0.5rem
 }
-.mb-\[var\(--vtg-table-empty-image-margin-bottom\)\] {
+.vtg-mb-\[var\(--vtg-table-empty-image-margin-bottom\)\] {
     margin-bottom: var(--vtg-table-empty-image-margin-bottom)
 }
-.me-1 {
+.vtg-me-1 {
     margin-inline-end: 0.25rem
 }
-.me-2 {
+.vtg-me-2 {
     margin-inline-end: 0.5rem
 }
-.ml-0\.5 {
+.vtg-ml-0\.5 {
     margin-left: 0.125rem
 }
-.ml-1 {
+.vtg-ml-1 {
     margin-left: 0.25rem
 }
-.ml-2 {
+.vtg-ml-2 {
     margin-left: 0.5rem
 }
-.mr-2 {
+.vtg-mr-2 {
     margin-right: 0.5rem
 }
-.ms-1 {
+.vtg-ms-1 {
     margin-inline-start: 0.25rem
 }
-.mt-1 {
+.vtg-mt-1 {
     margin-top: 0.25rem
 }
-.mt-2 {
+.vtg-mt-2 {
     margin-top: 0.5rem
 }
-.box-border {
+.vtg-box-border {
     box-sizing: border-box
 }
-.box-content {
+.vtg-box-content {
     box-sizing: content-box
 }
-.block {
+.vtg-block {
     display: block
 }
-.inline-block {
+.vtg-inline-block {
     display: inline-block
 }
-.inline {
+.vtg-inline {
     display: inline
 }
-.flex {
+.vtg-flex {
     display: flex
 }
-.inline-flex {
+.vtg-inline-flex {
     display: inline-flex
 }
-.table {
+.vtg-table {
     display: table
 }
-.inline-table {
-    display: inline-table
-}
-.table-caption {
-    display: table-caption
-}
-.table-cell {
-    display: table-cell
-}
-.table-column {
-    display: table-column
-}
-.table-column-group {
-    display: table-column-group
-}
-.table-footer-group {
-    display: table-footer-group
-}
-.table-header-group {
-    display: table-header-group
-}
-.table-row-group {
-    display: table-row-group
-}
-.table-row {
-    display: table-row
-}
-.flow-root {
-    display: flow-root
-}
-.grid {
-    display: grid
-}
-.inline-grid {
-    display: inline-grid
-}
-.contents {
-    display: contents
-}
-.list-item {
-    display: list-item
-}
-.hidden {
+.vtg-hidden {
     display: none
 }
-.h-0 {
+.vtg-h-0 {
     height: 0px
 }
-.h-2 {
+.vtg-h-2 {
     height: 0.5rem
 }
-.h-5 {
+.vtg-h-5 {
     height: 1.25rem
 }
-.h-6 {
+.vtg-h-6 {
     height: 1.5rem
 }
-.h-\[17px\] {
+.vtg-h-\[17px\] {
     height: 17px
 }
-.h-\[22px\] {
+.vtg-h-\[22px\] {
     height: 22px
 }
-.h-\[23px\] {
+.vtg-h-\[23px\] {
     height: 23px
 }
-.h-\[2px\] {
+.vtg-h-\[2px\] {
     height: 2px
 }
-.h-\[32px\] {
+.vtg-h-\[32px\] {
     height: 32px
 }
-.h-\[7px\] {
+.vtg-h-\[7px\] {
     height: 7px
 }
-.h-\[9\.14px\] {
+.vtg-h-\[9\.14px\] {
     height: 9.14px
 }
-.h-\[var\(--vtg-btn-height-md\)\] {
+.vtg-h-\[var\(--vtg-btn-height-md\)\] {
     height: var(--vtg-btn-height-md)
 }
-.h-\[var\(--vtg-btn-height-sm\)\] {
+.vtg-h-\[var\(--vtg-btn-height-sm\)\] {
     height: var(--vtg-btn-height-sm)
 }
-.h-\[var\(--vtg-checkbox-size\)\] {
+.vtg-h-\[var\(--vtg-checkbox-size\)\] {
     height: var(--vtg-checkbox-size)
 }
-.h-\[var\(--vtg-input-height\)\] {
+.vtg-h-\[var\(--vtg-input-height\)\] {
     height: var(--vtg-input-height)
 }
-.h-\[var\(--vtg-radio-size\)\] {
+.vtg-h-\[var\(--vtg-radio-size\)\] {
     height: var(--vtg-radio-size)
 }
-.h-\[var\(--vtg-scrollbar-thumb-width\)\] {
+.vtg-h-\[var\(--vtg-scrollbar-thumb-width\)\] {
     height: var(--vtg-scrollbar-thumb-width)
 }
-.h-\[var\(--vtg-table-empty-image-height\)\] {
+.vtg-h-\[var\(--vtg-table-empty-image-height\)\] {
     height: var(--vtg-table-empty-image-height)
 }
-.h-auto {
+.vtg-h-auto {
     height: auto
 }
-.h-full {
+.vtg-h-full {
     height: 100%
 }
-.min-h-6 {
+.vtg-min-h-6 {
     min-height: 1.5rem
 }
-.w-0 {
+.vtg-w-0 {
     width: 0px
 }
-.w-2 {
+.vtg-w-2 {
     width: 0.5rem
 }
-.w-40 {
+.vtg-w-40 {
     width: 10rem
 }
-.w-5 {
+.vtg-w-5 {
     width: 1.25rem
 }
-.w-6 {
+.vtg-w-6 {
     width: 1.5rem
 }
-.w-\[12px\] {
+.vtg-w-\[12px\] {
     width: 12px
 }
-.w-\[17px\] {
+.vtg-w-\[17px\] {
     width: 17px
 }
-.w-\[23px\] {
+.vtg-w-\[23px\] {
     width: 23px
 }
-.w-\[3px\] {
+.vtg-w-\[3px\] {
     width: 3px
 }
-.w-\[5\.71px\] {
+.vtg-w-\[5\.71px\] {
     width: 5.71px
 }
-.w-\[5px\] {
+.vtg-w-\[5px\] {
     width: 5px
 }
-.w-\[var\(--vtg-checkbox-size\)\] {
+.vtg-w-\[var\(--vtg-checkbox-size\)\] {
     width: var(--vtg-checkbox-size)
 }
-.w-\[var\(--vtg-radio-size\)\] {
+.vtg-w-\[var\(--vtg-radio-size\)\] {
     width: var(--vtg-radio-size)
 }
-.w-\[var\(--vtg-scrollbar-thumb-width\)\] {
+.vtg-w-\[var\(--vtg-scrollbar-thumb-width\)\] {
     width: var(--vtg-scrollbar-thumb-width)
 }
-.w-auto {
+.vtg-w-auto {
     width: auto
 }
-.w-full {
+.vtg-w-full {
     width: 100%
 }
-.w-max {
+.vtg-w-max {
     width: max-content
 }
-.min-w-0 {
+.vtg-min-w-0 {
     min-width: 0px
 }
-.min-w-\[100px\] {
+.vtg-min-w-\[100px\] {
     min-width: 100px
 }
-.min-w-\[120px\] {
+.vtg-min-w-\[120px\] {
     min-width: 120px
 }
-.min-w-\[140px\] {
+.vtg-min-w-\[140px\] {
     min-width: 140px
 }
-.min-w-full {
+.vtg-min-w-full {
     min-width: 100%
 }
-.max-w-\[250px\] {
+.vtg-max-w-\[250px\] {
     max-width: 250px
 }
-.flex-1 {
+.vtg-flex-1 {
     flex: 1 1 0%
 }
-.flex-auto {
+.vtg-flex-auto {
     flex: 1 1 auto
 }
-.shrink {
+.vtg-shrink {
     flex-shrink: 1
 }
-.shrink-0 {
+.vtg-shrink-0 {
     flex-shrink: 0
 }
-.grow {
-    flex-grow: 1
-}
-.grow-0 {
+.vtg-grow-0 {
     flex-grow: 0
 }
-.basis-auto {
+.vtg-basis-auto {
     flex-basis: auto
 }
-.border-collapse {
-    border-collapse: collapse
-}
-.border-separate {
+.vtg-border-separate {
     border-collapse: separate
 }
-.border-spacing-0 {
+.vtg-border-spacing-0 {
     --tw-border-spacing-x: 0px;
     --tw-border-spacing-y: 0px;
     border-spacing: var(--tw-border-spacing-x, 0) var(--tw-border-spacing-y, 0)
 }
-.origin-center {
+.vtg-origin-center {
     transform-origin: center
 }
-.-translate-x-1\/2 {
+.-vtg-translate-x-1\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.-translate-y-1\/2 {
+.-vtg-translate-y-1\/2 {
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.translate-x-0 {
+.vtg-translate-x-0 {
     --tw-translate-x: 0px;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.translate-y-0 {
+.vtg-translate-y-0 {
     --tw-translate-y: 0px;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.-rotate-90 {
+.-vtg-rotate-90 {
     --tw-rotate: -90deg;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.rotate-0 {
+.vtg-rotate-0 {
     --tw-rotate: 0deg;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.rotate-90 {
+.vtg-rotate-90 {
     --tw-rotate: 90deg;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.scale-\[0\.375\] {
+.vtg-scale-\[0\.375\] {
     --tw-scale-x: 0.375;
     --tw-scale-y: 0.375;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.scale-\[0\.941176\] {
+.vtg-scale-\[0\.941176\] {
     --tw-scale-x: 0.941176;
     --tw-scale-y: 0.941176;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.transform {
+.vtg-transform {
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-@keyframes spin {
+@keyframes vtg-spin {
     to {
         transform: rotate(360deg)
     }
 }
-.animate-spin {
-    animation: spin 1s linear infinite
+.vtg-animate-spin {
+    animation: vtg-spin 1s linear infinite
 }
-.cursor-col-resize {
+.vtg-cursor-col-resize {
     cursor: col-resize
 }
-.cursor-default {
+.vtg-cursor-default {
     cursor: default
 }
-.cursor-not-allowed {
+.vtg-cursor-not-allowed {
     cursor: not-allowed
 }
-.cursor-pointer {
+.vtg-cursor-pointer {
     cursor: pointer
 }
-.touch-pinch-zoom {
-    --tw-pinch-zoom: pinch-zoom;
-    touch-action: var(--tw-pan-x,  ) var(--tw-pan-y,  ) var(--tw-pinch-zoom,  )
-}
-.select-none {
+.vtg-select-none {
     user-select: none
 }
-.select-all {
+.vtg-select-all {
     user-select: all
 }
-.resize {
+.vtg-resize {
     resize: both
 }
-.list-none {
+.vtg-list-none {
     list-style-type: none
 }
-.flex-row-reverse {
+.vtg-flex-row-reverse {
     flex-direction: row-reverse
 }
-.flex-col {
+.vtg-flex-col {
     flex-direction: column
 }
-.flex-wrap {
-    flex-wrap: wrap
-}
-.items-start {
+.vtg-items-start {
     align-items: flex-start
 }
-.items-center {
+.vtg-items-center {
     align-items: center
 }
-.justify-end {
+.vtg-justify-end {
     justify-content: flex-end
 }
-.justify-center {
+.vtg-justify-center {
     justify-content: center
 }
-.justify-between {
+.vtg-justify-between {
     justify-content: space-between
 }
-.gap-0 {
+.vtg-gap-0 {
     gap: 0px
 }
-.gap-1 {
+.vtg-gap-1 {
     gap: 0.25rem
 }
-.gap-2 {
+.vtg-gap-2 {
     gap: 0.5rem
 }
-.gap-3 {
+.vtg-gap-3 {
     gap: 0.75rem
 }
-.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 1
-}
-.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 1
-}
-.divide-x > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 0;
-    border-right-width: calc(1px * var(--tw-divide-x-reverse));
-    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-    border-right-style: solid;
-    border-left-style: solid
-}
-.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));
-    border-top-style: solid;
-    border-bottom-style: solid
-}
-.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-y-reverse: 1
-}
-.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
-    --tw-divide-x-reverse: 1
-}
-.self-stretch {
+.vtg-self-stretch {
     align-self: stretch
 }
-.overflow-auto {
+.vtg-overflow-auto {
     overflow: auto
 }
-.overflow-hidden {
+.vtg-overflow-hidden {
     overflow: hidden
 }
-.overflow-clip {
+.vtg-overflow-clip {
     overflow: clip
 }
-.overflow-visible {
+.vtg-overflow-visible {
     overflow: visible
 }
-.truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap
-}
-.text-ellipsis {
+.vtg-text-ellipsis {
     text-overflow: ellipsis
 }
-.text-clip {
-    text-overflow: clip
-}
-.whitespace-nowrap {
+.vtg-whitespace-nowrap {
     white-space: nowrap
 }
-.text-wrap {
-    text-wrap: wrap
-}
-.break-words {
+.vtg-break-words {
     overflow-wrap: break-word
 }
-.rounded {
+.vtg-rounded {
     border-radius: 0.25rem
 }
-.rounded-\[1px\] {
+.vtg-rounded-\[1px\] {
     border-radius: 1px
 }
-.rounded-\[2px\] {
+.vtg-rounded-\[2px\] {
     border-radius: 2px
 }
-.rounded-\[6px\] {
+.vtg-rounded-\[6px\] {
     border-radius: 6px
 }
-.rounded-\[8px\] {
+.vtg-rounded-\[8px\] {
     border-radius: 8px
 }
-.rounded-\[var\(--vtg-btn-border-radius\)\] {
+.vtg-rounded-\[var\(--vtg-btn-border-radius\)\] {
     border-radius: var(--vtg-btn-border-radius)
 }
-.rounded-\[var\(--vtg-btn-border-radius-sm\2c 3px\)\] {
+.vtg-rounded-\[var\(--vtg-btn-border-radius-sm\,3px\)\] {
     border-radius: var(--vtg-btn-border-radius-sm,3px)
 }
-.rounded-\[var\(--vtg-btn-border-radius-sm\2c 4px\)\] {
+.vtg-rounded-\[var\(--vtg-btn-border-radius-sm\,4px\)\] {
     border-radius: var(--vtg-btn-border-radius-sm,4px)
 }
-.rounded-\[var\(--vtg-checkbox-border-radius\)\] {
+.vtg-rounded-\[var\(--vtg-checkbox-border-radius\)\] {
     border-radius: var(--vtg-checkbox-border-radius)
 }
-.rounded-\[var\(--vtg-input-border-radius\)\] {
+.vtg-rounded-\[var\(--vtg-input-border-radius\)\] {
     border-radius: var(--vtg-input-border-radius)
 }
-.rounded-\[var\(--vtg-scrollbar-thumb-radius\)\] {
+.vtg-rounded-\[var\(--vtg-scrollbar-thumb-radius\)\] {
     border-radius: var(--vtg-scrollbar-thumb-radius)
 }
-.rounded-\[var\(--vtg-tooltip-border-radius\)\] {
+.vtg-rounded-\[var\(--vtg-tooltip-border-radius\)\] {
     border-radius: var(--vtg-tooltip-border-radius)
 }
-.rounded-full {
+.vtg-rounded-full {
     border-radius: 9999px
 }
-.rounded-md {
+.vtg-rounded-md {
     border-radius: 0.375rem
 }
-.rounded-none {
+.vtg-rounded-none {
     border-radius: 0px
 }
-.rounded-sm {
+.vtg-rounded-sm {
     border-radius: 0.125rem
 }
-.rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem
-}
-.rounded-e {
-    border-start-end-radius: 0.25rem;
-    border-end-end-radius: 0.25rem
-}
-.rounded-l {
-    border-top-left-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem
-}
-.rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem
-}
-.rounded-s {
-    border-start-start-radius: 0.25rem;
-    border-end-start-radius: 0.25rem
-}
-.rounded-t {
-    border-top-left-radius: 0.25rem;
-    border-top-right-radius: 0.25rem
-}
-.rounded-bl {
-    border-bottom-left-radius: 0.25rem
-}
-.rounded-br {
-    border-bottom-right-radius: 0.25rem
-}
-.rounded-ee {
-    border-end-end-radius: 0.25rem
-}
-.rounded-es {
-    border-end-start-radius: 0.25rem
-}
-.rounded-se {
-    border-start-end-radius: 0.25rem
-}
-.rounded-ss {
-    border-start-start-radius: 0.25rem
-}
-.rounded-tl {
-    border-top-left-radius: 0.25rem
-}
-.rounded-tr {
-    border-top-right-radius: 0.25rem
-}
-.border {
+.vtg-border {
     border-width: 1px;
     border-style: solid
 }
-.border-0 {
+.vtg-border-0 {
     border-width: 0px;
     border-style: solid
 }
-.border-\[length\:var\(--vtg-radio-border-width\)\] {
+.vtg-border-\[length\:var\(--vtg-radio-border-width\)\] {
     border-width: var(--vtg-radio-border-width);
     border-style: solid
 }
-.border-x {
-    border-left-width: 1px;
-    border-right-width: 1px;
-    border-right-style: solid;
-    border-left-style: solid
-}
-.border-y {
-    border-top-width: 1px;
-    border-bottom-width: 1px;
-    border-top-style: solid;
-    border-bottom-style: solid
-}
-.border-b {
+.vtg-border-b {
     border-bottom-width: 1px;
     border-bottom-style: solid
 }
-.border-b-0 {
+.vtg-border-b-0 {
     border-bottom-width: 0px;
     border-bottom-style: solid
 }
-.border-b-2 {
+.vtg-border-b-2 {
     border-bottom-width: 2px;
     border-bottom-style: solid
 }
-.border-e {
-    border-inline-end-width: 1px
-}
-.border-l {
-    border-left-width: 1px;
-    border-left-style: solid
-}
-.border-l-0 {
+.vtg-border-l-0 {
     border-left-width: 0px;
     border-left-style: solid
 }
-.border-r {
+.vtg-border-r {
     border-right-width: 1px;
     border-right-style: solid
 }
-.border-r-2 {
+.vtg-border-r-2 {
     border-right-width: 2px;
     border-right-style: solid
 }
-.border-s {
-    border-inline-start-width: 1px
-}
-.border-t {
+.vtg-border-t {
     border-top-width: 1px;
     border-top-style: solid
 }
-.border-t-0 {
+.vtg-border-t-0 {
     border-top-width: 0px;
     border-top-style: solid
 }
-.border-\[color\:var\(--color-border\2c \#d9d9d9\)\] {
+.vtg-border-\[color\:var\(--color-border\,\#d9d9d9\)\] {
     border-color: var(--color-border,#d9d9d9)
 }
-.border-\[color\:var\(--color-border\2c \#dcdfe6\)\] {
+.vtg-border-\[color\:var\(--color-border\,\#dcdfe6\)\] {
     border-color: var(--color-border,#dcdfe6)
 }
-.border-\[color\:var\(--color-default\)\] {
+.vtg-border-\[color\:var\(--color-default\)\] {
     border-color: var(--color-default)
 }
-.border-\[color\:var\(--color-primary\)\] {
+.vtg-border-\[color\:var\(--color-primary\)\] {
     border-color: var(--color-primary)
 }
-.border-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\] {
+.vtg-border-\[color\:var\(--color-primary-light-7\,\#c6e2ff\)\] {
     border-color: var(--color-primary-light-7,#c6e2ff)
 }
-.border-\[color\:var\(--vtg-border-color-lighter\2c var\(--color-default\)\)\] {
+.vtg-border-\[color\:var\(--vtg-border-color-lighter\,var\(--color-default\)\)\] {
     border-color: var(--vtg-border-color-lighter,var(--color-default))
 }
-.border-\[color\:var\(--vtg-checkbox-check-color\2c \#fff\)\] {
+.vtg-border-\[color\:var\(--vtg-checkbox-check-color\,\#fff\)\] {
     border-color: var(--vtg-checkbox-check-color,#fff)
 }
-.border-\[color\:var\(--vtg-table-border-color\)\] {
+.vtg-border-\[color\:var\(--vtg-table-border-color\)\] {
     border-color: var(--vtg-table-border-color)
 }
-.border-\[color\:var\(--vtg-table-border-color\2c \#d9d9d9\)\] {
+.vtg-border-\[color\:var\(--vtg-table-border-color\,\#d9d9d9\)\] {
     border-color: var(--vtg-table-border-color,#d9d9d9)
 }
-.border-\[color\:var\(--vtg-tooltip-arrow-outer-color\)\] {
+.vtg-border-\[color\:var\(--vtg-tooltip-arrow-outer-color\)\] {
     border-color: var(--vtg-tooltip-arrow-outer-color)
 }
-.border-transparent {
+.vtg-border-transparent {
     border-color: transparent
 }
-.bg-\[color\:var\(--color-bg-disabled\2c \#f5f7fa\)\] {
+.vtg-bg-\[color\:var\(--color-bg-disabled\,\#f5f7fa\)\] {
     background-color: var(--color-bg-disabled,#f5f7fa)
 }
-.bg-\[color\:var\(--color-bg-disabled\2c rgba\(0\2c 0\2c 0\2c 0\.04\)\)\] {
+.vtg-bg-\[color\:var\(--color-bg-disabled\,rgba\(0\,0\,0\,0\.04\)\)\] {
     background-color: var(--color-bg-disabled,rgba(0,0,0,0.04))
 }
-.bg-\[color\:var\(--color-control-item-active-bg\)\] {
+.vtg-bg-\[color\:var\(--color-control-item-active-bg\)\] {
     background-color: var(--color-control-item-active-bg)
 }
-.bg-\[color\:var\(--color-primary\)\] {
+.vtg-bg-\[color\:var\(--color-primary\)\] {
     background-color: var(--color-primary)
 }
-.bg-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\] {
+.vtg-bg-\[color\:var\(--color-primary-light-7\,\#c6e2ff\)\] {
     background-color: var(--color-primary-light-7,#c6e2ff)
 }
-.bg-\[color\:var\(--color-surface\)\] {
+.vtg-bg-\[color\:var\(--color-surface\)\] {
     background-color: var(--color-surface)
 }
-.bg-\[color\:var\(--color-surface-hover\)\] {
+.vtg-bg-\[color\:var\(--color-surface-hover\)\] {
     background-color: var(--color-surface-hover)
 }
-.bg-\[color\:var\(--vtg-checkbox-indeterminate-color\2c \#fff\)\] {
+.vtg-bg-\[color\:var\(--vtg-checkbox-indeterminate-color\,\#fff\)\] {
     background-color: var(--vtg-checkbox-indeterminate-color,#fff)
 }
-.bg-\[color\:var\(--vtg-checkbox-indeterminate-color\2c var\(--color-primary\)\)\] {
+.vtg-bg-\[color\:var\(--vtg-checkbox-indeterminate-color\,var\(--color-primary\)\)\] {
     background-color: var(--vtg-checkbox-indeterminate-color,var(--color-primary))
 }
-.bg-\[color\:var\(--vtg-scrollbar-thumb-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-scrollbar-thumb-bg\)\] {
     background-color: var(--vtg-scrollbar-thumb-bg)
 }
-.bg-\[color\:var\(--vtg-table-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-bg\)\] {
     background-color: var(--vtg-table-bg)
 }
-.bg-\[color\:var\(--vtg-table-bg\2c \#fff\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-bg\,\#fff\)\] {
     background-color: var(--vtg-table-bg,#fff)
 }
-.bg-\[color\:var\(--vtg-table-body-sort-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-body-sort-bg\)\] {
     background-color: var(--vtg-table-body-sort-bg)
 }
-.bg-\[color\:var\(--vtg-table-expanded-row-bg\2c \#fafafa\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-expanded-row-bg\,\#fafafa\)\] {
     background-color: var(--vtg-table-expanded-row-bg,#fafafa)
 }
-.bg-\[color\:var\(--vtg-table-header-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-header-bg\)\] {
     background-color: var(--vtg-table-header-bg)
 }
-.bg-\[color\:var\(--vtg-table-header-sort-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-header-sort-bg\)\] {
     background-color: var(--vtg-table-header-sort-bg)
 }
-.bg-\[color\:var\(--vtg-table-loading-overlay-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-loading-overlay-bg\)\] {
     background-color: var(--vtg-table-loading-overlay-bg)
 }
-.bg-\[color\:var\(--vtg-table-row-hover-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-row-hover-bg\)\] {
     background-color: var(--vtg-table-row-hover-bg)
 }
-.bg-\[color\:var\(--vtg-table-row-selected-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-row-selected-bg\)\] {
     background-color: var(--vtg-table-row-selected-bg)
 }
-.bg-\[color\:var\(--vtg-table-row-selected-hover-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-table-row-selected-hover-bg\)\] {
     background-color: var(--vtg-table-row-selected-hover-bg)
 }
-.bg-\[color\:var\(--vtg-tooltip-bg\)\] {
+.vtg-bg-\[color\:var\(--vtg-tooltip-bg\)\] {
     background-color: var(--vtg-tooltip-bg)
 }
-.bg-black {
+.vtg-bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
 }
-.bg-blue-50 {
+.vtg-bg-blue-50 {
     --tw-bg-opacity: 1;
     background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
 }
-.bg-emerald-50 {
+.vtg-bg-emerald-50 {
     --tw-bg-opacity: 1;
     background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
 }
-.bg-inherit {
+.vtg-bg-inherit {
     background-color: inherit
 }
-.bg-red-500 {
+.vtg-bg-red-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
 }
-.bg-slate-200 {
+.vtg-bg-slate-200 {
     --tw-bg-opacity: 1;
     background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
 }
-.bg-slate-900 {
+.vtg-bg-slate-900 {
     --tw-bg-opacity: 1;
     background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
 }
-.bg-transparent {
+.vtg-bg-transparent {
     background-color: transparent
 }
-.bg-zinc-100 {
+.vtg-bg-zinc-100 {
     --tw-bg-opacity: 1;
     background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1))
 }
-.bg-repeat {
-    background-repeat: repeat
-}
-.p-0 {
+.vtg-p-0 {
     padding: 0px
 }
-.p-1 {
+.vtg-p-1 {
     padding: 0.25rem
 }
-.p-2 {
+.vtg-p-2 {
     padding: 0.5rem
 }
-.p-\[var\(--vtg-tooltip-padding\)\] {
+.vtg-p-\[var\(--vtg-tooltip-padding\)\] {
     padding: var(--vtg-tooltip-padding)
 }
-.px-0 {
+.vtg-px-0 {
     padding-left: 0px;
     padding-right: 0px
 }
-.px-1 {
+.vtg-px-1 {
     padding-left: 0.25rem;
     padding-right: 0.25rem
 }
-.px-2 {
+.vtg-px-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem
 }
-.px-3 {
+.vtg-px-3 {
     padding-left: 0.75rem;
     padding-right: 0.75rem
 }
-.px-4 {
+.vtg-px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }
-.px-6 {
+.vtg-px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem
 }
-.px-8 {
+.vtg-px-8 {
     padding-left: 2rem;
     padding-right: 2rem
 }
-.px-\[10px\] {
+.vtg-px-\[10px\] {
     padding-left: 10px;
     padding-right: 10px
 }
-.px-\[11px\] {
+.vtg-px-\[11px\] {
     padding-left: 11px;
     padding-right: 11px
 }
-.px-\[3px\] {
+.vtg-px-\[3px\] {
     padding-left: 3px;
     padding-right: 3px
 }
-.px-\[var\(--vtg-btn-padding-md\)\] {
+.vtg-px-\[var\(--vtg-btn-padding-md\)\] {
     padding-left: var(--vtg-btn-padding-md);
     padding-right: var(--vtg-btn-padding-md)
 }
-.px-\[var\(--vtg-btn-padding-sm\)\] {
+.vtg-px-\[var\(--vtg-btn-padding-sm\)\] {
     padding-left: var(--vtg-btn-padding-sm);
     padding-right: var(--vtg-btn-padding-sm)
 }
-.px-\[var\(--vtg-input-padding-inline\)\] {
+.vtg-px-\[var\(--vtg-input-padding-inline\)\] {
     padding-left: var(--vtg-input-padding-inline);
     padding-right: var(--vtg-input-padding-inline)
 }
-.px-\[var\(--vtg-table-cell-padding-inline-lg\)\] {
+.vtg-px-\[var\(--vtg-table-cell-padding-inline-lg\)\] {
     padding-left: var(--vtg-table-cell-padding-inline-lg);
     padding-right: var(--vtg-table-cell-padding-inline-lg)
 }
-.px-\[var\(--vtg-table-cell-padding-inline-md\)\] {
+.vtg-px-\[var\(--vtg-table-cell-padding-inline-md\)\] {
     padding-left: var(--vtg-table-cell-padding-inline-md);
     padding-right: var(--vtg-table-cell-padding-inline-md)
 }
-.px-\[var\(--vtg-table-cell-padding-inline-sm\)\] {
+.vtg-px-\[var\(--vtg-table-cell-padding-inline-sm\)\] {
     padding-left: var(--vtg-table-cell-padding-inline-sm);
     padding-right: var(--vtg-table-cell-padding-inline-sm)
 }
-.py-0 {
+.vtg-py-0 {
     padding-top: 0px;
     padding-bottom: 0px
 }
-.py-1\.5 {
+.vtg-py-1\.5 {
     padding-top: 0.375rem;
     padding-bottom: 0.375rem
 }
-.py-2 {
+.vtg-py-2 {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem
 }
-.py-3 {
+.vtg-py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem
 }
-.py-5 {
+.vtg-py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem
 }
-.py-\[5px\] {
+.vtg-py-\[5px\] {
     padding-top: 5px;
     padding-bottom: 5px
 }
-.py-\[var\(--vtg-table-cell-padding-block-lg\)\] {
+.vtg-py-\[var\(--vtg-table-cell-padding-block-lg\)\] {
     padding-top: var(--vtg-table-cell-padding-block-lg);
     padding-bottom: var(--vtg-table-cell-padding-block-lg)
 }
-.py-\[var\(--vtg-table-cell-padding-block-md\)\] {
+.vtg-py-\[var\(--vtg-table-cell-padding-block-md\)\] {
     padding-top: var(--vtg-table-cell-padding-block-md);
     padding-bottom: var(--vtg-table-cell-padding-block-md)
 }
-.py-\[var\(--vtg-table-cell-padding-block-sm\)\] {
+.vtg-py-\[var\(--vtg-table-cell-padding-block-sm\)\] {
     padding-top: var(--vtg-table-cell-padding-block-sm);
     padding-bottom: var(--vtg-table-cell-padding-block-sm)
 }
-.pb-0 {
+.vtg-pb-0 {
     padding-bottom: 0px
 }
-.pb-1 {
+.vtg-pb-1 {
     padding-bottom: 0.25rem
 }
-.pt-2 {
+.vtg-pt-2 {
     padding-top: 0.5rem
 }
-.text-left {
+.vtg-text-left {
     text-align: left
 }
-.text-center {
+.vtg-text-center {
     text-align: center
 }
-.text-right {
+.vtg-text-right {
     text-align: right
 }
-.align-middle {
+.vtg-align-middle {
     vertical-align: middle
 }
-.align-sub {
+.vtg-align-sub {
     vertical-align: sub
 }
-.font-\[family-name\:var\(--vtg-table-font-family\)\] {
+.vtg-font-\[family-name\:var\(--vtg-table-font-family\)\] {
     font-family: var(--vtg-table-font-family)
 }
-.text-\[10px\] {
+.vtg-text-\[10px\] {
     font-size: 10px
 }
-.text-\[12px\] {
+.vtg-text-\[12px\] {
     font-size: 12px
 }
-.text-\[14px\] {
+.vtg-text-\[14px\] {
     font-size: 14px
 }
-.text-\[length\:12px\] {
+.vtg-text-\[length\:12px\] {
     font-size: 12px
 }
-.text-\[length\:14px\] {
+.vtg-text-\[length\:14px\] {
     font-size: 14px
 }
-.text-\[length\:20px\] {
+.vtg-text-\[length\:20px\] {
     font-size: 20px
 }
-.text-\[length\:42px\] {
+.vtg-text-\[length\:42px\] {
     font-size: 42px
 }
-.text-\[length\:var\(--vtg-input-font-size\)\] {
+.vtg-text-\[length\:var\(--vtg-input-font-size\)\] {
     font-size: var(--vtg-input-font-size)
 }
-.text-\[length\:var\(--vtg-table-font-size\)\] {
+.vtg-text-\[length\:var\(--vtg-table-font-size\)\] {
     font-size: var(--vtg-table-font-size)
 }
-.text-\[length\:var\(--vtg-tooltip-font-size\)\] {
+.vtg-text-\[length\:var\(--vtg-tooltip-font-size\)\] {
     font-size: var(--vtg-tooltip-font-size)
 }
-.text-sm {
+.vtg-text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem
 }
-.text-xs {
+.vtg-text-xs {
     font-size: 0.75rem;
     line-height: 1rem
 }
-.font-bold {
+.vtg-font-bold {
     font-weight: 700
 }
-.font-medium {
+.vtg-font-medium {
     font-weight: 500
 }
-.font-normal {
+.vtg-font-normal {
     font-weight: 400
 }
-.font-semibold {
+.vtg-font-semibold {
     font-weight: 600
 }
-.uppercase {
+.vtg-uppercase {
     text-transform: uppercase
 }
-.lowercase {
-    text-transform: lowercase
-}
-.capitalize {
-    text-transform: capitalize
-}
-.normal-case {
-    text-transform: none
-}
-.italic {
+.vtg-italic {
     font-style: italic
 }
-.not-italic {
-    font-style: normal
-}
-.normal-nums {
-    font-variant-numeric: normal
-}
-.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,  )
-}
-.slashed-zero {
-    --tw-slashed-zero: slashed-zero;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.lining-nums {
-    --tw-numeric-figure: lining-nums;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.oldstyle-nums {
-    --tw-numeric-figure: oldstyle-nums;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.proportional-nums {
-    --tw-numeric-spacing: proportional-nums;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.diagonal-fractions {
-    --tw-numeric-fraction: diagonal-fractions;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.stacked-fractions {
-    --tw-numeric-fraction: stacked-fractions;
-    font-variant-numeric: var(--tw-ordinal,  ) var(--tw-slashed-zero,  ) var(--tw-numeric-figure,  ) var(--tw-numeric-spacing,  ) var(--tw-numeric-fraction,  )
-}
-.leading-5 {
+.vtg-leading-5 {
     line-height: 1.25rem
 }
-.leading-\[0\] {
+.vtg-leading-\[0\] {
     line-height: 0
 }
-.leading-\[1\.5714\] {
+.vtg-leading-\[1\.5714\] {
     line-height: 1.5714
 }
-.leading-\[1\.5715\] {
+.vtg-leading-\[1\.5715\] {
     line-height: 1.5715
 }
-.leading-\[17px\] {
+.vtg-leading-\[17px\] {
     line-height: 17px
 }
-.leading-\[1\] {
+.vtg-leading-\[1\] {
     line-height: 1
 }
-.leading-\[20px\] {
+.vtg-leading-\[20px\] {
     line-height: 20px
 }
-.leading-\[22px\] {
+.vtg-leading-\[22px\] {
     line-height: 22px
 }
-.leading-\[36px\] {
+.vtg-leading-\[36px\] {
     line-height: 36px
 }
-.leading-\[60px\] {
+.vtg-leading-\[60px\] {
     line-height: 60px
 }
-.leading-\[var\(--vtg-table-line-height\)\] {
+.vtg-leading-\[var\(--vtg-table-line-height\)\] {
     line-height: var(--vtg-table-line-height)
 }
-.leading-none {
+.vtg-leading-none {
     line-height: 1
 }
-.tracking-wide {
+.vtg-tracking-wide {
     letter-spacing: 0.025em
 }
-.text-\[color\:var\(--color-filter-icon\)\] {
+.vtg-text-\[color\:var\(--color-filter-icon\)\] {
     color: var(--color-filter-icon)
 }
-.text-\[color\:var\(--color-muted\)\] {
+.vtg-text-\[color\:var\(--color-muted\)\] {
     color: var(--color-muted)
 }
-.text-\[color\:var\(--color-on-surface\)\] {
+.vtg-text-\[color\:var\(--color-on-surface\)\] {
     color: var(--color-on-surface)
 }
-.text-\[color\:var\(--color-primary\)\] {
+.vtg-text-\[color\:var\(--color-primary\)\] {
     color: var(--color-primary)
 }
-.text-\[color\:var\(--color-sorter-icon\)\] {
+.vtg-text-\[color\:var\(--color-sorter-icon\)\] {
     color: var(--color-sorter-icon)
 }
-.text-\[color\:var\(--color-text-disabled\)\] {
+.vtg-text-\[color\:var\(--color-text-disabled\)\] {
     color: var(--color-text-disabled)
 }
-.text-\[color\:var\(--vtg-table-header-color\)\] {
+.vtg-text-\[color\:var\(--vtg-table-header-color\)\] {
     color: var(--vtg-table-header-color)
 }
-.text-\[color\:var\(--vtg-table-text-color\)\] {
+.vtg-text-\[color\:var\(--vtg-table-text-color\)\] {
     color: var(--vtg-table-text-color)
 }
-.text-black\/25 {
+.vtg-text-black\/25 {
     color: rgb(0 0 0 / 0.25)
 }
-.text-blue-500 {
+.vtg-text-blue-500 {
     --tw-text-opacity: 1;
     color: rgb(59 130 246 / var(--tw-text-opacity, 1))
 }
-.text-emerald-600 {
+.vtg-text-emerald-600 {
     --tw-text-opacity: 1;
     color: rgb(5 150 105 / var(--tw-text-opacity, 1))
 }
-.text-fuchsia-700 {
+.vtg-text-fuchsia-700 {
     --tw-text-opacity: 1;
     color: rgb(162 28 175 / var(--tw-text-opacity, 1))
 }
-.text-muted {
+.vtg-text-muted {
     color: var(--color-muted)
 }
-.text-primary {
+.vtg-text-primary {
     color: var(--color-primary)
 }
-.text-red-500 {
+.vtg-text-red-500 {
     --tw-text-opacity: 1;
     color: rgb(239 68 68 / var(--tw-text-opacity, 1))
 }
-.text-slate-500 {
+.vtg-text-slate-500 {
     --tw-text-opacity: 1;
     color: rgb(100 116 139 / var(--tw-text-opacity, 1))
 }
-.text-white {
+.vtg-text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
-.underline {
+.vtg-underline {
     text-decoration-line: underline
 }
-.overline {
-    text-decoration-line: overline
-}
-.line-through {
-    text-decoration-line: line-through
-}
-.no-underline {
-    text-decoration-line: none
-}
-.antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
-}
-.subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto
-}
-.opacity-0 {
+.vtg-opacity-0 {
     opacity: 0
 }
-.opacity-100 {
+.vtg-opacity-100 {
     opacity: 1
 }
-.opacity-50 {
+.vtg-opacity-50 {
     opacity: 0.5
 }
-.opacity-\[var\(--vtg-table-empty-image-opacity\)\] {
+.vtg-opacity-\[var\(--vtg-table-empty-image-opacity\)\] {
     opacity: var(--vtg-table-empty-image-opacity)
 }
-.shadow {
+.vtg-shadow {
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-\[0_0_12px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
+.vtg-shadow-\[0_0_12px_rgba\(0\,0\,0\,0\.12\)\] {
     --tw-shadow: 0 0 12px rgba(0,0,0,0.12);
     --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-\[0_2px_0_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
+.vtg-shadow-\[0_2px_0_rgba\(0\,0\,0\,0\.02\)\] {
     --tw-shadow: 0 2px 0 rgba(0,0,0,0.02);
     --tw-shadow-colored: 0 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, 0 0 #0000)
 }
-.shadow-\[0_2px_0_rgba\(5\2c 145\2c 255\2c 0\.1\)\] {
+.vtg-shadow-\[0_2px_0_rgba\(5\,145\,255\,0\.1\)\] {
     --tw-shadow: 0 2px 0 rgba(5,145,255,0.1);
     --tw-shadow-colored: 0 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, 0 0 #0000)
 }
-.shadow-\[0_6px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_3px_6px_-4px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c 0_9px_28px_8px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
+.vtg-shadow-\[0_6px_16px_0_rgba\(0\,0\,0\,0\.08\)\,0_3px_6px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_9px_28px_8px_rgba\(0\,0\,0\,0\.05\)\] {
     --tw-shadow: 0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);
     --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-lg {
+.vtg-shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-md {
+.vtg-shadow-md {
     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-none {
+.vtg-shadow-none {
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.shadow-\[var\(--vtg-tooltip-shadow\2c none\)\] {
+.vtg-shadow-\[var\(--vtg-tooltip-shadow\,none\)\] {
     --tw-shadow-color: var(--vtg-tooltip-shadow,none);
     --tw-shadow: var(--tw-shadow-colored, 0 0 #0000)
 }
-.outline-none {
+.vtg-outline-none {
     outline: 2px solid transparent;
     outline-offset: 2px
 }
-.outline {
-    outline-style: solid
-}
-.ring {
-    --tw-ring-offset-shadow: var(--tw-ring-inset,  ) 0 0 0 var(--tw-ring-offset-width, 0px) var(--tw-ring-offset-color, #fff);
-    --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(3px + var(--tw-ring-offset-width, 0px)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
-}
-.ring-1 {
+.vtg-ring-1 {
     --tw-ring-offset-shadow: var(--tw-ring-inset,  ) 0 0 0 var(--tw-ring-offset-width, 0px) var(--tw-ring-offset-color, #fff);
     --tw-ring-shadow: var(--tw-ring-inset,  ) 0 0 0 calc(1px + var(--tw-ring-offset-width, 0px)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.ring-inset {
-    --tw-ring-inset: inset
-}
-.ring-sky-500 {
+.vtg-ring-sky-500 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity, 1))
 }
-.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 {
-    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
-    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,  )
-}
-.grayscale {
-    --tw-grayscale: grayscale(100%);
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  )
-}
-.invert {
-    --tw-invert: invert(100%);
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  )
-}
-.sepia {
-    --tw-sepia: sepia(100%);
-    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  )
-}
-.filter {
+.vtg-filter {
     filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  )
 }
-.backdrop-blur {
-    --tw-backdrop-blur: blur(8px);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  )
-}
-.backdrop-grayscale {
-    --tw-backdrop-grayscale: grayscale(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  )
-}
-.backdrop-invert {
-    --tw-backdrop-invert: invert(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  )
-}
-.backdrop-sepia {
-    --tw-backdrop-sepia: sepia(100%);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  )
-}
-.backdrop-filter {
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  );
-    backdrop-filter: var(--tw-backdrop-blur,  ) var(--tw-backdrop-brightness,  ) var(--tw-backdrop-contrast,  ) var(--tw-backdrop-grayscale,  ) var(--tw-backdrop-hue-rotate,  ) var(--tw-backdrop-invert,  ) var(--tw-backdrop-opacity,  ) var(--tw-backdrop-saturate,  ) var(--tw-backdrop-sepia,  )
-}
-.transition {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: 150ms
-}
-.transition-\[border-color\2c background-color\2c color\] {
+.vtg-transition-\[border-color\,background-color\,color\] {
     transition-property: border-color,background-color,color;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-\[border-color\2c box-shadow\] {
+.vtg-transition-\[border-color\,box-shadow\] {
     transition-property: border-color,box-shadow;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-\[color\2c border-color\2c background-color\2c transform\] {
+.vtg-transition-\[color\,border-color\,background-color\,transform\] {
     transition-property: color,border-color,background-color,transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-\[color\2c transform\] {
+.vtg-transition-\[color\,transform\] {
     transition-property: color,transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-all {
+.vtg-transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-colors {
+.vtg-transition-colors {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-opacity {
+.vtg-transition-opacity {
     transition-property: opacity;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.transition-transform {
+.vtg-transition-transform {
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.duration-100 {
+.vtg-duration-100 {
     transition-duration: 100ms
 }
-.duration-150 {
+.vtg-duration-150 {
     transition-duration: 150ms
 }
-.duration-200 {
+.vtg-duration-200 {
     transition-duration: 200ms
 }
-.duration-300 {
+.vtg-duration-300 {
     transition-duration: 300ms
 }
-.duration-\[250ms\] {
+.vtg-duration-\[250ms\] {
     transition-duration: 250ms
 }
-.ease-\[cubic-bezier\(0\.645\2c 0\.045\2c 0\.355\2c 1\)\] {
+.vtg-ease-\[cubic-bezier\(0\.645\,0\.045\,0\.355\,1\)\] {
     transition-timing-function: cubic-bezier(0.645,0.045,0.355,1)
 }
-.ease-\[cubic-bezier\(0\.71\2c -0\.46\2c 0\.29\2c 1\.46\)\] {
+.vtg-ease-\[cubic-bezier\(0\.71\,-0\.46\,0\.29\,1\.46\)\] {
     transition-timing-function: cubic-bezier(0.71,-0.46,0.29,1.46)
 }
-.ease-\[cubic-bezier\(0\.78\2c 0\.14\2c 0\.15\2c 0\.86\)\] {
+.vtg-ease-\[cubic-bezier\(0\.78\,0\.14\,0\.15\,0\.86\)\] {
     transition-timing-function: cubic-bezier(0.78,0.14,0.15,0.86)
 }
-.ease-in {
+.vtg-ease-in {
     transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
 }
 .\[--color-on-surface\:\#ffffff\] {
@@ -1962,422 +1642,414 @@
 .\[transform\:translate\(-45\%\2c _-60\%\)_rotate\(45deg\)\] {
     transform: translate(-45%, -60%) rotate(45deg)
 }
-.placeholder\:text-\[color\:var\(--color-muted\)\]::placeholder {
+.placeholder\:vtg-text-\[color\:var\(--color-muted\)\]::placeholder {
     color: var(--color-muted)
 }
-.placeholder\:text-\[color\:var\(--color-text-placeholder\2c \#a8abb2\)\]::placeholder {
+.placeholder\:vtg-text-\[color\:var\(--color-text-placeholder\2c \#a8abb2\)\]::placeholder {
     color: var(--color-text-placeholder,#a8abb2)
 }
-.placeholder\:text-\[color\:var\(--color-text-placeholder\2c rgba\(0\2c 0\2c 0\2c 0\.25\)\)\]::placeholder {
+.placeholder\:vtg-text-\[color\:var\(--color-text-placeholder\2c rgba\(0\2c 0\2c 0\2c 0\.25\)\)\]::placeholder {
     color: var(--color-text-placeholder,rgba(0,0,0,0.25))
 }
-.placeholder\:text-black\/25::placeholder {
+.placeholder\:vtg-text-black\/25::placeholder {
     color: rgb(0 0 0 / 0.25)
 }
-.before\:absolute::before {
+.before\:vtg-absolute::before {
     content: var(--tw-content, '');
     position: absolute
 }
-.before\:end-0::before {
+.before\:vtg-end-0::before {
     content: var(--tw-content, '');
     inset-inline-end: 0px
 }
-.before\:left-\[3px\]::before {
+.before\:vtg-left-\[3px\]::before {
     content: var(--tw-content, '');
     left: 3px
 }
-.before\:right-\[3px\]::before {
+.before\:vtg-right-\[3px\]::before {
     content: var(--tw-content, '');
     right: 3px
 }
-.before\:top-1\/2::before {
+.before\:vtg-top-1\/2::before {
     content: var(--tw-content, '');
     top: 50%
 }
-.before\:top-\[7px\]::before {
+.before\:vtg-top-\[7px\]::before {
     content: var(--tw-content, '');
     top: 7px
 }
-.before\:block::before {
+.before\:vtg-block::before {
     content: var(--tw-content, '');
     display: block
 }
-.before\:hidden::before {
+.before\:vtg-hidden::before {
     content: var(--tw-content, '');
     display: none
 }
-.before\:h-\[1\.6em\]::before {
+.before\:vtg-h-\[1\.6em\]::before {
     content: var(--tw-content, '');
     height: 1.6em
 }
-.before\:h-px::before {
+.before\:vtg-h-px::before {
     content: var(--tw-content, '');
     height: 1px
 }
-.before\:w-px::before {
+.before\:vtg-w-px::before {
     content: var(--tw-content, '');
     width: 1px
 }
-.before\:-translate-y-1\/2::before {
+.before\:-vtg-translate-y-1\/2::before {
     content: var(--tw-content, '');
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.before\:\!bg-transparent::before {
+.before\:\!vtg-bg-transparent::before {
     content: var(--tw-content, '');
     background-color: transparent !important
 }
-.before\:bg-\[color\:var\(--vtg-table-header-split-color\)\]::before {
+.before\:vtg-bg-\[color\:var\(--vtg-table-header-split-color\)\]::before {
     content: var(--tw-content, '');
     background-color: var(--vtg-table-header-split-color)
 }
-.before\:bg-current::before {
+.before\:vtg-bg-current::before {
     content: var(--tw-content, '');
     background-color: currentColor
 }
-.before\:content-\[\'\'\]::before {
-    --tw-content: '';
-    content: var(--tw-content, '')
-}
-.after\:pointer-events-none::after {
+.after\:vtg-pointer-events-none::after {
     content: var(--tw-content, '');
     pointer-events: none
 }
-.after\:absolute::after {
+.after\:vtg-absolute::after {
     content: var(--tw-content, '');
     position: absolute
 }
-.after\:bottom-\[-1px\]::after {
+.after\:vtg-bottom-\[-1px\]::after {
     content: var(--tw-content, '');
     bottom: -1px
 }
-.after\:bottom-\[25\%\]::after {
+.after\:vtg-bottom-\[25\%\]::after {
     content: var(--tw-content, '');
     bottom: 25%
 }
-.after\:bottom-\[3px\]::after {
+.after\:vtg-bottom-\[3px\]::after {
     content: var(--tw-content, '');
     bottom: 3px
 }
-.after\:left-0::after {
+.after\:vtg-left-0::after {
     content: var(--tw-content, '');
     left: 0px
 }
-.after\:left-\[7px\]::after {
+.after\:vtg-left-\[7px\]::after {
     content: var(--tw-content, '');
     left: 7px
 }
-.after\:right-0::after {
+.after\:vtg-right-0::after {
     content: var(--tw-content, '');
     right: 0px
 }
-.after\:right-\[2px\]::after {
+.after\:vtg-right-\[2px\]::after {
     content: var(--tw-content, '');
     right: 2px
 }
-.after\:top-0::after {
+.after\:vtg-top-0::after {
     content: var(--tw-content, '');
     top: 0px
 }
-.after\:top-\[25\%\]::after {
+.after\:vtg-top-\[25\%\]::after {
     content: var(--tw-content, '');
     top: 25%
 }
-.after\:top-\[3px\]::after {
+.after\:vtg-top-\[3px\]::after {
     content: var(--tw-content, '');
     top: 3px
 }
-.after\:hidden::after {
+.after\:vtg-hidden::after {
     content: var(--tw-content, '');
     display: none
 }
-.after\:w-\[30px\]::after {
+.after\:vtg-w-\[30px\]::after {
     content: var(--tw-content, '');
     width: 30px
 }
-.after\:w-px::after {
+.after\:vtg-w-px::after {
     content: var(--tw-content, '');
     width: 1px
 }
-.after\:origin-center::after {
+.after\:vtg-origin-center::after {
     content: var(--tw-content, '');
     transform-origin: center
 }
-.after\:-translate-x-full::after {
+.after\:-vtg-translate-x-full::after {
     content: var(--tw-content, '');
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.after\:translate-x-full::after {
+.after\:vtg-translate-x-full::after {
     content: var(--tw-content, '');
     --tw-translate-x: 100%;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.after\:scale-y-0::after {
+.after\:vtg-scale-y-0::after {
     content: var(--tw-content, '');
     --tw-scale-y: 0;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.after\:scale-y-100::after {
+.after\:vtg-scale-y-100::after {
     content: var(--tw-content, '');
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))
 }
-.after\:bg-current::after {
+.after\:vtg-bg-current::after {
     content: var(--tw-content, '');
     background-color: currentColor
 }
-.after\:bg-transparent::after {
+.after\:vtg-bg-transparent::after {
     content: var(--tw-content, '');
     background-color: transparent
 }
-.after\:shadow-\[inset_-10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]::after {
+.after\:vtg-shadow-\[inset_-10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]::after {
     content: var(--tw-content, '');
     --tw-shadow: inset -10px 0 8px -8px rgba(0,0,0,0.06);
     --tw-shadow-colored: inset -10px 0 8px -8px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.after\:shadow-\[inset_-10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]::after {
+.after\:vtg-shadow-\[inset_-10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]::after {
     content: var(--tw-content, '');
     --tw-shadow: inset -10px 0 8px -8px rgba(0,0,0,0.08);
     --tw-shadow-colored: inset -10px 0 8px -8px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.after\:shadow-\[inset_10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]::after {
+.after\:vtg-shadow-\[inset_10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]::after {
     content: var(--tw-content, '');
     --tw-shadow: inset 10px 0 8px -8px rgba(0,0,0,0.06);
     --tw-shadow-colored: inset 10px 0 8px -8px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.after\:shadow-\[inset_10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]::after {
+.after\:vtg-shadow-\[inset_10px_0_8px_-8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]::after {
     content: var(--tw-content, '');
     --tw-shadow: inset 10px 0 8px -8px rgba(0,0,0,0.08);
     --tw-shadow-colored: inset 10px 0 8px -8px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.after\:shadow-none::after {
+.after\:vtg-shadow-none::after {
     content: var(--tw-content, '');
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.after\:transition-colors::after {
+.after\:vtg-transition-colors::after {
     content: var(--tw-content, '');
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.after\:transition-transform::after {
+.after\:vtg-transition-transform::after {
     content: var(--tw-content, '');
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.after\:duration-200::after {
+.after\:vtg-duration-200::after {
     content: var(--tw-content, '');
     transition-duration: 200ms
 }
-.after\:content-\[\'\'\]::after {
-    --tw-content: '';
-    content: var(--tw-content, '')
-}
-.last\:border-r:last-child {
+.last\:vtg-border-r:last-child {
     border-right-width: 1px;
     border-right-style: solid
 }
-.last\:border-r-0:last-child {
+.last\:vtg-border-r-0:last-child {
     border-right-width: 0px;
     border-right-style: solid
 }
-.last\:border-\[color\:var\(--vtg-table-border-color\)\]:last-child {
+.last\:vtg-border-\[color\:var\(--vtg-table-border-color\)\]:last-child {
     border-color: var(--vtg-table-border-color)
 }
-.last\:before\:bg-\[color\:var\(--vtg-table-header-split-color\)\]:last-child::before {
+.last\:before\:vtg-bg-\[color\:var\(--vtg-table-header-split-color\)\]:last-child::before {
     content: var(--tw-content, '');
     background-color: var(--vtg-table-header-split-color)
 }
-.last\:before\:bg-transparent:last-child::before {
+.last\:before\:vtg-bg-transparent:last-child::before {
     content: var(--tw-content, '');
     background-color: transparent
 }
-.focus-within\:border-\[\#4096ff\]:focus-within {
+.focus-within\:vtg-border-\[\#4096ff\]:focus-within {
     --tw-border-opacity: 1;
     border-color: rgb(64 150 255 / var(--tw-border-opacity, 1))
 }
-.focus-within\:shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus-within {
+.focus-within\:vtg-shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus-within {
     --tw-shadow: 0 0 0 2px rgba(5,145,255,0.1);
     --tw-shadow-colored: 0 0 0 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, 0 0 #0000)
 }
-.hover\:border-\[\#4096ff\]:hover {
+.hover\:vtg-border-\[\#4096ff\]:hover {
     --tw-border-opacity: 1;
     border-color: rgb(64 150 255 / var(--tw-border-opacity, 1))
 }
-.hover\:border-\[color\:var\(--color-border\2c \#d9d9d9\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-border\2c \#d9d9d9\)\]:hover {
     border-color: var(--color-border,#d9d9d9)
 }
-.hover\:border-\[color\:var\(--color-border\2c \#dcdfe6\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-border\2c \#dcdfe6\)\]:hover {
     border-color: var(--color-border,#dcdfe6)
 }
-.hover\:border-\[color\:var\(--color-border-hover\2c \#c0c4cc\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-border-hover\2c \#c0c4cc\)\]:hover {
     border-color: var(--color-border-hover,#c0c4cc)
 }
-.hover\:border-\[color\:var\(--color-primary\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-primary\)\]:hover {
     border-color: var(--color-primary)
 }
-.hover\:border-\[color\:var\(--color-primary-hover\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-primary-hover\)\]:hover {
     border-color: var(--color-primary-hover)
 }
-.hover\:border-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
     border-color: var(--color-primary-light-3,#79bbff)
 }
-.hover\:border-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\]:hover {
+.hover\:vtg-border-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\]:hover {
     border-color: var(--color-primary-light-7,#c6e2ff)
 }
-.hover\:border-transparent:hover {
+.hover\:vtg-border-transparent:hover {
     border-color: transparent
 }
-.hover\:bg-\[color\:var\(--color-bg-disabled\2c rgba\(0\2c 0\2c 0\2c 0\.04\)\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-bg-disabled\2c rgba\(0\2c 0\2c 0\2c 0\.04\)\)\]:hover {
     background-color: var(--color-bg-disabled,rgba(0,0,0,0.04))
 }
-.hover\:bg-\[color\:var\(--color-control-item-active-bg\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-control-item-active-bg\)\]:hover {
     background-color: var(--color-control-item-active-bg)
 }
-.hover\:bg-\[color\:var\(--color-control-item-active-hover-bg\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-control-item-active-hover-bg\)\]:hover {
     background-color: var(--color-control-item-active-hover-bg)
 }
-.hover\:bg-\[color\:var\(--color-control-item-hover-bg\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-control-item-hover-bg\)\]:hover {
     background-color: var(--color-control-item-hover-bg)
 }
-.hover\:bg-\[color\:var\(--color-primary\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-primary\)\]:hover {
     background-color: var(--color-primary)
 }
-.hover\:bg-\[color\:var\(--color-primary-hover\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-primary-hover\)\]:hover {
     background-color: var(--color-primary-hover)
 }
-.hover\:bg-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
     background-color: var(--color-primary-light-3,#79bbff)
 }
-.hover\:bg-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-primary-light-7\2c \#c6e2ff\)\]:hover {
     background-color: var(--color-primary-light-7,#c6e2ff)
 }
-.hover\:bg-\[color\:var\(--color-primary-light-9\2c \#ecf5ff\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-primary-light-9\2c \#ecf5ff\)\]:hover {
     background-color: var(--color-primary-light-9,#ecf5ff)
 }
-.hover\:bg-\[color\:var\(--color-surface\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--color-surface\)\]:hover {
     background-color: var(--color-surface)
 }
-.hover\:bg-\[color\:var\(--vtg-scrollbar-thumb-hover-bg\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--vtg-scrollbar-thumb-hover-bg\)\]:hover {
     background-color: var(--vtg-scrollbar-thumb-hover-bg)
 }
-.hover\:bg-\[color\:var\(--vtg-table-header-sort-hover-bg\)\]:hover {
+.hover\:vtg-bg-\[color\:var\(--vtg-table-header-sort-hover-bg\)\]:hover {
     background-color: var(--vtg-table-header-sort-hover-bg)
 }
-.hover\:bg-transparent:hover {
+.hover\:vtg-bg-transparent:hover {
     background-color: transparent
 }
-.hover\:text-\[color\:var\(--color-primary\)\]:hover {
+.hover\:vtg-text-\[color\:var\(--color-primary\)\]:hover {
     color: var(--color-primary)
 }
-.hover\:text-\[color\:var\(--color-primary-hover\)\]:hover {
+.hover\:vtg-text-\[color\:var\(--color-primary-hover\)\]:hover {
     color: var(--color-primary-hover)
 }
-.hover\:text-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
+.hover\:vtg-text-\[color\:var\(--color-primary-light-3\2c \#79bbff\)\]:hover {
     color: var(--color-primary-light-3,#79bbff)
 }
-.hover\:text-\[color\:var\(--color-text-disabled\)\]:hover {
+.hover\:vtg-text-\[color\:var\(--color-text-disabled\)\]:hover {
     color: var(--color-text-disabled)
 }
-.hover\:text-white:hover {
+.hover\:vtg-text-white:hover {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
 .hover\:\[--color-on-surface\:var\(--color-primary\)\]:hover {
     --color-on-surface: var(--color-primary)
 }
-.hover\:after\:bg-\[color\:var\(--color-primary\2c \#1677ff\)\]:hover::after {
+.hover\:after\:vtg-bg-\[color\:var\(--color-primary\2c \#1677ff\)\]:hover::after {
     content: var(--tw-content, '');
     background-color: var(--color-primary,#1677ff)
 }
-.focus\:border-\[color\:var\(--color-primary\)\]:focus {
+.focus\:vtg-border-\[color\:var\(--color-primary\)\]:focus {
     border-color: var(--color-primary)
 }
-.focus\:border-transparent:focus {
+.focus\:vtg-border-transparent:focus {
     border-color: transparent
 }
-.focus\:text-\[color\:var\(--color-primary\)\]:focus {
+.focus\:vtg-text-\[color\:var\(--color-primary\)\]:focus {
     color: var(--color-primary)
 }
-.focus\:shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus {
+.focus\:vtg-shadow-\[0_0_0_2px_rgba\(5\2c 145\2c 255\2c 0\.1\)\]:focus {
     --tw-shadow: 0 0 0 2px rgba(5,145,255,0.1);
     --tw-shadow-colored: 0 0 0 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, 0 0 #0000)
 }
-.focus\:shadow-none:focus {
+.focus\:vtg-shadow-none:focus {
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
-.active\:border-\[color\:var\(--color-primary\)\]:active {
+.active\:vtg-border-\[color\:var\(--color-primary\)\]:active {
     border-color: var(--color-primary)
 }
-.active\:border-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
+.active\:vtg-border-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
     border-color: var(--color-primary-active,#337ecc)
 }
-.active\:bg-\[color\:var\(--color-primary-active\2c \#0958d9\)\]:active {
+.active\:vtg-bg-\[color\:var\(--color-primary-active\2c \#0958d9\)\]:active {
     background-color: var(--color-primary-active,#0958d9)
 }
-.active\:bg-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
+.active\:vtg-bg-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
     background-color: var(--color-primary-active,#337ecc)
 }
-.active\:bg-transparent:active {
+.active\:vtg-bg-transparent:active {
     background-color: transparent
 }
-.active\:text-\[color\:var\(--color-primary\)\]:active {
+.active\:vtg-text-\[color\:var\(--color-primary\)\]:active {
     color: var(--color-primary)
 }
-.active\:text-\[color\:var\(--color-primary-active\2c \#0958d9\)\]:active {
+.active\:vtg-text-\[color\:var\(--color-primary-active\2c \#0958d9\)\]:active {
     color: var(--color-primary-active,#0958d9)
 }
-.active\:text-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
+.active\:vtg-text-\[color\:var\(--color-primary-active\2c \#337ecc\)\]:active {
     color: var(--color-primary-active,#337ecc)
 }
-.disabled\:cursor-not-allowed:disabled {
+.disabled\:vtg-cursor-not-allowed:disabled {
     cursor: not-allowed
 }
-.disabled\:text-\[color\:var\(--color-text-disabled\2c \#a8abb2\)\]:disabled {
+.disabled\:vtg-text-\[color\:var\(--color-text-disabled\2c \#a8abb2\)\]:disabled {
     color: var(--color-text-disabled,#a8abb2)
 }
-.group\/row:nth-child(even) .group-even\/row\:bg-\[color\:var\(--vtg-table-row-striped-bg\)\] {
+.vtg-group\/row:nth-child(even) .group-even\/row\:vtg-bg-\[color\:var\(--vtg-table-row-striped-bg\)\] {
     background-color: var(--vtg-table-row-striped-bg)
 }
-.group\/row:nth-child(even) .group-even\/row\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
+.vtg-group\/row:nth-child(even) .group-even\/row\:vtg-bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
     background-color: rgba(0,0,0,0.02)
 }
-.group\/row:hover .group-hover\/row\:bg-red-500 {
+.vtg-group\/row:hover .group-hover\/row\:vtg-bg-red-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
 }
-.group:hover .group-hover\:opacity-100 {
+.vtg-group:hover .group-hover\:vtg-opacity-100 {
     opacity: 1
 }
-.\[\&\>svg\]\:mx-auto>svg {
+.\[\&\>svg\]\:vtg-mx-auto>svg {
     margin-left: auto;
     margin-right: auto
 }
-.\[\&\>svg\]\:h-\[1em\]>svg {
+.\[\&\>svg\]\:vtg-h-\[1em\]>svg {
     height: 1em
 }
-.\[\&\>svg\]\:h-full>svg {
+.\[\&\>svg\]\:vtg-h-full>svg {
     height: 100%
 }
-.\[\&\>svg\]\:w-\[1em\]>svg {
+.\[\&\>svg\]\:vtg-w-\[1em\]>svg {
     width: 1em
 }
-.\[\&\>svg\]\:w-auto>svg {
+.\[\&\>svg\]\:vtg-w-auto>svg {
     width: auto
 }
-.\[\&\>tr\:last-child\>td\]\:border-b-0>tr:last-child>td {
+.\[\&\>tr\:last-child\>td\]\:vtg-border-b-0>tr:last-child>td {
     border-bottom-width: 0px;
     border-bottom-style: solid
 }