@charset "utf-8";
:root {
    --linear-red: #832525;
    --linear-blue: #1e426e;
    --linear-blue-dark: rgb(24, 26, 32);
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.dynamic-content .area .title-component .title-image-locallottery {
    width: 210px;
    height: 166px;
    left: 0;
    top: -96px;
    position: absolute;
    width: 142px;
    height: 88px;
}

.background-color-locallottery-red3 {
    background: linear-gradient(to right, var(--linear-red) 50%, var(--linear-blue), var(--linear-blue-dark) 100%);
}

.background-color-locallottery-red2 {
    background: linear-gradient(to right, var(--linear-red) 50%, var(--linear-blue-dark));
}

.title-locallottery {
    position: relative;
    padding: 20px;
}

.flg {
    left: 0;
    top: -30px;
    position: absolute;
    width: 142px;
    height: 88px;
}

.flg-myr {
    background-image: url("/~/static/images/keno-lotto/local_myr_lottery.png");
    background-repeat: no-repeat;
}

.flg-idr {
    background-image: url("/~/static/images/keno-lotto/local_idr_lottery.png");
    background-repeat: no-repeat;
}

.flg-thb {
    background-image: url("/~/static/images/keno-lotto/local_thb_lottery.png");
    background-repeat: no-repeat;
}

.flg-vnd {
    background-image: url("/static/images/local_vnd_lottery.png");
    background-repeat: no-repeat;
}

.flg-cny {
    background-image: url("/~/static/images/keno-lotto/local_cny_lottery.png");
    background-repeat: no-repeat;
}

.dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile {
    height: 142px !important;
}


/* override keno and lotto section in keno lotto page relate to WEBT-1465 */

.dynamic-content .area.keno-layout .swiper-tiles.keno-lotto-tiles .swiper-slide .tile {
    height: 168px;
    width: 160px;
}

.dynamic-content .area.keno-layout-home .tile-locallottery {
    width: 165px !important;
}

.dynamic-content .area .swiper-tiles.keno-lotto-tiles .product-thumb {
    width: 32px;
    min-width: 32px;
    height: 32px;
    background: transparent;
    border-radius: 50px;
}

.dynamic-content .area.keno-layout .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .static-time {
    font-size: 10px;
}

@media (min-width: 1023.5px) {
    .title-locallottery {
        margin-top: -40px;
        margin-left: 70px;
    }
    .dynamic-content .area.keno-layout .swiper-tiles.keno-lotto-tiles .swiper-slide .tile {
        height: 180px;
        width: 205px;
    }
    .dynamic-content .area.keno-layout-home .tile-locallottery {
        width: 205px !important;
    }
    .dynamic-content .area .swiper-tiles.keno-lotto-tiles .product-thumb {
        width: 48px;
        height: 48px;
    }
    .dynamic-content .area.keno-layout .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .static-time {
        font-size: 12px;
    }
}

.keno-button button.button-secondary-dark {
    border: none !important;
}

.dynamic-content .area.keno-layout .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .draw-countdown-container .mask {
    height: 12px !important;
    width: 12px !important;
    -webkit-mask-size: 12px !important;
}

.dynamic-content .area.keno-layout .swiper-tiles .tile .h7 {
    font-size: 10px;
    line-height: 16px;
}

.dynamic-content #area-lottery .keno-lotto-tiles .tile .flex-column>.flex-row:first-child span {
    min-height: 40px;
}

@media (min-width: 1023.5px) {
    .dynamic-content .area.keno-layout .swiper-tiles .tile .h7 {
        font-size: 10px;
        line-height: 18px;
    }
}

.dynamic-content .area .title-component .title-image {
    left: 160px !important;
    top: -50px !important;
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .title-component .title-image {
        left: 210px !important;
        top: -105px !important;
    }
}