.cts__prize-sharing__header {
    background: var(--cts__color-magnum-yellow);

    height: 162px;
    padding-top: 26px;
    padding-bottom: 32px;
}

.cts__prize-sharing__header div {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.cts__prize-sharing__header h1 {
    font-size: var(--cts__font-size-h1);
    font-weight: var(--cts__font-weight-h1);
    line-height: var(--cts__line-height-h1);
    margin-top: auto;
}

.cts__prize-sharing__tabs__wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    /* smooth scroll on iOS */
    scrollbar-width: none;
    /* hide scrollbar in Firefox */
    margin-right: calc(var(--cts__site-gutter) * -1);
    margin-left: calc(var(--cts__site-gutter) * -1);
}

.cts__prize-sharing__tabs__wrapper::-webkit-scrollbar {
    display: none;
    /* hide scrollbar in Chrome/Safari */
}

.cts__prize-sharing__tabs {
    width: max-content;
    display: flex;
    gap: 10px;
    margin-right: var(--cts__site-gutter);
    margin-left: var(--cts__site-gutter);
}

.cts__prize-sharing__tab {
    width: auto;
    height: 52px;

    background: #E3E7E9;

    border-radius: 10px;
    padding: 0px 16px;
    display: flex;
    gap: 8px;
    align-items: center;

    font-size: var(--cts__font-size-p1);
    font-weight: var(--cts__font-weight-p1-medium);
    color: var(--cts__color-black);
}

.cts__prize-sharing__tab span {
    white-space: nowrap;
    text-wrap: nowrap;
}

.cts__prize-sharing__tab.active.jackpot {
    background: var(--cts__color-game-4d-jackpot);
    color: var(--cts__color-white);
}

.cts__prize-sharing__tab.active.mgold {
    background: var(--cts__color-game-mgold);
    color: var(--cts__color-white);
}

.cts__prize-sharing__tab.active.jgold {
    background: var(--cts__color-game-jackpot-gold);
    color: var(--cts__color-white);
}

.cts__prize-sharing__tab.active.mlife {
    background: var(--cts__color-game-magnum-life);
    color: var(--cts__color-white);
}

.cts__prize-sharing__contents {
    padding-top: 32px;
    padding-bottom: 120px;

    display: grid;
    gap: 24px;
}

.ui-accordion-header:first-of-type {
    border-top: none;
}

@media (min-width: 1024px) {
    .cts__prize-sharing__header {
        height: 336px;
        padding-top: 136px;
        padding-bottom: 64px;
    }

    .cts__prize-sharing__tabs__wrapper {
        padding: 0;
        width: 320px !important;
        margin: 0;
    }

    .cts__prize-sharing__tabs {
        flex-direction: column;
        margin: 0;
        width: 100%;
        gap: 16px;
    }

    .cts__prize-sharing__tab {
        width: auto;
        height: 72px;
    }

    .cts__prize-sharing__tab img {
        height: 48px;
        width: 48px;
    }

    .cts__prize-sharing__contents {
        padding-top: 80px;
        padding-bottom: 154px;

        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }

    .cts__prize-sharing__tab-content {
        grid-column: span 2;
    }
}