@db-ux/core-components 4.6.1 → 4.7.0-tabs-34782eb

package/build/components/textarea/textarea.css

@@ -92,13 +92,6 @@ input[type=radio]:checked) > label {
     transform: rotate(1turn);
   }
 }
-.db-textarea textarea {
-  /* Buttons */
-  /* Up */
-  /* Down */
-  /* Left */
-  /* Right */
-}
 @supports (field-sizing: content) {
   .db-textarea textarea[data-field-sizing=content]:is([data-hide-resizer=true], [data-resize=none]) {
     /* We don't show a scrollbar if we use field-sizing: content and no resizer is available */
@@ -124,6 +117,9 @@ input[type=radio]:checked) > label {
 .db-textarea textarea::-webkit-scrollbar-thumb {
   background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
 }
+.db-textarea textarea {
+  /* Buttons */
+}
 .db-textarea textarea::-webkit-scrollbar-button:single-button {
   background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
   background-size: 0.5rem;
@@ -137,16 +133,28 @@ input[type=radio]:checked) > label {
 .db-textarea textarea::-webkit-scrollbar-button:single-button:active {
   background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
 }
+.db-textarea textarea {
+  /* Up */
+}
 .db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement {
   border-start-end-radius: var(--db-border-radius-xs);
   background-image: var(--db-scrollbar-button-vertical-decrement);
 }
+.db-textarea textarea {
+  /* Down */
+}
 .db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment {
   background-image: var(--db-scrollbar-button-vertical-increment);
 }
+.db-textarea textarea {
+  /* Left */
+}
 .db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:decrement {
   background-image: var(--db-scrollbar-button-horizontal-decrement);
 }
+.db-textarea textarea {
+  /* Right */
+}
 .db-textarea textarea::-webkit-scrollbar-button:single-button:horizontal:increment {
   background-image: var(--db-scrollbar-button-horizontal-increment);
 }
@@ -385,14 +393,14 @@ input[type=radio]:checked) textarea:is([type=date],
 .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) textarea {
   border-color: var(--db-successful-on-bg-basic-emphasis-70-default);
 }
-.db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext,
-.db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext {
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-}
 .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext[data-semantic=successful]:not([hidden]),
 .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext[data-semantic=successful]:not([hidden]) {
   display: flex;
 }
+.db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext,
+.db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+}
 .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]),
 .db-textarea:has(textarea:not([data-custom-validity]):is(:required, [minlength], [maxlength]):user-valid) > .db-infotext:not([data-semantic]):not([hidden]) {
   display: none;
@@ -436,16 +444,16 @@ input[type=radio]:checked) textarea:is([type=date],
 .db-textarea:has(textarea[data-custom-validity=valid]) textarea, .db-textarea[data-custom-validity=valid] textarea {
   border-color: var(--db-successful-on-bg-basic-emphasis-70-default);
 }
-.db-textarea:has(textarea[data-custom-validity=valid]) > db-infotext > .db-infotext,
-.db-textarea:has(textarea[data-custom-validity=valid]) > .db-infotext, .db-textarea[data-custom-validity=valid] > db-infotext > .db-infotext,
-.db-textarea[data-custom-validity=valid] > .db-infotext {
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-}
 .db-textarea:has(textarea[data-custom-validity=valid]) > db-infotext > .db-infotext[data-semantic=successful]:not([hidden]),
 .db-textarea:has(textarea[data-custom-validity=valid]) > .db-infotext[data-semantic=successful]:not([hidden]), .db-textarea[data-custom-validity=valid] > db-infotext > .db-infotext[data-semantic=successful]:not([hidden]),
 .db-textarea[data-custom-validity=valid] > .db-infotext[data-semantic=successful]:not([hidden]) {
   display: flex;
 }
+.db-textarea:has(textarea[data-custom-validity=valid]) > db-infotext > .db-infotext,
+.db-textarea:has(textarea[data-custom-validity=valid]) > .db-infotext, .db-textarea[data-custom-validity=valid] > db-infotext > .db-infotext,
+.db-textarea[data-custom-validity=valid] > .db-infotext {
+  /* stylelint-disable-next-line at-rule-empty-line-before */
+}
 .db-textarea:has(textarea[data-custom-validity=valid]) > db-infotext > .db-infotext:not([data-semantic]):not([hidden]),
 .db-textarea:has(textarea[data-custom-validity=valid]) > .db-infotext:not([data-semantic]):not([hidden]), .db-textarea[data-custom-validity=valid] > db-infotext > .db-infotext:not([data-semantic]):not([hidden]),
 .db-textarea[data-custom-validity=valid] > .db-infotext:not([data-semantic]):not([hidden]) {
@@ -581,7 +589,6 @@ input[type=radio]:checked) textarea:is([type=date],
   /* stylelint-disable-next-line db-ux/use-spacings */
   padding-inline: var(--db-form-component-padding-inline-start, var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end, var(--db-spacing-fixed-sm));
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
-  /* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
 }
 .db-textarea textarea:hover:not(:disabled,
 [aria-disabled=true],
@@ -608,6 +615,9 @@ input[type=radio]:checked) textarea:is([type=date],
 :has(:disabled)):is(input[type=radio]:not(:checked)) {
   cursor: pointer;
 }
+.db-textarea textarea {
+  /* see https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing */
+}
 .db-textarea textarea[data-field-sizing=content] {
   field-sizing: content;
 }

package/build/components/tooltip/tooltip.css

@@ -45,7 +45,6 @@
 
 .db-tooltip {
   --db-popover-distance: var(--db-spacing-fixed-2xs);
-  /* This is for pure html css without using JS */
 }
 .db-tooltip::before {
   content: "";
@@ -78,6 +77,9 @@
 .db-tooltip:is(.db-tooltip) {
   --db-popover-distance: var(--db-spacing-fixed-sm);
 }
+.db-tooltip {
+  /* This is for pure html css without using JS */
+}
 .db-tooltip:not([data-corrected-placement])[data-placement^=bottom][data-placement$=end], .db-tooltip:not([data-corrected-placement])[data-placement^=top][data-placement$=end] {
   inset-inline-end: 0;
 }
@@ -146,8 +148,6 @@
 @media (prefers-reduced-motion: no-preference) {
   .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type {
     animation: popover-animation var(--db-transition-straight-emotional) normal both;
-    /* stylelint-disable-next-line media-query-no-invalid */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
   }
   .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-extra-slow);
@@ -155,6 +155,10 @@
   .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-medium);
   }
+  .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:first-of-type {
+    /* stylelint-disable-next-line media-query-no-invalid */
+    /* stylelint-disable-next-line at-rule-empty-line-before */
+  }
 }
 @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
   .db-tooltip[data-e2e-hover=true]:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible .db-tooltip:not([data-placement], [data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-placement^=bottom].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=bottom].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=bottom][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=bottom][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=bottom][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
@@ -177,8 +181,6 @@
 @media (prefers-reduced-motion: no-preference) {
   [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type {
     animation: popover-animation var(--db-transition-straight-emotional) normal both;
-    /* stylelint-disable-next-line media-query-no-invalid */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
   }
   [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-extra-slow);
@@ -186,6 +188,10 @@
   [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-medium);
   }
+  [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:first-of-type {
+    /* stylelint-disable-next-line media-query-no-invalid */
+    /* stylelint-disable-next-line at-rule-empty-line-before */
+  }
 }
 @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
   [data-placement^=top].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=top].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=top][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=top][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=top][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
@@ -208,8 +214,6 @@
 @media (prefers-reduced-motion: no-preference) {
   [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type {
     animation: popover-animation var(--db-transition-straight-emotional) normal both;
-    /* stylelint-disable-next-line media-query-no-invalid */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
   }
   [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-extra-slow);
@@ -217,6 +221,10 @@
   [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-medium);
   }
+  [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:first-of-type {
+    /* stylelint-disable-next-line media-query-no-invalid */
+    /* stylelint-disable-next-line at-rule-empty-line-before */
+  }
 }
 @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
   [data-placement^=right].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=right].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=right][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=right][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=right][data-animation=true].db-tooltip:not([data-delay]):first-of-type {
@@ -239,8 +247,6 @@
 @media (prefers-reduced-motion: no-preference) {
   [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type {
     animation: popover-animation var(--db-transition-straight-emotional) normal both;
-    /* stylelint-disable-next-line media-query-no-invalid */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
   }
   [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=slow], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=slow]:first-of-type, [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true][data-delay=slow].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-extra-slow);
@@ -248,6 +254,10 @@
   [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true][data-delay=fast], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true][data-delay=fast]:first-of-type, [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true][data-delay=fast].db-tooltip:first-of-type {
     animation-delay: var(--db-transition-duration-medium);
   }
+  [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true], [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true], [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:first-of-type {
+    /* stylelint-disable-next-line media-query-no-invalid */
+    /* stylelint-disable-next-line at-rule-empty-line-before */
+  }
 }
 @media (prefers-reduced-motion: no-preference) and (width <= 64em) {
   [data-placement^=left].db-tooltip[data-e2e-hover=true]:not([data-corrected-placement])[data-animation=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-placement^=left].db-tooltip:not([data-corrected-placement])[data-animation=true]:not([data-delay]):first-of-type, [data-corrected-placement^=left][data-animation=true].db-tooltip[data-e2e-hover=true]:not([data-delay]), [data-has-tooltip=true]:hover [data-corrected-placement^=left][data-animation=true].db-tooltip:not([data-delay]):first-of-type, [data-has-tooltip=true]:focus-visible [data-corrected-placement^=left][data-animation=true].db-tooltip:not([data-delay]):first-of-type {