.cs-rsl.v2 {
    --tag-tt: uppercase;
    --fnt-t-1-tt: uppercase;

    .bg picture,
    .bg picture img {
        mix-blend-mode: luminosity;
        opacity: 0.2;
    }

    .cs-rsl-v2-shl {
        --frst-bg-o: 0.2;
        background-color: hsl(from var(--inner-theme) h s l / var(--frst-bg-o));
        border: none;

        @media screen and (min-width: 1280px) {
            > .pd_h.pd_v {
                padding: 2.22rem;
            }
        }
    }

    .cs-rsl-v2-info {
    }

    .cs-rsl-v2-desc {
        white-space: pre-line;
    }

    .cs-rsl-v2-pnls {
        min-height: 100%;

        .el-panel {
            background-color: var(--lt-bg);
            color: var(--lt-txt);
            min-height: 100%;

            strong {
                color: var(--lt-h1);
            }
        }

        @media screen and (max-width: 1279px) {
            .el-panel:not(.active) {
                display: flex;
                visibility: visible;
            }
        }
    }

    .cs-rsl-v2-tag {
        display: inline-block;
        align-self: center;
        padding: 0.22rem 0.56rem;
        border-radius: 1.11rem;
        background: hsl(from var(--accent) h s l / 0.1);
        color: var(--accent);
        border-color: hsl(from var(--accent) h s l / 0.25);
        width: max-content;
    }

    .cs-rsl-v2-tabs {
        --frst-bg-o: 0.3;
        background-color: hsl(from var(--inner-theme) h s l / var(--frst-bg-o));
        border: none;
        
        ul[data-role="list"] {
            scroll-padding-inline: 1rem;

            @container (width >= 66rem) {
                & {
                    --itm-val: 16.66667;
                }
            }
        }

        .el-tab {
            cursor: pointer;

            &.active .cs-rsl-v2-tile,
            &:hover .cs-rsl-v2-tile {
                background-color: var(--dk-bg);
                color: var(--dk-txt);
                border: 1px solid hsl(from var(--dk-txt) h s l / 1);

                .cs-rsl-v2-tag {
                    background: hsl(from var(--dk-txt) h s l / 0.1);
                    color: var(--dk-txt);
                    border-color: hsl(from var(--dk-txt) h s l / 0.25);
                }

                strong {
                    color: var(--dk-txt);
                }
            }
        }

        @media screen and (min-width: 1280px) {
            > .pd_h.pd_v {
                padding: 2.22rem;
            }
        }
    }

    .cs-rsl-v2-tile {
        min-width: 9.44rem;
        background-color: var(--lt-bg);
        color: var(--lt-txt);

        strong {
            color: var(--lt-h1);
        }
    }
}