@mixin bubbleView() {
    &--notes-area{
        position: relative;
        width: calc(100% - 15px);
        height: 100%;
        margin-left: 15px;
        z-index: 1;
    }
    &--notes-colors{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        &__color{
            position: relative;
            opacity: 0.8;
            width: 100%;
            height: var(--height);
            border-bottom: 1px solid var(--background-color);
            &::before{
                background-color: var(--background-color);
                width: 15px; 
                height: 100%;
                display: block;
                position: absolute;
                top: 1px;
                left: 0;
                content: '';
            }
        }
    }
}