.beamer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0.5em 0.5em 2em 2em;
    z-index: 9;
    transition: 0.3s ease-in-out;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 4px 12px);
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 4px 12px);
}

    .beamer:hover {
        padding-bottom: 2.3em;
        -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 4px 12px);
        filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 4px 12px);
    }

    .beamer .beamer-icon {
        border-radius: 36px;
        overflow: hidden;
    }

    .beamer img {
        width: 4em;
    }

    .beamer:hover img {
        cursor: pointer;
    }

.beamer-widget {
    height: 100%;
    width: 420px;
    position: fixed;
    z-index: 99999999;
    background-color: #f3f3f3;
    top: 0;
    left: -100%;
    /*position: relative;*/
    /*background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(216 60 60) 100%);*/
    /*background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(41 41 41) 100%);*/
    transition: left .5s ease;
}

    .beamer-widget .beamer-container {
        height: 100%;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        display: -ms-flexbox !important;
        display: flex !important;
        overflow-x: hidden;
    }

.beamer-header {
    background-color: #cd3939;
    box-shadow: 0px 6px 13px 0px #00000042;
    position: relative;
}

    .beamer-header .beamer-cornered {
        width: 55%;
        border-top: 72px solid black !important;
        border-right: 80px solid #cd3939 !important;
        height: 0px !important;
        z-index: 2;
    }

    .beamer-header .beamer-link {
        position: absolute;
        top: 0;
        left: 1em;
        width: 33%;
    }

    .beamer-header .beamer-close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5%;
        line-height: 1;
        height: 100%;
    }

        .beamer-header .beamer-close i {
            color: white !important;
            font-size: 2em;
        }

.beamer-content-section {
    overflow-y: auto;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .beamer-content-section .beamer-content {
        padding: 1em;
    }

    .beamer-content-section::-webkit-scrollbar {
        display: none;
    }

.mask-black {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000073;
    z-index: 9999;
    transition: left .5s ease;
    display: none;
}

.beamer_noscroll {
    overflow: hidden;
}

.beamer-widget iframe {
    background-color: transparent;
    width: 100%;
}

.app-link .app-qrcode {
    transition: .3s ease-in-out;
    max-height: 0;
}

.app-link:hover > .app-qrcode {
    max-height: 200px;
}

@media (max-width: 767px) {
    .beamer-widget {
        width: 100%;
    }

    .beamer-header {
        background-color: black;
    }

        .beamer-header .beamer-cornered {
            display: none;
        }

        .beamer-header .beamer-link {
            position: unset;
        }

            .beamer-header .beamer-link img {
                width: 31%;
                display: block;
                padding: 2%;
                min-width: 150px;
            }
}