.sp-bubble .sp-icon svg {
    pointer-events: none
}

.sp-bubble.tooltip--short {
    white-space: nowrap;
    width: auto
}

.sp-bubble.tooltip--long {
    width: 260px;
    white-space: normal
}

.sp-bubble .tooltip__text {
    font-family: var(--font-family-text);
    font-weight: var(--font-text-regular-weight);
    display: block;
    color: #343c4b;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(29, 36, 50, .2);
    font-size: var(--font-p-tooltip-size-bp-sm);
    line-height: var(--font-p-tooltip-line-height-bp-sm);
    letter-spacing: var(--font-p-tooltip-spacing-bp-sm);
    padding: 8px
}

@media (min-width: 768px) {
    .sp-bubble .tooltip__text {
        font-size: var(--font-p-tooltip-size-bp-md);
        line-height: var(--font-p-tooltip-line-height-bp-md);
        padding: 10px
    }
}