@qikdev/vue-ui 0.2.326 → 0.2.328

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vue-ui.css CHANGED
@@ -173,85 +173,85 @@
173
173
  border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
174
174
  }
175
175
  }
176
- .basic-input-style[data-v-e36b8991] {
176
+ .basic-input-style[data-v-3f2d16f1] {
177
177
  color: inherit;
178
178
  background: color-mix(in lab, currentColor 4%, transparent);
179
179
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
180
180
  }
181
- .ux-tabset[data-v-e36b8991] {
181
+ .ux-tabset[data-v-3f2d16f1] {
182
182
  flex: 1;
183
183
  overflow: hidden;
184
184
  }
185
- .ux-tabset.horizontal[data-v-e36b8991] {
185
+ .ux-tabset.horizontal[data-v-3f2d16f1] {
186
186
  display: flex;
187
187
  flex-direction: column;
188
188
  }
189
- .ux-tabset.horizontal.block > .tabset-menu[data-v-e36b8991] {
189
+ .ux-tabset.horizontal.block > .tabset-menu[data-v-3f2d16f1] {
190
190
  background: color-mix(in lab, currentColor 7%, transparent);
191
191
  }
192
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-e36b8991] {
192
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-3f2d16f1] {
193
193
  display: block;
194
194
  padding: 1em;
195
195
  cursor: pointer;
196
196
  color: color-mix(in lab, currentColor, transparent);
197
- font-weight: 700;
197
+ font-weight: 500;
198
198
  border-top: 3px solid transparent;
199
199
  text-align: center;
200
200
  flex: 1;
201
201
  align-items: center;
202
202
  }
203
- .ux-tabset.horizontal.block > .tabset-menu a[data-v-e36b8991]:hover {
203
+ .ux-tabset.horizontal.block > .tabset-menu a[data-v-3f2d16f1]:hover {
204
204
  color: color-mix(in lab, currentColor 60%, transparent);
205
205
  }
206
- .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-e36b8991] {
206
+ .ux-tabset.horizontal.block > .tabset-menu a.active[data-v-3f2d16f1] {
207
207
  background: var(--bg1, #fff);
208
208
  color: var(--primary);
209
209
  border-top: 3px solid var(--primary);
210
210
  }
211
- .ux-tabset.horizontal.inline > .tabset-menu[data-v-e36b8991] {
211
+ .ux-tabset.horizontal.inline > .tabset-menu[data-v-3f2d16f1] {
212
212
  overflow-x: auto;
213
213
  }
214
- .ux-tabset.horizontal.inline > .tabset-menu a[data-v-e36b8991] {
214
+ .ux-tabset.horizontal.inline > .tabset-menu a[data-v-3f2d16f1] {
215
215
  display: block;
216
216
  padding: 1em 0;
217
217
  margin: 0 1.5em 0 0;
218
218
  cursor: pointer;
219
219
  opacity: 0.5;
220
- font-weight: 700;
220
+ font-weight: 500;
221
221
  border-bottom: 3px solid transparent;
222
222
  text-align: center;
223
223
  display: inline-block;
224
224
  white-space: nowrap;
225
225
  text-overflow: ellipsis;
226
226
  }
227
- .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-e36b8991] {
227
+ .ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-3f2d16f1] {
228
228
  opacity: 1;
229
229
  border-bottom: 3px solid var(--primary);
230
230
  }
231
- .ux-tabset.horizontal.pills > .tabset-menu[data-v-e36b8991] {
231
+ .ux-tabset.horizontal.pills > .tabset-menu[data-v-3f2d16f1] {
232
232
  overflow-x: auto;
233
233
  }
234
- .ux-tabset.vertical[data-v-e36b8991] {
234
+ .ux-tabset.vertical[data-v-3f2d16f1] {
235
235
  display: flex;
236
236
  flex-direction: row;
237
237
  }
238
- .ux-tabset.vertical > .tabset-menu[data-v-e36b8991] {
238
+ .ux-tabset.vertical > .tabset-menu[data-v-3f2d16f1] {
239
239
  max-width: 150px;
240
240
  min-width: 100px;
241
241
  background: color-mix(in lab, currentColor 7%, transparent);
242
242
  }
243
- .ux-tabset.vertical > .tabset-menu a[data-v-e36b8991] {
243
+ .ux-tabset.vertical > .tabset-menu a[data-v-3f2d16f1] {
244
244
  display: block;
245
245
  padding: 1em;
246
246
  cursor: pointer;
247
247
  color: color-mix(in lab, currentColor, transparent);
248
- font-weight: 700;
248
+ font-weight: 500;
249
249
  border-left: 3px solid transparent;
250
250
  }
251
- .ux-tabset.vertical > .tabset-menu a[data-v-e36b8991]:hover {
251
+ .ux-tabset.vertical > .tabset-menu a[data-v-3f2d16f1]:hover {
252
252
  color: color-mix(in lab, currentColor 60%, transparent);
253
253
  }
254
- .ux-tabset.vertical > .tabset-menu a.active[data-v-e36b8991] {
254
+ .ux-tabset.vertical > .tabset-menu a.active[data-v-3f2d16f1] {
255
255
  background: var(--bg1, #fff);
256
256
  color: var(--primary);
257
257
  border-left: 3px solid var(--primary);
@@ -548,83 +548,83 @@ td.invited .pill[data-v-be3bef4b] {
548
548
  background: #fbecbb;
549
549
  color: #d17a0e;
550
550
  }
551
- .basic-input-style[data-v-bec5c4d1] {
551
+ .basic-input-style[data-v-f5b9e63a] {
552
552
  color: inherit;
553
553
  background: color-mix(in lab, currentColor 4%, transparent);
554
554
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
555
555
  }
556
- td[data-v-bec5c4d1] {
556
+ td[data-v-f5b9e63a] {
557
557
  text-align: center;
558
558
  }
559
- td .pill[data-v-bec5c4d1] {
559
+ td .pill[data-v-f5b9e63a] {
560
560
  border-radius: 3em;
561
561
  padding: 0.3em 0.6em;
562
562
  display: block;
563
563
  text-transform: uppercase;
564
- font-weight: 700;
564
+ font-weight: 500;
565
565
  letter-spacing: 0.05em;
566
566
  font-size: 0.7em;
567
567
  background: color-mix(in lab, currentColor 10%, transparent);
568
568
  color: color-mix(in lab, currentColor, transparent);
569
569
  border: 1px solid;
570
570
  }
571
- td.live .pill[data-v-bec5c4d1],
572
- td.success .pill[data-v-bec5c4d1],
573
- td.paid .pill[data-v-bec5c4d1],
574
- td.active .pill[data-v-bec5c4d1] {
571
+ td.live .pill[data-v-f5b9e63a],
572
+ td.success .pill[data-v-f5b9e63a],
573
+ td.paid .pill[data-v-f5b9e63a],
574
+ td.active .pill[data-v-f5b9e63a] {
575
575
  background: #e0f3bf;
576
576
  color: #569e2f;
577
577
  }
578
578
  @media (prefers-color-scheme: dark) {
579
- td.live .pill[data-v-bec5c4d1],
580
- td.success .pill[data-v-bec5c4d1],
581
- td.paid .pill[data-v-bec5c4d1],
582
- td.active .pill[data-v-bec5c4d1] {
579
+ td.live .pill[data-v-f5b9e63a],
580
+ td.success .pill[data-v-f5b9e63a],
581
+ td.paid .pill[data-v-f5b9e63a],
582
+ td.active .pill[data-v-f5b9e63a] {
583
583
  background: none;
584
584
  }
585
585
  }
586
- td.sandbox .pill[data-v-bec5c4d1],
587
- td.pending .pill[data-v-bec5c4d1],
588
- td.cancelling .pill[data-v-bec5c4d1] {
586
+ td.sandbox .pill[data-v-f5b9e63a],
587
+ td.pending .pill[data-v-f5b9e63a],
588
+ td.cancelling .pill[data-v-f5b9e63a] {
589
589
  background: #fbecbb;
590
590
  color: #d17a0e;
591
591
  }
592
592
  @media (prefers-color-scheme: dark) {
593
- td.sandbox .pill[data-v-bec5c4d1],
594
- td.pending .pill[data-v-bec5c4d1],
595
- td.cancelling .pill[data-v-bec5c4d1] {
593
+ td.sandbox .pill[data-v-f5b9e63a],
594
+ td.pending .pill[data-v-f5b9e63a],
595
+ td.cancelling .pill[data-v-f5b9e63a] {
596
596
  background: none;
597
597
  }
598
598
  }
599
- td.error .pill[data-v-bec5c4d1],
600
- td.unpaid .pill[data-v-bec5c4d1],
601
- td.failed .pill[data-v-bec5c4d1] {
599
+ td.error .pill[data-v-f5b9e63a],
600
+ td.unpaid .pill[data-v-f5b9e63a],
601
+ td.failed .pill[data-v-f5b9e63a] {
602
602
  background: #fdd;
603
603
  color: #b14e4e;
604
604
  }
605
605
  @media (prefers-color-scheme: dark) {
606
- td.error .pill[data-v-bec5c4d1],
607
- td.unpaid .pill[data-v-bec5c4d1],
608
- td.failed .pill[data-v-bec5c4d1] {
606
+ td.error .pill[data-v-f5b9e63a],
607
+ td.unpaid .pill[data-v-f5b9e63a],
608
+ td.failed .pill[data-v-f5b9e63a] {
609
609
  background: none;
610
610
  }
611
611
  }
612
- .basic-input-style[data-v-7029d50e] {
612
+ .basic-input-style[data-v-9a31f6bc] {
613
613
  color: inherit;
614
614
  background: color-mix(in lab, currentColor 4%, transparent);
615
615
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
616
616
  }
617
- td[data-v-7029d50e] {
617
+ td[data-v-9a31f6bc] {
618
618
  line-height: 1.4em !important;
619
619
  }
620
- .title[data-v-7029d50e] {
621
- font-weight: 700;
620
+ .title[data-v-9a31f6bc] {
621
+ font-weight: 500;
622
622
  font-size: 1.1em;
623
623
  white-space: nowrap;
624
624
  text-overflow: ellipsis;
625
625
  overflow: hidden;
626
626
  }
627
- .subtitle[data-v-7029d50e] {
627
+ .subtitle[data-v-9a31f6bc] {
628
628
  font-size: 0.9em;
629
629
  opacity: 0.5;
630
630
  }
@@ -1522,32 +1522,32 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
1522
1522
  .ux-list-item[data-v-a5de8929]:hover {
1523
1523
  background: color-mix(in lab, currentColor 5%, transparent);
1524
1524
  }
1525
- .basic-input-style[data-v-de5516aa] {
1525
+ .basic-input-style[data-v-72d7ce62] {
1526
1526
  color: inherit;
1527
1527
  background: color-mix(in lab, currentColor 4%, transparent);
1528
1528
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1529
1529
  }
1530
- .cell[data-v-de5516aa] {
1530
+ .cell[data-v-72d7ce62] {
1531
1531
  display: flex;
1532
1532
  min-width: 150px;
1533
1533
  }
1534
- .cell > div[data-v-de5516aa] {
1534
+ .cell > div[data-v-72d7ce62] {
1535
1535
  flex: 1;
1536
1536
  }
1537
- .cell label[data-v-de5516aa] {
1537
+ .cell label[data-v-72d7ce62] {
1538
1538
  display: block;
1539
1539
  font-size: 0.8em;
1540
1540
  margin-bottom: 0.3em;
1541
1541
  text-transform: uppercase;
1542
- font-weight: 700;
1542
+ font-weight: 500;
1543
1543
  opacity: 0.5;
1544
1544
  }
1545
- .cell input[data-v-de5516aa] {
1545
+ .cell input[data-v-72d7ce62] {
1546
1546
  min-width: 150px;
1547
1547
  flex: 1;
1548
1548
  width: 100%;
1549
1549
  }
1550
- input[data-v-de5516aa] {
1550
+ input[data-v-72d7ce62] {
1551
1551
  border-radius: 0.1em;
1552
1552
  padding: 0.5em;
1553
1553
  box-sizing: border-box;
@@ -1559,7 +1559,7 @@ input[data-v-de5516aa] {
1559
1559
  height: 2.5em;
1560
1560
  color: inherit;
1561
1561
  }
1562
- input[data-v-de5516aa]:focus {
1562
+ input[data-v-72d7ce62]:focus {
1563
1563
  background: none;
1564
1564
  border: 1px solid var(--primary);
1565
1565
  outline: none;
@@ -1730,129 +1730,138 @@ input[data-v-4bea995b]:focus {
1730
1730
  bottom: 0;
1731
1731
  right: 0;
1732
1732
  }
1733
- .basic-input-style[data-v-67938a60] {
1733
+ .basic-input-style[data-v-7f413234] {
1734
1734
  color: inherit;
1735
1735
  background: color-mix(in lab, currentColor 4%, transparent);
1736
1736
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1737
1737
  }
1738
- .content-item[data-v-67938a60] {
1738
+ .content-item[data-v-7f413234] {
1739
1739
  padding: 0.5em 0.8em;
1740
1740
  border-radius: 0.3em;
1741
1741
  cursor: pointer;
1742
1742
  margin-bottom: 1px;
1743
+ position: relative;
1744
+ }
1745
+ .content-item .bar[data-v-7f413234] {
1746
+ left: 0;
1747
+ top: 0;
1748
+ bottom: 0;
1749
+ position: absolute;
1750
+ width: 0.2em;
1751
+ display: block;
1743
1752
  }
1744
- .content-item .item-summary[data-v-67938a60] {
1753
+ .content-item .item-summary[data-v-7f413234] {
1745
1754
  opacity: 0.5;
1746
1755
  font-size: 0.9em;
1747
1756
  }
1748
- .content-item .item-title[data-v-67938a60] {
1757
+ .content-item .item-title[data-v-7f413234] {
1749
1758
  font-weight: 500;
1750
1759
  }
1751
1760
  @media (prefers-color-scheme: light) {
1752
- .content-item[data-v-67938a60] {
1761
+ .content-item[data-v-7f413234] {
1753
1762
  background: var(--bg1, #fff);
1754
1763
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
1755
1764
  }
1756
1765
  }
1757
1766
  @media (prefers-color-scheme: dark) {
1758
- .content-item[data-v-67938a60] {
1767
+ .content-item[data-v-7f413234] {
1759
1768
  background: color-mix(in lab, #000 1%, transparent);
1760
1769
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
1761
1770
  }
1762
1771
  }
1763
- .content-item[data-v-67938a60]:last-child {
1772
+ .content-item[data-v-7f413234]:last-child {
1764
1773
  margin-bottom: 0;
1765
1774
  }
1766
- .content-item.deleted .text[data-v-67938a60] {
1775
+ .content-item.deleted .text[data-v-7f413234] {
1767
1776
  color: var(--error, red);
1768
1777
  text-decoration: line-through;
1769
1778
  }
1770
- .content-item.inactive .text[data-v-67938a60] {
1779
+ .content-item.inactive .text[data-v-7f413234] {
1771
1780
  opacity: 0.5;
1772
1781
  }
1773
- .content-item .text[data-v-67938a60] {
1782
+ .content-item .text[data-v-7f413234] {
1774
1783
  overflow: hidden;
1775
1784
  text-overflow: ellipsis;
1776
1785
  white-space: pre-line;
1777
1786
  }
1778
- .content-item .icon-wrapper[data-v-67938a60] {
1787
+ .content-item .icon-wrapper[data-v-7f413234] {
1779
1788
  width: 25px;
1780
1789
  font-size: 20px;
1781
1790
  text-align: center;
1782
1791
  }
1783
- .content-item .icon-wrapper.complete[data-v-67938a60] {
1792
+ .content-item .icon-wrapper.complete[data-v-7f413234] {
1784
1793
  color: var(--success, green);
1785
1794
  }
1786
- .content-item .icon-wrapper.pending[data-v-67938a60] {
1795
+ .content-item .icon-wrapper.pending[data-v-7f413234] {
1787
1796
  color: var(--warning, orange);
1788
1797
  }
1789
- .content-item .image-wrapper[data-v-67938a60] {
1798
+ .content-item .image-wrapper[data-v-7f413234] {
1790
1799
  width: 2em;
1791
1800
  max-width: 50px;
1792
1801
  }
1793
- .content-item .image-wrapper.profile[data-v-67938a60] {
1802
+ .content-item .image-wrapper.profile[data-v-7f413234] {
1794
1803
  width: 2em;
1795
1804
  height: 2em;
1796
1805
  margin-right: 0.2em;
1797
1806
  background: #0000001a;
1798
1807
  border-radius: 100%;
1799
1808
  }
1800
- .content-item[data-v-67938a60]:hover {
1809
+ .content-item[data-v-7f413234]:hover {
1801
1810
  cursor: pointer;
1802
1811
  background: color-mix(in lab, currentColor 2%, transparent);
1803
1812
  }
1804
- .content-item .pill[data-v-67938a60] {
1813
+ .content-item .pill[data-v-7f413234] {
1805
1814
  border-radius: 3em;
1806
1815
  padding: 0.3em 0.6em;
1807
1816
  display: block;
1808
1817
  text-transform: uppercase;
1809
- font-weight: 700;
1818
+ font-weight: 500;
1810
1819
  letter-spacing: 0.05em;
1811
1820
  font-size: 0.7em;
1812
1821
  background: color-mix(in lab, currentColor 10%, transparent);
1813
1822
  color: color-mix(in lab, currentColor, transparent);
1814
1823
  border: 1px solid;
1815
1824
  }
1816
- .content-item .pill.live[data-v-67938a60],
1817
- .content-item .pill.success[data-v-67938a60],
1818
- .content-item .pill.paid[data-v-67938a60],
1819
- .content-item .pill.active[data-v-67938a60] {
1825
+ .content-item .pill.live[data-v-7f413234],
1826
+ .content-item .pill.success[data-v-7f413234],
1827
+ .content-item .pill.paid[data-v-7f413234],
1828
+ .content-item .pill.active[data-v-7f413234] {
1820
1829
  background: #e0f3bf;
1821
1830
  color: #569e2f;
1822
1831
  }
1823
1832
  @media (prefers-color-scheme: dark) {
1824
- .content-item .pill.live[data-v-67938a60],
1825
- .content-item .pill.success[data-v-67938a60],
1826
- .content-item .pill.paid[data-v-67938a60],
1827
- .content-item .pill.active[data-v-67938a60] {
1833
+ .content-item .pill.live[data-v-7f413234],
1834
+ .content-item .pill.success[data-v-7f413234],
1835
+ .content-item .pill.paid[data-v-7f413234],
1836
+ .content-item .pill.active[data-v-7f413234] {
1828
1837
  background: none;
1829
1838
  }
1830
1839
  }
1831
- .content-item .pill.sandbox[data-v-67938a60],
1832
- .content-item .pill.pending[data-v-67938a60],
1833
- .content-item .pill.cancelling[data-v-67938a60] {
1840
+ .content-item .pill.sandbox[data-v-7f413234],
1841
+ .content-item .pill.pending[data-v-7f413234],
1842
+ .content-item .pill.cancelling[data-v-7f413234] {
1834
1843
  background: #fbecbb;
1835
1844
  color: #d17a0e;
1836
1845
  }
1837
1846
  @media (prefers-color-scheme: dark) {
1838
- .content-item .pill.sandbox[data-v-67938a60],
1839
- .content-item .pill.pending[data-v-67938a60],
1840
- .content-item .pill.cancelling[data-v-67938a60] {
1847
+ .content-item .pill.sandbox[data-v-7f413234],
1848
+ .content-item .pill.pending[data-v-7f413234],
1849
+ .content-item .pill.cancelling[data-v-7f413234] {
1841
1850
  background: none;
1842
1851
  }
1843
1852
  }
1844
- .content-item .pill.error[data-v-67938a60],
1845
- .content-item .pill.unpaid[data-v-67938a60],
1846
- .content-item .pill.deleted[data-v-67938a60],
1847
- .content-item .pill.failed[data-v-67938a60] {
1853
+ .content-item .pill.error[data-v-7f413234],
1854
+ .content-item .pill.unpaid[data-v-7f413234],
1855
+ .content-item .pill.deleted[data-v-7f413234],
1856
+ .content-item .pill.failed[data-v-7f413234] {
1848
1857
  background: #fdd;
1849
1858
  color: #b14e4e;
1850
1859
  }
1851
1860
  @media (prefers-color-scheme: dark) {
1852
- .content-item .pill.error[data-v-67938a60],
1853
- .content-item .pill.unpaid[data-v-67938a60],
1854
- .content-item .pill.deleted[data-v-67938a60],
1855
- .content-item .pill.failed[data-v-67938a60] {
1861
+ .content-item .pill.error[data-v-7f413234],
1862
+ .content-item .pill.unpaid[data-v-7f413234],
1863
+ .content-item .pill.deleted[data-v-7f413234],
1864
+ .content-item .pill.failed[data-v-7f413234] {
1856
1865
  background: none;
1857
1866
  }
1858
1867
  }
@@ -2620,22 +2629,22 @@ textarea[data-v-a44b8610]:focus {
2620
2629
  .ux-text-area-single[data-v-a44b8610] {
2621
2630
  width: 100%;
2622
2631
  }
2623
- .basic-input-style[data-v-2d4fa4d5] {
2632
+ .basic-input-style[data-v-26c116f3] {
2624
2633
  color: inherit;
2625
2634
  background: color-mix(in lab, currentColor 4%, transparent);
2626
2635
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2627
2636
  }
2628
- .filter-condition[data-v-2d4fa4d5] {
2637
+ .filter-condition[data-v-26c116f3] {
2629
2638
  padding: 0.2em;
2630
2639
  border-radius: 0.3em;
2631
2640
  background: var(--bg1, #fff);
2632
2641
  border: 1px solid rgba(0, 0, 0, 0.1);
2633
2642
  margin: 0.2em 0.5em;
2634
2643
  }
2635
- label[data-v-2d4fa4d5] {
2644
+ label[data-v-26c116f3] {
2636
2645
  display: block;
2637
2646
  text-transform: uppercase;
2638
- font-weight: 700;
2647
+ font-weight: 500;
2639
2648
  opacity: 0.5;
2640
2649
  font-size: 0.7em;
2641
2650
  margin-top: 0.2em;
@@ -2834,15 +2843,15 @@ textarea[data-v-63053873]:focus {
2834
2843
  bottom: 0;
2835
2844
  right: 0;
2836
2845
  }
2837
- .basic-input-style[data-v-3d40cdb4] {
2846
+ .basic-input-style[data-v-639c59a6] {
2838
2847
  color: inherit;
2839
2848
  background: color-mix(in lab, currentColor 4%, transparent);
2840
2849
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2841
2850
  }
2842
- .ux-range-slider-wrap[data-v-3d40cdb4] {
2851
+ .ux-range-slider-wrap[data-v-639c59a6] {
2843
2852
  position: relative;
2844
2853
  }
2845
- .ux-range-bubble[data-v-3d40cdb4] {
2854
+ .ux-range-bubble[data-v-639c59a6] {
2846
2855
  background: #000;
2847
2856
  color: #fff;
2848
2857
  padding: 2px 12px;
@@ -2852,15 +2861,15 @@ textarea[data-v-63053873]:focus {
2852
2861
  top: -1.3em;
2853
2862
  height: 1.3em;
2854
2863
  line-height: 1.3em;
2855
- font-weight: 700;
2864
+ font-weight: 500;
2856
2865
  font-size: 0.8em;
2857
2866
  transform: translate(-50%);
2858
2867
  visibility: hidden;
2859
2868
  }
2860
- .ux-range-bubble[data-v-3d40cdb4]:empty {
2869
+ .ux-range-bubble[data-v-639c59a6]:empty {
2861
2870
  display: none;
2862
2871
  }
2863
- .ux-range-bubble[data-v-3d40cdb4]:after {
2872
+ .ux-range-bubble[data-v-639c59a6]:after {
2864
2873
  position: absolute;
2865
2874
  left: 50%;
2866
2875
  bottom: -5px;
@@ -2873,10 +2882,10 @@ textarea[data-v-63053873]:focus {
2873
2882
  border-right: 5px solid transparent;
2874
2883
  border-top: 5px solid #000;
2875
2884
  }
2876
- .ux-range-slider-wrap:hover .ux-range-bubble[data-v-3d40cdb4] {
2885
+ .ux-range-slider-wrap:hover .ux-range-bubble[data-v-639c59a6] {
2877
2886
  visibility: visible;
2878
2887
  }
2879
- .ux-range-slider[data-v-3d40cdb4] {
2888
+ .ux-range-slider[data-v-639c59a6] {
2880
2889
  -webkit-appearance: none;
2881
2890
  -moz-appearance: none;
2882
2891
  appearance: none;
@@ -2894,7 +2903,7 @@ textarea[data-v-63053873]:focus {
2894
2903
  background: color-mix(in lab, currentColor 6%, transparent);
2895
2904
  border: 1px solid transparent;
2896
2905
  }
2897
- .ux-range-slider[data-v-3d40cdb4]::-webkit-slider-thumb {
2906
+ .ux-range-slider[data-v-639c59a6]::-webkit-slider-thumb {
2898
2907
  transition: all 0.3s;
2899
2908
  -webkit-appearance: none;
2900
2909
  -moz-appearance: none;
@@ -2909,7 +2918,7 @@ textarea[data-v-63053873]:focus {
2909
2918
  0 0 0.3em #0000004d,
2910
2919
  -2000.5em 0 0 2000em var(--primary);
2911
2920
  }
2912
- .ux-range-slider[data-v-3d40cdb4]::-moz-slider-thumb {
2921
+ .ux-range-slider[data-v-639c59a6]::-moz-slider-thumb {
2913
2922
  transition: all 0.3s;
2914
2923
  -moz-appearance: none;
2915
2924
  -webkit-appearance: none;
@@ -2925,25 +2934,25 @@ textarea[data-v-63053873]:focus {
2925
2934
  0 0 0.3em #0000004d,
2926
2935
  -2000.5em 0 0 2000em var(--primary);
2927
2936
  }
2928
- .basic-input-style[data-v-5918d2a7] {
2937
+ .basic-input-style[data-v-ae8ff721] {
2929
2938
  color: inherit;
2930
2939
  background: color-mix(in lab, currentColor 4%, transparent);
2931
2940
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
2932
2941
  }
2933
- .ux-slider-limit[data-v-5918d2a7] {
2942
+ .ux-slider-limit[data-v-ae8ff721] {
2934
2943
  width: 40px;
2935
2944
  display: block;
2936
2945
  text-align: center;
2937
2946
  opacity: 0.8;
2938
2947
  font-size: 0.8em;
2939
2948
  }
2940
- .ux-slider-limit-value[data-v-5918d2a7] {
2949
+ .ux-slider-limit-value[data-v-ae8ff721] {
2941
2950
  width: 40px;
2942
2951
  display: block;
2943
2952
  text-align: center;
2944
2953
  opacity: 1;
2945
2954
  font-size: 1.2em;
2946
- font-weight: 700;
2955
+ font-weight: 500;
2947
2956
  }
2948
2957
  .basic-input-style[data-v-91624210],
2949
2958
  input[data-v-91624210] {
@@ -3225,12 +3234,12 @@ input[data-v-a94917d9]:focus {
3225
3234
  display: flex;
3226
3235
  min-height: 300px;
3227
3236
  }
3228
- .basic-input-style[data-v-a40a42bc] {
3237
+ .basic-input-style[data-v-084b9220] {
3229
3238
  color: inherit;
3230
3239
  background: color-mix(in lab, currentColor 4%, transparent);
3231
3240
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3232
3241
  }
3233
- .results[data-v-a40a42bc] {
3242
+ .results[data-v-084b9220] {
3234
3243
  width: 100%;
3235
3244
  background: var(--bg1, #fff);
3236
3245
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
@@ -3240,41 +3249,41 @@ input[data-v-a94917d9]:focus {
3240
3249
  position: absolute;
3241
3250
  z-index: 2;
3242
3251
  }
3243
- .location-search-outer[data-v-a40a42bc] {
3252
+ .location-search-outer[data-v-084b9220] {
3244
3253
  position: relative;
3245
3254
  }
3246
- .result-item[data-v-a40a42bc] {
3255
+ .result-item[data-v-084b9220] {
3247
3256
  cursor: pointer;
3248
3257
  padding: 0.5em;
3249
3258
  border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
3250
3259
  }
3251
- .result-item[data-v-a40a42bc]:last-child {
3260
+ .result-item[data-v-084b9220]:last-child {
3252
3261
  border-bottom: none;
3253
3262
  }
3254
- .result-item.selected[data-v-a40a42bc] {
3263
+ .result-item.selected[data-v-084b9220] {
3255
3264
  background: var(--primary);
3256
3265
  color: #fff;
3257
3266
  }
3258
- .result-item.selected .result-item-title[data-v-a40a42bc],
3259
- .content-item-title[data-v-a40a42bc] {
3260
- font-weight: 700;
3267
+ .result-item.selected .result-item-title[data-v-084b9220],
3268
+ .content-item-title[data-v-084b9220] {
3269
+ font-weight: 500;
3261
3270
  }
3262
- .content-item-coordinates[data-v-a40a42bc],
3263
- .content-item-subtitle[data-v-a40a42bc],
3264
- .result-item-subtitle[data-v-a40a42bc] {
3271
+ .content-item-coordinates[data-v-084b9220],
3272
+ .content-item-subtitle[data-v-084b9220],
3273
+ .result-item-subtitle[data-v-084b9220] {
3265
3274
  font-size: 0.9em;
3266
3275
  opacity: 0.6;
3267
3276
  }
3268
- .content-item-coordinates[data-v-a40a42bc] {
3277
+ .content-item-coordinates[data-v-084b9220] {
3269
3278
  font-size: 0.8em;
3270
3279
  }
3271
- .content-item[data-v-a40a42bc] {
3280
+ .content-item[data-v-084b9220] {
3272
3281
  padding: 0.5em 0.8em;
3273
3282
  border-radius: 0.3em;
3274
3283
  cursor: pointer;
3275
3284
  margin-bottom: 0.5em;
3276
3285
  }
3277
- .content-item .image-wrapper[data-v-a40a42bc] {
3286
+ .content-item .image-wrapper[data-v-084b9220] {
3278
3287
  width: 2em;
3279
3288
  height: 2em;
3280
3289
  line-height: 2em;
@@ -3284,18 +3293,18 @@ input[data-v-a94917d9]:focus {
3284
3293
  background: #0000000d;
3285
3294
  }
3286
3295
  @media (prefers-color-scheme: light) {
3287
- .content-item[data-v-a40a42bc] {
3296
+ .content-item[data-v-084b9220] {
3288
3297
  background: var(--bg1, #fff);
3289
3298
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
3290
3299
  }
3291
3300
  }
3292
3301
  @media (prefers-color-scheme: dark) {
3293
- .content-item[data-v-a40a42bc] {
3302
+ .content-item[data-v-084b9220] {
3294
3303
  background: color-mix(in lab, #000 1%, transparent);
3295
3304
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3296
3305
  }
3297
3306
  }
3298
- .content-item .text[data-v-a40a42bc] {
3307
+ .content-item .text[data-v-084b9220] {
3299
3308
  overflow: hidden;
3300
3309
  text-overflow: ellipsis;
3301
3310
  white-space: pre-line;
@@ -3359,42 +3368,42 @@ a {
3359
3368
  min-height: 300px;
3360
3369
  margin-bottom: 5px;
3361
3370
  }
3362
- .basic-input-style[data-v-f5a130e8] {
3371
+ .basic-input-style[data-v-2eaaec20] {
3363
3372
  color: inherit;
3364
3373
  background: color-mix(in lab, currentColor 4%, transparent);
3365
3374
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3366
3375
  }
3367
- .calculations[data-v-f5a130e8] {
3376
+ .calculations[data-v-2eaaec20] {
3368
3377
  width: 100%;
3369
3378
  }
3370
- .calculation-modifier[data-v-f5a130e8] {
3379
+ .calculation-modifier[data-v-2eaaec20] {
3371
3380
  font-style: italic;
3372
3381
  opacity: 0.5;
3373
3382
  }
3374
- .modifier-set[data-v-f5a130e8] {
3375
- font-weight: 700;
3383
+ .modifier-set[data-v-2eaaec20] {
3384
+ font-weight: 500;
3376
3385
  opacity: 1;
3377
3386
  font-style: normal;
3378
3387
  }
3379
- .modifier-visible-false[data-v-f5a130e8] {
3388
+ .modifier-visible-false[data-v-2eaaec20] {
3380
3389
  text-decoration: line-through;
3381
3390
  font-style: italic;
3382
3391
  font-weight: 400;
3383
3392
  opacity: 0.5;
3384
3393
  }
3385
- .grand-total[data-v-f5a130e8] {
3394
+ .grand-total[data-v-2eaaec20] {
3386
3395
  font-size: 2em;
3387
3396
  }
3388
- .grand-total td[data-v-f5a130e8] {
3397
+ .grand-total td[data-v-2eaaec20] {
3389
3398
  padding-top: 0.5em;
3390
3399
  }
3391
- tfoot[data-v-f5a130e8] {
3400
+ tfoot[data-v-2eaaec20] {
3392
3401
  border-top: 2px solid rgba(0, 0, 0, 0.1);
3393
3402
  }
3394
- td[data-v-f5a130e8] {
3403
+ td[data-v-2eaaec20] {
3395
3404
  text-align: right;
3396
3405
  }
3397
- td[data-v-f5a130e8]:first-child {
3406
+ td[data-v-2eaaec20]:first-child {
3398
3407
  text-align: left;
3399
3408
  }
3400
3409
  .basic-input-style[data-v-1476a328] {
@@ -3590,18 +3599,18 @@ td[data-v-f5a130e8]:first-child {
3590
3599
  border-color: var(--primary);
3591
3600
  opacity: 0.5;
3592
3601
  }
3593
- .basic-input-style[data-v-b5298f2c] {
3602
+ .basic-input-style[data-v-cad3ccd6] {
3594
3603
  color: inherit;
3595
3604
  background: color-mix(in lab, currentColor 4%, transparent);
3596
3605
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3597
3606
  }
3598
- .ux-field[data-v-b5298f2c] {
3607
+ .ux-field[data-v-cad3ccd6] {
3599
3608
  margin-bottom: 1em;
3600
3609
  }
3601
- .ux-field.ux-layout-only[data-v-b5298f2c] {
3610
+ .ux-field.ux-layout-only[data-v-cad3ccd6] {
3602
3611
  margin-bottom: 0;
3603
3612
  }
3604
- .ux-field .ux-field-message[data-v-b5298f2c] {
3613
+ .ux-field .ux-field-message[data-v-cad3ccd6] {
3605
3614
  border: red;
3606
3615
  background: #ff00001a;
3607
3616
  color: red;
@@ -3611,23 +3620,23 @@ td[data-v-f5a130e8]:first-child {
3611
3620
  margin: 0.3em 0;
3612
3621
  display: inline-block;
3613
3622
  }
3614
- [data-v-b5298f2c] .ux-field-title {
3623
+ [data-v-cad3ccd6] .ux-field-title {
3615
3624
  margin-top: 0.5em;
3616
3625
  display: block;
3617
3626
  margin-bottom: 0.2em;
3618
3627
  font-size: 0.9em;
3619
- font-weight: 700;
3628
+ font-weight: 500;
3620
3629
  }
3621
- .ux-field.ux-field-hide[data-v-b5298f2c] {
3630
+ .ux-field.ux-field-hide[data-v-cad3ccd6] {
3622
3631
  display: none !important;
3623
3632
  margin: 0 !important;
3624
3633
  }
3625
- [data-v-b5298f2c] .ux-field-description {
3634
+ [data-v-cad3ccd6] .ux-field-description {
3626
3635
  font-size: clamp(12px, 0.8em, 16px);
3627
3636
  opacity: 0.5;
3628
3637
  margin-bottom: 0.5em;
3629
3638
  }
3630
- .ux-field.ux-field-error[data-v-b5298f2c] > .ux-field-title {
3639
+ .ux-field.ux-field-error[data-v-cad3ccd6] > .ux-field-title {
3631
3640
  color: red;
3632
3641
  }
3633
3642
  .basic-input-style[data-v-f0b9d2cd] {
@@ -3970,40 +3979,40 @@ td[data-v-f5a130e8]:first-child {
3970
3979
  .wrapper .padder[data-v-ee67e4b1] {
3971
3980
  margin-bottom: 2em;
3972
3981
  }
3973
- .basic-input-style[data-v-fefac323] {
3982
+ .basic-input-style[data-v-6712bab5] {
3974
3983
  color: inherit;
3975
3984
  background: color-mix(in lab, currentColor 4%, transparent);
3976
3985
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
3977
3986
  }
3978
- .wrapper[data-v-fefac323] {
3987
+ .wrapper[data-v-6712bab5] {
3979
3988
  border-radius: 0.5em;
3980
3989
  overflow: hidden;
3981
3990
  background: var(--bg1, #fff);
3982
3991
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
3983
3992
  text-align: center;
3984
3993
  }
3985
- h5[data-v-fefac323] {
3994
+ h5[data-v-6712bab5] {
3986
3995
  font-size: 1.2em;
3987
3996
  margin: 0;
3988
3997
  }
3989
- .padder[data-v-fefac323] {
3998
+ .padder[data-v-6712bab5] {
3990
3999
  padding: 1em;
3991
4000
  display: grid;
3992
4001
  gap: 0.5em;
3993
4002
  }
3994
- .padder.columns[data-v-fefac323] {
4003
+ .padder.columns[data-v-6712bab5] {
3995
4004
  grid-template-columns: auto auto;
3996
4005
  }
3997
- .options-modal-header[data-v-fefac323] {
4006
+ .options-modal-header[data-v-6712bab5] {
3998
4007
  border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
3999
4008
  }
4000
- .options-modal-footer[data-v-fefac323] {
4009
+ .options-modal-footer[data-v-6712bab5] {
4001
4010
  border-top: 1px solid color-mix(in lab, currentColor 15%, transparent);
4002
4011
  }
4003
- .options-modal-body[data-v-fefac323] {
4012
+ .options-modal-body[data-v-6712bab5] {
4004
4013
  background: color-mix(in lab, currentColor 5%, transparent);
4005
4014
  }
4006
- .choice[data-v-fefac323] {
4015
+ .choice[data-v-6712bab5] {
4007
4016
  padding: 1em;
4008
4017
  cursor: pointer;
4009
4018
  border-radius: 0.3em;
@@ -4011,7 +4020,7 @@ h5[data-v-fefac323] {
4011
4020
  background: var(--bg1, #fff);
4012
4021
  border: 1px solid color-mix(in lab, currentColor 15%, transparent);
4013
4022
  }
4014
- .choice .option-icon[data-v-fefac323] {
4023
+ .choice .option-icon[data-v-6712bab5] {
4015
4024
  width: 40px;
4016
4025
  height: 40px;
4017
4026
  display: flex;
@@ -4020,22 +4029,22 @@ h5[data-v-fefac323] {
4020
4029
  border-radius: 100%;
4021
4030
  background: color-mix(in lab, currentColor 5%, transparent);
4022
4031
  }
4023
- .choice .option-icon svg[data-v-fefac323] {
4032
+ .choice .option-icon svg[data-v-6712bab5] {
4024
4033
  display: block;
4025
4034
  width: 100%;
4026
4035
  height: auto;
4027
4036
  }
4028
- .choice[data-v-fefac323]:hover {
4037
+ .choice[data-v-6712bab5]:hover {
4029
4038
  border: 1px solid var(--primary);
4030
4039
  }
4031
- .choice:hover .ux-button[data-v-fefac323] {
4040
+ .choice:hover .ux-button[data-v-6712bab5] {
4032
4041
  color: var(--primary);
4033
4042
  }
4034
- .choice .title[data-v-fefac323] {
4035
- font-weight: 700;
4043
+ .choice .title[data-v-6712bab5] {
4044
+ font-weight: 500;
4036
4045
  font-size: 1.1em;
4037
4046
  }
4038
- .choice .description[data-v-fefac323] {
4047
+ .choice .description[data-v-6712bab5] {
4039
4048
  font-size: 0.8em;
4040
4049
  opacity: 0.5;
4041
4050
  }
@@ -4061,59 +4070,59 @@ h5[data-v-fefac323] {
4061
4070
  .wrapper .border-top[data-v-22036a05] {
4062
4071
  border: 1px solid rgba(0, 0, 0, 0.1);
4063
4072
  }
4064
- .basic-input-style[data-v-329d2bc0] {
4073
+ .basic-input-style[data-v-d48f305b] {
4065
4074
  color: inherit;
4066
4075
  background: color-mix(in lab, currentColor 4%, transparent);
4067
4076
  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
4068
4077
  }
4069
- .wrapper[data-v-329d2bc0] {
4078
+ .wrapper[data-v-d48f305b] {
4070
4079
  min-width: 80vw;
4071
4080
  min-height: 80vh;
4072
4081
  border-radius: 0.5em;
4073
4082
  overflow: hidden;
4074
4083
  }
4075
- .header[data-v-329d2bc0] {
4084
+ .header[data-v-d48f305b] {
4076
4085
  background: var(--bg1, #fff);
4077
4086
  padding: 1em;
4078
4087
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4079
4088
  }
4080
- .header h1[data-v-329d2bc0],
4081
- .header h2[data-v-329d2bc0],
4082
- .header h3[data-v-329d2bc0],
4083
- .header h4[data-v-329d2bc0],
4084
- .header h5[data-v-329d2bc0] {
4089
+ .header h1[data-v-d48f305b],
4090
+ .header h2[data-v-d48f305b],
4091
+ .header h3[data-v-d48f305b],
4092
+ .header h4[data-v-d48f305b],
4093
+ .header h5[data-v-d48f305b] {
4085
4094
  margin: 0;
4086
4095
  }
4087
- .date-range[data-v-329d2bc0] {
4096
+ .date-range[data-v-d48f305b] {
4088
4097
  padding: 1em;
4089
4098
  background: var(--bg1, #fff);
4090
4099
  }
4091
- .date-range .date-shortcuts[data-v-329d2bc0] {
4100
+ .date-range .date-shortcuts[data-v-d48f305b] {
4092
4101
  padding: 0;
4093
4102
  margin: 0;
4094
4103
  list-style-type: none;
4095
4104
  width: 200px;
4096
4105
  }
4097
- .date-range .date-shortcuts li[data-v-329d2bc0] {
4106
+ .date-range .date-shortcuts li[data-v-d48f305b] {
4098
4107
  display: block;
4099
4108
  }
4100
- .date-range .date-shortcuts li a[data-v-329d2bc0] {
4109
+ .date-range .date-shortcuts li a[data-v-d48f305b] {
4101
4110
  cursor: pointer;
4102
4111
  display: block;
4103
4112
  padding: 0.5em 1em;
4104
4113
  }
4105
- .date-range .date-shortcuts li a[data-v-329d2bc0]:hover {
4114
+ .date-range .date-shortcuts li a[data-v-d48f305b]:hover {
4106
4115
  color: var(--primary);
4107
4116
  }
4108
- .rolodex[data-v-329d2bc0] {
4117
+ .rolodex[data-v-d48f305b] {
4109
4118
  padding: 0.5em;
4110
4119
  white-space: nowrap;
4111
4120
  overflow-x: auto;
4112
4121
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4113
4122
  text-align: center;
4114
4123
  }
4115
- .rolodex .ux-btn[data-v-329d2bc0] {
4116
- font-weight: 700;
4124
+ .rolodex .ux-btn[data-v-d48f305b] {
4125
+ font-weight: 500;
4117
4126
  }
4118
4127
  .basic-input-style[data-v-0952db70] {
4119
4128
  color: inherit;