.vlPopup{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5000;
    overflow: auto;
    border-radius: 0.5rem;
    background-color: var(--body-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
}
.vlPopupClose{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 2rem;
    color: gainsboro;
}

.vlPopup{
    .resizer{
        position: absolute;
        display: none;
    }

    .resizer.top-left {
        left: 0;
        top: 0;
        cursor: nwse-resize;
        transform: rotate(-45deg);
    }
    /*
    .resizer.top-right {
        right: 0;
        top: 0;
        cursor: nesw-resize;
        transform: rotate(45deg);
    }
    .resizer.bottom-left {
        left: 0;
        bottom: 0;
        cursor: nesw-resize;
        transform: rotate(45deg);
    }
    .resizer.bottom-right {
        right: 0;
        bottom: 0;
        cursor: nwse-resize;
        transform: rotate(-45deg);
    }*/

    &:hover .resizer{
      display: block;
    }
}