@dialpad/dialtone 8.10.6-version8.1 → 8.11.0-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;
@@ -3885,6 +3980,8 @@ legend .d-label {
   --stack-gap: var(--dt-space-600);
 }
 .dt-item-layout {
+  display: flex;
+  align-items: center;
   min-height: calc(var(--dt-size-550) + var(--dt-size-300));
   padding: var(--dt-space-300) var(--dt-space-400);
   font-size: var(--dt-font-size-200);
@@ -3897,7 +3994,6 @@ legend .d-label {
   color: var(--dt-color-foreground-tertiary);
   font-size: var(--dt-font-size-100);
 }
-.dt-item-layout,
 .dt-item-layout--right,
 .dt-item-layout--left {
   display: flex;
@@ -4681,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;
   }
 }
@@ -4888,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;
@@ -5361,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 {
@@ -5694,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 {
@@ -5709,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 {
@@ -5742,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;
@@ -5943,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;
@@ -6861,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;