@qikdev/vue-ui 0.2.318 → 0.2.320

package/dist/{style.css → vue-ui.css}

@@ -173,23 +173,23 @@
     border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.basic-input-style[data-v-1d7eba43] {
+.basic-input-style[data-v-e36b8991] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-tabset[data-v-1d7eba43] {
+.ux-tabset[data-v-e36b8991] {
   flex: 1;
   overflow: hidden;
 }
-.ux-tabset.horizontal[data-v-1d7eba43] {
+.ux-tabset.horizontal[data-v-e36b8991] {
   display: flex;
   flex-direction: column;
 }
-.ux-tabset.horizontal.block > .tabset-menu[data-v-1d7eba43] {
+.ux-tabset.horizontal.block > .tabset-menu[data-v-e36b8991] {
   background: color-mix(in lab, currentColor 7%, transparent);
 }
-.ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43] {
+.ux-tabset.horizontal.block > .tabset-menu a[data-v-e36b8991] {
   display: block;
   padding: 1em;
   cursor: pointer;
@@ -200,18 +200,18 @@
   flex: 1;
   align-items: center;
 }
-.ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43]:hover {
+.ux-tabset.horizontal.block > .tabset-menu a[data-v-e36b8991]:hover {
   color: color-mix(in lab, currentColor 60%, transparent);
 }
-.ux-tabset.horizontal.block > .tabset-menu a.active[data-v-1d7eba43] {
+.ux-tabset.horizontal.block > .tabset-menu a.active[data-v-e36b8991] {
   background: var(--bg1, #fff);
   color: var(--primary);
   border-top: 3px solid var(--primary);
 }
-.ux-tabset.horizontal.inline > .tabset-menu[data-v-1d7eba43] {
+.ux-tabset.horizontal.inline > .tabset-menu[data-v-e36b8991] {
   overflow-x: auto;
 }
-.ux-tabset.horizontal.inline > .tabset-menu a[data-v-1d7eba43] {
+.ux-tabset.horizontal.inline > .tabset-menu a[data-v-e36b8991] {
   display: block;
   padding: 1em 0;
   margin: 0 1.5em 0 0;
@@ -224,20 +224,23 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-1d7eba43] {
+.ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-e36b8991] {
   opacity: 1;
   border-bottom: 3px solid var(--primary);
 }
-.ux-tabset.vertical[data-v-1d7eba43] {
+.ux-tabset.horizontal.pills > .tabset-menu[data-v-e36b8991] {
+  overflow-x: auto;
+}
+.ux-tabset.vertical[data-v-e36b8991] {
   display: flex;
   flex-direction: row;
 }
-.ux-tabset.vertical > .tabset-menu[data-v-1d7eba43] {
+.ux-tabset.vertical > .tabset-menu[data-v-e36b8991] {
   max-width: 150px;
   min-width: 100px;
   background: color-mix(in lab, currentColor 7%, transparent);
 }
-.ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43] {
+.ux-tabset.vertical > .tabset-menu a[data-v-e36b8991] {
   display: block;
   padding: 1em;
   cursor: pointer;
@@ -245,10 +248,10 @@
   font-weight: 700;
   border-left: 3px solid transparent;
 }
-.ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43]:hover {
+.ux-tabset.vertical > .tabset-menu a[data-v-e36b8991]:hover {
   color: color-mix(in lab, currentColor 60%, transparent);
 }
-.ux-tabset.vertical > .tabset-menu a.active[data-v-1d7eba43] {
+.ux-tabset.vertical > .tabset-menu a.active[data-v-e36b8991] {
   background: var(--bg1, #fff);
   color: var(--primary);
   border-left: 3px solid var(--primary);
@@ -500,7 +503,7 @@ td a[data-v-aa99a5e7]:hover {
   border-radius: 100%;
   text-align: center;
   line-height: 20px;
-  background: rgba(0, 0, 0, 0.1);
+  background: #0000001a;
 }
 .items[data-v-1cdab26c] {
   border-radius: 0.3em;
@@ -596,7 +599,7 @@ td.cancelling .pill[data-v-bec5c4d1] {
 td.error .pill[data-v-bec5c4d1],
 td.unpaid .pill[data-v-bec5c4d1],
 td.failed .pill[data-v-bec5c4d1] {
-  background: #ffdddd;
+  background: #fdd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
@@ -606,22 +609,22 @@ td.failed .pill[data-v-bec5c4d1] {
     background: none;
   }
 }
-.basic-input-style[data-v-206fbd94] {
+.basic-input-style[data-v-f928d09f] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-206fbd94] {
+td[data-v-f928d09f] {
   line-height: 1.4em !important;
 }
-.title[data-v-206fbd94] {
+.title[data-v-f928d09f] {
   font-weight: 700;
   font-size: 1.1em;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.subtitle[data-v-206fbd94] {
+.subtitle[data-v-f928d09f] {
   font-size: 0.9em;
   opacity: 0.5;
 }
@@ -655,16 +658,16 @@ td[data-v-f7f4a65b] {
 .content-type-cell[data-v-3c0f4d89] {
   white-space: nowrap;
 }
-.basic-input-style[data-v-f047abdc] {
+.basic-input-style[data-v-42703c81] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.value[data-v-f047abdc] {
+.value[data-v-42703c81] {
   display: inline-block;
   margin: 0.05em;
 }
-.nowrap[data-v-f047abdc] {
+.nowrap[data-v-42703c81] {
   white-space: nowrap;
 }
 .basic-input-style[data-v-323b93e8] {
@@ -772,13 +775,13 @@ tr.inactive[data-v-323b93e8]:after {
 .table-wrapper[data-v-d2ab6b8a] table tr:last-of-type {
   border-bottom: none;
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(even) {
+.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) {
   background: color-mix(in lab, currentColor 1%, var(--bg1));
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(even) th.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(even) td.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(even) th.last,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(even) td.last {
+.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) th.first,
+.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) td.first,
+.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) th.last,
+.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) td.last {
   background: color-mix(in lab, currentColor 1%, var(--bg1));
 }
 .table-wrapper[data-v-d2ab6b8a] table tr:nth-child(odd) th.first,
@@ -851,7 +854,7 @@ tr.inactive[data-v-323b93e8]:after {
   text-align: left;
 }
 .native-select .ui-select-button > .ux-btn[data-v-4d64a70a]:after {
-  content: "\25bc";
+  content: "▼";
   position: absolute;
   right: 0;
   line-height: 1;
@@ -867,6 +870,8 @@ tr.inactive[data-v-323b93e8]:after {
 .native-select select[data-v-4d64a70a] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -877,12 +882,12 @@ tr.inactive[data-v-323b93e8]:after {
   right: 0;
   color: inherit;
 }
-.basic-input-style[data-v-6cb45aad] {
+.basic-input-style[data-v-ea61bb91] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.text[data-v-6cb45aad] {
+.text[data-v-ea61bb91] {
   opacity: 0.5;
   font-size: 0.8em;
 }
@@ -932,7 +937,7 @@ tr.inactive[data-v-323b93e8]:after {
 }
 .ux-info-box.ux-info-error[data-v-9669e7c0],
 .ux-info-box.ux-info-failed[data-v-9669e7c0] {
-  background: #ffdddd;
+  background: #fdd;
   color: #b14e4e;
   border-color: #b14e4e;
 }
@@ -1172,6 +1177,8 @@ tr.inactive[data-v-323b93e8]:after {
   padding: 0;
   text-align: center;
   line-height: 2em;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   font-size: inherit;
   vertical-align: top;
@@ -1215,6 +1222,8 @@ tr.inactive[data-v-323b93e8]:after {
   padding: 0 1.8em 1.8em;
   text-align: center;
   line-height: 2em;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   font-size: inherit;
   box-sizing: border-box;
@@ -1388,13 +1397,13 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   right: 0;
   height: 100%;
   width: 100%;
-  background: rgba(0, 0, 0, 0.03);
+  background: #00000008;
   box-shadow: inset 0 0.3em 0.3em #0000001a;
 }
 .ux-progress-bg[data-v-6e492d1a]:before {
   content: "";
   position: absolute;
-  top: 0px;
+  top: 0;
   left: 0;
   bottom: 0;
   right: 0;
@@ -1404,7 +1413,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
 .ux-progress-bg.active[data-v-6e492d1a]:after {
   content: "";
   position: absolute;
-  top: 0px;
+  top: 0;
   left: 0;
   bottom: 0;
   right: 0;
@@ -1536,7 +1545,7 @@ input[data-v-de5516aa] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
   font-family: inherit;
@@ -1579,6 +1588,8 @@ input[data-v-4bea995b] {
   padding: 0.5em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -1637,6 +1648,8 @@ input[data-v-4bea995b]:focus {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-79d2b7f9]:focus {
@@ -1656,6 +1669,8 @@ input[data-v-4bea995b]:focus {
 .native-select.single select[data-v-79d2b7f9] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -1677,6 +1692,8 @@ input[data-v-4bea995b]:focus {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-b7cde9e0]:focus {
@@ -1696,6 +1713,8 @@ input[data-v-4bea995b]:focus {
 .native-select.single select[data-v-b7cde9e0] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -1705,78 +1724,78 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-81a59941] {
+.basic-input-style[data-v-67938a60] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-81a59941] {
+.content-item[data-v-67938a60] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
 }
-.content-item .item-summary[data-v-81a59941] {
+.content-item .item-summary[data-v-67938a60] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-81a59941] {
+.content-item .item-title[data-v-67938a60] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-81a59941] {
+  .content-item[data-v-67938a60] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-81a59941] {
+  .content-item[data-v-67938a60] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-81a59941]:last-child {
+.content-item[data-v-67938a60]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-81a59941] {
+.content-item.deleted .text[data-v-67938a60] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-81a59941] {
+.content-item.inactive .text[data-v-67938a60] {
   opacity: 0.5;
 }
-.content-item .text[data-v-81a59941] {
+.content-item .text[data-v-67938a60] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-81a59941] {
+.content-item .icon-wrapper[data-v-67938a60] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-81a59941] {
+.content-item .icon-wrapper.complete[data-v-67938a60] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-81a59941] {
+.content-item .icon-wrapper.pending[data-v-67938a60] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-81a59941] {
+.content-item .image-wrapper[data-v-67938a60] {
   width: 2em;
   max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-81a59941] {
+.content-item .image-wrapper.profile[data-v-67938a60] {
   width: 2em;
   height: 2em;
   margin-right: 0.2em;
-  background: rgba(0, 0, 0, 0.1);
+  background: #0000001a;
   border-radius: 100%;
 }
-.content-item[data-v-81a59941]:hover {
+.content-item[data-v-67938a60]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-81a59941] {
+.content-item .pill[data-v-67938a60] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1788,46 +1807,46 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.content-item .pill.live[data-v-81a59941],
-.content-item .pill.success[data-v-81a59941],
-.content-item .pill.paid[data-v-81a59941],
-.content-item .pill.active[data-v-81a59941] {
+.content-item .pill.live[data-v-67938a60],
+.content-item .pill.success[data-v-67938a60],
+.content-item .pill.paid[data-v-67938a60],
+.content-item .pill.active[data-v-67938a60] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.live[data-v-81a59941],
-  .content-item .pill.success[data-v-81a59941],
-  .content-item .pill.paid[data-v-81a59941],
-  .content-item .pill.active[data-v-81a59941] {
+  .content-item .pill.live[data-v-67938a60],
+  .content-item .pill.success[data-v-67938a60],
+  .content-item .pill.paid[data-v-67938a60],
+  .content-item .pill.active[data-v-67938a60] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-81a59941],
-.content-item .pill.pending[data-v-81a59941],
-.content-item .pill.cancelling[data-v-81a59941] {
+.content-item .pill.sandbox[data-v-67938a60],
+.content-item .pill.pending[data-v-67938a60],
+.content-item .pill.cancelling[data-v-67938a60] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-81a59941],
-  .content-item .pill.pending[data-v-81a59941],
-  .content-item .pill.cancelling[data-v-81a59941] {
+  .content-item .pill.sandbox[data-v-67938a60],
+  .content-item .pill.pending[data-v-67938a60],
+  .content-item .pill.cancelling[data-v-67938a60] {
     background: none;
   }
 }
-.content-item .pill.error[data-v-81a59941],
-.content-item .pill.unpaid[data-v-81a59941],
-.content-item .pill.deleted[data-v-81a59941],
-.content-item .pill.failed[data-v-81a59941] {
-  background: #ffdddd;
+.content-item .pill.error[data-v-67938a60],
+.content-item .pill.unpaid[data-v-67938a60],
+.content-item .pill.deleted[data-v-67938a60],
+.content-item .pill.failed[data-v-67938a60] {
+  background: #fdd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.error[data-v-81a59941],
-  .content-item .pill.unpaid[data-v-81a59941],
-  .content-item .pill.deleted[data-v-81a59941],
-  .content-item .pill.failed[data-v-81a59941] {
+  .content-item .pill.error[data-v-67938a60],
+  .content-item .pill.unpaid[data-v-67938a60],
+  .content-item .pill.deleted[data-v-67938a60],
+  .content-item .pill.failed[data-v-67938a60] {
     background: none;
   }
 }
@@ -1848,6 +1867,8 @@ input[data-v-111b2532] {
   padding: 0.5em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -1918,6 +1939,8 @@ input[data-v-111b2532]:focus {
   padding: 0.5em 1em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   color: inherit;
@@ -1988,6 +2011,8 @@ input[data-v-ec70a3d8] {
   padding: 0.5em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -2047,6 +2072,8 @@ input[data-v-ec70a3d8]:focus {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-17c04ff2]:focus {
@@ -2066,6 +2093,8 @@ input[data-v-ec70a3d8]:focus {
 .native-select.single select[data-v-17c04ff2] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -2208,6 +2237,8 @@ input[data-v-ec70a3d8]:focus {
   width: 100%;
   font-size: 1em;
   border: 1px solid color-mix(in lab, currentColor 10%, transparent);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-6361df61]:focus {
@@ -2227,6 +2258,8 @@ input[data-v-ec70a3d8]:focus {
 .native-select.single select[data-v-6361df61] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -2250,6 +2283,8 @@ input[data-v-30b07ae5] {
   padding: 0.5em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -2313,6 +2348,8 @@ input[data-v-da2ca789] {
   box-sizing: border-box;
   font-size: inherit;
   color: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -2378,6 +2415,8 @@ textarea[data-v-18c18ffb] {
   padding: 0.5em;
   box-sizing: border-box;
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   min-height: 5em;
@@ -2478,7 +2517,7 @@ input[data-v-b6688859] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
   font-family: inherit;
@@ -2523,7 +2562,7 @@ input[data-v-b6688859]:focus {
   outline: 1px solid var(--primary);
 }
 .native-select:hover .date-section[data-v-7c5620c6] {
-  background: rgba(0, 0, 0, 0.07);
+  background: #00000012;
 }
 .spacer[data-v-7c5620c6] {
   flex: none;
@@ -2550,9 +2589,11 @@ textarea[data-v-a44b8610] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   min-height: 5em;
@@ -2644,7 +2685,7 @@ label[data-v-5b88df0c] {
   color: #fff;
 }
 .filter-rule .operator-cell.last .line[data-v-8ff51075] {
-  background: #ff0066;
+  background: #f06;
 }
 .filter-rule .line[data-v-8ff51075] {
   position: absolute;
@@ -2718,9 +2759,11 @@ textarea[data-v-63053873] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   min-height: 5em;
@@ -2753,6 +2796,8 @@ textarea[data-v-63053873]:focus {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-2ba39d6e]:focus {
@@ -2772,6 +2817,8 @@ textarea[data-v-63053873]:focus {
 .native-select.single select[data-v-2ba39d6e] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -2825,6 +2872,7 @@ textarea[data-v-63053873]:focus {
 }
 .ux-range-slider[data-v-3d40cdb4] {
   -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 1.3em;
@@ -2843,6 +2891,7 @@ textarea[data-v-63053873]:focus {
 .ux-range-slider[data-v-3d40cdb4]::-webkit-slider-thumb {
   transition: all 0.3s;
   -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 1.3em;
   height: 1.3em;
@@ -2857,6 +2906,7 @@ textarea[data-v-63053873]:focus {
 .ux-range-slider[data-v-3d40cdb4]::-moz-slider-thumb {
   transition: all 0.3s;
   -moz-appearance: none;
+  -webkit-appearance: none;
   appearance: none;
   width: 1.3em;
   height: 1.3em;
@@ -3062,7 +3112,7 @@ pre[data-v-46962828] {
   font-size: 0.8em;
   opacity: 0.3;
 }
-.field-row[data-v-46962828]:nth-child(even) {
+.field-row[data-v-46962828]:nth-child(2n) {
   background: color-mix(in lab, var(--bg2), transparent);
 }
 .field-row[data-v-46962828] .ux-field-title {
@@ -3083,9 +3133,11 @@ input[data-v-c8feb6c2] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -3144,10 +3196,10 @@ input[data-v-c8feb6c2]:focus {
 .tokens-header[data-v-fb400049] {
   cursor: pointer;
   padding: 0.5em 1em;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
 }
 .tokens-header[data-v-fb400049]:hover {
-  background: rgba(0, 0, 0, 0.1);
+  background: #0000001a;
 }
 .tokens-body[data-v-fb400049] {
   padding: 1em;
@@ -3220,7 +3272,7 @@ input[data-v-c8feb6c2]:focus {
   margin-right: 0.5em;
   text-align: center;
   border-radius: 100%;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
 }
 @media (prefers-color-scheme: light) {
   .content-item[data-v-a40a42bc] {
@@ -3382,6 +3434,8 @@ td[data-v-f5a130e8]:first-child {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-a9c5a05f]:focus {
@@ -3400,7 +3454,7 @@ td[data-v-f5a130e8]:first-child {
   text-align: left;
 }
 .native-select.single .ui-select-button > .ux-btn[data-v-a9c5a05f]:after {
-  content: "\25bc";
+  content: "▼";
   position: absolute;
   right: 0;
   line-height: 3.5em;
@@ -3415,6 +3469,8 @@ td[data-v-f5a130e8]:first-child {
 .native-select.single select[data-v-a9c5a05f] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -3436,6 +3492,8 @@ td[data-v-f5a130e8]:first-child {
   width: 100%;
   font-size: 1em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
 }
 .native-select.multiple select[data-v-8801d1a0]:focus {
@@ -3454,7 +3512,7 @@ td[data-v-f5a130e8]:first-child {
   text-align: left;
 }
 .native-select.single .ui-select-button > .ux-btn[data-v-8801d1a0]:after {
-  content: "\25bc";
+  content: "▼";
   position: absolute;
   right: 0;
   line-height: 3.5em;
@@ -3469,6 +3527,8 @@ td[data-v-f5a130e8]:first-child {
 .native-select.single select[data-v-8801d1a0] {
   cursor: pointer;
   opacity: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
@@ -3534,7 +3594,7 @@ td[data-v-f5a130e8]:first-child {
 }
 .ux-field .ux-field-message[data-v-b5298f2c] {
   border: red;
-  background: rgba(255, 0, 0, 0.1);
+  background: #ff00001a;
   color: red;
   font-size: 0.7em;
   padding: 0.3em 0.5em;
@@ -3736,9 +3796,11 @@ td[data-v-f5a130e8]:first-child {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.05);
+  background: #0000000d;
   border: 1px solid rgba(0, 0, 0, 0.1);
   font-size: inherit;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   appearance: none;
   line-height: 1;
   height: 2.5em;
@@ -3791,27 +3853,18 @@ td[data-v-f5a130e8]:first-child {
 .ux-render-flex .ux-field-render-flex[data-v-f2b5ec33] {
   flex: 1;
 }
-.basic-input-style[data-v-ea61bb91] {
-  color: inherit;
-  background: color-mix(in lab, currentColor 4%, transparent);
-  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
-}
-.text[data-v-ea61bb91] {
-  opacity: 0.5;
-  font-size: 0.8em;
-}
-.basic-input-style[data-v-f4424b95] {
+.basic-input-style[data-v-d788ce09] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-browser[data-v-f4424b95] {
+.content-browser[data-v-d788ce09] {
   position: relative;
 }
-.loading[data-v-f4424b95] {
+.loading[data-v-d788ce09] {
   opacity: 0.5;
 }
-.filter-column[data-v-f4424b95] {
+.filter-column[data-v-d788ce09] {
   padding: 1em;
   background: color-mix(in lab, #000 1%, transparent);
   border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3820,28 +3873,28 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   font-size: clamp(13px, 0.8em, 17px);
 }
-.large-icon[data-v-f4424b95] {
+.large-icon[data-v-d788ce09] {
   font-size: 6em;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.column-panel[data-v-f4424b95] {
+.column-panel[data-v-d788ce09] {
   background: #fff;
   font-size: 0.9em;
 }
-.empty[data-v-f4424b95] {
-  background: rgba(0, 0, 0, 0.05);
+.empty[data-v-d788ce09] {
+  background: #0000000d;
   text-align: center;
   white-space: pre-line;
   align-items: center;
   justify-content: center;
 }
-.empty .panel[data-v-f4424b95] {
+.empty .panel[data-v-d788ce09] {
   margin-top: 1em;
   max-width: 400px;
   background: var(--bg1, #fff);
 }
-.footer[data-v-f4424b95] {
+.footer[data-v-d788ce09] {
   padding: 0.5em 1em;
   border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
@@ -3870,7 +3923,8 @@ td[data-v-f5a130e8]:first-child {
 }
 .modal-wrapper .modal-blanket[data-v-90c28992] {
   position: absolute;
-  background: rgba(68, 68, 68, 0.35);
+  background: #44444459;
+  -webkit-backdrop-filter: blur(3px);
   backdrop-filter: blur(3px);
   left: 0;
   top: 0;
@@ -3887,12 +3941,12 @@ td[data-v-f5a130e8]:first-child {
 .modal-wrapper .wrapper[data-v-90c28992] {
   background: var(--bg1, #fff);
 }
-.basic-input-style[data-v-be545ba8] {
+.basic-input-style[data-v-ee67e4b1] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-be545ba8] {
+.wrapper[data-v-ee67e4b1] {
   border-radius: 0.5em;
   overflow: hidden;
   background: var(--bg1, #fff);
@@ -3900,11 +3954,11 @@ td[data-v-f5a130e8]:first-child {
   max-width: 400px;
   padding: 1.5em;
 }
-.wrapper h5[data-v-be545ba8] {
+.wrapper h5[data-v-ee67e4b1] {
   font-size: 1.2em;
   margin: 0 0 0.5em;
 }
-.wrapper .padder[data-v-be545ba8] {
+.wrapper .padder[data-v-ee67e4b1] {
   margin-bottom: 2em;
 }
 .basic-input-style[data-v-fefac323] {
@@ -3998,37 +4052,58 @@ h5[data-v-fefac323] {
 .wrapper .border-top[data-v-22036a05] {
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.basic-input-style[data-v-19a64345] {
+.basic-input-style[data-v-d714c47c] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-19a64345] {
+.wrapper[data-v-d714c47c] {
   min-width: 80vw;
   min-height: 80vh;
   border-radius: 0.5em;
   overflow: hidden;
 }
-.header[data-v-19a64345] {
+.header[data-v-d714c47c] {
   background: var(--bg1, #fff);
   padding: 1em;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
-.header h1[data-v-19a64345],
-.header h2[data-v-19a64345],
-.header h3[data-v-19a64345],
-.header h4[data-v-19a64345],
-.header h5[data-v-19a64345] {
+.header h1[data-v-d714c47c],
+.header h2[data-v-d714c47c],
+.header h3[data-v-d714c47c],
+.header h4[data-v-d714c47c],
+.header h5[data-v-d714c47c] {
+  margin: 0;
+}
+.date-range[data-v-d714c47c] {
+  padding: 1em;
+  background: var(--bg1, #fff);
+}
+.date-range .date-shortcuts[data-v-d714c47c] {
+  padding: 0;
   margin: 0;
+  list-style-type: none;
+  width: 200px;
+}
+.date-range .date-shortcuts li[data-v-d714c47c] {
+  display: block;
+}
+.date-range .date-shortcuts li a[data-v-d714c47c] {
+  cursor: pointer;
+  display: block;
+  padding: 0.5em 1em;
+}
+.date-range .date-shortcuts li a[data-v-d714c47c]:hover {
+  color: var(--primary);
 }
-.rolodex[data-v-19a64345] {
+.rolodex[data-v-d714c47c] {
   padding: 0.5em;
   white-space: nowrap;
   overflow-x: auto;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   text-align: center;
 }
-.rolodex .ux-btn[data-v-19a64345] {
+.rolodex .ux-btn[data-v-d714c47c] {
   font-weight: 700;
 }
 .basic-input-style[data-v-0952db70] {
@@ -4044,7 +4119,7 @@ h5[data-v-fefac323] {
   padding: 1em;
 }
 .scroll-body[data-v-0952db70] {
-  background: rgba(0, 0, 0, 0.1);
+  background: #0000001a;
 }
 .header[data-v-0952db70] {
   background: var(--bg1, #fff);