.tab-content>.tab-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

/*--------------------------------------------------------------
# Home Main Banner
--------------------------------------------------------------*/
.home-main-banner {
    margin-bottom: 0px;
}

.home-main-banner .main-banner-desktop {
    display: none;
}

@media (min-width: 768px) {
    .home-main-banner .main-banner-desktop {
        display: block;
    }
}

.home-main-banner .main-banner-mobile {
    display: block;
}

.home-main-banner .main-banner-mobile {
    display: block;
}

@media (min-width: 768px) {
    .home-main-banner .main-banner-mobile {
        display: none;
    }
}

/*--------------------------------------------------------------
# Products Carousel
--------------------------------------------------------------*/
.divider {
    border-bottom: 1px solid rgb(238, 238, 238);
    border-top-color: rgb(238, 238, 238);
    border-right-color: rgb(238, 238, 238);
    border-left-color: rgb(238, 238, 238);
    margin-top: 32px;
    margin-bottom: 32px;
}

.carousel-section {
    width: 100%;
    max-width: 1280px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
}

.product-carousel {
    margin-top: 32px;
    margin-bottom: 32px;
    display: block;
}

.product-carousel .product-list__header {
    grid-template-columns: 1fr auto;
    -webkit-box-align: baseline;
    align-items: baseline;
    line-height: 1.25;
    gap: 12px;
    display: grid;
}

.product-carousel .product-list__header .product-list__header-content {
    margin-bottom: 16px;
    gap: 0px;
    display: grid;
}

.product-carousel .product-list__header .product-list__header-content .product-list__title {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-size: 16px;
    font-weight: 700;
}

.product-carousel .product-list__header .product-list__show-more {
    cursor: pointer;
    padding: 8px;
    margin: -8px;
    color: rgb(19, 107, 234);
    display: inline-block;
}

.product-carousel .product-list__carousel {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: -16px;
    display: block;
}

.product-carousel .product-list__carousel .product-list__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    scroll-padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    overscroll-behavior-x: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

/* .product-list__items::before,
.product-list__items::after {
    content: "";
    width: 10px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1;
} */

.product-list__items::before {
    left: 0px;
}

.product-list__items::after {
    right: 0px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item-first {
    width: 8px;
    margin-right: -8px;
    display: block;
    scroll-snap-align: start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-carousel .product-list__carousel .product-list__items li {
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-align-items: normal;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    min-width: 0;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item {
    width: 146px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item>* {
    width: 100%;
    flex-shrink: 0;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card {
    display: flex;
    width: 100%;
    font-size: 14px;
    line-height: 1.25;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    text-align: left;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px;
    overflow: hidden;
    padding: 12px;
    flex-direction: column;
    color: #000;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__ranking {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-top: 0.75em;
    line-height: 1;
    color: rgb(255, 255, 255);
    font-weight: 700;
    width: 3.75em;
    height: 3.75em;
    background: linear-gradient(to right top, transparent 0%, transparent 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
    font-size: 11px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__ranking .product-card__ranking-value {
    width: 60%;
    text-align: center;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 122px;
    max-width: 100%;
    display: block;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper .product-card__image-container {
    width: 122px;
    max-width: 100%;
    display: block;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper .product-card__image-container .product-card__picture {
    position: relative;
    display: block;
    padding-bottom: 100%;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper .product-card__image-container .product-card__picture .product-card__image {
    width: 100%;
    height: 100%;
    display: inline-block;
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    padding-top: 12px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__info {
    min-height: 45px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__info .product-card__brand {
    overflow-wrap: break-word;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    display: block;
    font-size: 12px;
    margin-bottom: 0.125em;
    font-weight: 700;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__info .product-card__name {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 12px;
    display: -webkit-box !important;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__price {
    display: block;
    margin-top: 8px;
    font-size: 14px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__price {
    display: block;
    margin-top: 8px;
    font-size: 14px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__price .product-card__price-discount {
    color: rgb(207, 17, 44);
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__price .product-card__price-value {
    font-weight: 400;
    text-decoration: line-through;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__flags {
    position: absolute;
    top: 4px;
    left: 4px;
    display: grid;
    gap: 4px;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__flags>* {
    margin-right: auto;
}

.product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__flags .product-card__flag {
    overflow-wrap: break-word;
    border-radius: 4px;
    vertical-align: middle;
    text-transform: uppercase;
    width: max-content;
    font-size: 10px;
    line-height: 1.3;
    margin-right: 32px;
    background-color: rgb(0, 0, 0);
    display: inline-block;
    font-weight: var(--font-weight-bold);
    color: rgb(255, 255, 255);
    padding-left: 0.8em;
    padding-right: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list__carousel-control {
    cursor: pointer;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-align-items: normal;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    min-width: 0;
}

.product-carousel .product-list__carousel-control--prev {
    margin-left: 8px;
    margin-right: 8px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 48px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 300ms;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    font-size: 18px;
    border-radius: 9999px;
    width: 48px;
    opacity: 0;
}

.product-carousel .product-list__carousel-control--prev .product-list__carousel-icon {
    width: 1em;
    height: 1.66667em;
}

.product-carousel .product-list__carousel-control--prev>svg {
    transform: scaleX(-1);
    margin-left: -4px;
}

.product-carousel .product-list__carousel-control--next {
    margin-left: 8px;
    margin-right: 8px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 48px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 300ms;
    right: 0px;
    background: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    font-size: 18px;
    border-radius: 9999px;
    width: 48px;
    opacity: 0;
}

.product-carousel .product-list__carousel-control--next .product-list__carousel-icon {
    width: 1em;
    height: 1.66667em;
}

.product-carousel .product-list__carousel-control--next>svg {
    margin-right: -4px;
}

.product-list__carousel:hover .product-list__carousel-control {
    opacity: 0;
}

.product-list__carousel .product-list__item-last {
    width: 8px;
    margin-left: -8px;
    display: block;
    scroll-snap-align: start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 768px) {
    .product-carousel {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .product-carousel .product-list__header .product-list__header-content .product-list__title {
        font-size: 20px;
    }

    .product-carousel .product-list__carousel .product-list__items {
        gap: 12px;
        scroll-padding: 16px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item-first {
        width: 16px;
        margin-right: -12px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item {
        width: 198px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card {
        padding: 16px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__ranking {
        position: absolute;
        top: 0px;
        right: 0px;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding-top: 0.75em;
        line-height: 1;
        color: rgb(255, 255, 255);
        font-weight: 700;
        width: 3.75em;
        height: 3.75em;
        background: linear-gradient(to right top, transparent 0%, transparent 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
        font-size: 11px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper {
        width: 166px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card .product-card__image-wrapper .product-card__image-container {
        width: 166px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__info {
        min-height: 51px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__info .product-card__name {
        font-size: 14px;
    }

    .product-carousel .product-list__carousel .product-list__items .product-list__item .product-card__details .product-card__price {
        font-size: 16px;
    }

    .product-carousel .product-list__carousel-control--prev {
        margin-left: 16px;
        margin-right: 16px;
    }

    .product-carousel .product-list__carousel-control--next {
        margin-left: 16px;
        margin-right: 16px;
    }

    .product-list__carousel .product-list__item-last {
        width: 16px;
        margin-left: -12px;
    }

    .product-list__carousel:hover .product-list__carousel-control {
        opacity: 1;
    }

    .divider {
        border-bottom: 1px solid rgb(238, 238, 238);
        border-top-color: rgb(238, 238, 238);
        border-right-color: rgb(238, 238, 238);
        border-left-color: rgb(238, 238, 238);
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

/*--------------------------------------------------------------
# Featured Categories Carousel
--------------------------------------------------------------*/
.featured-categories-carousel {
    margin-top: 16px;
    display: block;
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
}

.featured-categories-carousel__header {
    grid-template-columns: 1fr auto;
    -webkit-box-align: baseline;
    align-items: baseline;
    line-height: 1.25;
    gap: 12px;
    display: grid;
}

.featured-categories-carousel__header .featured-categories-carousel__header-content {
    margin-bottom: 8px;
    gap: 0px;
    display: grid;
}

.featured-categories-carousel__header .featured-categories-carousel__header-content .featured-categories-carousel__title {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.featured-categories-carousel__header .featured-categories-carousel__show-more {
    cursor: pointer;
    padding: 8px;
    margin: -8px;
    color: rgb(19, 107, 234);
    display: inline-block;
}

.featured-categories-carousel .featured-categories-carousel__container .featured-categories-carousel__wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block;
}

.featured-categories-carousel .featured-categories-carousel__container .featured-categories-carousel__wrapper .featured-categories-carousel__items {
    display: flex;
    gap: 8px;
    scroll-padding: 8px;
    overflow: auto hidden;
    scrollbar-width: none;
    overscroll-behavior-x: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.featured-categories-carousel .featured-categories-carousel__container .featured-categories-carousel__wrapper .featured-categories-carousel__items>:first-child {
    margin-left: auto;
}

.featured-categories-carousel .featured-categories-carousel__container .featured-categories-carousel__wrapper .featured-categories-carousel__items>:last-child {
    margin-right: auto;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item-first {
    width: 8px;
    margin-right: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item {
    width: 320px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item>* {
    width: 100%;
    flex-shrink: 0;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner {
    background-color: #fafafa;
    color: rgb(0, 0, 0);
    width: 320px;
    overflow: hidden;
    display: flex;
    line-height: 1.25;
    border-radius: 4px;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner.featured-category-banner-first {
    background-color: rgb(215, 11, 80);
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner.featured-category-banner-second {
    background-color: rgb(81, 191, 190);
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner.featured-category-banner-third {
    background-color: rgb(253, 213, 89);
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link {
    position: relative;
    width: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content {
    width: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content .featured-category-banner__text {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    -webkit-justify-content: normal;
    justify-content: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    padding: 16px;
    color: #000;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content .featured-category-banner__text h3 {
    line-height: 1.25;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 16px;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content .featured-category-banner__text p {
    margin-bottom: 1em;
    white-space: pre-wrap;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image {
    position: relative;
    max-width: 100%;
    width: 320px;
    flex-shrink: 0;
    order: -1;
    display: block;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image picture {
    display: block;
    position: relative;
    max-width: 100%;
    width: 320px;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image picture .featured-category-banner__image-placeholder {
    padding-bottom: 66.75%;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image picture img {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item-last {
    width: 8px;
    margin-left: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.featured-categories-carousel .featured-categories-carousel__indicators {
    position: absolute;
    top: 8px;
    left: 320px;
    -webkit-transform: translateX(calc(-100% - 8px));
    -moz-transform: translateX(calc(-100% - 8px));
    -ms-transform: translateX(calc(-100% - 8px));
    transform: translateX(calc(-100% - 8px));
}

.featured-categories-carousel .featured-categories-carousel__indicators .featured-categories-carousel__bullets {
    overflow: hidden;
    scroll-behavior: smooth;
    width: 30px;
}

.featured-categories-carousel .featured-categories-carousel__indicators .featured-categories-carousel__bullets .featured-categories-carousel__bullet-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.featured-categories-carousel .featured-categories-carousel__indicators .featured-categories-carousel__bullets .featured-categories-carousel__bullet-wrapper .featured-categories-carousel__bullet {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #e7e7e7;
    border-radius: 99999px;
    margin: 0 2px;
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
}

@media screen and (min-width: 768px) {
    .featured-categories-carousel {
        margin-top: 24px;
    }

    .featured-categories-carousel .featured-categories-carousel__indicators {
        display: none;
    }

    .featured-categories-carousel__header .featured-categories-carousel__header-content .featured-categories-carousel__title {
        font-size: 20px;
    }

    .featured-categories-carousel .featured-categories-carousel__container .featured-categories-carousel__wrapper .featured-categories-carousel__items {
        gap: 24px;
        scroll-padding: 16px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item-first {
        width: 16px;
        margin-right: -24px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item {
        width: 400px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner {
        width: 400px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content .featured-category-banner__text {
        padding: 24px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner .featured-category-banner__link .featured-category-banner__content .featured-category-banner__text h3 {
        font-size: 1.42857rem;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image {
        width: 400px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item .featured-category-banner__image picture {
        width: 400px;
    }

    .featured-categories-carousel .featured-categories-carousel__items .featured-categories-carousel__item-last {
        width: 16px;
        margin-left: -24px;
    }
}

/*--------------------------------------------------------------
# Spotlights
--------------------------------------------------------------*/
.spotlight {
    margin-top: 32px;
    display: block;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.spotlight .spotlight__header {
    display: block;
    width: 100%;
}

.spotlight .spotlight__header .spotlight__title {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    line-height: 1.25;
    margin-bottom: 0.25em;
    font-size: 16px;
    font-weight: 700;
}

.spotlight .spotlight__header .spotlight__subtitle {
    margin-bottom: 16px;
    display: block;
}

.spotlight .spotlight__header .spotlight__subtitle p {
    margin-top: 0px;
    margin-bottom: 0px;
    white-space: pre-wrap;
}

.spotlight .spotlight__content {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: -8px -16px;
    display: block;
}

.spotlight .spotlight__content .spotlight__items {
    display: flex;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    scroll-padding: 8px;
    overflow: auto hidden;
    scrollbar-width: none;
    overscroll-behavior-x: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item-first {
    width: 8px;
    margin-right: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item {
    width: 90px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item>* {
    width: 100%;
    flex-shrink: 0;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link {
    width: 90px;
    min-height: 117px;
    flex-direction: column;
    line-height: 1.25;
    font-size: 12px;
    padding: 8px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px;
    border-radius: 4px;
    display: flex;
    word-break: break-word;
    color: #000;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link .spotlight__image-wrapper {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    display: flex;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link .spotlight__image-wrapper .spotlight__picture {
    display: block;
    position: relative;
    max-width: 100%;
    width: 48px;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link .spotlight__image-wrapper .spotlight__picture .spotlight__img-placeholder {
    padding-bottom: 100%;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link .spotlight__image-wrapper .spotlight__picture .spotlight__img {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spotlight .spotlight__content .spotlight__items .spotlight__item-last {
    width: 8px;
    margin-left: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

@media screen and (min-width: 768px) {
    .spotlight {
        margin-top: 48px;
        display: flex;
        flex-wrap: wrap;
    }

    .spotlight .spotlight__header .spotlight__title {
        font-size: 20px;
    }

    .spotlight .spotlight__content .spotlight__items {
        scroll-padding: 16px;
    }

    .spotlight .spotlight__content .spotlight__items .spotlight__item-first {
        width: 16px;
    }

    .spotlight .spotlight__content .spotlight__items .spotlight__item {
        width: 110px;
    }

    .spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link {
        width: 110px;
        min-height: 129.5px;
        font-size: 14px;
    }

    .spotlight .spotlight__content .spotlight__items .spotlight__item .spotlight__link .spotlight__image-wrapper .spotlight__picture {
        width: 53px;
    }

    .spotlight .spotlight__content .spotlight__items .spotlight__item-last {
        width: 16px;
    }
}

/*--------------------------------------------------------------
# Blog Carousel
--------------------------------------------------------------*/
.blog-carousel {
    margin-top: 16px;
    display: block;
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
}

.blog-carousel__header {
    grid-template-columns: 1fr auto;
    -webkit-box-align: baseline;
    align-items: baseline;
    line-height: 1.25;
    gap: 12px;
    display: grid;
}

.blog-carousel__header .blog-carousel__header-content {
    margin-bottom: 8px;
    gap: 0px;
    display: grid;
}

.blog-carousel__header .blog-carousel__header-content .blog-carousel__title {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.blog-carousel__header .blog-carousel__show-more {
    cursor: pointer;
    padding: 8px;
    margin: -8px;
    color: rgb(19, 107, 234);
    display: inline-block;
}

.blog-carousel .blog-carousel__container .blog-carousel__wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block;
}

.blog-carousel .blog-carousel__container .blog-carousel__wrapper .blog-carousel__items {
    display: flex;
    gap: 8px;
    scroll-padding: 8px;
    overflow: auto hidden;
    scrollbar-width: none;
    overscroll-behavior-x: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.blog-carousel .blog-carousel__container .blog-carousel__wrapper .blog-carousel__items>:first-child {
    margin-left: auto;
}

.blog-carousel .blog-carousel__container .blog-carousel__wrapper .blog-carousel__items>:last-child {
    margin-right: auto;
}

.blog-carousel .blog-carousel__items .blog-carousel__item-first {
    width: 8px;
    margin-right: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.blog-carousel .blog-carousel__items .blog-carousel__item {
    width: 320px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.blog-carousel .blog-carousel__items .blog-carousel__item>* {
    width: 100%;
    flex-shrink: 0;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner {
    background-color: #fafafa;
    color: rgb(0, 0, 0);
    width: 320px;
    overflow: hidden;
    display: flex;
    line-height: 1.25;
    border-radius: 4px;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link {
    position: relative;
    width: 100%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content {
    width: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content .blog-banner__text {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    -webkit-justify-content: normal;
    justify-content: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    padding: 16px;
    color: #000;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content .blog-banner__text h3 {
    line-height: 1.25;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 16px;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content .blog-banner__text p {
    margin-bottom: 1em;
    white-space: pre-wrap;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image {
    position: relative;
    max-width: 100%;
    width: 320px;
    flex-shrink: 0;
    order: -1;
    display: block;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image picture {
    display: block;
    position: relative;
    max-width: 100%;
    width: 320px;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image picture .blog-banner__image-placeholder {
    padding-bottom: 66.75%;
}

.blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image picture img {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-carousel .blog-carousel__items .blog-carousel__item-last {
    width: 8px;
    margin-left: -8px;
    scroll-snap-align: start;
    flex-shrink: 0;
    display: flex;
}

.blog-carousel .blog-carousel__indicators {
    position: absolute;
    top: 8px;
    left: 320px;
    -webkit-transform: translateX(calc(-100% - 8px));
    -moz-transform: translateX(calc(-100% - 8px));
    -ms-transform: translateX(calc(-100% - 8px));
    transform: translateX(calc(-100% - 8px));
}

.blog-carousel .blog-carousel__indicators .blog-carousel__bullets {
    overflow: hidden;
    scroll-behavior: smooth;
    width: 30px;
}

.blog-carousel .blog-carousel__indicators .blog-carousel__bullets .blog-carousel__bullet-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-carousel .blog-carousel__indicators .blog-carousel__bullets .blog-carousel__bullet-wrapper .blog-carousel__bullet {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #e7e7e7;
    border-radius: 99999px;
    margin: 0 2px;
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
}

@media screen and (min-width: 768px) {
    .blog-carousel {
        margin-top: 24px;
    }

    .blog-carousel .blog-carousel__indicators {
        display: none;
    }

    .blog-carousel__header .blog-carousel__header-content .blog-carousel__title {
        font-size: 20px;
    }

    .blog-carousel .blog-carousel__container .blog-carousel__wrapper .blog-carousel__items {
        gap: 24px;
        scroll-padding: 16px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item-first {
        width: 16px;
        margin-right: -24px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item {
        width: 400px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner {
        width: 400px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content .blog-banner__text {
        padding: 24px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner .blog-banner__link .blog-banner__content .blog-banner__text h3 {
        font-size: 1.42857rem;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image {
        width: 400px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item .blog-banner__image picture {
        width: 400px;
    }

    .blog-carousel .blog-carousel__items .blog-carousel__item-last {
        width: 16px;
        margin-left: -24px;
    }
}