.season-picker-overlay {
    position: fixed;
    z-index: 1000;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background:
        rgba(0, 0, 0, .74);

    backdrop-filter:
        blur(12px);
}


.season-picker-overlay[hidden] {
    display: none !important;
}


.season-picker {
    width:
        min(
            540px,
            100%
        );

    max-height:
        min(
            720px,
            calc(100vh - 48px)
        );

    overflow: hidden;

    display: flex;
    flex-direction: column;

    border:
        1px solid
        rgba(255, 255, 255, .12);

    border-radius: 22px;

    background:
        rgba(20, 20, 20, .98);

    box-shadow:
        0 30px 100px
        rgba(0, 0, 0, .68);
}


.season-picker-header {
    padding:
        25px
        25px
        16px;
}


.season-picker-title {
    margin: 0;

    font-size: 1.35rem;
    font-weight: 750;
}


.season-picker-subtitle {
    margin:
        7px
        0
        0;

    color:
        rgba(255, 255, 255, .55);

    font-size: .86rem;
    line-height: 1.45;
}


.season-picker-toolbar {
    padding:
        0
        25px
        13px;

    display: flex;
    gap: 18px;
}


.season-picker-link {
    padding: 0;

    border: 0;

    background: transparent;

    color: var(--plex);

    font-size: .78rem;
    font-weight: 700;

    cursor: pointer;
}


.season-picker-list {
    padding:
        0
        15px
        10px;

    overflow-y: auto;
}


.season-picker-item {
    min-height: 66px;

    padding:
        10px;

    display: flex;
    align-items: center;

    gap: 14px;

    border-radius: 12px;

    cursor: pointer;

    transition:
        background .15s ease;
}


.season-picker-item:hover {
    background:
        rgba(255, 255, 255, .055);
}


.season-picker-item.disabled {
    cursor: default;

    opacity: .42;
}


.season-picker-item.disabled:hover {
    background: transparent;
}


.season-picker-checkbox {
    width: 20px;
    height: 20px;

    flex-shrink: 0;

    accent-color: var(--plex);
}


.season-picker-info {
    min-width: 0;
    flex: 1;
}


.season-picker-name {
    font-size: .92rem;
    font-weight: 650;
}


.season-picker-meta {
    margin-top: 4px;

    color:
        rgba(255, 255, 255, .43);

    font-size: .74rem;
}


.season-picker-status {
    color:
        rgba(255, 255, 255, .58);

    font-size: .72rem;
    font-weight: 650;

    text-align: right;
}


.season-picker-footer {
    padding:
        18px
        25px
        24px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 10px;

    border-top:
        1px solid
        rgba(255, 255, 255, .08);
}


.season-picker-footer
.button:disabled {
    opacity: .4;

    cursor: default;

    transform: none;
}


@media (max-width: 700px) {

    .season-picker-overlay {
        padding: 12px;

        align-items: flex-end;
    }


    .season-picker {
        width: 100%;

        max-height:
            calc(100vh - 24px);

        border-radius:
            22px
            22px
            14px
            14px;
    }


    .season-picker-header {
        padding:
            22px
            20px
            15px;
    }


    .season-picker-toolbar {
        padding:
            0
            20px
            12px;
    }


    .season-picker-footer {
        padding:
            16px
            20px
            20px;
    }

}