body {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

md-tabs {
    --md-sys-color-primary: #7f65c1;
}

#iframes {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    position: relative;
    /* animation-fill-mode: forwards !important; */

    iframe {
        width: 100%;
        height: 100%;
    }

    iframe#page-left {
        position: absolute;
        left: -100%;
    }
    
    iframe#page-right {
        position: absolute;
        right: -100%;
    }
}

/* .appear {
    animation: appear 0.5s ease-in-out;
}

#iframes.slide_left {
    animation: slide_left 0.5s ease-in-out;
}

#iframes.slide_right {
    animation: slide_right 0.5s ease-in-out;
} */



@keyframes slide_left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes slide_right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}