/** no left/right border for page tabs in small devices **/
@media (max-width: 767.98px) {
    .page-nav-tabs {
        border-left: none !important;
        border-right: none !important;
    }
    .page-nav-tabs > li:first-child > .nav-link {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-left: none !important;
    }
    .page-nav-tabs > li:last-child > .nav-link {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-right: none !important;
    }
}

/** the chat dialog slider **/
@keyframes chatAppear {
    70% { transform: translateY(-20%); }
    80% { transform: translateY(-20%); }
    100% { opacity: 1; transform: none; }
}
.animation-appear {
    opacity: 0;
    transform: translateY(75%);

    animation: 750ms chatAppear;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;

    transform-origin: bottom center;
}
@media screen and (prefers-reduced-motion: reduce) {
    .animation-appear {
        animation-duration: 1ms;
    }
}