@poveste/controls 0.2.1 → 0.3.0

package/dist/style-standalone.css

@@ -1,973 +1,886 @@
-.resize-observer[data-v-b329ee4c]{
-  position:absolute;
-  top:0;
-  left:0;
-  z-index:-1;
-  width:100%;
-  height:100%;
-  border:none;
-  background-color:transparent;
-  pointer-events:none;
-  display:block;
-  overflow:hidden;
-  opacity:0
-}
-
-.resize-observer[data-v-b329ee4c] object{
-  display:block;
-  position:absolute;
-  top:0;
-  left:0;
-  height:100%;
-  width:100%;
-  overflow:hidden;
-  pointer-events:none;
-  z-index:-1
-}
-
-.v-popper__popper{
-  z-index:10000;
-  top:0;
-  left:0;
-  outline:none
-}
-
-.v-popper__popper.v-popper__popper--hidden{
-  visibility:hidden;
-  opacity:0;
-  transition:opacity .15s,visibility .15s;
-  pointer-events:none
-}
-
-.v-popper__popper.v-popper__popper--shown{
-  visibility:visible;
-  opacity:1;
-  transition:opacity .15s
-}
-
-.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
-  transition:none!important
-}
-
-.v-popper__backdrop{
-  position:absolute;
-  top:0;
-  left:0;
-  width:100%;
-  height:100%;
-  display:none
-}
-
-.v-popper__inner{
-  position:relative;
-  box-sizing:border-box;
-  overflow-y:auto
-}
-
-.v-popper__inner>div{
-  position:relative;
-  z-index:1;
-  max-width:inherit;
-  max-height:inherit
-}
-
-.v-popper__arrow-container{
-  position:absolute;
-  width:10px;
-  height:10px
-}
-
-.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
-  display:none
-}
-
-.v-popper__arrow-inner,.v-popper__arrow-outer{
-  border-style:solid;
-  position:absolute;
-  top:0;
-  left:0;
-  width:0;
-  height:0
-}
-
-.v-popper__arrow-inner{
-  visibility:hidden;
-  border-width:7px
-}
-
-.v-popper__arrow-outer{
-  border-width:6px
-}
-
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
-  left:-2px
-}
-
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
-  left:-1px
-}
-
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
-  border-bottom-width:0;
-  border-left-color:transparent!important;
-  border-right-color:transparent!important;
-  border-bottom-color:transparent!important
-}
-
-.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
-  top:-2px
-}
-
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
-  top:0
-}
-
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
-  border-top-width:0;
-  border-left-color:transparent!important;
-  border-right-color:transparent!important;
-  border-top-color:transparent!important
-}
-
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
-  top:-4px
-}
-
-.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
-  top:-6px
-}
-
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
-  top:-2px
-}
-
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
-  top:-1px
-}
-
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
-  border-left-width:0;
-  border-left-color:transparent!important;
-  border-top-color:transparent!important;
-  border-bottom-color:transparent!important
-}
-
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
-  left:-4px
-}
-
-.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
-  left:-6px
-}
-
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
-  right:-10px
-}
-
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
-  border-right-width:0;
-  border-top-color:transparent!important;
-  border-right-color:transparent!important;
-  border-bottom-color:transparent!important
-}
-
-.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
-  left:-2px
-}
-
-.v-popper--theme-tooltip .v-popper__inner{
-  background:rgba(0,0,0,.8);
-  color:#fff;
-  border-radius:6px;
-  padding:7px 12px 6px
-}
-
-.v-popper--theme-tooltip .v-popper__arrow-outer{
-  border-color:#000c
-}
-
-.v-popper--theme-dropdown .v-popper__inner{
-  background:#fff;
-  color:#000;
-  border-radius:6px;
-  border:1px solid #ddd;
-  box-shadow:0 6px 30px #0000001a
-}
-
-.v-popper--theme-dropdown .v-popper__arrow-inner{
-  visibility:visible;
-  border-color:#fff
-}
-
-.v-popper--theme-dropdown .v-popper__arrow-outer{
-  border-color:#ddd
-}
-
-*, ::before, ::after{
-  --tw-border-spacing-x:0;
-  --tw-border-spacing-y:0;
-  --tw-translate-x:0;
-  --tw-translate-y:0;
-  --tw-rotate:0;
-  --tw-skew-x:0;
-  --tw-skew-y:0;
-  --tw-scale-x:1;
-  --tw-scale-y:1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness:proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width:0px;
-  --tw-ring-offset-color:#fff;
-  --tw-ring-color:rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow:0 0 #0000;
-  --tw-ring-shadow:0 0 #0000;
-  --tw-shadow:0 0 #0000;
-  --tw-shadow-colored:0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: 
-}
-
-::backdrop{
-  --tw-border-spacing-x:0;
-  --tw-border-spacing-y:0;
-  --tw-translate-x:0;
-  --tw-translate-y:0;
-  --tw-rotate:0;
-  --tw-skew-x:0;
-  --tw-skew-y:0;
-  --tw-scale-x:1;
-  --tw-scale-y:1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness:proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width:0px;
-  --tw-ring-offset-color:#fff;
-  --tw-ring-color:rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow:0 0 #0000;
-  --tw-ring-shadow:0 0 #0000;
-  --tw-shadow:0 0 #0000;
-  --tw-shadow-colored:0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: 
-}
-
-.ptw-absolute{
-  position:absolute
-}
-
-.ptw-relative{
-  position:relative
-}
-
-.ptw-inset-0{
-  inset:0px
-}
-
-.ptw-z-10{
-  z-index:10
-}
-
-.ptw-m-0{
-  margin:0px
-}
-
-.ptw-m-4{
-  margin:1rem
-}
-
-.-ptw-my-1{
-  margin-top:-0.25rem;
-  margin-bottom:-0.25rem
-}
-
-.ptw-mx-4{
-  margin-left:1rem;
-  margin-right:1rem
-}
-
-.ptw-my-0{
-  margin-top:0px;
-  margin-bottom:0px
-}
-
-.ptw-my-8{
-  margin-top:2rem;
-  margin-bottom:2rem
-}
-
-.ptw-mb-2{
-  margin-bottom:0.5rem
-}
-
-.ptw-ml-auto{
-  margin-left:auto
-}
-
-.ptw-mr-2{
-  margin-right:0.5rem
-}
-
-.ptw-box-border{
-  box-sizing:border-box
-}
-
-.ptw-block{
-  display:block
-}
-
-.ptw-flex{
-  display:flex
-}
-
-.ptw-grid{
-  display:grid
-}
-
-.\!ptw-hidden{
-  display:none !important
-}
-
-.ptw-h-1{
-  height:0.25rem
-}
-
-.ptw-h-16{
-  height:4rem
-}
-
-.ptw-h-20{
-  height:5rem
-}
-
-.ptw-h-3{
-  height:0.75rem
-}
-
-.ptw-h-32{
-  height:8rem
-}
-
-.ptw-h-4{
-  height:1rem
-}
-
-.ptw-h-48{
-  height:12rem
-}
-
-.ptw-h-\[100px\]{
-  height:100px
-}
-
-.ptw-h-\[16px\]{
-  height:16px
-}
-
-.ptw-h-\[22px\]{
-  height:22px
-}
-
-.ptw-h-\[27px\]{
-  height:27px
-}
-
-.ptw-min-h-32{
-  min-height:8rem
-}
-
-.ptw-min-h-\[26px\]{
-  min-height:26px
-}
-
-.ptw-w-16{
-  width:4rem
-}
-
-.ptw-w-28{
-  width:7rem
-}
-
-.ptw-w-3{
-  width:0.75rem
-}
-
-.ptw-w-32{
-  width:8rem
-}
-
-.ptw-w-4{
-  width:1rem
-}
-
-.ptw-w-\[16px\]{
-  width:16px
-}
-
-.ptw-w-full{
-  width:100%
-}
-
-.ptw-max-w-full{
-  max-width:100%
-}
-
-.ptw-flex-1{
-  flex:1 1 0%
-}
-
-.ptw-flex-none{
-  flex:none
-}
-
-.ptw-shrink{
-  flex-shrink:1
-}
-
-.ptw-shrink-0{
-  flex-shrink:0
-}
-
-.ptw-grow{
-  flex-grow:1
-}
-
-.ptw-scale-0{
-  --tw-scale-x:0;
-  --tw-scale-y:0;
-  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))
-}
-
-.ptw-cursor-ew-resize{
-  cursor:ew-resize
-}
-
-.ptw-cursor-pointer{
-  cursor:pointer
-}
-
-.ptw-cursor-text{
-  cursor:text
-}
-
-.ptw-select-none{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-          user-select:none
-}
-
-.ptw-resize-y{
-  resize:vertical
-}
-
-.ptw-appearance-none{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none
-}
-
-.ptw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
-  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
-}
-
-.ptw-flex-row{
-  flex-direction:row
-}
-
-.ptw-flex-col{
-  flex-direction:column
-}
-
-.ptw-flex-wrap{
-  flex-wrap:wrap
-}
-
-.ptw-flex-nowrap{
-  flex-wrap:nowrap
-}
-
-.ptw-items-end{
-  align-items:flex-end
-}
-
-.ptw-items-center{
-  align-items:center
-}
-
-.ptw-gap-1{
-  gap:0.25rem
-}
-
-.ptw-gap-2{
-  gap:0.5rem
-}
-
-.ptw-gap-4{
-  gap:1rem
-}
-
-.ptw-gap-px{
-  gap:1px
-}
-
-.ptw-overflow-auto{
-  overflow:auto
-}
-
-.ptw-overflow-hidden{
-  overflow:hidden
-}
-
-.ptw-truncate{
-  overflow:hidden;
-  text-overflow:ellipsis;
-  white-space:nowrap
-}
-
-.ptw-text-ellipsis{
-  text-overflow:ellipsis
-}
-
-.ptw-whitespace-nowrap{
-  white-space:nowrap
-}
-
-.\!ptw-rounded-\[3px\]{
-  border-radius:3px !important
-}
-
-.ptw-rounded{
-  border-radius:0.375rem
-}
-
-.ptw-rounded-full{
-  border-radius:9999px
-}
-
-.ptw-rounded-sm{
-  border-radius:0.25rem
-}
-
-.ptw-border{
-  border-width:1px
-}
-
-.ptw-border-0{
-  border-width:0px
-}
-
-.ptw-border-2{
-  border-width:2px
-}
-
-.ptw-border-8{
-  border-width:8px
-}
-
-.ptw-border-solid{
-  border-style:solid
-}
-
-.ptw-border-none{
-  border-style:none
-}
-
-.ptw-border-black\/25{
-  border-color:rgb(0 0 0 / 0.25)
-}
-
-.ptw-border-gray-850{
-  --tw-border-opacity:1;
-  border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))
-}
-
-.ptw-border-primary-500{
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.\!ptw-bg-primary-500{
-  --tw-bg-opacity:1 !important;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important
-}
-
-.ptw-bg-gray-200{
-  --tw-bg-opacity:1;
-  background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-gray-50{
-  --tw-bg-opacity:1;
-  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-gray-500\/10{
-  background-color:rgb(113 113 122 / 0.1)
-}
-
-.ptw-bg-gray-500\/50{
-  background-color:rgb(113 113 122 / 0.5)
-}
-
-.ptw-bg-gray-700{
-  --tw-bg-opacity:1;
-  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-primary-200{
-  --tw-bg-opacity:1;
-  background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-primary-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-primary-800{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-bg-transparent{
-  background-color:transparent
-}
-
-.ptw-bg-white{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
-}
-
-.ptw-fill-primary-500{
-  fill:#10b981
-}
-
-.ptw-fill-transparent{
-  fill:transparent
-}
-
-.ptw-stroke-white{
-  stroke:#fff
-}
-
-.ptw-stroke-2{
-  stroke-width:2
-}
-
-.ptw-p-2{
-  padding:0.5rem
-}
-
-.ptw-p-4{
-  padding:1rem
-}
-
-.ptw-p-px{
-  padding:1px
-}
-
-.ptw-px-1{
-  padding-left:0.25rem;
-  padding-right:0.25rem
-}
-
-.ptw-px-2{
-  padding-left:0.5rem;
-  padding-right:0.5rem
-}
-
-.ptw-py-1{
-  padding-top:0.25rem;
-  padding-bottom:0.25rem
-}
-
-.ptw-pl-2{
-  padding-left:0.5rem
-}
-
-.ptw-text-5xl{
-  font-size:3rem;
-  line-height:1
-}
-
-.ptw-text-xs{
-  font-size:0.75rem;
-  line-height:1rem
-}
-
-.ptw-leading-normal{
-  line-height:1.5
-}
-
-.ptw-text-gray-700{
-  --tw-text-opacity:1;
-  color:rgb(63 63 70 / var(--tw-text-opacity, 1))
-}
-
-.ptw-text-gray-900{
-  --tw-text-opacity:1;
-  color:rgb(24 24 27 / var(--tw-text-opacity, 1))
-}
-
-.ptw-text-inherit{
-  color:inherit
-}
-
-.ptw-text-orange-500{
-  --tw-text-opacity:1;
-  color:rgb(249 115 22 / var(--tw-text-opacity, 1))
-}
-
-.ptw-text-white{
-  --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
-}
-
-.ptw-opacity-50{
-  opacity:0.5
-}
-
-.ptw-outline-none{
-  outline:2px solid transparent;
-  outline-offset:2px
-}
-
-.ptw-transition-all{
-  transition-property:all;
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration:150ms
-}
-
-.ptw-transition-border{
-  transition-property:border;
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration:150ms
-}
-
-.ptw-transition-none{
-  transition-property:none
-}
-
-.ptw-delay-150{
-  transition-delay:150ms
-}
-
-.ptw-duration-150{
-  transition-duration:150ms
-}
-
-.ptw-duration-200{
-  transition-duration:200ms
-}
-
-.ptw-ease-in-out{
-  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
-}
-
-.ptw-ease-out{
-  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
-}
-
-.ptw-will-change-transform{
-  will-change:transform
-}
-
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+.resize-observer[data-v-b329ee4c] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  border: none;
+  background-color: transparent;
+  pointer-events: none;
+  display: block;
+  overflow: hidden;
+  opacity: 0;
+}
+.resize-observer[data-v-b329ee4c] object {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
+.v-popper__popper {
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  outline: none;
+}
+.v-popper__popper.v-popper__popper--hidden {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity .15s,visibility .15s;
+  pointer-events: none;
+}
+.v-popper__popper.v-popper__popper--shown {
+  visibility: visible;
+  opacity: 1;
+  transition: opacity .15s;
+}
+.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
+  transition: none !important;
+}
+.v-popper__backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: none;
+}
+.v-popper__inner {
+  position: relative;
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+.v-popper__inner>div {
+  position: relative;
+  z-index: 1;
+  max-width: inherit;
+  max-height: inherit;
+}
+.v-popper__arrow-container {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+}
+.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container {
+  display: none;
+}
+.v-popper__arrow-inner,.v-popper__arrow-outer {
+  border-style: solid;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+}
+.v-popper__arrow-inner {
+  visibility: hidden;
+  border-width: 7px;
+}
+.v-popper__arrow-outer {
+  border-width: 6px;
+}
+.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
+  left: -2px;
+}
+.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
+  left: -1px;
+}
+.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
+  border-bottom-width: 0;
+  border-left-color: transparent !important;
+  border-right-color: transparent !important;
+  border-bottom-color: transparent !important;
+}
+.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
+  top: -2px;
+}
+.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
+  top: 0;
+}
+.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
+  border-top-width: 0;
+  border-left-color: transparent !important;
+  border-right-color: transparent !important;
+  border-top-color: transparent !important;
+}
+.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
+  top: -4px;
+}
+.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
+  top: -6px;
+}
+.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
+  top: -2px;
+}
+.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
+  top: -1px;
+}
+.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
+  border-left-width: 0;
+  border-left-color: transparent !important;
+  border-top-color: transparent !important;
+  border-bottom-color: transparent !important;
+}
+.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
+  left: -4px;
+}
+.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
+  left: -6px;
+}
+.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
+  right: -10px;
+}
+.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
+  border-right-width: 0;
+  border-top-color: transparent !important;
+  border-right-color: transparent !important;
+  border-bottom-color: transparent !important;
+}
+.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
+  left: -2px;
+}
+.v-popper--theme-tooltip .v-popper__inner {
+  background: rgba(0,0,0,.8);
+  color: #fff;
+  border-radius: 6px;
+  padding: 7px 12px 6px;
+}
+.v-popper--theme-tooltip .v-popper__arrow-outer {
+  border-color: #000c;
+}
+.v-popper--theme-dropdown .v-popper__inner {
+  background: #fff;
+  color: #000;
+  border-radius: 6px;
+  border: 1px solid #ddd;
+  box-shadow: 0 6px 30px #0000001a;
+}
+.v-popper--theme-dropdown .v-popper__arrow-inner {
+  visibility: visible;
+  border-color: #fff;
+}
+.v-popper--theme-dropdown .v-popper__arrow-outer {
+  border-color: #ddd;
+}
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --color-orange-500: oklch(70.5% 0.213 47.604);
+    --color-emerald-50: oklch(97.9% 0.021 166.113);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-800: oklch(43.2% 0.095 166.913);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-emerald-950: oklch(26.2% 0.051 172.552);
+    --color-gray-50: var(--color-zinc-50);
+    --color-gray-100: var(--color-zinc-100);
+    --color-gray-200: var(--color-zinc-200);
+    --color-gray-500: var(--color-zinc-500);
+    --color-gray-600: var(--color-zinc-600);
+    --color-gray-700: var(--color-zinc-700);
+    --color-gray-900: var(--color-zinc-900);
+    --color-zinc-50: oklch(98.5% 0 none);
+    --color-zinc-100: oklch(96.7% 0.001 286.375);
+    --color-zinc-200: oklch(92% 0.004 286.32);
+    --color-zinc-300: oklch(87.1% 0.006 286.286);
+    --color-zinc-400: oklch(70.5% 0.015 286.067);
+    --color-zinc-500: oklch(55.2% 0.016 285.938);
+    --color-zinc-600: oklch(44.2% 0.017 285.786);
+    --color-zinc-700: oklch(37% 0.013 285.805);
+    --color-zinc-800: oklch(27.4% 0.006 286.033);
+    --color-zinc-900: oklch(21% 0.006 285.885);
+    --color-black: #000;
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --leading-normal: 1.5;
+    --radius-sm: 0.25rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --radius: 0.375rem;
+    --color-primary-100: var(--color-emerald-100);
+    --color-primary-200: var(--color-emerald-200);
+    --color-primary-500: var(--color-emerald-500);
+    --color-primary-600: var(--color-emerald-600);
+    --color-primary-700: var(--color-emerald-700);
+    --color-primary-800: var(--color-emerald-800);
+    --color-primary-900: var(--color-emerald-900);
+    --color-gray-750: #323238;
+    --color-gray-850: #1f1f21;
+  }
+}
+@layer utilities {
+  .absolute {
+    position: absolute;
+  }
+  .relative {
+    position: relative;
+  }
+  .inset-0 {
+    inset: 0px;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .m-0 {
+    margin: 0px;
+  }
+  .m-4 {
+    margin: calc(var(--spacing) * 4);
+  }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
+  .-my-1 {
+    margin-block: calc(var(--spacing) * -1);
+  }
+  .my-0 {
+    margin-block: 0px;
+  }
+  .my-8 {
+    margin-block: calc(var(--spacing) * 8);
+  }
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .box-border {
+    box-sizing: border-box;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden\! {
+    display: none !important;
+  }
+  .h-1 {
+    height: var(--spacing);
+  }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-20 {
+    height: calc(var(--spacing) * 20);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
+  .h-\[16px\] {
+    height: 16px;
+  }
+  .h-\[22px\] {
+    height: 22px;
+  }
+  .h-\[27px\] {
+    height: 27px;
+  }
+  .h-\[100px\] {
+    height: 100px;
+  }
+  .min-h-32 {
+    min-height: calc(var(--spacing) * 32);
+  }
+  .min-h-\[26px\] {
+    min-height: 26px;
+  }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-28 {
+    width: calc(var(--spacing) * 28);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-\[16px\] {
+    width: 16px;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-none {
+    flex: none;
+  }
+  .shrink {
+    flex-shrink: 1;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .scale-0 {
+    --tw-scale-x: 0%;
+    --tw-scale-y: 0%;
+    --tw-scale-z: 0%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .cursor-ew-resize {
+    cursor: ew-resize;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-text {
+    cursor: text;
+  }
+  .resize-y {
+    resize: vertical;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .gap-1 {
+    gap: var(--spacing);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-px {
+    gap: 1px;
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .rounded {
+    border-radius: var(--radius);
+  }
+  .rounded-\[3px\]\! {
+    border-radius: 3px !important;
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-8 {
+    border-style: var(--tw-border-style);
+    border-width: 8px;
+  }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .border-solid {
+    --tw-border-style: solid;
+    border-style: solid;
+  }
+  .border-black\/25 {
+    border-color: color-mix(in srgb, #000 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
+  .border-primary-500 {
+    border-color: var(--color-primary-500);
+  }
+  .bg-gray-50 {
+    background-color: var(--color-gray-50);
+  }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
+  .bg-gray-500\/10 {
+    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
+    }
+  }
+  .bg-gray-500\/50 {
+    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent);
+    }
+  }
+  .bg-primary-200 {
+    background-color: var(--color-primary-200);
+  }
+  .bg-primary-500 {
+    background-color: var(--color-primary-500);
+  }
+  .bg-primary-500\! {
+    background-color: var(--color-primary-500) !important;
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .fill-primary-500 {
+    fill: var(--color-primary-500);
+  }
+  .fill-transparent {
+    fill: transparent;
+  }
+  .stroke-white {
+    stroke: var(--color-white);
+  }
+  .stroke-2 {
+    stroke-width: 2;
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-px {
+    padding: 1px;
+  }
+  .px-1 {
+    padding-inline: var(--spacing);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .py-1 {
+    padding-block: var(--spacing);
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .text-gray-700 {
+    color: var(--color-gray-700);
+  }
+  .text-gray-900 {
+    color: var(--color-gray-900);
+  }
+  .text-inherit {
+    color: inherit;
+  }
+  .text-orange-500 {
+    color: var(--color-orange-500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .drop-shadow {
+    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
+    --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,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-none {
+    transition-property: none;
+  }
+  .delay-150 {
+    transition-delay: 150ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .will-change-transform {
+    will-change: transform;
+  }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  @media (hover: hover) {
+    .group-hover\:border-primary-500:is(:where(.group):hover *) {
+      border-color: var(--color-primary-500);
+    }
+  }
+  .group-active\:bg-gray-500\/20:is(:where(.group):active *) {
+    background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+    }
+  }
+  .focus-within\:border-primary-500:focus-within {
+    border-color: var(--color-primary-500);
+  }
+  @media (hover: hover) {
+    .hover\:border-primary-500:hover {
+      border-color: var(--color-primary-500);
+    }
+    .hover\:bg-gray-500\/20:hover {
+      background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-gray-500\/20:hover {
+        background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
+      }
+    }
+    .hover\:bg-primary-100:hover {
+      background-color: var(--color-primary-100);
+    }
+    .hover\:bg-primary-200:hover {
+      background-color: var(--color-primary-200);
+    }
+    .hover\:bg-primary-600:hover {
+      background-color: var(--color-primary-600);
+    }
+    .hover\:text-primary-500:hover {
+      color: var(--color-primary-500);
+    }
+    .hover\:opacity-100:hover {
+      opacity: 100%;
+    }
+  }
+  .focus\:border-primary-500:focus {
+    border-color: var(--color-primary-500);
+  }
+  .dark\:border-gray-850:where(.ptw-dark, .ptw-dark *) {
+    border-color: var(--color-gray-850);
+  }
+  .dark\:border-white\/25:where(.ptw-dark, .ptw-dark *) {
+    border-color: color-mix(in srgb, #fff 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
+    }
+  }
+  .dark\:bg-black:where(.ptw-dark, .ptw-dark *) {
+    background-color: var(--color-black);
+  }
+  .dark\:bg-gray-600:where(.ptw-dark, .ptw-dark *) {
+    background-color: var(--color-gray-600);
+  }
+  .dark\:bg-gray-700:where(.ptw-dark, .ptw-dark *) {
+    background-color: var(--color-gray-700);
+  }
+  .dark\:bg-gray-750:where(.ptw-dark, .ptw-dark *) {
+    background-color: var(--color-gray-750);
+  }
+  .dark\:bg-primary-800:where(.ptw-dark, .ptw-dark *) {
+    background-color: var(--color-primary-800);
+  }
+  .dark\:text-black:where(.ptw-dark, .ptw-dark *) {
+    color: var(--color-black);
+  }
+  .dark\:text-gray-100:where(.ptw-dark, .ptw-dark *) {
+    color: var(--color-gray-100);
+  }
+  @media (hover: hover) {
+    .group-hover\:dark\:border-primary-500:is(:where(.group):hover *):where(.ptw-dark, .ptw-dark *) {
+      border-color: var(--color-primary-500);
+    }
+  }
+  .dark\:focus-within\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus-within {
+    border-color: var(--color-primary-500);
+  }
+  @media (hover: hover) {
+    .dark\:hover\:border-primary-500:where(.ptw-dark, .ptw-dark *):hover {
+      border-color: var(--color-primary-500);
+    }
+    .dark\:hover\:bg-primary-700:where(.ptw-dark, .ptw-dark *):hover {
+      background-color: var(--color-primary-700);
+    }
+    .dark\:hover\:bg-primary-800:where(.ptw-dark, .ptw-dark *):hover {
+      background-color: var(--color-primary-800);
+    }
+    .dark\:hover\:bg-primary-900:where(.ptw-dark, .ptw-dark *):hover {
+      background-color: var(--color-primary-900);
+    }
+  }
+  .dark\:focus\:border-primary-500:where(.ptw-dark, .ptw-dark *):focus {
+    border-color: var(--color-primary-500);
+  }
+}
 body {
   font-size: 1.125rem;
+  &:where(.ptw-dark, .ptw-dark *) {
+    color: var(--color-gray-100);
+  }
 }
-
-body:is(.ptw-dark *){
-  --tw-text-opacity:1;
-  color:rgb(244 244 245 / var(--tw-text-opacity, 1))
-}
-
 @media (min-width: 640px) {
   body {
     font-size: .875rem;
   }
 }
-
-.focus-within\:ptw-border-primary-500:focus-within{
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.hover\:ptw-border-primary-500:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.hover\:ptw-bg-gray-500\/20:hover{
-  background-color:rgb(113 113 122 / 0.2)
-}
-
-.hover\:ptw-bg-primary-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
-}
-
-.hover\:ptw-bg-primary-200:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
-}
-
-.hover\:ptw-bg-primary-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
-}
-
-.hover\:ptw-text-primary-500:hover{
-  --tw-text-opacity:1;
-  color:rgb(16 185 129 / var(--tw-text-opacity, 1))
-}
-
-.hover\:ptw-opacity-100:hover{
-  opacity:1
-}
-
-.focus\:ptw-border-primary-500:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.ptw-group:hover .group-hover\:ptw-border-primary-500{
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.ptw-group:active .group-active\:ptw-bg-gray-500\/20{
-  background-color:rgb(113 113 122 / 0.2)
-}
-
-.dark\:ptw-border-white\/25:is(.ptw-dark *){
-  border-color:rgb(255 255 255 / 0.25)
-}
-
-.dark\:ptw-bg-black:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:ptw-bg-gray-600:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:ptw-bg-gray-700:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:ptw-bg-gray-750:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(50 50 56 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:ptw-bg-primary-800:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:ptw-text-black:is(.ptw-dark *){
-  --tw-text-opacity:1;
-  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
-}
-
-.dark\:ptw-text-gray-100:is(.ptw-dark *){
-  --tw-text-opacity:1;
-  color:rgb(244 244 245 / var(--tw-text-opacity, 1))
-}
-
-.dark\:focus-within\:ptw-border-primary-500:focus-within:is(.ptw-dark *){
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.dark\:hover\:ptw-border-primary-500:hover:is(.ptw-dark *){
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.dark\:hover\:ptw-bg-primary-700:hover:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:hover\:ptw-bg-primary-800:hover:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:hover\:ptw-bg-primary-900:hover:is(.ptw-dark *){
-  --tw-bg-opacity:1;
-  background-color:rgb(6 78 59 / var(--tw-bg-opacity, 1))
-}
-
-.dark\:focus\:ptw-border-primary-500:focus:is(.ptw-dark *){
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
-}
-
-.ptw-group:hover .group-hover\:dark\:ptw-border-primary-500:is(.ptw-dark *){
-  --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+    }
+  }
 }