/* start: extension/kameo/design/kameo_v2/stylesheets/login-prompt.css */
dialog.general-login.floating {
    position: fixed;
    right: 0;
    margin-right: 20px;
    bottom: 20px;
    max-width: 21%;
    min-height: 200px;
    background: white;
    border: 2px solid #ccc;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 100;

    div.flex-top {
        display: flex;
        justify-content: space-between;

        a.dialog-close {
            align-self: flex-start;
            font-size: 2rem;
            color: black;
            position: relative;
            top: -1.5rem;
            right: -5px;
        }

        a.dialog-close:hover {
            cursor: pointer;
        }
    }
}



@media only screen and (max-width: 992px) {
    dialog.general-login.floating {
        max-width: 50%;
        min-width: 25%;
        bottom: 0;
        top: auto;
        transform: translateX(-50%) translateY(-15%);

        a.--follows-link {
            white-space: break-spaces;
            word-wrap: break-word;
        }
    }
}



@media only screen and (max-width: 992px) and (orientation:portrait) {
    dialog.general-login.floating {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        transform: inherit;
    }
}

/* end: extension/kameo/design/kameo_v2/stylesheets/login-prompt.css */