h1 {
    font-size: 22px;
    font-weight: bold;
}   

h2 {
    font-size: 20px;
    font-weight: bold;
}   

h3 {
    font-size: 18px;
    font-weight: bold;
}   

h4 {
    font-size: 16px;
    font-weight: bold;
}   

@media screen and (min-width: 1024px) {
  .navbar-start {
    margin-inline-end: unset;
  }
}

.logowrap {
    min-height: 120px;
    background: url(/pic/noicon.png) no-repeat center center;
    background-size: contain;
    max-width: 120px;
    min-width: 120px;
    img.logo {
        width: 100%;
        height: auto;
        max-height: 130px;
    }
}


.channel-list {
    .cell {
        cursor: pointer;
        .card {
            background: aliceblue;
            .card-image {
                display: flex;
                justify-content: center;
            }
        }
        .content {
            a.country-url {
                color: var(--bulma-link-base);
            }
            .title {
                font-size: 18px;
                font-weight: 700;
            }
        }
        .details {
            .category-url {
                font-family: ui-monospace;
                font-weight: 700;
            }
        }
    }
} 

#channel-streams {
    display: flex;
    flex-wrap: wrap;
    .stream button {
        font-size: smaller;
        &.active {
            background: var(--bulma-warning-80);
        }
    }
}


.loader {
  width: 100%;
  height: 24px;
  -webkit-mask:
    radial-gradient(circle closest-side,#000 94%,#0000) 0 0/25% 100%,
    linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat;
  background:
   linear-gradient(#25b09b 0 0) 0/0% no-repeat
   #ddd;
  animation: l7 2s infinite linear;
}
@keyframes l7 {
    100% {background-size:100%}
}

footer div {
    background-color: rgba(0, 0, 0, 0.05);
    a {
        color: #0F1D38;
        font-size: 14px;
        font-weight: 700;
    }
} 

.pleer {
    max-width: 100%;
}