.Tooltip__content___M5WYU {
    box-sizing: border-box;
    position: relative;
    border-radius: inherit;
}

.Tooltip__content___M5WYU:after {
        clear: both;
    }

.Tooltip__content___M5WYU:before,
    .Tooltip__content___M5WYU:after {
        content: '';
        display: table;
    }

.Tooltip__arrow___sHrj0 {
    box-sizing: border-box;
    position: absolute;
    pointer-events: none;
    width: 24px;
    height: 24px;
    padding: calc(24px / 3);
}

.Tooltip__arrow___sHrj0:after {
        content: '';
        display: block;
        width: calc(24px / 3);
        height: calc(24px / 3);
        border: var(--border);
    }

.Tooltip__animation___DYqdH {
    position: relative;
    border-radius: inherit;
    transition:
        opacity 166ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    will-change: transform, opacity;
    opacity: 1;
    transform: scale(1);
}

.Tooltip__root___Xkx-7 {
    border-radius: var(--pds-round-m);
}

.Tooltip__root___Xkx-7[data-popper-placement='top'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='top-start'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='top-end'] .Tooltip__animation___DYqdH {
            transform-origin: center bottom;
        }

.Tooltip__root___Xkx-7[data-popper-placement='top'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='top-start'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='top-end'] .Tooltip__arrow___sHrj0 {
            bottom: calc(24px / 2 * -1);
        }

.Tooltip__root___Xkx-7[data-popper-placement='top'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='top-start'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='top-end'] .Tooltip__arrow___sHrj0:after {
                transform: scaleY(2) rotate(45deg);
                border-bottom-right-radius: var(--pds-round-xs);
            }

.Tooltip__root___Xkx-7[data-popper-placement='bottom'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='bottom-start'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='bottom-end'] .Tooltip__animation___DYqdH {
            transform-origin: center top;
        }

.Tooltip__root___Xkx-7[data-popper-placement='bottom'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='bottom-start'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='bottom-end'] .Tooltip__arrow___sHrj0 {
            top: calc(24px / 2 * -1);
        }

.Tooltip__root___Xkx-7[data-popper-placement='bottom'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='bottom-start'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='bottom-end'] .Tooltip__arrow___sHrj0:after {
                transform: scaleY(2) rotate(45deg);
                border-top-left-radius: var(--pds-round-xs);
            }

.Tooltip__root___Xkx-7[data-popper-placement='right'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='right-start'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='right-end'] .Tooltip__animation___DYqdH {
            transform-origin: center left;
        }

.Tooltip__root___Xkx-7[data-popper-placement='right'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='right-start'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='right-end'] .Tooltip__arrow___sHrj0 {
            left: calc(24px / 2 * -1);
        }

.Tooltip__root___Xkx-7[data-popper-placement='right'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='right-start'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='right-end'] .Tooltip__arrow___sHrj0:after {
                transform: scaleX(2) rotate(45deg);
                border-bottom-left-radius: var(--pds-round-xs);
            }

.Tooltip__root___Xkx-7[data-popper-placement='left'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='left-start'] .Tooltip__animation___DYqdH, .Tooltip__root___Xkx-7[data-popper-placement='left-end'] .Tooltip__animation___DYqdH {
            transform-origin: center right;
        }

.Tooltip__root___Xkx-7[data-popper-placement='left'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='left-start'] .Tooltip__arrow___sHrj0, .Tooltip__root___Xkx-7[data-popper-placement='left-end'] .Tooltip__arrow___sHrj0 {
            right: calc(24px / 2 * -1);
        }

.Tooltip__root___Xkx-7[data-popper-placement='left'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='left-start'] .Tooltip__arrow___sHrj0:after, .Tooltip__root___Xkx-7[data-popper-placement='left-end'] .Tooltip__arrow___sHrj0:after {
                transform: scaleX(2) rotate(45deg);
                border-top-right-radius: var(--pds-round-xs);
            }

/* themes */

.Tooltip__white___6gvS7 .Tooltip__animation___DYqdH {
        box-shadow: 0px 0px 10px rgba(147, 148, 156, 0.3);
    }

.Tooltip__white___6gvS7 .Tooltip__content___M5WYU {
        color: var(--black-900);
        background: var(--white);
    }

.Tooltip__white___6gvS7 .Tooltip__arrow___sHrj0:after {
            background: var(--white);
            box-shadow: 0px 0px 10px rgba(147, 148, 156, 0.3);
        }

.Tooltip__black___e8sBo .Tooltip__content___M5WYU {
        color: var(--white);
        background: var(--black-900);
    }

.Tooltip__black___e8sBo .Tooltip__arrow___sHrj0:after {
            background: var(--black-900);
        }

/* CSSTransition */

.Tooltip__enter___amIjy .Tooltip__animation___DYqdH {
        opacity: 0;
        transform: scale(0.94);
    }

.Tooltip__enterActive___oLDm5 .Tooltip__animation___DYqdH, .Tooltip__enterDone___aZSAB .Tooltip__animation___DYqdH {
        opacity: 1;
        transform: scale(1);
    }

.Tooltip__exit___FtdvP .Tooltip__animation___DYqdH {
        opacity: 1;
        transform: scale(1);
    }

.Tooltip__exitActive___Vnj23 .Tooltip__animation___DYqdH, .Tooltip__exitDone___er4Mu .Tooltip__animation___DYqdH {
        opacity: 0;
        transform: scale(0.94);
    }
