[id^="yan-yana-"] {
    --yan-yana-item-width: 190px;
    --yan-yana-gap: var(--spacing, 15px);
    width: 100%;
    position: relative;
}

/* Keep homepage playlist artwork and copy as two independent cards. */
.item-slider-playlist > div,
.item-slider-playlist > div:hover,
.item-slider-playlist > div:focus-within { outline: 0; }
.item-slider-playlist > div > a > img { border: 1px solid var(--line-color, #30273f); box-shadow: var(--box-shadow, 0 3px 2px rgba(0, 0, 0, .22)); }
.item-slider-playlist > div > a > div { margin-top: 10px; border-color: var(--line-color, #30273f); border-radius: 10px; }
.item-slider-playlist > div > a > img,
.item-slider-playlist > div > a > div { transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.item-slider-playlist > div > a:hover > img,
.item-slider-playlist > div > a:focus-visible > img { border-color: var(--primary-color, #7c4ef9); box-shadow: 0 6px 16px rgba(124, 78, 249, .18); }
.item-slider-playlist > div > a:hover > div,
.item-slider-playlist > div > a:focus-visible > div { border-color: var(--primary-color, #7c4ef9); box-shadow: 0 6px 16px rgba(124, 78, 249, .18); }

[id^="yan-yana-"] > .yan-yana-viewport {
    box-sizing: border-box;
    padding: 0 0 11px 0;
    overflow: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-y;
    cursor: grab;
}

[id^="yan-yana-"] > .yan-yana-viewport::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

[id^="yan-yana-"] > .yan-yana-viewport > * {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: var(--yan-yana-gap);
    user-select: none;
    -webkit-user-select: none;
}

[id^="yan-yana-"].is-dragging > .yan-yana-viewport {
    cursor: grabbing;
    scroll-snap-type: none;
    scroll-behavior: auto;
}

[id^="yan-yana-"] > .yan-yana-viewport img {
    -webkit-user-drag: none;
    user-select: none;
}

[id^="yan-yana-"] > .yan-yana-viewport > * > * {
    box-sizing: border-box;
    flex: 0 0 min(var(--yan-yana-width, var(--yan-yana-item-width)), 100%);
    width: min(var(--yan-yana-width, var(--yan-yana-item-width)), 100%);
    height: var(--yan-yana-height, 190px);
    scroll-snap-align: start;
}

[id^="yan-yana-"].app-home-rows-2 > .yan-yana-viewport > .item-slider-box,
[id^="yan-yana-"].app-home-rows-3 > .yan-yana-viewport > .item-slider-box,
[id^="yan-yana-"].app-home-rows-4 > .yan-yana-viewport > .item-slider-box { display:grid; grid-auto-flow:column; grid-auto-columns:min(var(--yan-yana-width,var(--yan-yana-item-width)),100%); grid-template-rows:repeat(var(--nex1-home-rows,2),var(--yan-yana-height,190px)); gap:var(--yan-yana-gap); align-items:stretch; }
[id^="yan-yana-"].app-home-rows-2 { --nex1-home-rows:2; }
[id^="yan-yana-"].app-home-rows-3 { --nex1-home-rows:3; }
[id^="yan-yana-"].app-home-rows-4 { --nex1-home-rows:4; }
[id^="yan-yana-"].app-home-rows-2 > .yan-yana-viewport > .item-slider-box > *,
[id^="yan-yana-"].app-home-rows-3 > .yan-yana-viewport > .item-slider-box > *,
[id^="yan-yana-"].app-home-rows-4 > .yan-yana-viewport > .item-slider-box > * { width:auto; }

[id^="yan-yana-"] > .yan-yana-right, 
[id^="yan-yana-"] > .yan-yana-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    background: #ffffff;
    cursor: pointer;
    transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease;
    box-shadow: 0 1px 5px #bebebe;
    top: 50%;
    transform: translateY(-50%);

}

[id^="yan-yana-"] > .yan-yana-right,
[id^="yan-yana-"] > .yan-yana-left {
    color: var(--text-color);
}

[id^="yan-yana-"] > .yan-yana-right {
    right: 10px;
}

[id^="yan-yana-"] > .yan-yana-left {
    left: 10px;
}

[id^="yan-yana-"] > .yan-yana-right.is-hidden,
[id^="yan-yana-"] > .yan-yana-left.is-hidden {
    opacity: 0;
    visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
    [id^="yan-yana-"] > .yan-yana-right,
    [id^="yan-yana-"] > .yan-yana-left {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-50%) scale(0.88);
    }

    [id^="yan-yana-"]:hover > .yan-yana-right,
    [id^="yan-yana-"]:hover > .yan-yana-left,
    [id^="yan-yana-"]:focus-within > .yan-yana-right,
    [id^="yan-yana-"]:focus-within > .yan-yana-left {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(-50%) scale(1);
    }

    [id^="yan-yana-"]:hover > .yan-yana-right.is-hidden,
    [id^="yan-yana-"]:hover > .yan-yana-left.is-hidden,
    [id^="yan-yana-"]:focus-within > .yan-yana-right.is-hidden,
    [id^="yan-yana-"]:focus-within > .yan-yana-left.is-hidden {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

.item-slider-box > div {
    border-radius: var(--border-radius, 10px);
    overflow: hidden;
    position: relative;
}

.item-slider-box > div > img {
    background: #faf8ff;
}

.item-slider-box > div {
    transition: outline-color 180ms ease;
    outline: 1px solid transparent;
    outline-offset: -1px;
}

@media (hover: hover) and (pointer: fine) {
    .item-slider-box > div:hover {
        outline-color: var(--primary-color, #7c4ef9);
    }
}

.item-slider-box > div:focus-within {
    outline-color: var(--primary-color, #7c4ef9);
}

.item-slider-special {
    --yan-yana-width: 220px;
    --yan-yana-height: 220px;
}

.item-slider-special > div > a > div {
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 10px;
    padding: 7px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 450;
    z-index: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border-radius: 10px;
    background: rgba(7, 7, 7, 0.301);
    backdrop-filter: blur(24px) saturate(120%) brightness(2.2);
}

.item-slider-special > div > a > div > span {
    display: block;
    overflow: hidden;
    color: #e7e7e7;
    font-weight: 350;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-slider-special > div > a > div > div {
    width: 38px;
    height: 38px;
    position: absolute;
    background: #7c4ef9;
    box-shadow: 0 1px 2px #bca4ff;
    border-radius: 50px;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.item-slider-special > div > .app-home-play,.item-slider-post > div > .app-home-play,.item-slider-lastpost > div > .app-home-play{display:flex;align-items:center;justify-content:center;position:absolute;width:38px;height:38px;padding:0;border:0;border-radius:50%;left:20px;color:#fff;background:#7c4ef9;box-shadow:0 1px 2px #bca4ff;cursor:pointer;z-index:2}.item-slider-special > div > .app-home-play{top:20px}.item-slider-post > div > .app-home-play{top:170px;left:50%;transform:translateX(-50%)}.item-slider-lastpost > div > .app-home-play{top:139px;left:20px;transform:none}.app-home-play:not(.slider-play) svg:last-child{display:none}.app-home-play:not(.slider-play).is-playing svg:first-child{display:none}.app-home-play:not(.slider-play).is-playing svg:last-child{display:block}.app-home-play:focus-visible{outline:3px solid #d9ceff;outline-offset:3px}

.item-slider-post {
    --yan-yana-width: 200px;
    --yan-yana-height: 280px;
}

.item-slider-post > div {
    background: #fff;
    padding: 10px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 2px #e7e7e7;
}

.item-slider-post > div > a > img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.item-slider-post > div > a > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 68px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #1d1d1d;
    font-weight: 550;
    line-height: 1.35;
    margin-top: 20px;
    padding: 6px 3px;
}

.item-slider-post > div > a > div > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: #787c97;
    line-height: 1.3;
    margin-top: 3px;
}

.item-slider-post > div > a > span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 38px;
    height: 38px;
    background: #7c4ef9;
    box-shadow: 0 1px 1px #bca4ff;
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
    top: 170px;
    color: #fff;
}

.item-slider-lastpost {
    --yan-yana-width: 200px;
    --yan-yana-height: 260px;
}

.item-slider-lastpost > div {
    background: #fff;
    padding: 10px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 2px #e7e7e7;
}

.item-slider-lastpost > div > a > img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.item-slider-lastpost > div > a > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 68px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: justify;
    color: #1d1d1d;
    font-weight: 550;
    line-height: 1.35;
    padding: 6px 3px;
}

.item-slider-lastpost > div > a > div > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: #787c97;
    line-height: 1.3;
    margin-top: 3px;
}

.item-slider-lastpost > div > a > span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 38px;
    height: 38px;
    background: #7c4ef9;
    box-shadow: 0 1px 1px #bca4ff;
    border-radius: 50px;
    left: 20px;
    top: 139px;
    color: #fff;
}

.item-slider-artist {
    --yan-yana-width: 140px;
    --yan-yana-height: 250px;
}

.item-slider-artist > div > a > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
}

.item-slider-playlist {
    --yan-yana-width: 180px;
    --yan-yana-gap: 15px;
    --yan-yana-height: 250px;
}

.item-slider-playlist > div {
    overflow: visible;
}

.item-slider-playlist > div > a {
    display: block;
    margin: 0;
}

.item-slider-playlist > div > a > img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
}

.item-slider-playlist > div > a > div {
    padding: 7px 10px;
    color: #242424;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 2px #e7e7e7;
    margin: 10px 0 3px;
    text-align: justify;
}

.item-slider-playlist > div > a > div > .item-slider-playlist__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: inherit;
}

.item-slider-playlist > div > a > div > span {
    color: #8d8d8d;
    font-size: 13px;
    font-weight: 350;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-slider-mood {
    --yan-yana-width: 180px;
    --yan-yana-gap: 15px;
    --yan-yana-height: 235px;
}

.item-slider-mood > div {
    overflow: visible;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 2px #e7e7e7;
}

.item-slider-mood > div > a {
    display: block;
    margin: 0;
}

.item-slider-mood .mood-cover {
    width: 140px;
    height: 140px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin: 20px 20px 0;
    border-radius: 15px;
    background-color: var(--mood-bg, #F1EEFA);
    background-color: color-mix(in srgb, var(--mood-bg, #F1EEFA) 30%, transparent);
    transition: transform 220ms ease;
}

.item-slider-mood a[href="#mood-angry"] .mood-cover { --mood-bg: #F7C9C9; }
.item-slider-mood a[href="#mood-autumn"] .mood-cover { --mood-bg: #F7D7C3; }
.item-slider-mood a[href="#mood-celebration"] .mood-cover { --mood-bg: #FBD5ED; }
.item-slider-mood a[href="#mood-cinematic"] .mood-cover { --mood-bg: #BCC3D3; }
.item-slider-mood a[href="#mood-coffee"] .mood-cover { --mood-bg: #F8EFE6; }
.item-slider-mood a[href="#mood-comedy"] .mood-cover { --mood-bg: #F7DDC5; }
.item-slider-mood a[href="#mood-dance"] .mood-cover { --mood-bg: #FEE2E0; }
.item-slider-mood a[href="#mood-driving"] .mood-cover { --mood-bg: #E7BFC2; }
.item-slider-mood a[href="#mood-focus"] .mood-cover { --mood-bg: #C2D6FC; }
.item-slider-mood a[href="#mood-forest"] .mood-cover { --mood-bg: #D0DAD4; }
.item-slider-mood a[href="#mood-happy"] .mood-cover { --mood-bg: #FBEFBA; }
.item-slider-mood a[href="#mood-inspired"] .mood-cover { --mood-bg: #FDF0D9; }
.item-slider-mood a[href="#mood-kids"] .mood-cover { --mood-bg: #FCDDD6; }
.item-slider-mood a[href="#mood-lonely"] .mood-cover { --mood-bg: #E6DDDB; }
.item-slider-mood a[href="#mood-meditation"] .mood-cover { --mood-bg: #FDE0EC; }
.item-slider-mood a[href="#mood-morning"] .mood-cover { --mood-bg: #FEE5C9; }
.item-slider-mood a[href="#mood-motivational"] .mood-cover { --mood-bg: #DAECFE; }
.item-slider-mood a[href="#mood-night"] .mood-cover { --mood-bg: #CED2DF; }
.item-slider-mood a[href="#mood-nostalgic"] .mood-cover { --mood-bg: #E6CCB6; }
.item-slider-mood a[href="#mood-ocean"] .mood-cover { --mood-bg: #C0DFE2; }
.item-slider-mood a[href="#mood-party"] .mood-cover { --mood-bg: #FBC8E8; }
.item-slider-mood a[href="#mood-rainy"] .mood-cover { --mood-bg: #CFE2F8; }
.item-slider-mood a[href="#mood-romantic"] .mood-cover { --mood-bg: #FBCADE; }
.item-slider-mood a[href="#mood-running"] .mood-cover { --mood-bg: #E6F8D0; }
.item-slider-mood a[href="#mood-sad"] .mood-cover { --mood-bg: #DBE6F3; }
.item-slider-mood a[href="#mood-sleep"] .mood-cover { --mood-bg: #F4ECFD; }
.item-slider-mood a[href="#mood-spiritual"] .mood-cover { --mood-bg: #FBE8CB; }
.item-slider-mood a[href="#mood-spring"] .mood-cover { --mood-bg: #FCE3EB; }
.item-slider-mood a[href="#mood-study"] .mood-cover { --mood-bg: #C1D7F6; }
.item-slider-mood a[href="#mood-summer"] .mood-cover { --mood-bg: #FAECC6; }
.item-slider-mood a[href="#mood-winter"] .mood-cover { --mood-bg: #DDF3FE; }
.item-slider-mood a[href="#mood-workout"] .mood-cover { --mood-bg: #FAD6D6; }

.item-slider-mood .mood-cover > img {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: contain;
    transition: transform 220ms ease;
}

.item-slider-mood > div > a:hover .mood-cover,
.item-slider-mood > div > a:focus-visible .mood-cover {
    transform: translateY(-2px);
}

.item-slider-mood > div > a:hover .mood-cover > img,
.item-slider-mood > div > a:focus-visible .mood-cover > img {
    transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
    .item-slider-mood .mood-cover,
    .item-slider-mood .mood-cover > img {
        transition: none;
    }
}

.item-slider-mood .mood-meta {
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    padding: 6px 8px;
    overflow: hidden;
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item-slider-mood .mood-meta > span {
    display: block;
    overflow: hidden;
    color: #8d8d8d;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 350;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-slider-studio {
    --yan-yana-width: 210px;
    --yan-yana-gap: 15px;
    --yan-yana-height: 307px;
}

.item-slider-studio > div {
    overflow: visible;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 2px #e7e7e7;
}

.item-slider-studio > div > a > img {
    border-radius: 15px;
    margin: 15px;
}

.item-slider-studio > div > ul > li {
    padding: 0 10px;
}

.item-slider-studio > div > ul > li:nth-child(1) {
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 590;
    color: #00001c;
}

.item-slider-studio > div > ul > li:nth-child(2) {
    display: block;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 350;
    color: #8589a7;
    margin: 10px 0 15px 0;
}

.item-slider-studio > div > ul > li:nth-child(2) > .ui-icon {
    margin-left: 3px;
    color: #ff7c02;
}

.item-slider-studio > div > ul > li:nth-child(3){
    display: flex;
    align-items: center;
    gap: 4px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
}

.item-slider-studio > div > ul > li > span {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 350;
    border-radius: 6px;
    padding: 1px 7px 3px 7px;
    border: 1px solid #eaecfa;
    color: #0f1746;
}

.item-slider-studio .studio-tag-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 23px;
    min-width: 27px;
    margin-left: 10px;
    padding: 0;
    text-align: center;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
}

.item-slider-studio .studio-tag-more[hidden],
.item-slider-studio > div > ul > li:nth-child(3) > span[hidden] {
    display: none;
}

.item-slider-studio > div > ul > li:nth-child(4) > a {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 380;
    color: #5836e4;
    border: 1px solid #cfc3fd;
    margin-top: 20px;
    border-radius: 10px;
    padding: 12px 5px;
}

.item-slider-studio > div > ul > li:nth-child(4) > a:hover {
    color: #fff;
    border: 1px solid #5836e4;
    background: #5836e4;
}

[id^="yan-yana-"] > .yan-yana-right,
[id^="yan-yana-"] > .yan-yana-left,
.item-slider-post > div,
.item-slider-mood > div,
.item-slider-studio > div {
    background: var(--surface-bg);
    border-color: var(--line-color);
    box-shadow: var(--box-shadow);
}

.item-slider-post > div > a > div,
.item-slider-playlist > div > a > div,
.item-slider-mood .mood-meta,
.item-slider-studio > div > ul > li:nth-child(1) {
    color: var(--heading-color);
}

.item-slider-playlist > div > a > div {
    background: var(--surface-bg);
    border-color: var(--line-color);
    box-shadow: var(--box-shadow);
}

.item-slider-post > div > a > div > span,
.item-slider-playlist > div > a > div > span,
.item-slider-mood .mood-meta > span,
.item-slider-studio > div > ul > li:nth-child(2) {
    color: var(--muted-color);
}

.item-slider-studio > div > ul > li > span {
    color: var(--text-color);
    background: var(--surface-soft-bg);
    border-color: var(--line-color);
}

.item-slider-special > div > .app-home-play { top:auto; bottom:20px; }

@media (max-width: 600px) {
    [id^="yan-yana-"] { --yan-yana-gap: 12px; }

    .item-slider-special { --yan-yana-width: 187px; --yan-yana-height: 187px; }
    .item-slider-special > div > a > div { right: 8px; bottom: 8px; left: 8px; padding: 6px 8px; font-size: 13px; }
    .item-slider-special > div > .app-home-play { bottom: 20px; left: 16px; width: 34px; height: 34px; }
    .app-home-play .icon-20 { width: 16px; height: 16px; }

    .item-slider-post { --yan-yana-width: 170px; --yan-yana-height: 238px; }
    .item-slider-post > div { padding: 8px; }
    .item-slider-post > div > a > div { height: 53px; margin-top: 14px; font-size: 13px; }
    .item-slider-post > div > .app-home-play,
    .item-slider-post > div > a > span { top: 143px; width: 34px; height: 34px; }

    .item-slider-lastpost { --yan-yana-width: 170px; --yan-yana-height: 221px; }
    .item-slider-lastpost > div { padding: 8px; }
    .item-slider-lastpost > div > a > div { height: 50px; font-size: 13px; }
    .item-slider-lastpost > div > .app-home-play,
    .item-slider-lastpost > div > a > span { top: 115px; left: 16px; width: 34px; height: 34px; }

    .item-slider-artist { --yan-yana-width: 119px; --yan-yana-height: 213px; }
    .item-slider-artist > div > a > span { padding: 8px; font-size: 13px; }

    .item-slider-playlist { --yan-yana-width: 153px; --yan-yana-height: 213px; }
    .item-slider-playlist > div > a > img { height: 153px; }
    .item-slider-playlist > div > a > div { margin-top: 8px; padding: 6px 8px; font-size: 14px; }
    .item-slider-playlist > div > a > div > span { font-size: 11px; }

    .item-slider-mood { --yan-yana-width: 153px; --yan-yana-height: 200px; }
    .item-slider-mood .mood-cover { width: 119px; height: 119px; margin: 17px 17px 0; border-radius: 13px; }
    .item-slider-mood .mood-cover > img { width: 85px; height: 85px; }
    .item-slider-mood .mood-meta { padding: 5px 7px; font-size: 14px; }
    .item-slider-mood .mood-meta > span { margin-top: 3px; font-size: 11px; }
}

/* Final homepage playlist-card override: no shared hover outline. */
.item-slider-playlist > div,
.item-slider-playlist > div:hover,
.item-slider-playlist > div:focus-within { outline: 0; }
.item-slider-playlist > div > a > img { border: 1px solid var(--line-color, #30273f); box-shadow: var(--box-shadow, 0 3px 2px rgba(0, 0, 0, .22)); }
.item-slider-playlist > div > a > div { margin-top: 10px; border-color: var(--line-color, #30273f); border-radius: 10px; }