:root {
    --default: #198038;
}

.live-indicator {
    width: 7px;
    height: 7px;
    background-color: #d16360;
    border-radius: 50%;
    animation: pulses 1s infinite;
}

@keyframes pulses {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.6;
    }

    75% {
        transform: scale(1.5);
        opacity: 0.2;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.profile-subheader {
    justify-content: center !important;
    margin-top: 50px !important;
}
.container-sub-nav {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 18;
}

    .container-sub-nav .sub-nav {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        height: 70px;
        width: 100%;
        background: #f2f2f2;
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .09);
        padding: 0 1.5rem;
        border-bottom: 1px solid #e8e8e8;
        z-index: 0;
    }

        .container-sub-nav .sub-nav .sub-nav-tabs {
            width: 100%;
            max-width: 640px;
        }
            .container-sub-nav .sub-nav .sub-nav-tabs .tabs ul {
                border: none;
            }

                .container-sub-nav .sub-nav .sub-nav-tabs .tabs ul li {
                    margin: 0 .5rem;
                }

                    .container-sub-nav .sub-nav .sub-nav-tabs .tabs ul li:not(.is-active) a {
                        border-color: transparent;
                        color: #a2a5b9;
                    }

                    .container-sub-nav .sub-nav .sub-nav-tabs .tabs ul li a {
                        font-family: "Roboto", sans-serif;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding-top: 0;
                        padding-bottom: 0;
                        height: 70px;
                        border-width: 4px;
                    }

body.is-dark .container-sub-nav .sub-nav .sub-nav-tabs ul li:not(.is-active) a {
    opacity: .6;
}

@media only screen and (max-width: 767px) {
    .container-sub-nav .sub-nav {
        padding: 0;
    }
}

body.is-dark .container-sub-nav .sub-nav {
    background: #1a212c;
    border-bottom-color: #262f40 !important;
}

.navbar-v2 .top-nav {
    background: var(--default);
}

.navbar-v2-wrapper {
    /*padding-top: 1rem;*/
}

.logo-title {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.45rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    -webkit-box-flex: 1;
    flex-grow: 1;
    color: #fff;
}

.navbar-logo-link {
    display: flex;
    align-items: center;
}
.navbar-logo-link small {
    color: #ddd;
    margin-left: 5px;
    margin-top: 5px;
}
body.is-dark .navbar-logo-link small {
    color: #999;
}

/*.stories-list .container-inner .story .story-avatar img {
    position: absolute;
    width: 46px;
    height: 46px;
    backface-visibility: hidden;*/ /* Oculta o lado de trás na rotação */
/*transition: transform 0.6s ease;
}*/
/* Primeira imagem ocupa a metade esquerda */
/*.story-avatar img:first-child {
    clip-path: inset(0 50% 0 0);*/ /* Inset direita para cortar a metade esquerda */
/*transform: rotate(0deg) translateX(-2px);
}*/
/* Segunda imagem ocupa a metade direita */
/*.story-avatar img:last-child {
    clip-path: inset(0 0 0 50%);*/ /* Inset esquerda para cortar a metade direita */
/*transform: rotate(0deg) translateX(1px);
}*/
.pageloader-ball {
    position: relative;
    top: 48%;
    left: 49%;
    height: 30px;
    width: 30px;
    opacity: 0.5;
}
@media screen and (max-width: 1024px) {
    .logo-title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .logo-title {
        /*display: none;*/
        font-size: 1.3rem;
    }
    .pageloader-ball {
        top: 48%;
        left: 47%;
    }
}