.inline-editable__editor {
    position: relative;
}

.inline-editable__hint {
    position: absolute;
    z-index: 10000;
    bottom: -5px;
    left: 50%;

    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);

    transform: translate(-50%, 100%);
}

.inline-editable__hint span {
    position: relative;

    display: block;

    box-sizing: border-box;
    min-width: 320px;
    max-width: 480px;
    padding: 13px 18px 14px;

    font-size: 13px;

    color: #999;
    background: #fff;
}

.inline-editable__hint p + p {
    margin-top: 12px;
}

.inline-editable__hint::before {
    position: absolute;
    top: -5px;
    left: 50%;

    display: block;

    width: 8px;
    height: 8px;

    content: '';

    border: 1px solid rgba(0, 0, 0, .06);
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);

    transform: translate(-50%, 0) rotate(-45deg);
}
