@shopware-ag/meteor-component-library/dist/mt-tooltip.css

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

.tooltip[data-v-0545a62f] {
  color: var(--color-text-primary-inverse);
  font-feature-settings: "ss01" on;
  font-family: var(--font-family-body);
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-2xs);
  background: var(--color-elevation-floating-default);
  line-height: var(--font-family-line-height-2xs);
  padding: var(--scale-size-12);
  border-radius: var(--border-radius-xs);
  width: max-content;
  overflow-wrap: break-word;
}
.mt-tooltip__content[data-v-0545a62f] ul {
  list-style-position: inside;
}
.v-enter-active[data-v-0545a62f],
.v-leave-active[data-v-0545a62f] {
  transition-duration: 0.15s;
  transition-property: opacity, margin;
}
.v-enter-active[data-v-0545a62f] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-leave-active[data-v-0545a62f] {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.v-enter-from[data-v-0545a62f],
.v-leave-to[data-v-0545a62f] {
  opacity: 0;
}
.v-enter-from[data-placement="top"][data-v-0545a62f],
.v-leave-to[data-placement="top"][data-v-0545a62f] {
  margin-bottom: var(--scale-size-5);
}
.v-enter-from[data-placement="bottom"][data-v-0545a62f],
.v-leave-to[data-placement="bottom"][data-v-0545a62f] {
  margin-top: var(--scale-size-5);
}
.v-enter-from[data-placement="left"][data-v-0545a62f],
.v-leave-to[data-placement="left"][data-v-0545a62f] {
  margin-right: var(--scale-size-5);
}
.v-enter-from[data-placement="right"][data-v-0545a62f],
.v-leave-to[data-placement="right"][data-v-0545a62f] {
  margin-left: var(--scale-size-5);
}