/* stylelint-disable */
@layer drv.components.tooltip {
  abbr[drv-tooltip] {
    cursor: help;
  }
  .drv-tooltip__box {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    font-size: var(--drv-font-label-02-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-02-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-02-sm-font-weight, var(--drv-font-weight-normal, 400));
    display: block;
    position: absolute;
    z-index: 3;
    block-size: min-content;
    inline-size: max-content;
    max-inline-size: min(90vw, 45ch);
    margin: 0;
    padding-block: var(--drv-spacing-04, 0.75rem);
    padding-inline: var(--drv-spacing-05, 1rem);
    transform: translateZ(0);
    transition-property: opacity;
    transition-duration: 200ms;
    border-radius: 0.25rem;
    opacity: 0;
    background-color: var(--drv-color-ui-09, #000000);
    color: var(--drv-color-ui-01, #ffffff);
    text-align: center;
    inset-block: 0 100%;
    inset-inline-start: 0;
    overflow-wrap: break-word;
    pointer-events: none;
  }
  @media (min-width: 64.0625rem) {
    .drv-tooltip__box {
      font-size: var(--drv-font-label-02-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-02-lg-line-height, 1.5333333333);
    }
  }
}
@layer drv.overrides.tooltip {
  body:has(.drv-sidepanel, .drv-modal) .drv-tooltip__box {
    z-index: calc(infinity);
  }
}