.slide.svelte-3kovbb.svelte-3kovbb {
    position: relative;
    overflow: hidden
}

.slide-container.svelte-3kovbb.svelte-3kovbb {
    display: flex
}

.slide-item.svelte-3kovbb.svelte-3kovbb {
    flex: 0 0 20%;
    min-width: 0;
    padding: 10px
}

.dots.svelte-3kovbb.svelte-3kovbb {
    display: flex;
    justify-content: center;
    height: 16px
}

.dots.svelte-3kovbb .dot.svelte-3kovbb {
    padding: 4px;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.dots.svelte-3kovbb .dot span.svelte-3kovbb {
    border-radius: 50%;
    display: block;
    width: 8px;
    height: 8px;
    opacity: .7;
    background-color: #555
}

.dots.svelte-3kovbb .dot:hover span.svelte-3kovbb {
    opacity: 1
}

.dots.svelte-3kovbb .dot.active span.svelte-3kovbb {
    background-color: var(--primary)
}

.car-button.svelte-3kovbb.svelte-3kovbb {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    border: 0;
    background-color: transparent;
    filter: drop-shadow(2px 2px 2px rgb(0 0 0 / .6));
    transition: .2s all linear;
    cursor: pointer;
    color: #fffc
}

.car-button.svelte-3kovbb.svelte-3kovbb:hover {
    color: var(--primary)
}

.slide.svelte-3kovbb:hover .car-button.svelte-3kovbb {
    opacity: 1
}

.car-button.prev.svelte-3kovbb.svelte-3kovbb {
    left: 0
}

.car-button.next.svelte-3kovbb.svelte-3kovbb {
    right: 0
}

@media (max-width: 1799px) {
    .slide-item.svelte-3kovbb.svelte-3kovbb {
        flex: 0 0 25%
    }
}

@media (max-width: 1439px) {
    .slide-item.svelte-3kovbb.svelte-3kovbb {
        flex: 0 0 33.33%
    }
}

@media (max-width: 1079px) {
    .slide-item.svelte-3kovbb.svelte-3kovbb {
        flex: 0 0 50%
    }
}

@media (max-width: 719px) {
    .slide-item.svelte-3kovbb.svelte-3kovbb {
        flex: 0 0 100%
    }
}

.widget.svelte-1bmv554.svelte-1bmv554 {
    padding: 20px 10px
}

.widget.svelte-1bmv554 .container.svelte-1bmv554 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px
}

.widget.svelte-1bmv554 .title.svelte-1bmv554 {
    color: #fffc;
    margin: 0 0 20px;
    padding: 30px 0;
    height: 40px;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 4px;
    border-image-source: linear-gradient(to right, var(--primary), transparent);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8)
}

.widget.svelte-1bmv554 .title a.svelte-1bmv554 {
    display: flex;
    align-items: center;
    color: var(--primary);
    text-decoration: none;
    padding: 5px 10px 5px 5px;
    border-radius: 5px;
    white-space: nowrap
}

.widget.svelte-1bmv554 .title a.svelte-1bmv554:hover {
    background-color: #0000004d
}

.widget.svelte-1bmv554 .title a span.svelte-1bmv554 {
    display: block;
    height: 20px
}

.widget.svelte-1bmv554 .title a span.svelte-1bmv554:nth-child(1) {
    width: 20px
}

.widget.svelte-1bmv554 .title h1.svelte-1bmv554, .widget.svelte-1bmv554 .title h2.svelte-1bmv554, .widget.svelte-1bmv554 .title h3.svelte-1bmv554 {
    text-transform: uppercase;
    font-size: 16px
}

.widget.svelte-1bmv554 .live.svelte-1bmv554 {
    display: flex;
    align-items: center;
    gap: 8px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .9)
}

.widget.svelte-1bmv554 .pulse.svelte-1bmv554 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--primary);
    cursor: pointer;
    box-shadow: 0 0 #0009;
    animation: svelte-1bmv554-pulse 2s infinite
}

.widget.svelte-1bmv554 .pulse.svelte-1bmv554:hover {
    animation: none
}

@media (max-width: 1799px) {
    .widget.svelte-1bmv554 .container.svelte-1bmv554 {
        grid-template-columns: repeat(4, 1fr)
    }

    .widget.svelte-1bmv554 .container .widget-item.svelte-1bmv554:nth-child(9), .widget.svelte-1bmv554 .container .widget-item.svelte-1bmv554:nth-child(10) {
        display: none
    }
}

@media (max-width: 1439px) {
    .widget.svelte-1bmv554 .container.svelte-1bmv554 {
        grid-template-columns: repeat(3, 1fr)
    }

    .widget.svelte-1bmv554 .container .widget-item.svelte-1bmv554:nth-child(9) {
        display: block
    }
}

@media (max-width: 1079px) {
    .widget.svelte-1bmv554 .container.svelte-1bmv554 {
        grid-template-columns: repeat(2, 1fr)
    }

    .widget.svelte-1bmv554 .container .widget-item.svelte-1bmv554:nth-child(10) {
        display: block
    }
}

@media (max-width: 719px) {
    .widget.svelte-1bmv554 .container.svelte-1bmv554 {
        grid-template-columns: repeat(1, 1fr)
    }
}

@-webkit-keyframes svelte-1bmv554-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(153, 204, 44, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(161, 204, 44, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 rgba(153, 204, 44, 0)
    }
}

@keyframes svelte-1bmv554-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(175, 204, 44, .4);
        box-shadow: 0 0 #97cc2c66
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(161, 204, 44, 0);
        box-shadow: 0 0 0 10px #9ccc2c00
    }

    to {
        -moz-box-shadow: 0 0 0 0 rgba(145, 204, 44, 0);
        box-shadow: 0 0 #9ccc2c00
    }
}

#channels.svelte-1aaesut.svelte-1aaesut {
    overflow: hidden;
    margin: 20px 10px;
    background-color: #000;
    border-radius: 5px;
    box-shadow: 0 4px 4px #00000040;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(../../../images/bg-channels.webp);
    background-size: cover
}

#channels.svelte-1aaesut .container.svelte-1aaesut {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: linear-gradient(0deg, rgba(16, 16, 16, .9) 0%, rgba(89, 89, 89, .5) 80%)
}

#channels.svelte-1aaesut .title.svelte-1aaesut {
    color: var(--primary);
    font-size: 18px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
}

#channels.svelte-1aaesut .description.svelte-1aaesut {
    color: #fffc;
    font-size: 16px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    max-width: 600px
}

#channels.svelte-1aaesut .button.svelte-1aaesut {
    background-color: var(--primary);
    color: #111;
    text-decoration: none;
    font-weight: 700;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #0006;
    opacity: .9;
    background: linear-gradient(0deg, var(--primary-dark) 0%, var(--primary) 100%);
    text-transform: uppercase;
    font-size: 14px
}

#channels.svelte-1aaesut .button.svelte-1aaesut:hover {
    opacity: 1
}

@media (max-width: 900px) {
    #channels.svelte-1aaesut .container.svelte-1aaesut {
        display: grid;
        gap: 20px;
        justify-content: center
    }

    #channels.svelte-1aaesut .description.svelte-1aaesut {
        max-width: 100%
    }

    #channels.svelte-1aaesut .button.svelte-1aaesut {
        justify-content: center
    }
}