.yagr {
    --yagr-label-font-size: 12px;

    &_theme_light {
        --yagr-label-color: #333333;
        --yagr-label-background: rgba(255, 255, 255, 0.8);
    }

    &_theme_dark {
        --yagr-label-color: #ffffff;
        --yagr-label-background: #48474f;
    }
}

.yagr .yagr-label {
    display: inline-block;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    padding: 2px 4px;

    pointer-events: none;

    font-size: var(--yagr-label-font-size);
    color: var(--yagr-label-color);
    background: var(--yagr-label-background);

    &._bottom {
        transform: translateY(80%);
    }

    &._top {
        transform: translateY(-40%);
    }
}