@i-cell/ids-styles 0.0.24 → 0.0.25

package/dist/components.css

@@ -12893,7 +12893,6 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
 }
 
 .ids-tooltip {
-  position: fixed;
   display: block;
 }
 .ids-tooltip > .ids-tooltip__content {
@@ -12903,11 +12902,6 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
   align-items: center;
   width: max-content;
 }
-.ids-tooltip > .ids-tooltip__content::after {
-  position: absolute;
-  content: " ";
-  transform: rotate(-45deg);
-}
 .ids-tooltip.ids-tooltip-compact > .ids-tooltip__content {
   max-width: var(--ids-comp-tooltip-size-max-width-compact);
   padding: var(--ids-comp-tooltip-size-padding-y-compact) var(--ids-comp-tooltip-size-padding-x-compact);
@@ -12918,61 +12912,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
   letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-compact);
   line-height: var(--ids-comp-tooltip-label-typography-line-height-compact);
 }
-.ids-tooltip.ids-tooltip-compact > .ids-tooltip__content::after {
-  width: var(--ids-comp-tooltip-size-caret-size-compact);
-  height: var(--ids-comp-tooltip-size-caret-size-compact);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast {
-  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624));
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east {
   padding-left: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east > .ids-tooltip__content::after {
-  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
 }
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
 }
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west {
   padding-right: calc(var(--ids-comp-tooltip-size-caret-size-compact) / 1.4142135624);
 }
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west > .ids-tooltip__content::after {
-  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
-}
 .ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
 }
 .ids-tooltip.ids-tooltip-comfortable > .ids-tooltip__content {
   max-width: var(--ids-comp-tooltip-size-max-width-comfortable);
@@ -12984,61 +12946,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
   letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-comfortable);
   line-height: var(--ids-comp-tooltip-label-typography-line-height-comfortable);
 }
-.ids-tooltip.ids-tooltip-comfortable > .ids-tooltip__content::after {
-  width: var(--ids-comp-tooltip-size-caret-size-comfortable);
-  height: var(--ids-comp-tooltip-size-caret-size-comfortable);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast {
-  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624));
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east {
   padding-left: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east > .ids-tooltip__content::after {
-  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
 }
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
 }
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west {
   padding-right: calc(var(--ids-comp-tooltip-size-caret-size-comfortable) / 1.4142135624);
 }
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west > .ids-tooltip__content::after {
-  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
-}
 .ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
 }
 .ids-tooltip.ids-tooltip-spacious > .ids-tooltip__content {
   max-width: var(--ids-comp-tooltip-size-max-width-spacious);
@@ -13050,61 +12980,29 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
   letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-spacious);
   line-height: var(--ids-comp-tooltip-label-typography-line-height-spacious);
 }
-.ids-tooltip.ids-tooltip-spacious > .ids-tooltip__content::after {
-  width: var(--ids-comp-tooltip-size-caret-size-spacious);
-  height: var(--ids-comp-tooltip-size-caret-size-spacious);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast {
-  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624));
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east {
   padding-left: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east > .ids-tooltip__content::after {
-  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
 }
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
 }
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west {
   padding-right: calc(var(--ids-comp-tooltip-size-caret-size-spacious) / 1.4142135624);
 }
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west > .ids-tooltip__content::after {
-  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
-}
 .ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
 }
 .ids-tooltip.ids-tooltip-dense > .ids-tooltip__content {
   max-width: var(--ids-comp-tooltip-size-max-width-dense);
@@ -13116,111 +13014,250 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
   letter-spacing: var(--ids-comp-tooltip-label-typography-letter-spacing-dense);
   line-height: var(--ids-comp-tooltip-label-typography-line-height-dense);
 }
-.ids-tooltip.ids-tooltip-dense > .ids-tooltip__content::after {
-  width: var(--ids-comp-tooltip-size-caret-size-dense);
-  height: var(--ids-comp-tooltip-size-caret-size-dense);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast {
-  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624));
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east {
   padding-left: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east > .ids-tooltip__content::after {
-  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
 }
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
 }
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest {
   padding-top: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest > .ids-tooltip__content::after {
-  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
 }
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west {
   padding-right: calc(var(--ids-comp-tooltip-size-caret-size-dense) / 1.4142135624);
 }
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west > .ids-tooltip__content::after {
-  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
-}
 .ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest {
   padding-bottom: calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-  margin-left: calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
-}
-.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest > .ids-tooltip__content::after {
-  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
 }
 .ids-tooltip.ids-tooltip-light > .ids-tooltip__content {
   background-color: var(--ids-comp-tooltip-color-bg-light-default);
   color: var(--ids-comp-tooltip-color-fg-light-default);
 }
-.ids-tooltip.ids-tooltip-light > .ids-tooltip__content::after {
-  background: var(--ids-comp-tooltip-color-bg-light-default);
-}
 .ids-tooltip.ids-tooltip-dark > .ids-tooltip__content {
   background-color: var(--ids-comp-tooltip-color-bg-dark-default);
   color: var(--ids-comp-tooltip-color-fg-dark-default);
 }
-.ids-tooltip.ids-tooltip-dark > .ids-tooltip__content::after {
-  background: var(--ids-comp-tooltip-color-bg-dark-default);
+.ids-tooltip.ids-tooltip-text-align-center > .ids-tooltip__content {
+  text-align: center;
+}
+.ids-tooltip.ids-tooltip-text-align-right > .ids-tooltip__content {
+  text-align: right;
 }
-.ids-tooltip.ids-tooltip-position-north, .ids-tooltip.ids-tooltip-position-south {
+.ids-tooltip.ids-tooltip-text-align-left > .ids-tooltip__content {
+  text-align: left;
+}
+.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-north, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-south {
   text-align: center;
 }
-.ids-tooltip.ids-tooltip-position-north > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-south > .ids-tooltip__content::after {
+.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-east, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northeast, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southeast {
+  text-align: left;
+}
+.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-west .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northwest, .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southwest {
+  text-align: right;
+}
+.ids-tooltip.ids-tooltip-pointered > .ids-tooltip__content::after {
+  position: absolute;
+  content: " ";
+  transform: rotate(-45deg);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-north > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-south > .ids-tooltip__content::after {
   left: auto;
   right: auto;
 }
-.ids-tooltip.ids-tooltip-position-east > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-west > .ids-tooltip__content::after {
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-east > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-west > .ids-tooltip__content::after {
   top: auto;
   bottom: auto;
 }
-.ids-tooltip.ids-tooltip-position-northeast, .ids-tooltip.ids-tooltip-position-southeast {
-  text-align: left;
-}
-.ids-tooltip.ids-tooltip-position-northeast > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-southeast > .ids-tooltip__content::after {
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northeast > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southeast > .ids-tooltip__content::after {
   left: 10px;
 }
-.ids-tooltip.ids-tooltip-position-northwest, .ids-tooltip.ids-tooltip-position-southwest {
-  text-align: right;
-}
-.ids-tooltip.ids-tooltip-position-northwest > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-position-southwest > .ids-tooltip__content::after {
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northwest > .ids-tooltip__content::after, .ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southwest > .ids-tooltip__content::after {
   right: 10px;
 }
-.ids-tooltip.ids-tooltip-position-east {
-  text-align: left;
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact > .ids-tooltip__content::after {
+  width: var(--ids-comp-tooltip-size-caret-size-compact);
+  height: var(--ids-comp-tooltip-size-caret-size-compact);
 }
-.ids-tooltip.ids-tooltip-position-west {
-  text-align: right;
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-north > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
 }
-.ids-tooltip.ids-tooltip-text-align > .ids-tooltip__content-center {
-  text-align: center;
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast {
+  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624));
 }
-.ids-tooltip.ids-tooltip-text-align > .ids-tooltip__content-right {
-  text-align: right;
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
 }
-.ids-tooltip.ids-tooltip-text-align > .ids-tooltip__content-left {
-  text-align: left;
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-east > .ids-tooltip__content::after {
+  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast {
+  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-south > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west {
+  padding-right: calc(var(--ids-comp-tooltip-size-caret-size-compact) / 1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west > .ids-tooltip__content::after {
+  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-compact) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable > .ids-tooltip__content::after {
+  width: var(--ids-comp-tooltip-size-caret-size-comfortable);
+  height: var(--ids-comp-tooltip-size-caret-size-comfortable);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-north > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast {
+  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624));
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-east > .ids-tooltip__content::after {
+  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast {
+  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-south > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west {
+  padding-right: calc(var(--ids-comp-tooltip-size-caret-size-comfortable) / 1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west > .ids-tooltip__content::after {
+  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious > .ids-tooltip__content::after {
+  width: var(--ids-comp-tooltip-size-caret-size-spacious);
+  height: var(--ids-comp-tooltip-size-caret-size-spacious);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-north > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast {
+  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624));
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-east > .ids-tooltip__content::after {
+  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast {
+  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-south > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west {
+  padding-right: calc(var(--ids-comp-tooltip-size-caret-size-spacious) / 1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west > .ids-tooltip__content::after {
+  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense > .ids-tooltip__content::after {
+  width: var(--ids-comp-tooltip-size-caret-size-dense);
+  height: var(--ids-comp-tooltip-size-caret-size-dense);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-north > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast {
+  margin-left: calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624));
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-east > .ids-tooltip__content::after {
+  left: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast {
+  margin-left: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-south > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest > .ids-tooltip__content::after {
+  top: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west {
+  padding-right: calc(var(--ids-comp-tooltip-size-caret-size-dense) / 1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west > .ids-tooltip__content::after {
+  right: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest {
+  margin-right: calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest > .ids-tooltip__content::after {
+  bottom: calc(0px - var(--ids-comp-tooltip-size-caret-size-dense) / 2);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-light > .ids-tooltip__content::after {
+  background: var(--ids-comp-tooltip-color-bg-light-default);
+}
+.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dark > .ids-tooltip__content::after {
+  background: var(--ids-comp-tooltip-color-bg-dark-default);
 }