.streamer-live-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.streamer-live-cards .slick-list {
    flex-grow: 1;
}

.steamers-list-index .home-section-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
}

.streamer-live-cards .stream-card {
    max-width: 98%;
    flex-shrink: 1;
    flex-grow: 1;
}

.streamer-live-cards .stream-thumb {
    width: 100%;
    height: 192px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.streamer-live-cards .stream-thumb .live-card {
    pointer-events: none;
    position: absolute;
    margin: 10px;
    top: 0px;
    left: 0px;
    text-align: center;
    padding: 0px 5px 2px 5px;
    border-radius: 4px;
    font-size: 13px;
    background-color: #eb0400;
    color: #fff;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.streamer-live-cards .stream-thumb .view-card {
    pointer-events: none;
    position: absolute;
    margin: 10px;
    bottom: 0px;
    left: 0px;
    padding: 0px 4px 2px 4px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
}

.streamer-live-cards .stream-info {
    margin-top: 10px;
    display: flex;
    flex-wrap: nowrap;
}

.streamer-live-cards .stream-info .streamer-avatar {
    flex: 0 0 4px;
    -webkit-box-flex: 0;
    margin-right: 10px;
}

.streamer-live-cards .stream-info .streamer-avatar img {
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.streamer-live-cards .stream-info .stream-details {
    max-width: 300px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    min-width: 0px;
}

.streamer-live-cards .stream-info .stream-details .stream-title {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #000 !important;
}

.streamer-live-cards .stream-info .stream-details .streamer-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgb(91 91 94) !important;
    font-size: 13px;
    line-height: 1.5;
}

.streamer-live-cards .stream-info .stream-details .game-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgb(0 0 0) !important;
    font-size: 13px;
    line-height: 1.5;
}

.streamer-live-cards .stream-info .stream-details .stream-tags {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    margin-top: 6px;
}

.streamer-live-cards .stream-info .stream-details .stream-tags .stream-tag {
    border-radius: 9000px;
    font-weight: 600;
    color: rgba(0, 0, 0, .7);
    background-color: rgba(0, 0, 0, .05);
    border: 2px solid transparent;
    max-width: 100%;
    font-size: 12px;
    padding: 0px 8px 1px 8px;
}

@media only screen and (max-width: 992px) {
    .streamer-live-cards {
        overflow-x: auto;
        gap: 2px;
        margin-bottom: 10px;
    }

    .streamer-live-cards .stream-card {
        width: 90%;
        max-width: unset;
        flex-shrink: 0;
    }

    .streamer-live-cards .stream-thumb {
        width: 100%;
        max-width: unset;
    }
}

.store-list {
    width: 100%;
    flex-direction: row;
    gap: 0;
}

.store-list.shroom-style-2 {
    width: calc(75% + 0.6rem) !important;
}

.store-list.shroom-style-3 {
    gap: 1rem;
}

.store-list.shroom-style-3 .store-card-wrapper {
    width: calc((100% - 4rem) / 5);
}

.store-list.shroom-style-3 .store-card-wrapper .store-card {
    width: 100%;
    border: 1px solid #f66d00;
}

.store-list.shroom-style-3 .store-card .store-detail {
    width: 100%;
}

.detailed-sellers .store-list .store-card {
    background-color: #ffffff;
    border: 1px solid #f66d00;
}

.detailed-sellers .store-list .slick-slide {
    margin: 0 2px;
}

.detailed-sellers {
    display: flex;
    gap: 1rem;
    max-width: 100%;
    align-items: center;
    margin-bottom: 1rem;
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.detailed-sellers .store-apply-card {
    background-color: #f66d00;
    color: #fff;
    border-radius: 5px;
    width: 25%;
    flex-shrink: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.detailed-sellers .store-apply-card .store-icon {
    margin-top: 10px;
}

.detailed-sellers .store-apply-card .store-icon i {
    font-size: 40px;
}

.detailed-sellers .store-apply-card .store-card-title {
    font-size: 16px;
}

.detailed-sellers .store-apply-card .store-card-body {
    text-align: center;
}

.detailed-sellers .store-apply-card .rounded-button {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.6rem;
    border-radius: 25px;
    color: #f66d00;
    font-weight: 600;
    gap: 0.5rem;
}

.detailed-sellers .store-list .store-card .store-featured-products .featured-product {
    width: calc((100% - 60px) / 4);
}

.detailed-sellers .store-list .store-card .store-detail {
    width: 30%
}

.detailed-sellers .store-list .store-card .store-featured-products {
    width: calc(70% - 12px);
}

.detailed-sellers .store-apply-card .rounded-button i {
    height: 8px;
}

.seller-list .store-card .store-featured-products .no-feature-ads {
    width: 100%;
    text-align: center;
    background: #8080801f;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: gray;
}

.showroom-card-section {
    position: relative;
    margin-bottom: 1rem;
}

.showroom-card-section .showroom-card-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    filter: grayscale(0.2) contrast(0.9) brightness(0.9);
    background-size: 100%;
    opacity: 0.5;
    z-index: -1;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 80%);
}

.showroom-card-section .showroom-card-wrapper {
    position: relative;
    backdrop-filter: blur(5px);
    padding: 2.5rem 0;
}

.showroom-card-section .showroom-card-wrapper .sh-card-title {
    display: block;
    font-size: 25px;
    font-weight: 600;
}

.showroom-card-section .showroom-card-wrapper p {
    margin: 0;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list.slick-initialized {
    display: block;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list.swipeable:not(.slick-initialized) {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
    width: calc((100% - 6rem) / 7);
    padding-block: 2.5rem;
    border-radius: 6px;
    box-shadow: 0 5px 12px #00000073;
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list.slick-initialized .showroom-card {
    width: 100%;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list.swipeable:not(.slick-initialized) .showroom-card {
   flex-shrink: 0;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover {
    box-shadow: 0 5px 10px black;
    filter: brightness(1.05);
    transform: translateY(-5px);
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon {
    height: 100px;
    width: 100%;
    transition: 0.2s linear;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon img {
    height: 40px;
    width: 40px;
    object-fit: contain;
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    width: 65px;
    height: 65px;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
    filter: opacity(0.3);
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon:after {
    content: '';
    position: absolute;
    z-index: 1;
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="188" height="120"><path d="M0 0 C5.88839609 4.23069564 10.2242638 9.4478964 11.66015625 16.61328125 C13.02672579 25.40487865 11.24250106 32.40838157 6.01171875 39.61328125 C0.8561243 45.53991326 -5.11101656 47.47109024 -12.78125 48.46484375 C-20.21994937 48.86773236 -25.29028833 46.90147633 -31.01953125 42.1953125 C-36.14804111 37.5097194 -39.26735583 32.54084727 -40.09765625 25.63671875 C-40.46439633 16.96739065 -38.9023229 10.39545549 -33.12890625 3.78125 C-23.92420558 -4.8323231 -10.97121092 -6.21878622 0 0 Z M-29.55078125 10.25 C-33.03571108 14.84640247 -34.11186717 20.34811777 -33.46484375 26.0234375 C-31.79835859 32.36473818 -28.02151712 35.95695459 -22.73828125 39.625 C-18.71918609 41.87961436 -15.31273819 42.01934974 -10.73828125 41.625 C-3.90543261 39.2688453 0.98390174 36.18063403 4.26171875 29.625 C6.1159943 24.56788487 5.88575511 19.4495022 3.69921875 14.5625 C0.90314426 9.42970611 -3.16761425 5.481889 -8.73828125 3.625 C-17.85457885 2.73949975 -22.79477035 3.94438982 -29.55078125 10.25 Z " fill="%23FFFFFF" transform="translate(39.73828125,3.375)"/><path d="M0 0 C3.20303177 1.83838468 5.43844255 4.12104051 7.4375 7.25 C8.52882063 12.5853453 8.0588954 17.28385918 5.1875 21.9375 C0.84043999 26.03615659 -2.78266631 26.38673138 -8.59375 26.25 C-12.9111128 25.80144283 -15.02048992 24.11461492 -17.8125 20.9375 C-19.57156617 16.58612578 -19.65255758 12.62722648 -19 8 C-17.12377877 3.8723133 -15.63710408 2.37981205 -11.75 0.0625 C-7.40022685 -1.16993573 -4.29768623 -1.42965627 0 0 Z M-14 7 C-15.61588379 10.23176757 -15.57451407 13.50615283 -15 17 C-13.01078114 19.9838283 -11.61497432 21.60276841 -8.0625 22.4765625 C-4.07588643 22.76347787 -2.36629686 22.26498071 0.9375 19.875 C3.23581926 16.67128224 4 14.93377716 4 11 C2.259345 6.84176862 0.06578891 4.88414608 -4 3 C-8.74547942 3 -10.28673738 4.1944238 -14 7 Z " fill="%23FFFFFF" transform="translate(180,44)"/><path d="M0 0 C0.33 0.33 0.66 0.66 1 1 C0.94994909 6.60570214 0.15803099 15.84196901 -4 20 C-6.26953125 20.36328125 -6.26953125 20.36328125 -9 20 C-11.38671875 17.91796875 -11.38671875 17.91796875 -13.6875 15.1875 C-14.83798828 13.84751953 -14.83798828 13.84751953 -16.01171875 12.48046875 C-18 10 -18 10 -20 7 C-19.625 4.3125 -19.625 4.3125 -19 2 C-12.66078938 0.28504447 -6.57726846 -0.56115584 0 0 Z M-17 5 C-13.49102731 9.18423892 -9.91939465 13.19588166 -6 17 C-3.59009896 10.11175931 -3.59009896 10.11175931 -2 3 C-7.4185766 2.77422598 -11.77487721 3.53329887 -17 5 Z " fill="%23FFFFFF" transform="translate(34,85)"/><path d="M0 0 C0.99 0 1.98 0 3 0 C2.42415568 2.38564077 1.77772405 4.66682784 1 7 C2.32 8.32 3.64 9.64 5 11 C1.94736336 11.98120464 0.05263664 11.98120464 -3 11 C-3.99 12.485 -3.99 12.485 -5 14 C-5.99 13.67 -6.98 13.34 -8 13 C-7.34 11.02 -6.68 9.04 -6 7 C-6.99 6.34 -7.98 5.68 -9 5 C-9 4.01 -9 3.02 -9 2 C-6.69 2.33 -4.38 2.66 -2 3 C-1.34 2.01 -0.68 1.02 0 0 Z " fill="%23FFFFFF" transform="translate(155,6)"/><path d="M0 0 C0 1.65 0 3.3 0 5 C-1.65614657 5.38218767 -3.32457024 5.71395102 -5 6 C-6 5 -6 5 -6.0625 2.4375 C-6.041875 1.633125 -6.02125 0.82875 -6 0 C-3.50907189 -1.24546405 -2.58919267 -0.7767578 0 0 Z " fill="%23FFFFFF" transform="translate(111,22)"/><path d="M0 0 C1.66611905 -0.042721 3.33382885 -0.04063832 5 0 C6 1 6 1 6.0625 3.5625 C6.041875 4.366875 6.02125 5.17125 6 6 C4.02 6 2.04 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="%23FFFFFF" transform="translate(9,114)"/><path d="M0 0 C0.99 0 1.98 0 3 0 C3 0.99 3 1.98 3 3 C4.32 3 5.64 3 7 3 C7 3.66 7 4.32 7 5 C6.01 5 5.02 5 4 5 C4 6.32 4 7.64 4 9 C3.34 9 2.68 9 2 9 C2 8.01 2 7.02 2 6 C0.68 6 -0.64 6 -2 6 C-2 5.34 -2 4.68 -2 4 C-1.01 4 -0.02 4 1 4 C0.67 2.68 0.34 1.36 0 0 Z " fill="%23FFFFFF" transform="translate(103,102)"/><path d="M0 0 C0.99 0 1.98 0 3 0 C2.67 1.32 2.34 2.64 2 4 C1.34 3.67 0.68 3.34 0 3 C0 2.01 0 1.02 0 0 Z " fill="%23FFFFFF" transform="translate(91,113)"/></svg>') center center no-repeat;
    background-size: contain;
    width: 80%;
    height: 100%;
    transform: scale(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
    filter: opacity(0.3);
}

.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover .showroom-card-icon:after,
.showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card:hover .showroom-card-icon:before {
    transform: scale(1);
    opacity: 1;
}

.showroom-bundles {
    margin-bottom: 1rem;
}

.showroom-bundles .bundle-container {
    padding: 0;
}

.showroom-bundles.shroom-style-1 {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 1rem;
}

.showroom-bundles.shroom-style-1 .bundle-container {
    width: calc((100% - 4rem) / 5);
}

@media only screen and (max-width: 992px) {
    .showroom-bundles.shroom-style-0 {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 1rem;
    }

    .showroom-bundles.shroom-style-0 .bundle-container {
        width: 80%;
        flex-shrink: 0;
    }

    .showroom-bundles .bundle-container .product-bundle {
        width: 100%;
    }

    .detailed-sellers {
        flex-direction: column;
        margin: auto;
        margin-bottom: 1rem;
    }

    .detailed-sellers .store-apply-card,
    .detailed-sellers .store-list {
        width: 100%;
    }

    .detailed-sellers .store-list {
        flex-wrap: nowrap !important;
        gap: 1rem;
        overflow-x: auto;
    }

    .detailed-sellers .store-list .store-card-wrapper {
        width: 90%;
        flex-shrink: 0;
    }

    .detailed-sellers .store-list .store-card {
        flex-direction: column;
        gap: 2rem;
        height: 340px;
    }

    .store-list .store-card .store-featured-products .featured-product {
        width: calc((100% - 20px) / 2);
    }

    .store-list .store-card .store-featured-products .featured-product:nth-child(n+3) {
        display: none !important;
    }

    .showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card
    {
        width: calc((100% - 1rem) / 2);
        padding-block: 1rem;
    }

    .showroom-card-section .showroom-card-wrapper .showroom-card-list .showroom-card .showroom-card-icon
    {
        height: 60px;
        padding: 0;
    }
}


/** DARK THEME **/
body.dark-theme .streamer-live-cards .stream-info .stream-details .stream-title,
body.dark-theme .streamer-live-cards .stream-info .stream-details .streamer-title,
body.dark-theme .streamer-live-cards .stream-info .stream-details .game-name {
    color: #fff !important;
}

body.dark-theme  .showroom-card-section .showroom-card-banner {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, rgb(0 0 0) 0%, rgb(255 255 255 / 0%) 80%);
}