@dialpad/dialtone 8.10.7-version8.1 → 8.11.1-version8.1

package/lib/dist/css/dialtone.css

@@ -74,7 +74,8 @@ abbr[title] {
   /* 1 */
   text-decoration: underline;
   /* 2 */
-  text-decoration: underline dotted;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
   /* 2 */
 }
 /**
@@ -396,7 +397,8 @@ template {
 .d-avatar__image {
   width: var(--avatar-size-image);
   height: var(--avatar-size-image);
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border-radius: var(--dt-size-radius-pill);
 }
 .d-avatar__initials {
@@ -646,10 +648,12 @@ template {
 }
 .d-banner.d-banner--pinned {
   z-index: calc(var(--zi-navigation-fixed) + 1);
-  transform: translate3d(0, 0, 0);
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
 }
 .d-banner--transform {
-  transform: translate3d(0, var(--topbar-height), 0);
+  -webkit-transform: translate3d(0, var(--topbar-height), 0);
+          transform: translate3d(0, var(--topbar-height), 0);
 }
 .d-banner__dialog {
   position: relative;
@@ -801,7 +805,9 @@ template {
   transition-timing-function: var(--ttf-out-quint);
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
-  user-select: none;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   fill: currentColor;
 }
 .d-btn:hover:not([disabled]),
@@ -1088,7 +1094,8 @@ template {
   border: var(--dt-size-200) solid currentColor;
   border-left-color: transparent !important;
   border-radius: var(--dt-size-radius-circle);
-  animation: d-loading-circle 900ms infinite linear;
+  -webkit-animation: d-loading-circle 900ms infinite linear;
+          animation: d-loading-circle 900ms infinite linear;
   content: '';
 }
 .d-btn--disabled {
@@ -1296,7 +1303,9 @@ template {
   transition-timing-function: var(--ttf-out-quint);
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
-  user-select: none;
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   fill: currentColor;
   --button-padding-x: var(--button-padding-y-md);
   --button-padding-y: var(--button-padding-y-md);
@@ -1780,26 +1789,28 @@ legend .d-label {
   min-width: var(--dt-size-500);
   height: var(--dt-size-500);
   background-color: var(--validation-color-text);
-  mask-repeat: no-repeat;
   content: '';
 }
 .d-validation-message--warning {
   --validation-color-text: var(--dt-color-foreground-warning);
 }
 .d-validation-message--warning::before {
-  mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yNCAxLjE5N2ExLjUgMS41IDAgMCAxIDIuMDYuNTU2bDMuOTk4IDYuOTk3YTEuNTA0IDEuNTA0IDAgMCAxIDAgMS41IDEuNSAxLjUgMCAwIDEtMS4yOTcuNzVIMi4wMDJhMS41IDEuNSAwIDAgMS0xLjMxLTIuMjQ5VjguNzVMNC42OSAxLjc1M2ExLjUgMS41IDAgMCAxIC41NS0uNTU2Wm0uNzU1Ljc5NmEuNS41IDAgMCAwLS40MzUuMjU0di4wMDFMMS41NTcgOS4yNWEuNS41IDAgMCAwIC40MzguNzVIMTBhLjUuNSAwIDAgMCAuNDMyLS43NWwtLjAwMS0uMDAyLTQtNy0uMDAxLS4wMDFhLjUuNSAwIDAgMC0uNDM1LS4yNTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiA0YS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgNiA0Wm0tLjUgNC41QS41LjUgMCAwIDEgNiA4aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvc3ZnPg==');
+  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yNCAxLjE5N2ExLjUgMS41IDAgMCAxIDIuMDYuNTU2bDMuOTk4IDYuOTk3YTEuNTA0IDEuNTA0IDAgMCAxIDAgMS41IDEuNSAxLjUgMCAwIDEtMS4yOTcuNzVIMi4wMDJhMS41IDEuNSAwIDAgMS0xLjMxLTIuMjQ5VjguNzVMNC42OSAxLjc1M2ExLjUgMS41IDAgMCAxIC41NS0uNTU2Wm0uNzU1Ljc5NmEuNS41IDAgMCAwLS40MzUuMjU0di4wMDFMMS41NTcgOS4yNWEuNS41IDAgMCAwIC40MzguNzVIMTBhLjUuNSAwIDAgMCAuNDMyLS43NWwtLjAwMS0uMDAyLTQtNy0uMDAxLS4wMDFhLjUuNSAwIDAgMC0uNDM1LS4yNTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiA0YS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgNiA0Wm0tLjUgNC41QS41LjUgMCAwIDEgNiA4aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvc3ZnPg==') repeat;
+          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS4yNCAxLjE5N2ExLjUgMS41IDAgMCAxIDIuMDYuNTU2bDMuOTk4IDYuOTk3YTEuNTA0IDEuNTA0IDAgMCAxIDAgMS41IDEuNSAxLjUgMCAwIDEtMS4yOTcuNzVIMi4wMDJhMS41IDEuNSAwIDAgMS0xLjMxLTIuMjQ5VjguNzVMNC42OSAxLjc1M2ExLjUgMS41IDAgMCAxIC41NS0uNTU2Wm0uNzU1Ljc5NmEuNS41IDAgMCAwLS40MzUuMjU0di4wMDFMMS41NTcgOS4yNWEuNS41IDAgMCAwIC40MzguNzVIMTBhLjUuNSAwIDAgMCAuNDMyLS43NWwtLjAwMS0uMDAyLTQtNy0uMDAxLS4wMDFhLjUuNSAwIDAgMC0uNDM1LS4yNTRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4gPHBhdGggZmlsbD0iIzY4M2UwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiA0YS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgNiA0Wm0tLjUgNC41QS41LjUgMCAwIDEgNiA4aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvc3ZnPg==') repeat;
 }
 .d-validation-message--error {
   --validation-color-text: var(--dt-color-foreground-critical);
 }
 .d-validation-message--error::before {
-  mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iI2VjMGUwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxLjVhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTlaTS41IDZhNS41IDUuNSAwIDEgMSAxMSAwIDUuNSA1LjUgMCAwIDEtMTEgMFpNNiAzLjVhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDBWNGEuNS41IDAgMCAxIC41LS41Wk01LjUgOGEuNS41IDAgMCAxIC41LS41aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=');
+  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iI2VjMGUwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxLjVhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTlaTS41IDZhNS41IDUuNSAwIDEgMSAxMSAwIDUuNSA1LjUgMCAwIDEtMTEgMFpNNiAzLjVhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDBWNGEuNS41IDAgMCAxIC41LS41Wk01LjUgOGEuNS41IDAgMCAxIC41LS41aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
+          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iI2VjMGUwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAxLjVhNC41IDQuNSAwIDEgMCAwIDkgNC41IDQuNSAwIDAgMCAwLTlaTS41IDZhNS41IDUuNSAwIDEgMSAxMSAwIDUuNSA1LjUgMCAwIDEtMTEgMFpNNiAzLjVhLjUuNSAwIDAgMSAuNS41djJhLjUuNSAwIDAgMS0xIDBWNGEuNS41IDAgMCAxIC41LS41Wk01LjUgOGEuNS41IDAgMCAxIC41LS41aC4wMDVhLjUuNSAwIDAgMSAwIDFINmEuNS41IDAgMCAxLS41LS41WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
 }
 .d-validation-message--success {
   --validation-color-text: var(--dt-color-foreground-success);
 }
 .d-validation-message--success::before {
-  mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iIzAwNjcxZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjUgNmE1LjUgNS41IDAgMSAxIDExIDAgNS41IDUuNSAwIDAgMS0xMSAwWk02IDEuNWE0LjUgNC41IDAgMSAwIDAgOSA0LjUgNC41IDAgMCAwIDAtOVptMS44NTQgMy4xNDZhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDggMGwtMS0xYS41LjUgMCAxIDEgLjcwOC0uNzA4bC42NDYuNjQ3IDEuNjQ2LTEuNjQ3YS41LjUgMCAwIDEgLjcwOCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=');
+  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iIzAwNjcxZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjUgNmE1LjUgNS41IDAgMSAxIDExIDAgNS41IDUuNSAwIDAgMS0xMSAwWk02IDEuNWE0LjUgNC41IDAgMSAwIDAgOSA0LjUgNC41IDAgMCAwIDAtOVptMS44NTQgMy4xNDZhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDggMGwtMS0xYS41LjUgMCAxIDEgLjcwOC0uNzA4bC42NDYuNjQ3IDEuNjQ2LTEuNjQ3YS41LjUgMCAwIDEgLjcwOCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
+          mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj4gPHBhdGggZmlsbD0iIzAwNjcxZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjUgNmE1LjUgNS41IDAgMSAxIDExIDAgNS41IDUuNSAwIDAgMS0xMSAwWk02IDEuNWE0LjUgNC41IDAgMSAwIDAgOSA0LjUgNC41IDAgMCAwIDAtOVptMS44NTQgMy4xNDZhLjUuNSAwIDAgMSAwIC43MDhsLTIgMmEuNS41IDAgMCAxLS43MDggMGwtMS0xYS41LjUgMCAxIDEgLjcwOC0uNzA4bC42NDYuNjQ3IDEuNjQ2LTEuNjQ3YS41LjUgMCAwIDEgLjcwOCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+IDwvZz4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iYSI+IDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=') no-repeat;
 }
 .d-input,
 .d-input--md,
@@ -1837,9 +1848,19 @@ legend .d-label {
   transition-timing-function: var(--ttf-in-out);
   transition-duration: var(--td100);
   transition-property: box-shadow, background-color;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   caret-color: var(--input-color-text);
 }
+.d-input::-webkit-input-placeholder, .d-input--md::-webkit-input-placeholder, .d-textarea::-webkit-input-placeholder, .d-textarea--md::-webkit-input-placeholder, .d-input__wrapper--md::-webkit-input-placeholder, .d-input__wrapper::-webkit-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-input:-ms-input-placeholder, .d-input--md:-ms-input-placeholder, .d-textarea:-ms-input-placeholder, .d-textarea--md:-ms-input-placeholder, .d-input__wrapper--md:-ms-input-placeholder, .d-input__wrapper:-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-input::-ms-input-placeholder, .d-input--md::-ms-input-placeholder, .d-textarea::-ms-input-placeholder, .d-textarea--md::-ms-input-placeholder, .d-input__wrapper--md::-ms-input-placeholder, .d-input__wrapper::-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
 .d-input::placeholder,
 .d-input--md::placeholder,
 .d-textarea::placeholder,
@@ -1914,6 +1935,15 @@ legend .d-label {
 .d-input__wrapper[read-only]:focus-within {
   box-shadow: none !important;
 }
+.d-input[disabled]::-webkit-input-placeholder, .d-input--md[disabled]::-webkit-input-placeholder, .d-textarea[disabled]::-webkit-input-placeholder, .d-textarea--md[disabled]::-webkit-input-placeholder, .d-input__wrapper--md[disabled]::-webkit-input-placeholder, .d-input__wrapper[disabled]::-webkit-input-placeholder, .d-input[read-only]::-webkit-input-placeholder, .d-input--md[read-only]::-webkit-input-placeholder, .d-textarea[read-only]::-webkit-input-placeholder, .d-textarea--md[read-only]::-webkit-input-placeholder, .d-input__wrapper--md[read-only]::-webkit-input-placeholder, .d-input__wrapper[read-only]::-webkit-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-input[disabled]:-ms-input-placeholder, .d-input--md[disabled]:-ms-input-placeholder, .d-textarea[disabled]:-ms-input-placeholder, .d-textarea--md[disabled]:-ms-input-placeholder, .d-input__wrapper--md[disabled]:-ms-input-placeholder, .d-input__wrapper[disabled]:-ms-input-placeholder, .d-input[read-only]:-ms-input-placeholder, .d-input--md[read-only]:-ms-input-placeholder, .d-textarea[read-only]:-ms-input-placeholder, .d-textarea--md[read-only]:-ms-input-placeholder, .d-input__wrapper--md[read-only]:-ms-input-placeholder, .d-input__wrapper[read-only]:-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-input[disabled]::-ms-input-placeholder, .d-input--md[disabled]::-ms-input-placeholder, .d-textarea[disabled]::-ms-input-placeholder, .d-textarea--md[disabled]::-ms-input-placeholder, .d-input__wrapper--md[disabled]::-ms-input-placeholder, .d-input__wrapper[disabled]::-ms-input-placeholder, .d-input[read-only]::-ms-input-placeholder, .d-input--md[read-only]::-ms-input-placeholder, .d-textarea[read-only]::-ms-input-placeholder, .d-textarea--md[read-only]::-ms-input-placeholder, .d-input__wrapper--md[read-only]::-ms-input-placeholder, .d-input__wrapper[read-only]::-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
 .d-input[disabled]::placeholder,
 .d-input--md[disabled]::placeholder,
 .d-textarea[disabled]::placeholder,
@@ -2142,14 +2172,14 @@ legend .d-label {
   padding: 0;
   color: var(--link-color-default);
   font: inherit;
-  text-decoration: var(--link-text-decoration);
+  -webkit-text-decoration: var(--link-text-decoration);
+          text-decoration: var(--link-text-decoration);
   background-color: transparent;
   border: 0;
   transition-timing-function: var(--ttf-out-quint);
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
   -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   fill: currentColor;
 }
@@ -2269,7 +2299,8 @@ legend .d-label {
   justify-content: center;
   padding: var(--dt-space-600);
   background-color: var(--modal-backdrop-color-background);
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   visibility: hidden;
   opacity: 0;
   will-change: visibility, z-index, opacity;
@@ -2304,8 +2335,10 @@ legend .d-label {
   border: var(--dt-size-100) solid var(--modal-dialog-color-border);
   border-radius: var(--dt-size-500);
   box-shadow: var(--modal-dialog-shadow);
-  transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
-  backface-visibility: hidden;
+  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
+          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   visibility: hidden;
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
@@ -2315,7 +2348,8 @@ legend .d-label {
 .d-modal--transparent[aria-hidden='false'],
 .d-modal--transparent[aria-hidden='false'] .d-modal__dialog {
   z-index: var(--zi-modal);
-  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
+  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
+          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   visibility: visible;
   opacity: 1;
 }
@@ -2396,7 +2430,8 @@ legend .d-label {
   --modal-dialog-padding: 0;
   padding: 0;
   overflow: hidden scroll;
-  transform: unset !important;
+  -webkit-transform: unset !important;
+          transform: unset !important;
 }
 .d-modal--full .d-modal__dialog {
   display: flex;
@@ -2404,7 +2439,8 @@ legend .d-label {
   max-width: unset;
   height: 100%;
   border-radius: 0;
-  transform: unset !important;
+  -webkit-transform: unset !important;
+          transform: unset !important;
 }
 .d-modal--full .d-modal__header {
   padding: var(--dt-space-600) var(--dt-space-600) 0;
@@ -2435,20 +2471,25 @@ legend .d-label {
 }
 .d-modal--animate {
   z-index: var(--zi-hide) !important;
-  backface-visibility: hidden !important;
+  -webkit-backface-visibility: hidden !important;
+          backface-visibility: hidden !important;
   visibility: hidden !important;
   opacity: 0 !important;
 }
 .d-modal__dialog--animate {
   z-index: var(--zi-hide) !important;
-  backface-visibility: hidden !important;
+  -webkit-backface-visibility: hidden !important;
+          backface-visibility: hidden !important;
   visibility: hidden !important;
   opacity: 0 !important;
-  transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
+  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
+          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
 }
 .d-modal--animate-in,
 .d-modal__dialog--animate-in {
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, -webkit-transform 100ms var(--ttf-in-out) 10ms;
   transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
 }
 @media (prefers-reduced-motion) {
   .d-modal--animate-in,
@@ -2457,7 +2498,9 @@ legend .d-label {
   }
 }
 .d-modal--animate-out {
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
   transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
 }
 .d-modal--animate-out.d-modal--full {
   transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
@@ -2468,7 +2511,9 @@ legend .d-label {
   }
 }
 .d-modal__dialog--animate-out {
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 0s;
   transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s;
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s, -webkit-transform 100ms var(--ttf-in-out) 0s;
 }
 .d-modal__dialog--animate-out.d-modal--full {
   transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
@@ -2485,7 +2530,8 @@ legend .d-label {
   display: flex;
   flex-direction: column;
   gap: var(--dt-space-500);
-  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
 }
 .d-toast {
   --toast-color-background: var(--dt-color-surface-secondary);
@@ -2732,6 +2778,7 @@ legend .d-label {
   --popover-color-border: var(--dt-color-border-subtle);
   --popover-shadow: var(--dt-shadow-card);
   display: grid;
+  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
   grid-template-rows: min-content 1fr min-content;
   overflow: auto;
   background-color: var(--popover-color-background);
@@ -2789,7 +2836,7 @@ legend .d-label {
   transition-duration: var(--td200);
   transition-property: box-shadow;
 }
-@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
+@supports ((-webkit-appearance: none) or (appearance: none)) {
   .d-checkbox,
   .d-radio {
     width: var(--dt-size-500);
@@ -2802,7 +2849,6 @@ legend .d-label {
     box-shadow: none;
     cursor: pointer;
     -webkit-appearance: none;
-    -moz-appearance: none;
     appearance: none;
   }
   .d-checkbox::-ms-check,
@@ -2868,7 +2914,7 @@ legend .d-label {
   line-height: var(--dt-font-line-height-400);
   cursor: pointer;
 }
-@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
+@supports ((-webkit-appearance: none) or (appearance: none)) {
   .d-checkbox {
     background-repeat: no-repeat;
     background-position: center center;
@@ -2917,7 +2963,7 @@ legend .d-label {
     --check-radio-color-background: var(--check-radio-color-background-disabled);
   }
 }
-@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
+@supports ((-webkit-appearance: none) or (appearance: none)) {
   .d-radio {
     border-radius: var(--dt-size-radius-circle);
   }
@@ -2947,6 +2993,8 @@ legend .d-label {
   --select-color-border: var(--dt-inputs-color-border-default);
   --select-notch-position-right: var(--dt-space-400);
   position: relative;
+  width: -webkit-fill-available;
+  width: -moz-available;
   width: stretch;
 }
 .d-select::after {
@@ -2960,7 +3008,8 @@ legend .d-label {
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBmaWxsPSIjNTU1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjE0NiA3LjE0NmEuNS41IDAgMCAxIC43MDggMEw2IDkuMjkzbDIuMTQ2LTIuMTQ3YS41LjUgMCAxIDEgLjcwOC43MDhsLTIuNSAyLjVhLjUuNSAwIDAgMS0uNzA4IDBsLTIuNS0yLjVhLjUuNSAwIDAgMSAwLS43MDhabTIuNS01LjVhLjUuNSAwIDAgMSAuNzA4IDBsMi41IDIuNWEuNS41IDAgMSAxLS43MDguNzA4TDYgMi43MDcgMy44NTQgNC44NTRhLjUuNSAwIDEgMS0uNzA4LS43MDhsMi41LTIuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
   background-repeat: no-repeat;
   background-size: 100%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
   content: '';
   pointer-events: none;
 }
@@ -2997,10 +3046,20 @@ legend .d-label {
   transition-timing-function: var(--ttf-in-out);
   transition-duration: var(--td100);
   transition-property: box-shadow, background-color;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   caret-color: var(--input-color-text);
   padding-right: var(--select-notch-padding-right);
 }
+.d-select__input::-webkit-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-select__input:-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-select__input::-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
 .d-select__input::placeholder {
   color: var(--dt-inputs-color-foreground-placeholder);
 }
@@ -3025,6 +3084,15 @@ legend .d-label {
 .d-select__input[read-only]:focus-within {
   box-shadow: none !important;
 }
+.d-select__input[disabled]::-webkit-input-placeholder, .d-select__input[read-only]::-webkit-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-select__input[disabled]:-ms-input-placeholder, .d-select__input[read-only]:-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
+.d-select__input[disabled]::-ms-input-placeholder, .d-select__input[read-only]::-ms-input-placeholder {
+  color: var(--dt-inputs-color-foreground-placeholder);
+}
 .d-select__input[disabled]::placeholder,
 .d-select__input[read-only]::placeholder {
   color: var(--dt-inputs-color-foreground-placeholder);
@@ -3131,13 +3199,30 @@ legend .d-label {
   display: flex;
   width: 100%;
   background: var(--placeholder-from-color);
-  animation-duration: 1000ms;
+  -webkit-animation-duration: 1000ms;
+          animation-duration: 1000ms;
   fill: var(--placeholder-from-color);
   stroke: none;
 }
 .skeleton-placeholder--animate {
-  animation-name: skeleton-placeholder-throb;
-  animation-iteration-count: infinite;
+  -webkit-animation-name: skeleton-placeholder-throb;
+          animation-name: skeleton-placeholder-throb;
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+}
+@-webkit-keyframes skeleton-placeholder-throb {
+  20% {
+    background: var(--placeholder-from-color);
+    fill: var(--placeholder-from-color);
+  }
+  50% {
+    background: var(--placeholder-to-color);
+    fill: var(--placeholder-to-color);
+  }
+  80% {
+    background: var(--placeholder-from-color);
+    fill: var(--placeholder-from-color);
+  }
 }
 @keyframes skeleton-placeholder-throb {
   20% {
@@ -3235,7 +3320,7 @@ legend .d-label {
   left: 0;
   z-index: var(--zi-base1);
   height: var(--dt-size-100);
-  background-color: var(--dt-color-border-moderate);
+  background-color: var(--dt-color-border-default);
   content: '';
 }
 .d-tablist--sm {
@@ -3411,15 +3496,20 @@ legend .d-label {
 .d-tooltip--hover .d-tooltip {
   visibility: hidden;
   opacity: 0;
+  transition: visibility 0s 200ms, opacity 200ms var(--ttf-in-out) 0s, -webkit-transform 200ms var(--ttf-in-out) 0s;
   transition: visibility 0s 200ms, transform 200ms var(--ttf-in-out) 0s, opacity 200ms var(--ttf-in-out) 0s;
+  transition: visibility 0s 200ms, transform 200ms var(--ttf-in-out) 0s, opacity 200ms var(--ttf-in-out) 0s, -webkit-transform 200ms var(--ttf-in-out) 0s;
 }
 .d-tooltip--show,
 .d-tooltip--hover:hover .d-tooltip,
 .d-tooltip--hover:focus-visible .d-tooltip {
-  transform: translate(0, 0);
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0);
   visibility: visible;
   opacity: 1;
+  transition: visibility 0s 0s, opacity 200ms var(--ttf-in-out) 10ms, -webkit-transform 200ms var(--ttf-in-out) 10ms;
   transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms;
+  transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms, -webkit-transform 200ms var(--ttf-in-out) 10ms;
 }
 .d-tooltip__arrow-tippy--bottom-start,
 .d-tooltip__arrow-tippy--bottom,
@@ -3428,7 +3518,8 @@ legend .d-label {
 .d-tooltip__arrow--top-center,
 .d-tooltip__arrow--top-right {
   top: calc(100% + var(--dt-space-450));
-  transform: translateY(var(--dt-space-500));
+  -webkit-transform: translateY(var(--dt-space-500));
+          transform: translateY(var(--dt-space-500));
 }
 .d-tooltip__arrow-tippy--bottom-start::after,
 .d-tooltip__arrow-tippy--bottom::after,
@@ -3447,7 +3538,8 @@ legend .d-label {
 .d-tooltip__arrow--bottom-center,
 .d-tooltip__arrow--bottom-right {
   bottom: calc(100% + var(--dt-space-450));
-  transform: translateY(var(--dt-space-500-negative));
+  -webkit-transform: translateY(var(--dt-space-500-negative));
+          transform: translateY(var(--dt-space-500-negative));
 }
 .d-tooltip__arrow-tippy--top-start::after,
 .d-tooltip__arrow-tippy--top::after,
@@ -3497,7 +3589,8 @@ legend .d-label {
 .d-tooltip__arrow--right-center,
 .d-tooltip__arrow--right-bottom {
   right: calc(100% + var(--dt-space-450));
-  transform: translateX(var(--dt-space-500-negative));
+  -webkit-transform: translateX(var(--dt-space-500-negative));
+          transform: translateX(var(--dt-space-500-negative));
 }
 .d-tooltip__arrow-tippy--left-start::after,
 .d-tooltip__arrow-tippy--left::after,
@@ -3516,7 +3609,8 @@ legend .d-label {
 .d-tooltip__arrow--left-center,
 .d-tooltip__arrow--left-bottom {
   left: calc(100% + var(--dt-space-450));
-  transform: translateX(var(--dt-space-500));
+  -webkit-transform: translateX(var(--dt-space-500));
+          transform: translateX(var(--dt-space-500));
 }
 .d-tooltip__arrow-tippy--right-start::after,
 .d-tooltip__arrow-tippy--right::after,
@@ -3649,7 +3743,8 @@ legend .d-label {
 }
 .d-toggle--indeterminate::after {
   left: 50%;
-  transform: translate(-50%, 0);
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
 }
 .d-toggle:focus-visible {
   outline: none;
@@ -4682,98 +4777,229 @@ legend .d-label {
 .d-bc-accent.d-bc-accent, .h\:d-bc-accent.h\:d-bc-accent:hover, .f\:d-bc-accent.f\:d-bc-accent:focus, .f\:d-bc-accent.f\:d-bc-accent:focus-within, .fv\:d-bc-accent.fv\:d-bc-accent:focus-visible {
   border-color: var(--dt-color-border-accent) !important;
 }
+@-webkit-keyframes d-loading-circle {
+  from {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
 @keyframes d-loading-circle {
   from {
-    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
   }
   to {
-    transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes d-loading-bars__short {
+  0% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500-negative));
+            transform: translateY(var(--dt-size-500-negative));
+    opacity: 0;
+  }
+  5% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
+    opacity: 0.5;
+  }
+  10% {
+    min-height: 1rem;
+    -webkit-transform: translateY(var(--dt-size-200-negative));
+            transform: translateY(var(--dt-size-200-negative));
+    opacity: 1;
+  }
+  15% {
+    -webkit-transform: translateY(var(--dt-size-100));
+            transform: translateY(var(--dt-size-100));
+    opacity: 1;
+  }
+  20%,
+  70% {
+    min-height: 1rem;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+  75% {
+    min-height: 0.75rem;
+    -webkit-transform: translateY(1rem);
+            transform: translateY(1rem);
+    opacity: 1;
+  }
+  80% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-300-negative));
+            transform: translateY(var(--dt-size-300-negative));
+    opacity: 0.5;
+  }
+  85%,
+  100% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
+    opacity: 0;
   }
 }
 @keyframes d-loading-bars__short {
   0% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500-negative));
+    -webkit-transform: translateY(var(--dt-size-500-negative));
+            transform: translateY(var(--dt-size-500-negative));
     opacity: 0;
   }
   5% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500));
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
     opacity: 0.5;
   }
   10% {
     min-height: 1rem;
-    transform: translateY(var(--dt-size-200-negative));
+    -webkit-transform: translateY(var(--dt-size-200-negative));
+            transform: translateY(var(--dt-size-200-negative));
     opacity: 1;
   }
   15% {
-    transform: translateY(var(--dt-size-100));
+    -webkit-transform: translateY(var(--dt-size-100));
+            transform: translateY(var(--dt-size-100));
     opacity: 1;
   }
   20%,
   70% {
     min-height: 1rem;
-    transform: translateY(0);
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
     opacity: 1;
   }
   75% {
     min-height: 0.75rem;
-    transform: translateY(1rem);
+    -webkit-transform: translateY(1rem);
+            transform: translateY(1rem);
     opacity: 1;
   }
   80% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-300-negative));
+    -webkit-transform: translateY(var(--dt-size-300-negative));
+            transform: translateY(var(--dt-size-300-negative));
+    opacity: 0.5;
+  }
+  85%,
+  100% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
+    opacity: 0;
+  }
+}
+@-webkit-keyframes d-loading-bars__tall {
+  0% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500-negative));
+            transform: translateY(var(--dt-size-500-negative));
+    opacity: 0;
+  }
+  5% {
+    min-height: var(--dt-size-300);
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
     opacity: 0.5;
   }
+  10% {
+    min-height: 1rem;
+    -webkit-transform: translateY(var(--dt-size-200-negative));
+            transform: translateY(var(--dt-size-200-negative));
+    opacity: 1;
+  }
+  15% {
+    min-height: 2.2rem;
+    -webkit-transform: translateY(var(--dt-size-100));
+            transform: translateY(var(--dt-size-100));
+    opacity: 1;
+  }
+  20%,
+  70% {
+    min-height: 2.2rem;
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+  75% {
+    min-height: var(--dt-size-500);
+    -webkit-transform: translateY(1rem);
+            transform: translateY(1rem);
+    opacity: 1;
+  }
+  80% {
+    min-height: 1rem;
+    -webkit-transform: translateY(var(--dt-size-300-negative));
+            transform: translateY(var(--dt-size-300-negative));
+    opacity: 1;
+  }
   85%,
   100% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500));
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
     opacity: 0;
   }
 }
 @keyframes d-loading-bars__tall {
   0% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500-negative));
+    -webkit-transform: translateY(var(--dt-size-500-negative));
+            transform: translateY(var(--dt-size-500-negative));
     opacity: 0;
   }
   5% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500));
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
     opacity: 0.5;
   }
   10% {
     min-height: 1rem;
-    transform: translateY(var(--dt-size-200-negative));
+    -webkit-transform: translateY(var(--dt-size-200-negative));
+            transform: translateY(var(--dt-size-200-negative));
     opacity: 1;
   }
   15% {
     min-height: 2.2rem;
-    transform: translateY(var(--dt-size-100));
+    -webkit-transform: translateY(var(--dt-size-100));
+            transform: translateY(var(--dt-size-100));
     opacity: 1;
   }
   20%,
   70% {
     min-height: 2.2rem;
-    transform: translateY(0);
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
     opacity: 1;
   }
   75% {
     min-height: var(--dt-size-500);
-    transform: translateY(1rem);
+    -webkit-transform: translateY(1rem);
+            transform: translateY(1rem);
     opacity: 1;
   }
   80% {
     min-height: 1rem;
-    transform: translateY(var(--dt-size-300-negative));
+    -webkit-transform: translateY(var(--dt-size-300-negative));
+            transform: translateY(var(--dt-size-300-negative));
     opacity: 1;
   }
   85%,
   100% {
     min-height: var(--dt-size-300);
-    transform: translateY(var(--dt-size-500));
+    -webkit-transform: translateY(var(--dt-size-500));
+            transform: translateY(var(--dt-size-500));
     opacity: 0;
   }
 }
@@ -4889,7 +5115,9 @@ legend .d-label {
   transition-property: background-color !important;
 }
 .d-tp-transform {
+  transition-property: -webkit-transform !important;
   transition-property: transform !important;
+  transition-property: transform, -webkit-transform !important;
 }
 .d-tp-colors {
   transition-property: background-color, border-color, color, fill, stroke !important;
@@ -5362,6 +5590,7 @@ legend .d-label {
   grid-template-areas: 'header' 'content';
   grid-template-rows: [header-start] var(--header-height) [header-end content-start] var(--content-height) [content-end];
   grid-auto-rows: 1fr;
+  grid-auto-columns: minmax(-webkit-min-content, auto);
   grid-auto-columns: minmax(min-content, auto);
 }
 .d-ga-sidebar {
@@ -5695,9 +5924,11 @@ legend .d-label {
   cursor: not-allowed !important;
 }
 .d-c-grab {
+  cursor: -webkit-grab !important;
   cursor: grab !important;
 }
 .d-c-grabbing {
+  cursor: -webkit-grabbing !important;
   cursor: grabbing !important;
 }
 .d-c-all-scroll {
@@ -5710,9 +5941,11 @@ legend .d-label {
   cursor: row-resize !important;
 }
 .d-c-zoom-in {
+  cursor: -webkit-zoom-in !important;
   cursor: zoom-in !important;
 }
 .d-c-zoom-out {
+  cursor: -webkit-zoom-out !important;
   cursor: zoom-out !important;
 }
 .d-c-auto {
@@ -5743,10 +5976,14 @@ legend .d-label {
   pointer-events: none !important;
 }
 .d-us-auto {
-  user-select: auto !important;
+  -webkit-user-select: auto !important;
+      -ms-user-select: auto !important;
+          user-select: auto !important;
 }
 .d-us-none {
-  user-select: none !important;
+  -webkit-user-select: none !important;
+      -ms-user-select: none !important;
+          user-select: none !important;
 }
 .d-r-both {
   resize: both !important;
@@ -5944,7 +6181,8 @@ legend .d-label {
   word-wrap: normal;
   border: none;
   clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
+  -webkit-clip-path: inset(50%);
+          clip-path: inset(50%);
 }
 .d-zi-hide {
   z-index: var(--zi-hide) !important;
@@ -6862,7 +7100,8 @@ ul {
   text-decoration: underline !important;
 }
 .d-td-dotted {
-  text-decoration: underline dotted !important;
+  -webkit-text-decoration: underline dotted !important;
+          text-decoration: underline dotted !important;
 }
 .d-td-line-through {
   text-decoration: line-through !important;
@@ -7135,7 +7374,7 @@ body {
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 16:30:53 GMT
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
  */
 
 .dialtone-theme-light {
@@ -7222,13 +7461,13 @@ body {
   --dt-color-link-critical: #ec0e0e;
   --dt-color-link-success: #1aa340;
   --dt-color-link-warning: #815008;
-  --dt-color-link-muted: rgba(34, 34, 34, 0.5);
+  --dt-color-link-muted: #3a3a3a;
   --dt-color-link-disabled: #808080;
   --dt-color-link-primary-inverted: #ab7eff;
   --dt-color-link-critical-inverted: #ff8585;
   --dt-color-link-success-inverted: #b0ffa3;
   --dt-color-link-warning-inverted: #fff4cc;
-  --dt-color-link-muted-inverted: rgba(233, 233, 233, 0.6);
+  --dt-color-link-muted-inverted: #e9e9e9;
   --dt-color-link-disabled-inverted: #808080;
   --dt-color-link-primary-hover: #3a1d95;
   --dt-color-link-critical-hover: #b70b0b;
@@ -7703,16 +7942,17 @@ body {
   --dt-theme-topbar-profile-color-background-inverted: #000000bf;
   --dt-theme-topbar-profile-color-background-hover: #0000001a;
   --dt-theme-topbar-profile-color-background-active: #00000024;
-  --dt-theme-sidebar-color-foreground: #000000;
+  --dt-theme-sidebar-color-foreground: #3A3A3A;
+  --dt-theme-sidebar-color-foreground-unread: #000000;
   --dt-theme-sidebar-color-background: #F9F9F9;
-  --dt-theme-sidebar-icon-color-foreground: #3b3b3b;
-  --dt-theme-sidebar-status-color-foreground: #545454;
+  --dt-theme-sidebar-icon-color-foreground: #3A3A3A;
+  --dt-theme-sidebar-status-color-foreground: #555555;
   --dt-theme-sidebar-row-color-background: #0000;
   --dt-theme-sidebar-row-color-background-hover: #0000001f;
   --dt-theme-sidebar-row-color-background-active: #00000029;
   --dt-theme-sidebar-selected-row-color-foreground: #000000;
   --dt-theme-sidebar-selected-row-color-background: #0000001a;
-  --dt-theme-sidebar-section-color-foreground: #545454;
+  --dt-theme-sidebar-section-color-foreground: #555555;
   --dt-theme-presence-color-background-available: #1AA340;
   --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
   --dt-theme-presence-color-background-busy: #F6AB3C;
@@ -7921,7 +8161,7 @@ body {
 
 /**
  * Do not edit directly
- * Generated on Mon, 24 Jul 2023 16:30:53 GMT
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
  */
 
 .dialtone-theme-dark {
@@ -7953,14 +8193,14 @@ body {
   --dt-checkbox-size-width: 1.6rem;
   --dt-checkbox-size-height: 1.6rem;
   --dt-checkbox-size-radius: 0.4rem;
-  --dt-badge-color-background-default: #f9f9f926;
+  --dt-badge-color-background-default: #e6e6e626;
   --dt-badge-color-background-info: #01326D;
   --dt-badge-color-background-success: #124620;
   --dt-badge-color-background-warning: #815008;
   --dt-badge-color-background-critical: #5B0505;
   --dt-badge-color-background-bulletin: #7C52FF;
   --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
-  --dt-badge-color-foreground-default: #F9F9F9;
+  --dt-badge-color-foreground-default: #E6E6E6;
   --dt-badge-color-foreground-bulletin: #ffffff;
   --dt-avatar-color-foreground: #000000;
   --dt-avatar-color-background-100: #1aa340;
@@ -7982,10 +8222,10 @@ body {
   --dt-avatar-color-background-1700: #ffd646;
   --dt-avatar-color-background-1800: #f1dab7;
   --dt-avatar-color-background-000: #e0e0e0;
-  --dt-color-foreground-primary: #f9f9f9;
-  --dt-color-foreground-secondary: #d2d2d2;
+  --dt-color-foreground-primary: #e6e6e6;
+  --dt-color-foreground-secondary: #c2c2c2;
   --dt-color-foreground-tertiary: #aaaaaa;
-  --dt-color-foreground-muted: rgba(233, 233, 233, 0.6);
+  --dt-color-foreground-muted: rgba(212, 212, 212, 0.6);
   --dt-color-foreground-placeholder: #aaaaaa;
   --dt-color-foreground-disabled: #aaaaaa;
   --dt-color-foreground-critical: #ff8585;
@@ -8008,13 +8248,11 @@ body {
   --dt-color-link-critical: #ff8585;
   --dt-color-link-success: #b0ffa3;
   --dt-color-link-warning: #ffdb80;
-  --dt-color-link-muted: rgba(233, 233, 233, 0.6);
   --dt-color-link-disabled: #aaaaaa;
   --dt-color-link-primary-hover: #dac7ff;
   --dt-color-link-critical-hover: #ffe5e6;
   --dt-color-link-success-hover: #edf9eb;
   --dt-color-link-warning-hover: #fff4cc;
-  --dt-color-link-muted-hover: #f9f9f9;
   --dt-color-link-disabled-hover: #aaaaaa;
   --dt-color-link-primary-inverted: #7c52ff;
   --dt-color-link-primary-inverted-hover: #3a1d95;
@@ -8024,16 +8262,18 @@ body {
   --dt-color-link-success-inverted-hover: #124620;
   --dt-color-link-warning-inverted: #815008;
   --dt-color-link-warning-inverted-hover: #262626;
-  --dt-color-link-muted-inverted: rgba(38, 38, 38, 0.6);
-  --dt-color-link-muted-inverted-hover: #000000;
   --dt-color-link-disabled-inverted: #808080;
   --dt-color-link-disabled-inverted-hover: #808080;
+  --dt-color-link-muted: #c2c2c2;
+  --dt-color-link-muted-inverted: #3a3a3a;
+  --dt-color-link-muted-hover: #e6e6e6;
+  --dt-color-link-muted-inverted-hover: #000000;
   --dt-color-surface-primary: #1f1f1f;
   --dt-color-surface-secondary: #262626;
   --dt-color-surface-moderate: #3a3a3a;
   --dt-color-surface-bold: #555555;
   --dt-color-surface-strong: #aaaaaa;
-  --dt-color-surface-contrast: #f9f9f9;
+  --dt-color-surface-contrast: #e6e6e6;
   --dt-color-surface-critical: #5b0505;
   --dt-color-surface-critical-subtle: #2d0202;
   --dt-color-surface-warning: #815008;
@@ -8042,11 +8282,11 @@ body {
   --dt-color-surface-success-subtle: #092310;
   --dt-color-surface-info: #01326d;
   --dt-color-surface-info-subtle: #011e41;
-  --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.06);
-  --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.15);
-  --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.27);
-  --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.65);
-  --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.96);
+  --dt-color-surface-secondary-opaque: rgba(230, 230, 230, 0.06);
+  --dt-color-surface-moderate-opaque: rgba(230, 230, 230, 0.15);
+  --dt-color-surface-bold-opaque: rgba(230, 230, 230, 0.27);
+  --dt-color-surface-strong-opaque: rgba(230, 230, 230, 0.65);
+  --dt-color-surface-contrast-opaque: rgba(230, 230, 230, 0.96);
   --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
   --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
   --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
@@ -8101,9 +8341,9 @@ body {
   --dt-color-black-400: #555555;
   --dt-color-black-500: #808080;
   --dt-color-black-600: #aaaaaa;
-  --dt-color-black-700: #d2d2d2;
-  --dt-color-black-800: #e9e9e9;
-  --dt-color-black-900: #f9f9f9;
+  --dt-color-black-700: #c2c2c2;
+  --dt-color-black-800: #d4d4d4;
+  --dt-color-black-900: #e6e6e6;
   --dt-color-purple-100: #10022c;
   --dt-color-purple-200: #3a1d95;
   --dt-color-purple-300: #7c52ff;
@@ -8146,7 +8386,7 @@ body {
   --dt-color-gradient-magenta-purple: #000000;
   --dt-color-brand-purple: #7c52ff;
   --dt-color-brand-magenta: #f9008e;
-  --dt-inputs-color-foreground-default: #F9F9F9;
+  --dt-inputs-color-foreground-default: #E6E6E6;
   --dt-inputs-color-foreground-placeholder: #AAAAAA;
   --dt-inputs-color-foreground-disabled: #AAAAAA;
   --dt-inputs-color-border-focus: #51A0FE;
@@ -8155,9 +8395,9 @@ body {
   --dt-inputs-color-border-warning: #FFDB80;
   --dt-inputs-color-border-disabled: transparent;
   --dt-inputs-color-border-default: #ffffff24;
-  --dt-inputs-color-background-default: #f9f9f90f;
-  --dt-inputs-color-background-focus: #f9f9f908;
-  --dt-inputs-color-background-disabled: #f9f9f926;
+  --dt-inputs-color-background-default: #e6e6e60f;
+  --dt-inputs-color-background-focus: #e6e6e608;
+  --dt-inputs-color-background-disabled: #e6e6e626;
   --dt-inputs-size-border-default: 0.15rem;
   --dt-inputs-size-border-status: 0.2rem;
   --dt-inputs-size-radius-xs: 0.4rem;
@@ -8185,9 +8425,9 @@ body {
   --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
   --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
   --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
-  --dt-action-color-foreground-muted-default: #D2D2D2;
-  --dt-action-color-foreground-muted-hover: #D2D2D2;
-  --dt-action-color-foreground-muted-active: #D2D2D2;
+  --dt-action-color-foreground-muted-default: #C2C2C2;
+  --dt-action-color-foreground-muted-hover: #C2C2C2;
+  --dt-action-color-foreground-muted-active: #C2C2C2;
   --dt-action-color-foreground-disabled-default: #AAAAAA;
   --dt-action-color-background-base-hover: #ab7eff1a;
   --dt-action-color-background-base-active: #ab7eff33;
@@ -8208,44 +8448,45 @@ body {
   --dt-action-color-background-inverted-hover: #1f1f1f26;
   --dt-action-color-background-inverted-active: #1f1f1f4d;
   --dt-action-color-background-muted-default: transparent;
-  --dt-action-color-background-muted-hover: #e9e9e91a;
-  --dt-action-color-background-muted-active: #e9e9e929;
+  --dt-action-color-background-muted-hover: #d4d4d41a;
+  --dt-action-color-background-muted-active: #d4d4d429;
   --dt-action-color-background-disabled-default: #3A3A3A;
   --dt-action-color-border-base-outlined-default: #AB7EFF;
   --dt-action-color-border-critical-outlined-default: #FF8585;
   --dt-action-color-border-inverted-outlined-default: #000000;
   --dt-action-color-border-muted-outlined-default: #AAAAAA;
   --dt-theme-topbar-field-color-background-hover: #000;
-  --dt-theme-topbar-field-color-foreground: #f9f9f980;
-  --dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
-  --dt-theme-topbar-field-color-background: #f9f9f90d;
-  --dt-theme-topbar-field-color-border: #f9f9f900;
-  --dt-theme-topbar-field-color-border-hover: #f9f9f91a;
-  --dt-theme-topbar-field-color-border-active: #f9f9f933;
-  --dt-theme-topbar-button-color-background-hover: #f9f9f926;
-  --dt-theme-topbar-button-color-foreground: #f9f9f9a6;
-  --dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
-  --dt-theme-topbar-button-color-background: #f9f9f900;
-  --dt-theme-topbar-button-color-background-active: #f9f9f91a;
-  --dt-theme-topbar-color-foreground: #f9f9f9bf;
+  --dt-theme-topbar-field-color-foreground: #e6e6e680;
+  --dt-theme-topbar-field-color-foreground-hover: #e6e6e6bf;
+  --dt-theme-topbar-field-color-background: #e6e6e60d;
+  --dt-theme-topbar-field-color-border: #e6e6e600;
+  --dt-theme-topbar-field-color-border-hover: #e6e6e61a;
+  --dt-theme-topbar-field-color-border-active: #e6e6e633;
+  --dt-theme-topbar-button-color-background-hover: #e6e6e626;
+  --dt-theme-topbar-button-color-foreground: #e6e6e6a6;
+  --dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
+  --dt-theme-topbar-button-color-background: #e6e6e600;
+  --dt-theme-topbar-button-color-background-active: #e6e6e61a;
+  --dt-theme-topbar-color-foreground: #e6e6e6bf;
   --dt-theme-topbar-color-background: #262626;
-  --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
+  --dt-theme-topbar-profile-color-foreground: #e6e6e6bf;
   --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
-  --dt-theme-topbar-profile-color-background: #f9f9f90d;
-  --dt-theme-topbar-profile-color-background-inverted: #f9f9f9bf;
-  --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
-  --dt-theme-topbar-profile-color-background-active: #f9f9f924;
-  --dt-theme-sidebar-section-color-foreground: #a7a7a7;
-  --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
-  --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
-  --dt-theme-sidebar-row-color-background-active: #f9f9f93d;
-  --dt-theme-sidebar-row-color-background: #f9f9f900;
-  --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
-  --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
-  --dt-theme-sidebar-color-foreground: #F9F9F9;
+  --dt-theme-topbar-profile-color-background: #e6e6e60d;
+  --dt-theme-topbar-profile-color-background-inverted: #e6e6e6bf;
+  --dt-theme-topbar-profile-color-background-hover: #e6e6e61a;
+  --dt-theme-topbar-profile-color-background-active: #e6e6e624;
+  --dt-theme-sidebar-row-color-background-hover: #e6e6e62e;
+  --dt-theme-sidebar-row-color-background-active: #e6e6e63d;
+  --dt-theme-sidebar-row-color-background: #e6e6e600;
+  --dt-theme-sidebar-selected-row-color-background: #e6e6e633;
+  --dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
+  --dt-theme-sidebar-color-foreground: #C2C2C2;
+  --dt-theme-sidebar-color-foreground-unread: #E6E6E6;
   --dt-theme-sidebar-color-background: #262626;
-  --dt-theme-sidebar-status-color-foreground: #fbfbfb;
-  --dt-theme-color-base: #F9F9F9;
+  --dt-theme-sidebar-icon-color-foreground: #C2C2C2;
+  --dt-theme-sidebar-status-color-foreground: #AAAAAA;
+  --dt-theme-sidebar-section-color-foreground: #AAAAAA;
+  --dt-theme-color-base: #E6E6E6;
   --dt-theme-presence-color-background-available: #B0FFA3;
   --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
   --dt-theme-presence-color-background-busy: #F6AB3C;
@@ -14618,17 +14859,17 @@ body {
   --dt-color-black-600-hsla: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
   --dt-color-black-700-h: 0;
   --dt-color-black-700-s: 0%;
-  --dt-color-black-700-l: 82.35294117647058%;
+  --dt-color-black-700-l: 76.07843137254902%;
   --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
   --dt-color-black-700-hsla: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
   --dt-color-black-800-h: 0;
   --dt-color-black-800-s: 0%;
-  --dt-color-black-800-l: 91.37254901960785%;
+  --dt-color-black-800-l: 83.13725490196079%;
   --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
   --dt-color-black-800-hsla: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
   --dt-color-black-900-h: 0;
   --dt-color-black-900-s: 0%;
-  --dt-color-black-900-l: 97.6470588235294%;
+  --dt-color-black-900-l: 90.19607843137256%;
   --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
   --dt-color-black-900-hsla: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
   --dt-color-purple-100-h: 260;