.card-personal-menu-popup {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 300px;
    z-index: 101;
    /*z-index: 1000;*/
}

.card-personal-menu-popup .icon-svg-wrap{
    width: 20px;
}

.personal-line-wrapper:hover .card-personal-menu-popup {
    opacity: 1;
    visibility: visible;
    display: block;
}

.personal-line-wrapper.noauth {
    width: 100%;
    min-width: 100%;
}


@media (hover: none) {
    .personal-line-wrapper:hover .card-personal-menu-popup{
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    /*.personal-line-wrapper.is-open .card-personal-menu-popup {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: block;
    }*/
}

@media (max-width: 1024px) {
    .card-personal-menu-popup {
        left: auto;
        right: 0;
        min-width: 280px;
        max-width: calc(100vw - 24px);
    }
}

@media (max-width: 480px) {
    .card-personal-menu-popup{
        right: 0;
        /*left: 0;*/
        /*min-width: 0;*/
        width: calc(100vw - 24px);
    }
}