@charset "UTF-8";
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing:border-box
}

abbr, blockquote, body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hgroup, input, legend, li, ol, p, pre, ul {
    margin: 0;
    padding:0
}

address, caption, code, figcaption, pre, th {
    font-size: 1em;
    font-style: normal;
    font-weight:400
}

fieldset, iframe {
    border:0
}

caption, th {
    text-align:left
}

:global(html[dir=rtl]) caption, :global(html[dir=rtl]) th {
    text-align:right
}

table {
    border-collapse: collapse;
    border-spacing:0
}

audio, canvas, progress, video {
    vertical-align:baseline
}

button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    vertical-align:inherit
}

button:disabled {
    cursor:default
}

:focus {
    outline:4px solid rgba(0, 125, 250, .6)
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select), :focus[type=range][data-focus-method=mouse], :focus[type=range][data-focus-method=touch] {
    outline:none
}

::-moz-focus-inner {
    border: 0;
    padding:0
}

*, :after, :before {
    box-sizing:inherit
}

a, blockquote, body, code, dd, div, dl, dt, embed, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, img, legend, li, ol, p, pre, section, table, td, th, ul {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

[contenteditable] {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select:auto !important
}

ul {
    list-style-type:none
}

svg {
    pointer-events:none
}

:root {
    --systemRed: #ff3b30;
    --systemRed-vibrant: #f53126;
    --systemRed-default_IC: #d70015;
    --systemRed-vibrant_IC: #c20618;
    --systemOrange: #ff9500;
    --systemOrange-vibrant: #f58b00;
    --systemOrange-default_IC: #c93400;
    --systemOrange-vibrant_IC: #ad3a00;
    --systemYellow: #fc0;
    --systemYellow-vibrant: #f5c200;
    --systemYellow-default_IC: #a05a00;
    --systemYellow-vibrant_IC: #925100;
    --systemGreen: #28cd41;
    --systemGreen-vibrant: #1ec337;
    --systemGreen-default_IC: #007d1b;
    --systemGreen-vibrant_IC: #007018;
    --systemMint: #00c7be;
    --systemMint-vibrant: #00bdb4;
    --systemMint-default_IC: #0c817b;
    --systemMint-vibrant_IC: #0b7570;
    --systemTeal: #59adc4;
    --systemTeal-vibrant: #2ea7bd;
    --systemTeal-default_IC: #008299;
    --systemTeal-vibrant_IC: #00778c;
    --systemCyan: #55bef0;
    --systemCyan-vibrant: #41afdc;
    --systemCyan-default_IC: #0071a4;
    --systemCyan-vibrant_IC: #006796;
    --systemBlue: #007aff;
    --systemBlue-vibrant: #0070f5;
    --systemBlue-default_IC: #0040dd;
    --systemBlue-vibrant_IC: #0040dd;
    --systemBlue-rollover: #0045b7;
    --systemBlue-pressed: #005cd7;
    --systemBlue-deepPressed: #0045b7;
    --systemBlue-disabled: rgba(0, 122, 255, .35);
    --systemIndigo: #5856d6;
    --systemIndigo-vibrant: #5452cc;
    --systemIndigo-default_IC: #3634a3;
    --systemIndigo-vibrant_IC: #3634a3;
    --systemPurple: #af52de;
    --systemPurple-vibrant: #9f4bc9;
    --systemPurple-default_IC: #ad44ab;
    --systemPurple-vibrant_IC: #ad44ab;
    --systemPink: #ff2d55;
    --systemPink-vibrant: #f5234b;
    --systemPink-default_IC: #d30f45;
    --systemPink-vibrant_IC: #c11032;
    --systemBrown: #a2845e;
    --systemBrown-vibrant: #987a54;
    --systemBrown-default_IC: #7f6545;
    --systemBrown-vibrant_IC: #775d3b;
    --systemGray: #8e8e93;
    --systemGray-vibrant: #848489;
    --systemGray-default_IC: #69696e;
    --systemGray-vibrant_IC: #616165;
    --systemPrimary: rgba(0, 0, 0, .85);
    --systemPrimary-vibrant: #4c4c4c;
    --systemPrimary-onLight: rgba(0, 0, 0, .85);
    --systemPrimary-onDark: hsla(0, 0%, 100%, .85);
    --systemPrimary-default_IC: #000;
    --systemPrimary-vibrant_IC: #000;
    --systemPrimary-onLight_IC: #000;
    --systemPrimary-onDark_IC: #fff;
    --systemSecondary: rgba(0, 0, 0, .5);
    --systemSecondary-vibrant: gray;
    --systemSecondary-onLight: rgba(0, 0, 0, .5);
    --systemSecondary-onDark: hsla(0, 0%, 100%, .55);
    --systemSecondary-default_IC: rgba(0, 0, 0, .76);
    --systemSecondary-vibrant_IC: rgba(0, 0, 0, .76);
    --systemSecondary-onLight_IC: rgba(0, 0, 0, .76);
    --systemSecondary-onDark_IC: hsla(0, 0%, 100%, .7);
    --systemTertiary: rgba(0, 0, 0, .25);
    --systemTertiary-vibrant: #bfbfbf;
    --systemTertiary-onLight: rgba(0, 0, 0, .25);
    --systemTertiary-onDark: hsla(0, 0%, 100%, .25);
    --systemTertiary-default_IC: rgba(0, 0, 0, .56);
    --systemTertiary-vibrant_IC: rgba(0, 0, 0, .56);
    --systemTertiary-onLight_IC: rgba(0, 0, 0, .56);
    --systemTertiary-onDark_IC: hsla(0, 0%, 100%, .5);
    --systemQuaternary: rgba(0, 0, 0, .1);
    --systemQuaternary-vibrant: #e6e6e6;
    --systemQuaternary-onLight: rgba(0, 0, 0, .1);
    --systemQuaternary-onDark: hsla(0, 0%, 100%, .1);
    --systemQuaternary-default_IC: rgba(0, 0, 0, .35);
    --systemQuaternary-vibrant_IC: rgba(0, 0, 0, .35);
    --systemQuaternary-onLight_IC: rgba(0, 0, 0, .35);
    --systemQuaternary-onDark_IC: hsla(0, 0%, 100%, .3);
    --systemQuinary: rgba(0, 0, 0, .05);
    --systemQuinary-vibrant: #f2f2f2;
    --systemQuinary-onLight: rgba(0, 0, 0, .05);
    --systemQuinary-onDark: hsla(0, 0%, 100%, .05);
    --systemQuinary-default_IC: rgba(0, 0, 0, .1);
    --systemQuinary-vibrant_IC: rgba(0, 0, 0, .1);
    --systemQuinary-onLight_IC: rgba(0, 0, 0, .1);
    --systemQuinary-onDark_IC: hsla(0, 0%, 100%, .1);
    --keyColor: #fa233b;
    --keyColor-rgb: 250, 35, 59;
    --keyColor-rollover: #c60007;
    --keyColor-rollover-rgb: 198, 0, 7;
    --keyColor-pressed: #e00921;
    --keyColor-pressed-rgb: 224, 9, 33;
    --keyColor-deepPressed: #c60007;
    --keyColor-deepPressed-rgb: 198, 0, 7;
    --keyColor-disabled: rgba(250, 35, 59, .35);
    --keyColor-default_IC: #d60017;
    --keyColor-default_IC-rgb: 214, 0, 23;
    --keyColor-rollover_IC: #a20000;
    --keyColor-rollover_IC-rgb: 162, 0, 0;
    --keyColor-pressed_IC: #b00;
    --keyColor-pressed_IC-rgb: 187, 0, 0;
    --keyColor-deepPressed_IC: #a20000;
    --keyColor-deepPressed_IC-rgb: 162, 0, 0;
    --keyColor-disabled_IC: rgba(214, 0, 23, .25);
    --systemStandardUltrathinMaterialSover: hsla(0, 0%, 96%, .36);
    --systemStandardUltrathinMaterialSover-inactive: #f0f0f0;
    --systemStandardUltrathinMaterialSover-default_IC: #d2d2d2;
    --systemStandardUltrathinMaterialSover-inactive_IC: #ececec;
    --systemStandardThinMaterialSover: hsla(0, 0%, 96%, .48);
    --systemStandardThinMaterialSover-inactive: #f0f0f0;
    --systemStandardThinMaterialSover-default_IC: #dcdcdc;
    --systemStandardThinMaterialSover-inactive_IC: #ececec;
    --systemStandardMediumMaterialSover: hsla(0, 0%, 96%, .6);
    --systemStandardMediumMaterialSover-inactive: #f0f0f0;
    --systemStandardMediumMaterialSover-default_IC: #e6e6e6;
    --systemStandardMediumMaterialSover-inactive_IC: #ececec;
    --systemStandardThickMaterialSover: hsla(0, 0%, 96%, .72);
    --systemStandardThickMaterialSover-inactive: #f0f0f0;
    --systemStandardThickMaterialSover-default_IC: #f0f0f0;
    --systemStandardThickMaterialSover-inactive_IC: #ececec;
    --systemStandardUltrathickMaterialSover: hsla(0, 0%, 96%, .84);
    --systemStandardUltrathickMaterialSover-inactive: #f0f0f0;
    --systemStandardUltrathickMaterialSover-default_IC: #fafafa;
    --systemStandardUltrathickMaterialSover-inactive_IC: #ececec;
    --systemHeaderMaterialSover: hsla(0, 0%, 100%, .8);
    --systemHeaderMaterialSover-default_IC: #fff;
    --systemToolbarTitlebarMaterialSover: hsla(0, 0%, 99%, .8);
    --systemToolbarTitlebarMaterialSover-inactive: #f0f0f0;
    --systemToolbarTitlebarMaterialSover-default_IC: #fff;
    --systemToolbarTitlebarMaterialSover-inactive_IC: #ececec;
    --labelDivider: rgba(0, 0, 0, .15);
    --vibrantDivider: rgba(60, 60, 67, .29);
    --pageBG: #fff;
    --pageBG-rgb: 255, 255, 255;
    --shelfBG: rgba(0, 0, 0, .05);
    --genericJoeColor: #ebebeb;
    --fallbackMaterialBG: hsla(0, 0%, 100%, .97);
    --liveBadgePlatterBG: #ff5066;
    --cardHoverColor: hsla(240, 3%, 49%, .25);
    --contextMenuBorderColor: rgba(0, 0, 0, .15);
    --contextMenuTextColor: rgba(0, 0, 0, .85);
    --contextMenuOverrideTextColor: #ff3b30;
    --dialogShadowColor: rgba(0, 0, 0, .25);
    --footerBg: #fbfbfb;
    --opaqueShelfBG: #f2f2f2;
    --systemGray6: #6c6c70;
    --lockupHoverBGColor: rgba(51, 51, 51, .3);
    --lockupChinScrim: rgba(0, 0, 0, .2);
    --mobileNavigationBG: #fff;
    --playerBackgroundFallback: hsla(0, 0%, 100%, .97);
    --playerBackgroundFallback-default_IC: #fafafa;
    --playerBackground: hsla(0, 0%, 100%, .88);
    --playerBackground-default_IC: #fafafa;
    --navSidebarBG: rgba(60, 60, 67, .03);
    --navSidebarBG-default_IC: #fafafa;
    --navSidebarSelectedState: rgba(60, 60, 67, .1);
    --searchBoxIconFill: rgba(0, 0, 0, .65);
    --bannerDarkGray: #444;
    --dropdownBackground: #575757;
    --dropdownLightGray: #707070;
    --dropdownLightGrayIcon: #999;
    --dropdownActiveOutlineColor: #06c;
    --dropdownActiveOutlineColorShadow: rgba(0, 102, 204, .6);
    --radiosityShadowColor: rgba(0, 0, 0, .1);
    --searchBarBorderColor: rgba(0, 0, 0, .15);
    --musicKeyColor: #fa233b;
    --musicKeyColor-rollover: #c60007;
    --musicKeyColor-pressed: #e00921;
    --musicKeyColor-deepPressed: #c60007;
    --musicKeyColor-disabled: rgba(250, 35, 59, .35);
    --musicKeyColor-default_IC: #d60017;
    --musicKeyColor-rollover_IC: #a20000;
    --musicKeyColor-pressed_IC: #b00;
    --musicKeyColor-deepPressed_IC: #a20000;
    --musicKeyColor-disabled_IC: rgba(214, 0, 23, .25);
    --circularArtistHeaderGradientBottom: rgba(0, 0, 0, .05);
    --fallbackButtonMaterial: hsla(240, 2%, 57%, .8);
    --playerMissingArtworkIcon: #dcdcdc;
    --playerMissingArtworkBg: #e9e9e9;
    --playerPlatterButtonBGFill: #6c6c6c;
    --playerPlatterButtonIconFill: #fff;
    --stickyHeaderDropShadow2: rgba(0, 0, 0, .07);
    --stickyHeaderInnerShadow: hsla(0, 0%, 100%, .45);
    --tracklistAltRowColor: rgba(0, 0, 0, .015);
    --tracklistAltRowColor-default_IC: rgba(0, 0, 0, .05);
    --tracklistHoverColor: rgba(0, 0, 0, .06);
    --tracklistHoverColor-default_IC: rgba(0, 0, 0, .1);
    --tracklistWorksTrackHoverColor: rgba(0, 0, 0, .1);
    --tracklistWorksTrackHoverColor-default_IC: rgba(0, 0, 0, .18);
    --trackLockupArtworkOverlay: rgba(51, 51, 51, .3);
    --lyricsBg: #fff;
    --iPhoneNowPlayingBackdropBG: #dbccc4;
    --keyColorBG: #fa233b;
    --keyColorBG-default_IC: #d60017;
    --selectionColor: #dd1f34;
    --selectionColor-default_IC: #d60017;
    --trackBackgroundEven: rgba(0, 0, 0, .02);
    --librarySongsTrackInactiveBG: rgba(0, 0, 0, .14);
    --profileBadgeBG: #e2e4e7;
    --segmentedControlBG: hsla(240, 4%, 48%, .12);
    --segmentedControlBG-default_IC: rgba(0, 0, 0, .2);
    --segmentedControlSelectedText: rgba(0, 0, 0, .85);
    --segmentedControlSelectedText-default_IC: #000;
    --segmentedControlSelectedBG: #fff;
    --segmentedControlActiveBG: hsla(0, 0%, 100%, .7);
    --segmentedControlActiveBG-default_IC: #d9d9d9;
    --segmentedControlSelectedShadow1: rgba(0, 0, 0, .12);
    --segmentedControlSelectedShadow2: rgba(0, 0, 0, .04);
    --segmentedControlSelectedBorder: rgba(0, 0, 0, .15);
}

@supports not (font: -apple-system-body) {
    :root {
        --systemPrimary: rgba(0, 0, 0, .88);
        --systemPrimary-vibrant: #1d1d1f;
        --systemPrimary-onLight: rgba(0, 0, 0, .88);
        --systemPrimary-onDark: hsla(0, 0%, 100%, .92);
        --systemSecondary: rgba(0, 0, 0, .56);
        --systemSecondary-vibrant: rgba(0, 0, 0, .56);
        --systemSecondary-onLight: rgba(0, 0, 0, .56);
        --systemSecondary-onDark: hsla(0, 0%, 100%, .64);
        --systemTertiary: rgba(0, 0, 0, .48);
        --systemTertiary-vibrant: rgba(0, 0, 0, .48);
        --systemTertiary-onLight: rgba(0, 0, 0, .48);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .4);
        --keyColor: #d60017;
        --keyColor-rgb: 214, 0, 23;
        --keyColor-rollover: #a20000;
        --keyColor-rollover-rgb: 162, 0, 0;
        --keyColor-pressed: #b00;
        --keyColor-pressed-rgb: 187, 0, 0;
        --keyColor-deepPressed: #a20000;
        --keyColor-deepPressed-rgb: 162, 0, 0;
        --keyColor-disabled: rgba(214, 0, 23, .25);
        --musicKeyColor: #d60017;
        --musicKeyColor-rollover: #a20000;
        --musicKeyColor-pressed: #b00;
        --musicKeyColor-deepPressed: #a20000;
        --musicKeyColor-disabled: rgba(214, 0, 23, .25);
        --keyColorBG: #d60017;
        --selectionColor: #d60017;
        --segmentedControlSelectedText:rgba(0, 0, 0, .88)
    }
}

:root .increase-contrast {
    --systemRed: #d70015;
    --systemRed-vibrant: #c20618;
    --systemOrange: #c93400;
    --systemOrange-vibrant: #ad3a00;
    --systemYellow: #a05a00;
    --systemYellow-vibrant: #925100;
    --systemGreen: #007d1b;
    --systemGreen-vibrant: #007018;
    --systemMint: #0c817b;
    --systemMint-vibrant: #0b7570;
    --systemTeal: #008299;
    --systemTeal-vibrant: #00778c;
    --systemCyan: #0071a4;
    --systemCyan-vibrant: #006796;
    --systemBlue: #0040dd;
    --systemBlue-vibrant: #0040dd;
    --systemIndigo: #3634a3;
    --systemIndigo-vibrant: #3634a3;
    --systemPurple: #ad44ab;
    --systemPurple-vibrant: #ad44ab;
    --systemPink: #d30f45;
    --systemPink-vibrant: #c11032;
    --systemBrown: #7f6545;
    --systemBrown-vibrant: #775d3b;
    --systemGray: #69696e;
    --systemGray-vibrant: #616165;
    --systemPrimary: #000;
    --systemPrimary-vibrant: #000;
    --systemPrimary-onLight: #000;
    --systemPrimary-onDark: #fff;
    --systemSecondary: rgba(0, 0, 0, .76);
    --systemSecondary-vibrant: rgba(0, 0, 0, .76);
    --systemSecondary-onLight: rgba(0, 0, 0, .76);
    --systemSecondary-onDark: hsla(0, 0%, 100%, .7);
    --systemTertiary: rgba(0, 0, 0, .56);
    --systemTertiary-vibrant: rgba(0, 0, 0, .56);
    --systemTertiary-onLight: rgba(0, 0, 0, .56);
    --systemTertiary-onDark: hsla(0, 0%, 100%, .5);
    --systemQuaternary: rgba(0, 0, 0, .35);
    --systemQuaternary-vibrant: rgba(0, 0, 0, .35);
    --systemQuaternary-onLight: rgba(0, 0, 0, .35);
    --systemQuaternary-onDark: hsla(0, 0%, 100%, .3);
    --systemQuinary: rgba(0, 0, 0, .1);
    --systemQuinary-vibrant: rgba(0, 0, 0, .1);
    --systemQuinary-onLight: rgba(0, 0, 0, .1);
    --systemQuinary-onDark: hsla(0, 0%, 100%, .1);
    --keyColor: #d60017;
    --keyColor-rgb: 214, 0, 23;
    --keyColor-rollover: #a20000;
    --keyColor-rollover-rgb: 162, 0, 0;
    --keyColor-pressed: #b00;
    --keyColor-pressed-rgb: 187, 0, 0;
    --keyColor-deepPressed: #a20000;
    --keyColor-deepPressed-rgb: 162, 0, 0;
    --keyColor-disabled: rgba(214, 0, 23, .25);
    --systemStandardUltrathinMaterialSover: #d2d2d2;
    --systemStandardUltrathinMaterialSover-inactive: #ececec;
    --systemStandardThinMaterialSover: #dcdcdc;
    --systemStandardThinMaterialSover-inactive: #ececec;
    --systemStandardMediumMaterialSover: #e6e6e6;
    --systemStandardMediumMaterialSover-inactive: #ececec;
    --systemStandardThickMaterialSover: #f0f0f0;
    --systemStandardThickMaterialSover-inactive: #ececec;
    --systemStandardUltrathickMaterialSover: #fafafa;
    --systemStandardUltrathickMaterialSover-inactive: #ececec;
    --systemHeaderMaterialSover: #fff;
    --systemToolbarTitlebarMaterialSover: #fff;
    --systemToolbarTitlebarMaterialSover-inactive: #ececec;
    --playerBackgroundFallback: #fafafa;
    --playerBackground: #fafafa;
    --navSidebarBG: #fafafa;
    --musicKeyColor: #d60017;
    --musicKeyColor-rollover: #a20000;
    --musicKeyColor-pressed: #b00;
    --musicKeyColor-deepPressed: #a20000;
    --musicKeyColor-disabled: rgba(214, 0, 23, .25);
    --tracklistAltRowColor: rgba(0, 0, 0, .05);
    --tracklistHoverColor: rgba(0, 0, 0, .1);
    --tracklistWorksTrackHoverColor: rgba(0, 0, 0, .18);
    --keyColorBG: #d60017;
    --selectionColor: #d60017;
    --segmentedControlBG: rgba(0, 0, 0, .2);
    --segmentedControlSelectedText: #000;
    --segmentedControlActiveBG:#d9d9d9
}

@media (prefers-contrast: more) {
    :root {
        --systemRed: #d70015;
        --systemRed-vibrant: #c20618;
        --systemOrange: #c93400;
        --systemOrange-vibrant: #ad3a00;
        --systemYellow: #a05a00;
        --systemYellow-vibrant: #925100;
        --systemGreen: #007d1b;
        --systemGreen-vibrant: #007018;
        --systemMint: #0c817b;
        --systemMint-vibrant: #0b7570;
        --systemTeal: #008299;
        --systemTeal-vibrant: #00778c;
        --systemCyan: #0071a4;
        --systemCyan-vibrant: #006796;
        --systemBlue: #0040dd;
        --systemBlue-vibrant: #0040dd;
        --systemIndigo: #3634a3;
        --systemIndigo-vibrant: #3634a3;
        --systemPurple: #ad44ab;
        --systemPurple-vibrant: #ad44ab;
        --systemPink: #d30f45;
        --systemPink-vibrant: #c11032;
        --systemBrown: #7f6545;
        --systemBrown-vibrant: #775d3b;
        --systemGray: #69696e;
        --systemGray-vibrant: #616165;
        --systemPrimary: #000;
        --systemPrimary-vibrant: #000;
        --systemPrimary-onLight: #000;
        --systemPrimary-onDark: #fff;
        --systemSecondary: rgba(0, 0, 0, .76);
        --systemSecondary-vibrant: rgba(0, 0, 0, .76);
        --systemSecondary-onLight: rgba(0, 0, 0, .76);
        --systemSecondary-onDark: hsla(0, 0%, 100%, .7);
        --systemTertiary: rgba(0, 0, 0, .56);
        --systemTertiary-vibrant: rgba(0, 0, 0, .56);
        --systemTertiary-onLight: rgba(0, 0, 0, .56);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .5);
        --systemQuaternary: rgba(0, 0, 0, .35);
        --systemQuaternary-vibrant: rgba(0, 0, 0, .35);
        --systemQuaternary-onLight: rgba(0, 0, 0, .35);
        --systemQuaternary-onDark: hsla(0, 0%, 100%, .3);
        --systemQuinary: rgba(0, 0, 0, .1);
        --systemQuinary-vibrant: rgba(0, 0, 0, .1);
        --systemQuinary-onLight: rgba(0, 0, 0, .1);
        --systemQuinary-onDark: hsla(0, 0%, 100%, .1);
        --keyColor: #d60017;
        --keyColor-rgb: 214, 0, 23;
        --keyColor-rollover: #a20000;
        --keyColor-rollover-rgb: 162, 0, 0;
        --keyColor-pressed: #b00;
        --keyColor-pressed-rgb: 187, 0, 0;
        --keyColor-deepPressed: #a20000;
        --keyColor-deepPressed-rgb: 162, 0, 0;
        --keyColor-disabled: rgba(214, 0, 23, .25);
        --systemStandardUltrathinMaterialSover: #d2d2d2;
        --systemStandardUltrathinMaterialSover-inactive: #ececec;
        --systemStandardThinMaterialSover: #dcdcdc;
        --systemStandardThinMaterialSover-inactive: #ececec;
        --systemStandardMediumMaterialSover: #e6e6e6;
        --systemStandardMediumMaterialSover-inactive: #ececec;
        --systemStandardThickMaterialSover: #f0f0f0;
        --systemStandardThickMaterialSover-inactive: #ececec;
        --systemStandardUltrathickMaterialSover: #fafafa;
        --systemStandardUltrathickMaterialSover-inactive: #ececec;
        --systemHeaderMaterialSover: #fff;
        --systemToolbarTitlebarMaterialSover: #fff;
        --systemToolbarTitlebarMaterialSover-inactive: #ececec;
        --playerBackgroundFallback: #fafafa;
        --playerBackground: #fafafa;
        --navSidebarBG: #fafafa;
        --musicKeyColor: #d60017;
        --musicKeyColor-rollover: #a20000;
        --musicKeyColor-pressed: #b00;
        --musicKeyColor-deepPressed: #a20000;
        --musicKeyColor-disabled: rgba(214, 0, 23, .25);
        --tracklistAltRowColor: rgba(0, 0, 0, .05);
        --tracklistHoverColor: rgba(0, 0, 0, .1);
        --tracklistWorksTrackHoverColor: rgba(0, 0, 0, .18);
        --keyColorBG: #d60017;
        --selectionColor: #d60017;
        --segmentedControlBG: rgba(0, 0, 0, .2);
        --segmentedControlSelectedText: #000;
        --segmentedControlActiveBG:#d9d9d9
    }

    @supports not (font: -apple-system-body) {
        :root {
            --systemPrimary: hsla(0, 0%, 100%, .92);
            --systemPrimary-vibrant: #f5f5f7;
            --systemPrimary-onLight: rgba(0, 0, 0, .88);
            --systemPrimary-onDark: hsla(0, 0%, 100%, .92);
            --systemSecondary: hsla(0, 0%, 100%, .64);
            --systemSecondary-vibrant: #a1a1a6;
            --systemSecondary-onLight: rgba(0, 0, 0, .56);
            --systemSecondary-onDark: hsla(0, 0%, 100%, .64);
            --systemTertiary: hsla(0, 0%, 100%, .4);
            --systemTertiary-vibrant: #6e6e73;
            --systemTertiary-onLight: rgba(0, 0, 0, .48);
            --systemTertiary-onDark: hsla(0, 0%, 100%, .4);
            --keyColor: #fa586a;
            --keyColor-rgb: 250, 88, 106;
            --keyColor-rollover: #ff8a9c;
            --keyColor-rollover-rgb: 255, 138, 156;
            --keyColor-pressed: #ff7183;
            --keyColor-pressed-rgb: 255, 113, 131;
            --keyColor-deepPressed: #ff8a9c;
            --keyColor-deepPressed-rgb: 255, 138, 156;
            --keyColor-disabled: rgba(250, 88, 106, .35);
            --musicKeyColor: #fa586a;
            --musicKeyColor-rollover: #ff8a9c;
            --musicKeyColor-pressed: #ff7183;
            --musicKeyColor-deepPressed: #ff8a9c;
            --musicKeyColor-disabled: rgba(250, 88, 106, .35);
            --keyColorBG: #d60017;
            --selectionColor:#a60012
        }
    }

    :root .increase-contrast {
        --systemRed: #ff6961;
        --systemRed-vibrant: #ff4136;
        --systemOrange: #ffb340;
        --systemOrange-vibrant: #ffb340;
        --systemYellow: #ffd426;
        --systemYellow-vibrant: #ffd426;
        --systemGreen: #31de4b;
        --systemGreen-vibrant: #31de4b;
        --systemMint: #63e6e2;
        --systemMint-vibrant: #63e6e2;
        --systemTeal: #5de6ff;
        --systemTeal-vibrant: #5de6ff;
        --systemCyan: #70d7ff;
        --systemCyan-vibrant: #70d7ff;
        --systemBlue: #409cff;
        --systemBlue-vibrant: #409cff;
        --systemIndigo: #7d7aff;
        --systemIndigo-vibrant: #7d7aff;
        --systemPurple: #da8fff;
        --systemPurple-vibrant: #da8fff;
        --systemPink: #ff6482;
        --systemPink-vibrant: #ff3a5f;
        --systemBrown: #b59469;
        --systemBrown-vibrant: #b59469;
        --systemGray: #98989d;
        --systemGray-vibrant: #98989d;
        --systemPrimary: #fff;
        --systemPrimary-vibrant: #fff;
        --systemPrimary-onLight: #000;
        --systemPrimary-onDark: #fff;
        --systemSecondary: hsla(0, 0%, 100%, .7);
        --systemSecondary-vibrant: hsla(0, 0%, 100%, .7);
        --systemSecondary-onLight: rgba(0, 0, 0, .76);
        --systemSecondary-onDark: hsla(0, 0%, 100%, .7);
        --systemTertiary: hsla(0, 0%, 100%, .5);
        --systemTertiary-vibrant: hsla(0, 0%, 100%, .5);
        --systemTertiary-onLight: rgba(0, 0, 0, .56);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .5);
        --systemQuaternary: hsla(0, 0%, 100%, .3);
        --systemQuaternary-vibrant: hsla(0, 0%, 100%, .3);
        --systemQuaternary-onLight: rgba(0, 0, 0, .35);
        --systemQuaternary-onDark: hsla(0, 0%, 100%, .3);
        --systemQuinary: hsla(0, 0%, 100%, .1);
        --systemQuinary-vibrant: hsla(0, 0%, 100%, .1);
        --systemQuinary-onLight: rgba(0, 0, 0, .1);
        --systemQuinary-onDark: hsla(0, 0%, 100%, .1);
        --keyColor: #fa586a;
        --keyColor-rgb: 250, 88, 106;
        --keyColor-rollover: #ff8a9c;
        --keyColor-rollover-rgb: 255, 138, 156;
        --keyColor-pressed: #ff7183;
        --keyColor-pressed-rgb: 255, 113, 131;
        --keyColor-deepPressed: #ff8a9c;
        --keyColor-deepPressed-rgb: 255, 138, 156;
        --keyColor-disabled: rgba(250, 88, 106, .35);
        --systemStandardUltrathinMaterialSover: #000;
        --systemStandardUltrathinMaterialSover-inactive: #141414;
        --systemStandardThinMaterialSover: #0a0a0a;
        --systemStandardThinMaterialSover-inactive: #141414;
        --systemStandardMediumMaterialSover: #141414;
        --systemStandardMediumMaterialSover-inactive: #141414;
        --systemStandardThickMaterialSover: #1e1e1e;
        --systemStandardThickMaterialSover-inactive: #141414;
        --systemStandardUltrathickMaterialSover: #282828;
        --systemStandardUltrathickMaterialSover-inactive: #141414;
        --systemHeaderMaterialSover: #1e1e1e;
        --systemToolbarTitlebarMaterialSover: #262626;
        --systemToolbarTitlebarMaterialSover-inactive: #141414;
        --playerBackgroundFallback: #282828;
        --playerBackground: #282828;
        --navSidebarBG: #282828;
        --musicKeyColor: #fa586a;
        --musicKeyColor-rollover: #ff8a9c;
        --musicKeyColor-pressed: #ff7183;
        --musicKeyColor-deepPressed: #ff8a9c;
        --musicKeyColor-disabled: rgba(250, 88, 106, .35);
        --tracklistAltRowColor: hsla(0, 0%, 100%, .05);
        --tracklistHoverColor: hsla(0, 0%, 100%, .1);
        --tracklistWorksTrackHoverColor: hsla(0, 0%, 100%, .18);
        --keyColorBG: #d60017;
        --selectionColor: #a60012;
        --segmentedControlBG: hsla(0, 0%, 100%, .24);
        --segmentedControlSelectedText: #000;
        --segmentedControlSelectedBG: #fff;
        --segmentedControlActiveBG:rgba(255, 255, 240, .9)
    }
}



:root {
    --viewport-default: "xsmall"
}

@media only screen and (min-width: 1000px) {
    :root {
        --viewport-default: "small"
    }
}

@media only screen and (min-width: 1260px) {
    :root {
        --viewport-default: "medium"
    }
}

@media only screen and (min-width: 1580px) {
    :root {
        --viewport-default: "large"
    }
}

@media only screen and (min-width: 1940px) {
    :root {
        --viewport-default: "xlarge"
    }
}

html {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 106.25%;
    quotes: "\201c" "\201d"
}

[lang]:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(he) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arial Hebrew, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(hi) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ja) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, \30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, \30e1\30a4\30ea\30aa, Meiryo, \ff2d\ff33 \ff30\30b4\30b7\30c3\30af, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Apple SD Gothic Neo, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(th) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-CN) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-HK), [lang]:lang(zh-MO) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-TW) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

:lang(cs), :lang(de) {
    quotes: "\201e" "\201c"
}

:lang(de-CH), :lang(de-LI) {
    quotes: "\ab" "\bb"
}

:lang(fr) {
    quotes: "\ab\a0" "\a0\bb"
}

:lang(es-ES), :lang(fr-CH) {
    quotes: "\ab" "\bb"
}

:lang(hu) {
    quotes: "\201e" "\201c"
}

:lang(ja-JP) {
    quotes: "\300c" "\300d"
}

:lang(no-NO) {
    quotes: "\ab" "\bb"
}

:lang(lt), :lang(pl) {
    quotes: "\201e" "\201c"
}

:lang(ru) {
    quotes: "\ab  " " \bb"
}

:lang(zh) {
    quotes: "\300c" "\300d"
}

:lang(zh-CN) {
    quotes: "\201c" "\201d"
}

body {
    color: var(--bodyTextColor, var(--systemPrimary));
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height:1.23077
}

body:lang(th) {
    line-height:1.72308
}

body:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

body, button, input, select, textarea {
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis:none
}

.link, a {
    color: var(--linkColor, inherit);
    cursor: pointer;
    letter-spacing: inherit;
    text-decoration:none
}

.link:hover, a:hover {
    -webkit-text-decoration: var(--linkHoverTextDecoration, underline);
    text-decoration:var(--linkHoverTextDecoration, underline)
}

.link:focus, .link:hover, a:focus, a:hover {
    color:var(--linkHoverColor, var(--linkColor, inherit))
}

.link:disabled, a:disabled {
    opacity:.32
}

li {
    list-style:none
}

b, strong {
    font-weight:600
}

cite, dfn, em, i {
    font-style:italic
}

sub, sup {
    font-size: .6em;
    position: relative;
    vertical-align:baseline
}

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

abbr {
    border:0
}

:lang(ja), :lang(ko), :lang(th), :lang(zh) {
    font-style:normal
}

:lang(ko) {
    word-break:keep-all
}

.text-align-center {
    text-align:center
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: local("Apple SD Gothic Neo Regular"), local("AppleSDGothicNeo-Regular"), url(/assets/fonts/locale-switcher/AppleSDGothicNeo-Regular-subset.woff2) format("woff2");
    unicode-range:U + ad6d, U + b300, U + bbf8, U + bbfc, U + c5b4, U + d55c
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/locale-switcher/ArabicUIText-Regular-subset.woff2) format("woff2");
    unicode-range:U + 20, U + 627-62a, U + 62d, U + 62f, U + 631, U + 639, U + 644, U + 645, U + 648, U + 64a
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: local("Arial Hebrew"), local("ArialHebrew"), url(/assets/fonts/locale-switcher/ArialHebrew-subset.woff2) format("woff2");
    unicode-range:U + 5d0, U + 5d9, U + 5dc, U + 5e8, U + 5e9
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: local("Hiragino Sans W4"), local("HiraginoSans-W4"), url(/assets/fonts/locale-switcher/HiraginoSans-W4-subset.woff2) format("woff2");
    unicode-range:U + 65e5, U + 672c
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher PingFang HK;
    font-style: normal;
    font-weight: 400;
    src: local("PingFang HK Regular"), local("PingFangHK-Regular"), url(/assets/fonts/locale-switcher/PingFangHK-Regular-subset.woff2) format("woff2");
    unicode-range:U + 20, U + 4e2d, U + 4f53, U + 53f0, U + 570b, U + 5927, U + 6587, U + 6e2f, U + 6fb3, U + 7063, U + 7b80, U + 7c21, U + 7e41, U + 7f8e, U + 9580, U + 9678, U + 9999, U + 9ad4
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher PingFang SC;
    font-style: normal;
    font-weight: 400;
    src: local("PingFang SC Regular"), local("PingFangSC-Regular"), url(/assets/fonts/locale-switcher/PingFangSC-Regular-subset.woff2) format("woff2");
    unicode-range:U + 20, U + 4e2d, U + 4f53, U + 53f0, U + 570b, U + 5927, U + 6587, U + 6e2f, U + 6fb3, U + 7063, U + 7b80, U + 7c21, U + 7e41, U + 7f8e, U + 9580, U + 9678, U + 9999, U + 9ad4
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher PingFang TC;
    font-style: normal;
    font-weight: 400;
    src: local("PingFang TC Regular"), local("PingFangTC-Regular"), url(/assets/fonts/locale-switcher/PingFangTC-Regular-subset.woff2) format("woff2");
    unicode-range:U + 20, U + 4e2d, U + 4f53, U + 53f0, U + 570b, U + 5927, U + 6587, U + 6e2f, U + 6fb3, U + 7063, U + 7b80, U + 7c21, U + 7e41, U + 7f8e, U + 9580, U + 9678, U + 9999, U + 9ad4
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: local("Kohinoor Devanagari Regular"), local("KohinoorDevanagari-Regular"), url(/assets/fonts/locale-switcher/KohinoorDevanagari-Regular-subset.woff2) format("woff2");
    unicode-range:U + 924, U + 92d, U + 930, U + 93e
}

@font-face {
    font-display: swap;
    font-family: Locale Switcher;
    font-style: normal;
    font-weight: 400;
    src: local("Thonburi"), local("Thonburi"), url(/assets/fonts/locale-switcher/https:/fonts.gstatic.com/l/\2026) format("woff2");
    unicode-range:U + e17, U + e22, U + e44
}

body, html {
    min-height:100%
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

[dir=rtl] address[dir=ltr], [dir=rtl] article[dir=ltr], [dir=rtl] blockquote[dir=ltr], [dir=rtl] dd[dir=ltr], [dir=rtl] details[dir=ltr], [dir=rtl] dialog[dir=ltr], [dir=rtl] div[dir=ltr], [dir=rtl] dl[dir=ltr], [dir=rtl] dt[dir=ltr], [dir=rtl] fieldset[dir=ltr], [dir=rtl] form[dir=ltr], [dir=rtl] h1[dir=ltr], [dir=rtl] h2[dir=ltr], [dir=rtl] h3[dir=ltr], [dir=rtl] h4[dir=ltr], [dir=rtl] h5[dir=ltr], [dir=rtl] h6[dir=ltr], [dir=rtl] nav[dir=ltr], [dir=rtl] ol[dir=ltr], [dir=rtl] pre[dir=ltr], [dir=rtl] section[dir=ltr], [dir=rtl] table[dir=ltr], [dir=rtl] ul[dir=ltr], [dir=rtl] p[dir=ltr] {
    direction: ltr;
    text-align:initial
}

[dir=ltr] address[dir=rtl], [dir=ltr] article[dir=rtl], [dir=ltr] blockquote[dir=rtl], [dir=ltr] dd[dir=rtl], [dir=ltr] details[dir=rtl], [dir=ltr] dialog[dir=rtl], [dir=ltr] div[dir=rtl], [dir=ltr] dl[dir=rtl], [dir=ltr] dt[dir=rtl], [dir=ltr] fieldset[dir=rtl], [dir=ltr] form[dir=rtl], [dir=ltr] h1[dir=rtl], [dir=ltr] h2[dir=rtl], [dir=ltr] h3[dir=rtl], [dir=ltr] h4[dir=rtl], [dir=ltr] h5[dir=rtl], [dir=ltr] h6[dir=rtl], [dir=ltr] nav[dir=rtl], [dir=ltr] ol[dir=rtl], [dir=ltr] pre[dir=rtl], [dir=ltr] section[dir=rtl], [dir=ltr] table[dir=rtl], [dir=ltr] ul[dir=rtl], [dir=ltr] p[dir=rtl] {
    direction: rtl;
    text-align:initial
}

[dir=rtl] span[dir=ltr], [dir=rtl] bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi:bidi-override
}

[dir=ltr] span[dir=rtl], [dir=ltr] bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi:bidi-override
}

:focus {
    outline: 4px solid rgba(var(--keyColor-rgb), .6);
    outline-offset:1px
}

.js-focus-visible :focus:not(.focus-visible) {
    box-shadow: none;
    outline:none
}

@supports selector(: focus-visible) {
    :focus {
        outline:none
    }

    :focus-visible {
        outline: 4px solid rgba(var(--keyColor-rgb), .6);
        outline-offset:1px
    }
}

[type=button]:focus, button:focus {
    box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline:none
}

@supports selector(: focus-visible) {
    [type=button]:focus, a:focus, button:focus {
        box-shadow: none;
        outline:none
    }

    [type=button]:focus-visible, a:focus-visible, button:focus-visible {
        box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline:none
    }
}

[draggable=true] {
    -webkit-user-drag:element
}

[data-drop-area]:not(.drop-reset).is-drag-over {
    box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline:none
}

[data-drop-area]:not(.drop-reset).is-drag-over-bottom, [data-drop-area]:not(.drop-reset).is-drag-over-left, [data-drop-area]:not(.drop-reset).is-drag-over-right, [data-drop-area]:not(.drop-reset).is-drag-over-top {
    position:relative
}

[data-drop-area]:not(.drop-reset).is-drag-over-bottom:after, [data-drop-area]:not(.drop-reset).is-drag-over-left:after, [data-drop-area]:not(.drop-reset).is-drag-over-right:after, [data-drop-area]:not(.drop-reset).is-drag-over-top:after {
    background-color: var(--keyColor);
    content: "";
    position: absolute;
    z-index:4
}

[data-drop-area]:not(.drop-reset).is-drag-over-bottom:after, [data-drop-area]:not(.drop-reset).is-drag-over-top:after {
    height: 2px;
    width:100%
}

:global(html[dir=ltr]) [data-drop-area]:not(.drop-reset).is-drag-over-bottom:after, :global(html[dir=ltr]) [data-drop-area]:not(.drop-reset).is-drag-over-top:after {
    left:0
}

:global(html[dir=rtl]) [data-drop-area]:not(.drop-reset).is-drag-over-bottom:after, :global(html[dir=rtl]) [data-drop-area]:not(.drop-reset).is-drag-over-top:after {
    right:0
}

[data-drop-area]:not(.drop-reset).is-drag-over-top:after {
    top: 0;
    transform:translateY(-1px)
}

[data-drop-area]:not(.drop-reset).is-drag-over-bottom:after {
    bottom: 0;
    transform:translateY(1px)
}

[data-drop-area]:not(.drop-reset).is-drag-over-left:after, [data-drop-area]:not(.drop-reset).is-drag-over-right:after {
    height: 100%;
    top: 0;
    width:2px
}

:global(html[dir=ltr]) [data-drop-area]:not(.drop-reset).is-drag-over-right:after {
    right:-1px
}

:global(html[dir=rtl]) [data-drop-area]:not(.drop-reset).is-drag-over-right:after {
    left:-1px
}

:global(html[dir=ltr]) [data-drop-area]:not(.drop-reset).is-drag-over-left:after {
    left:-1px
}

:global(html[dir=rtl]) [data-drop-area]:not(.drop-reset).is-drag-over-left:after {
    right:-1px
}

#musickit-dialog-scrim {
    background-color: var(--modalScrimColor) !important;
    z-index:10000
}

#musickit-dialog {
    --mk-dialog-background: var(--pageBG) !important;
    --mk-dialog-text: var(--systemPrimary) !important;
    --mk-dialog-primary: var(--keyColor) !important;
    border-radius:var(--modalBorderRadius) !important
}

:root {
    --web-navigation-width:164px
}

@media only screen and (min-width: 484px) {
    :root {
        --web-navigation-width:33.8843vw
    }
}

@media only screen and (min-width: 767.31707px) {
    :root {
        --web-navigation-width:260px
    }
}

:root {
    --bodyGutter:25px
}

@media only screen and (min-width: 1000px) {
    :root {
        --bodyGutter:40px
    }
}

main.svelte-1ehmf98 {
    flex-grow:1
}

.content-container.svelte-1ehmf98 {
    margin: 0 auto;
    max-width: 1680px;
    min-height: 100%;
    position: relative;
    width: 100%;
    z-index:1
}

@media only screen and (min-width: 484px) {
    .content-container.svelte-1ehmf98 .search-input-wrapper {
        display:none
    }
}

.section.svelte-1g7ob8i.svelte-1g7ob8i:not(:first-of-type) {
    padding-top:12px
}

.section.with-pinned-item.svelte-1g7ob8i.svelte-1g7ob8i {
    display:flex
}

@media only screen and (max-width: 999px) {
    .section.with-pinned-item.svelte-1g7ob8i.svelte-1g7ob8i {
        display:unset
    }
}

@media only screen and (min-width: 1000px) {
    .section.with-pinned-item.svelte-1g7ob8i .section-content.svelte-1g7ob8i {
        flex: 1;
        width:auto
    }

    html[dir=ltr] .section.with-pinned-item.svelte-1g7ob8i .section-content.svelte-1g7ob8i {
        margin-left:-20px
    }

    html[dir=rtl] .section.with-pinned-item.svelte-1g7ob8i .section-content.svelte-1g7ob8i {
        margin-right:-20px
    }

    @supports (-webkit-tap-highlight-color: currentcolor) and(not(-webkit-background-composite: clear)) and(not(-ms-accelerator: true)) and(not(overflow: -webkit-marquee)) and(not(-moz-appearance: none)) {
        .section.with-pinned-item.svelte-1g7ob8i .section-content.svelte-1g7ob8i {
            width:0
        }
    }
}

.section.svelte-1g7ob8i.svelte-1g7ob8i:not(.with-top-spacing):has(.songs-list) {
    padding-top:0
}

.section--alternate.svelte-1g7ob8i.svelte-1g7ob8i {
    background-color:var(--opaqueShelfBG)
}

.section-separator.svelte-1g7ob8i.svelte-1g7ob8i {
    border-bottom: .5px solid var(--labelDivider);
    margin:0 var(--bodyGutter)
}

.with-top-spacing.svelte-1g7ob8i.svelte-1g7ob8i {
    padding-top:32px
}

@media only screen and (max-width: 483px) {
    .section-recently-searched-top-search-lockup.svelte-1g7ob8i.svelte-1g7ob8i {
        display:none
    }
}


.grid.svelte-1p1n7nd.svelte-1p1n7nd {
    margin:13px var(--bodyGutter) 13px
}

.grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd {
    grid-gap: 10px;
    display:grid
}

@media only screen and (min-width: 1000px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-gap:20px
    }

    .grid.grid--flow-row.grid--top-results.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (min-width: 607px) and(max-width: 999px) {
    .grid.grid--flow-row.grid--top-results.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:1fr
    }
}

.grid.grid--flow-row.grid--category-bricks.svelte-1p1n7nd a {
    border-radius: 10px;
    display:block
}

@media only screen and (min-width: 607px) {
    .grid.grid--flow-row.grid--category-bricks.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:1fr 1fr
    }
}

@media only screen and (min-width: 1000px) {
    .grid.grid--flow-row.grid--category-bricks.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media only screen and (max-width: 866px) {
    .grid.grid--flow-row.grid--category-bricks.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:1fr 1fr
    }
}

.grid.grid--flow-row.grid--horizontal-lockups.svelte-1p1n7nd.svelte-1p1n7nd {
    grid-template-columns: repeat(1, 1fr);
    margin-top:10px
}

@media only screen and (min-width: 1000px) {
    .grid.grid--flow-row.grid--horizontal-lockups.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (min-width: 1260px) {
    .grid.grid--flow-row.grid--horizontal-lockups.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (min-width: 1580px) {
    .grid.grid--flow-row.grid--horizontal-lockups.svelte-1p1n7nd.svelte-1p1n7nd {
        grid-template-columns:repeat(4, 1fr)
    }
}

.grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    grid-gap: var(--roomGridGap);
    --roomGridColumns: 2;
    --roomGridGap: 10px;
    display: grid;
    grid-template-columns:repeat(var(--roomGridColumns), 1fr)
}

@media only screen and (min-width: 415px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
        --roomGridColumns:3
    }
}

@media only screen and (min-width: 1000px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
        --roomGridColumns: 4;
        --roomGridGap:20px
    }
}

@media only screen and (min-width: 1260px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
        --roomGridColumns:5
    }
}

@media only screen and (min-width: 1580px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
        --roomGridColumns:6
    }
}

@media only screen and (min-width: 484px) and(max-width: 578px) {
    .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
        --roomGridColumns:2
    }
}

html[dir=ltr] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    margin-left:var(--bodyGutter)
}

html[dir=ltr] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns), html[dir=rtl] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    margin-right:var(--bodyGutter)
}

html[dir=rtl] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    margin-left:var(--bodyGutter)
}

html[dir=ltr] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    padding-left:0
}

html[dir=ltr] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns), html[dir=rtl] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    padding-right:0
}

html[dir=rtl] .grid.grid--flow-row.svelte-1p1n7nd.svelte-1p1n7nd:not(.grid--custom-columns) {
    padding-left:0
}

.grid.grid--flow-row.svelte-1p1n7nd:not(.grid--custom-columns) .grid-item.svelte-1p1n7nd {
    padding:0 0 15px
}

@media only screen and (min-width: 1000px) {
    .grid.grid--flow-column.svelte-1p1n7nd.svelte-1p1n7nd {
        -webkit-columns: 3;
        -moz-columns: 3;
        column-count: 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap:20px
    }
}

@supports (background-image: -webkit-named-image(apple-pay-logo-black)) or(-webkit-appearance: -apple-pay-button) {
    .grid-item.svelte-1p1n7nd.svelte-1p1n7nd {
        min-width:0
    }
}

.multiline-clamp.svelte-1qrlry {
    -webkit-line-clamp: var(--lineClamp, 1);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow:hidden
}

.multiline-clamp--overflow.svelte-1qrlry {
    -webkit-clip-path: inset(var(--overflowBleedSize, 4px));
    clip-path: inset(var(--overflowBleedSize, 4px));
    margin-bottom: calc(var(--overflowBleedSize, 4px) * -1);
    margin-top: calc(var(--overflowBleedSize, 4px) * -1);
    padding-bottom: var(--overflowBleedSize, 4px);
    padding-top: var(--overflowBleedSize, 4px);
    padding-left: 4px;
    scroll-padding:var(--overflowBleedSize, 4px)
}

html[dir=ltr] .multiline-clamp--overflow.svelte-1qrlry {
    margin-right:calc(var(--overflowBleedSize, 4px) * -1)
}

html[dir=rtl] .multiline-clamp--overflow.svelte-1qrlry {
    margin-left:calc(var(--overflowBleedSize, 4px) * -1)
}

html[dir=ltr] .multiline-clamp--overflow.svelte-1qrlry {
    padding-right:var(--overflowBleedSize, 4px)
}

html[dir=rtl] .multiline-clamp--overflow.svelte-1qrlry {
    padding-left:var(--overflowBleedSize, 4px)
}

html[dir=ltr] .multiline-clamp--overflow.svelte-1qrlry {
    margin-left:calc(var(--overflowBleedSize, 4px) * -1)
}

html[dir=rtl] .multiline-clamp--overflow.svelte-1qrlry {
    margin-right:calc(var(--overflowBleedSize, 4px) * -1)
}

html[dir=ltr] .multiline-clamp--overflow.svelte-1qrlry {
    padding-left:var(--overflowBleedSize, 4px)
}

html[dir=rtl] .multiline-clamp--overflow.svelte-1qrlry {
    padding-right:var(--overflowBleedSize, 4px)
}

.multiline-clamp--overflow.svelte-1qrlry:focus-within {
    -webkit-clip-path: none;
    clip-path:none
}


.product-lockup.svelte-21e67y.svelte-21e67y {
    cursor: pointer;
    height: 100%;
    min-width:0
}

@media only screen and (hover: hover) and(pointer: fine) {
    .product-lockup.svelte-21e67y.svelte-21e67y {
        --scrimOpacity:0
    }

    .product-lockup.has-open-menu.svelte-21e67y.svelte-21e67y, .product-lockup.svelte-21e67y.svelte-21e67y:focus-within, .product-lockup.svelte-21e67y.svelte-21e67y:hover {
        --scrimOpacity:1
    }

    @supports selector(: has(: focus-visible)) {
        .product-lockup.svelte-21e67y.svelte-21e67y:focus-within {
            --scrimOpacity:0
        }

        .product-lockup.has-open-menu.svelte-21e67y.svelte-21e67y, .product-lockup.svelte-21e67y.svelte-21e67y:has(:focus-visible), .product-lockup.svelte-21e67y.svelte-21e67y:hover {
            --scrimOpacity:1
        }
    }
}

.product-lockup.svelte-21e67y .social-badges {
    opacity: calc(1 - var(--scrimOpacity, 0));
    transition:opacity .1s ease-in
}

.product-lockup__artwork.svelte-21e67y.svelte-21e67y {
    border-radius: 7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .01), 0 2px 2px rgba(0, 0, 0, .01), 0 4px 4px rgba(0, 0, 0, .02), 0 8px 8px rgba(0, 0, 0, .03), 0 14px 14px rgba(0, 0, 0, .03);
    position: relative;
    z-index:1
}

.product-lockup__artwork.svelte-21e67y.svelte-21e67y:after {
    background-color: rgba(51, 51, 51, .3);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: opacity .1s ease-in;
    width: 100%;
    z-index:1
}

.product-lockup__content.svelte-21e67y.svelte-21e67y {
    margin-top:4px;
}

.product-lockup__ordinal.svelte-21e67y.svelte-21e67y {
    color: var(--systemPrimary);
    font-size: 12px;
    font-weight: 400;
    font-weight: 800;
    letter-spacing: 0;
    line-height:1.25
}

.product-lockup__ordinal.svelte-21e67y.svelte-21e67y:lang(th) {
    line-height:1.75
}

.product-lockup__ordinal.svelte-21e67y.svelte-21e67y:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-lockup__content-details--no-subtitle-link.svelte-21e67y.svelte-21e67y:hover {
    --linkHoverTextDecoration:underline
}

.product-lockup__content-details--no-subtitle-link.svelte-21e67y .product-lockup__subtitle-links.svelte-21e67y, .product-lockup__content-details--no-subtitle-link.svelte-21e67y .product-lockup__title-link.svelte-21e67y {
    -webkit-text-decoration: var(--linkHoverTextDecoration);
    text-decoration:var(--linkHoverTextDecoration);
}

.product-lockup__title-link.svelte-21e67y.svelte-21e67y {
    color: var(--systemPrimary);
    display: grid;
    font-size: 12px;
    font-weight: 400;
    grid-template-columns: minmax(0, 1fr) auto;
    letter-spacing: 0;
    line-height:1.25
}

.product-lockup__title-link.svelte-21e67y.svelte-21e67y:lang(th) {
    line-height:1.75
}

.product-lockup__title-link.svelte-21e67y.svelte-21e67y:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

@supports selector(: has(: focus-visible)) {
    .product-lockup__subtitle-links--multiline.product-lockup__subtitle-links--singlet.svelte-21e67y .svelte-21e67y:focus-visible, .product-lockup__title-link--multiline.svelte-21e67y .svelte-21e67y:focus-visible {
        box-shadow: none;
        outline:none
    }

    .product-lockup__title-link--multiline:has(:focus-visible).product-lockup__title-link.svelte-21e67y.svelte-21e67y {
        box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline:none
    }

    .product-lockup__subtitle-links--multiline.product-lockup__subtitle-links--singlet:has(:focus-visible).product-lockup__subtitle-links.svelte-21e67y .multiline-clamp {
        box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline:none
    }
}

.product-lockup__subtitle-links.svelte-21e67y.svelte-21e67y {
    color: var(--systemSecondary);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25;
    margin-top:1px
}

.product-lockup__subtitle-links.svelte-21e67y.svelte-21e67y:lang(th) {
    line-height:1.75
}

.product-lockup__subtitle-links.svelte-21e67y.svelte-21e67y:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-lockup__subtitle--button.svelte-21e67y.svelte-21e67y {
    display: inline;
    text-align:left
}

html[dir=rtl] .product-lockup__subtitle--button.svelte-21e67y.svelte-21e67y {
    text-align:right
}

.product-lockup__subtitle--button.svelte-21e67y > span.svelte-21e67y {
    -webkit-line-clamp: var(--lineClamp);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow:hidden
}

.product-lockup__explicit.svelte-21e67y.svelte-21e67y {
    --explicitBadgeSize:11px
}

html[dir=ltr] .product-lockup__explicit.svelte-21e67y.svelte-21e67y {
    margin-left:10px
}

html[dir=rtl] .product-lockup__explicit.svelte-21e67y.svelte-21e67y {
    margin-right:10px
}

.product-lockup__controls.svelte-21e67y.svelte-21e67y {
    border-radius: inherit;
    height: 100%;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: opacity .1s ease-in;
    width: 100%;
    z-index:2
}

@media only screen and (pointer: coarse) {
    .product-lockup__controls.svelte-21e67y.svelte-21e67y {
        visibility:hidden
    }
}

.product-lockup__context-button.svelte-21e67y.svelte-21e67y {
    bottom: 10px;
    line-height: 0;
    position: absolute;
    z-index:1
}

html[dir=ltr] .product-lockup__context-button.svelte-21e67y.svelte-21e67y {
    right:10px
}

html[dir=rtl] .product-lockup__context-button.svelte-21e67y.svelte-21e67y {
    left:10px
}

.product-lockup__play-button.svelte-21e67y.svelte-21e67y {
    --iconCircleFillBGOverride: transparent;
    bottom: 10px;
    line-height: 0;
    position: absolute;
    z-index:1
}

.product-lockup__play-button.svelte-21e67y .play-button.is-large {
    border-radius: 0;
    height: 100%;
    width:100%
}

html[dir=ltr] .product-lockup__play-button.svelte-21e67y.svelte-21e67y {
    left:10px
}

html[dir=rtl] .product-lockup__play-button.svelte-21e67y.svelte-21e67y {
    right:10px
}

.product-lockup__play-button--large.svelte-21e67y.svelte-21e67y {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index:1
}

html[dir=ltr] .product-lockup__play-button--large.svelte-21e67y.svelte-21e67y {
    left:0
}

html[dir=ltr] .product-lockup__play-button--large.svelte-21e67y.svelte-21e67y, html[dir=rtl] .product-lockup__play-button--large.svelte-21e67y.svelte-21e67y {
    right:0
}

html[dir=rtl] .product-lockup__play-button--large.svelte-21e67y.svelte-21e67y {
    left:0
}

.container-style.svelte-e284u3.svelte-e284u3 {
    border-radius:7px
}

.container-style.svelte-e284u3.svelte-e284u3:after {
    border-radius: var(--afterShadowBorderRadius, inherit);
    box-shadow: var(--artworkShadowInset, inset 0 0 0 1px hsla(0, 0%, 50%, .1));
    content: "";
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:2
}

.artwork-component.svelte-e284u3.svelte-e284u3 {
    background-color: var(--override-placeholder-bg-color, var(--placeholder-bg-color, var(--genericJoeColor)));
    border-radius: inherit;
    box-sizing: border-box;
    contain: content;
    height: var(--artwork-override-height, auto);
    max-height: var(--artwork-override-max-height, none);
    max-width: var(--artwork-override-max-width, none);
    min-height: var(--artwork-override-min-height, 0);
    overflow: hidden;
    position: relative;
    width: var(--artwork-override-width, 100%);
    z-index:1
}

.artwork-component.artwork-component--has-borders.svelte-e284u3.svelte-e284u3:after {
    border-radius: var(--afterShadowBorderRadius, inherit);
    box-shadow: var(--artworkShadowInset, inset 0 0 0 1px hsla(0, 0%, 50%, .1));
    content: "";
    display: block;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:2
}

.artwork-component.artwork-component--variable.svelte-e284u3.svelte-e284u3 {
    height: 0;
    overflow: hidden;
    padding-top: calc(100%/var(--dominant-aspect-ratio, var(--aspect-ratio, 1)));
    position:relative
}

.artwork-component.artwork-component--variable.svelte-e284u3 > picture img.svelte-e284u3 {
    border-radius: 0;
    height: auto !important;
    left: var(--artwork-position-x, 50%);
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translate(calc(var(--artwork-position-x, 50%) * -1));
    width: auto !important;
    z-index:1
}

.artwork-component.artwork-component--variable.svelte-e284u3 > .svelte-e284u3 {
    z-index:3
}

.artwork-component.artwork-component--variable.artwork-component--bg-override.svelte-e284u3.svelte-e284u3 {
    background-color:var(--artwork-bg-color)
}

.artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3 {
    border-radius: 10px 10px 0 0;
    flex-grow: 0;
    overflow:hidden
}

.artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3, .artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3:after {
    border-radius:10px 10px 0 0
}

@media only screen and (hover: hover) and(pointer: fine) {
    .artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3:after {
        transition:background-color .1s ease-in
    }
}

@supports (-webkit-box-reflect: initial) {
    .artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3 {
        -webkit-box-reflect: below;
        overflow:visible
    }

    .artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3:after {
        box-shadow:none
    }
}

@supports (-webkit-tap-highlight-color: currentcolor) and(not(-webkit-background-composite: clear)) and(not(-ms-accelerator: true)) and(not(overflow: -webkit-marquee)) and(not(-moz-appearance: none)) {
    .artwork-component--top-rounded-secondary.svelte-e284u3.svelte-e284u3 {
        -webkit-box-reflect: initial;
        overflow:hidden
    }
}

.artwork-component__contents.svelte-e284u3.svelte-e284u3 {
    border-radius: inherit;
    transition:opacity .1s ease-in
}

.artwork-component__image.svelte-e284u3.svelte-e284u3 {
    display: block;
    height: var(--artwork-override-height, auto);
    max-height: var(--artwork-override-max-height, none);
    max-width: var(--artwork-override-max-width, none);
    min-height: var(--artwork-override-min-height, 0);
    width:var(--artwork-override-width, 100%)
}

.artwork-component--error.svelte-e284u3.svelte-e284u3, .artwork-component.svelte-e284u3.svelte-e284u3:not(.artwork-component--downloaded) {
    background-color:var(--override-placeholder-bg-color, var(--placeholder-bg-color, var(--genericJoeColor)))
}

@media only screen and (prefers-color-scheme: dark) {
    .artwork-component--error[style * ="#ebebeb"].svelte-e284u3.svelte-e284u3, .artwork-component:not(.artwork-component--downloaded)[style * ="#ebebeb"].svelte-e284u3.svelte-e284u3 {
        background-color:#323232
    }
}

.artwork-component--aspect-ratio.svelte-e284u3.svelte-e284u3:not(.artwork-component--downloaded), .artwork-component--error.svelte-e284u3.svelte-e284u3 {
    overflow:hidden
}

.artwork-component--aspect-ratio.svelte-e284u3.svelte-e284u3:not(.artwork-component--downloaded):after, .artwork-component--aspect-ratio.svelte-e284u3.svelte-e284u3:not(.artwork-component--downloaded):before, .artwork-component--error.svelte-e284u3.svelte-e284u3:after, .artwork-component--error.svelte-e284u3.svelte-e284u3:before {
    box-sizing: border-box;
    content: "";
    display: block;
    padding-bottom:calc(100% / var(--override-aspect-ratio, var(--dominant-aspect-ratio, var(--aspect-ratio))))
}

.artwork-component--aspect-ratio.svelte-e284u3.svelte-e284u3:not(.artwork-component--downloaded):after, .artwork-component--error.svelte-e284u3.svelte-e284u3:after {
    min-height:0
}

.artwork-component--aspect-ratio.svelte-e284u3:not(.artwork-component--downloaded) > :first-child, .artwork-component--aspect-ratio.svelte-e284u3:not(.artwork-component--downloaded) > noscript > :first-child, .artwork-component--error.svelte-e284u3 > :first-child, .artwork-component--error.svelte-e284u3 > noscript > :first-child {
    height: var(--artwork-override-height, 100%);
    left: 50%;
    max-height: var(--artwork-override-max-height, none);
    max-width: var(--artwork-override-max-width, none);
    min-height: var(--artwork-override-min-height, 0);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translate(-50%);
    width: var(--artwork-override-width, 100%);
    z-index:1
}

.artwork-component--aspect-ratio.svelte-e284u3:not(.artwork-component--downloaded) > img, .artwork-component--aspect-ratio.svelte-e284u3:not(.artwork-component--downloaded) > noscript > img, .artwork-component--error.svelte-e284u3 > img, .artwork-component--error.svelte-e284u3 > noscript > img {
    height: auto;
    min-height:var(--artwork-override-min-height, 0)
}

.artwork-component--fullwidth.svelte-e284u3.svelte-e284u3, .artwork-component--fullwidth.svelte-e284u3 > noscript {
    width:100%
}

.artwork-component--fullwidth.svelte-e284u3 > noscript > picture .artwork-component__image {
    height: auto;
    width:100%
}

.artwork-component--fullwidth.svelte-e284u3 > noscript > picture .artwork-component__image:after {
    content: "";
    display: block;
    width:100%
}


.header.svelte-hprj71 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin:0 var(--bodyGutter) 13px
}

.section-content:has(.songs-list--album) .header.svelte-hprj71 {
    margin-bottom: 9px;
    margin-top:37px
}

.header-title-wrapper.svelte-hprj71 {
    flex:1
}

.header-title-wrapper.svelte-hprj71 .chevron {
    fill: var(--dropdownLightGrayIcon);
    height:12px
}

html[dir=rtl] .header-title-wrapper.svelte-hprj71 .chevron {
    transform:scaleX(-1)
}

.headline.svelte-hprj71 {
    color: var(--systemSecondary, #ccc);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.33338;
    margin-top:3px
}

.headline.svelte-hprj71:lang(th) {
    line-height:1.86667
}

.headline.svelte-hprj71:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.headline-link.svelte-hprj71:hover {
    cursor: pointer;
    text-decoration:underline
}

.title.svelte-hprj71 {
    color: var(--systemPrimary, #000);
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    line-height:1.29412
}

.title.svelte-hprj71:lang(th) {
    line-height:1.81184
}

.title.svelte-hprj71:lang(zh) {
    font-weight:600
}

.title.svelte-hprj71:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-content:has(.songs-list--album) .title.svelte-hprj71 {
    color: var(--systemSecondary);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height:1.25
}

.section-content:has(.songs-list--album) .title.svelte-hprj71:lang(th) {
    line-height:1.75
}

.section-content:has(.songs-list--album) .title.svelte-hprj71:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.title__button.svelte-hprj71 {
    text-align:left
}

html[dir=rtl] .title__button.svelte-hprj71 {
    text-align:right
}

.title-link.svelte-hprj71:hover {
    cursor:pointer
}

.subtitle.svelte-hprj71 {
    color: var(--systemSecondary, #ccc);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height:1.33338
}

.subtitle.svelte-hprj71:lang(th) {
    line-height:1.86667
}

.subtitle.svelte-hprj71:lang(ar) {
    font-family:-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arabic UI Text, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.new-release {
    background-color: #ceffce;
}

/* 专辑表格样式优化 */
#latest-releases-content table {
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin: 20px auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

#latest-releases-content table th {
    padding: 12px;
    text-align: center;
    font-weight: 600;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#latest-releases-content table td {
    padding: 12px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

#latest-releases-content table tr:last-child td {
    border-bottom: none;
}

#latest-releases-content table tr:hover {
    background-color: rgba(0,0,0,0.02);
}

#latest-releases-content .album_name {
    line-height: 1.5 !important;
}

#latest-releases-content .album_name a {
    color: var(--systemPrimary);
    text-decoration: none;
}

#latest-releases-content .album_name a:hover {
    text-decoration: underline;
}

#latest-releases-content button {
    background: var(--keyColor);
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    margin: 2px;
}

#latest-releases-content button:hover {
    background: var(--keyColor-rollover);
}

#latest-releases-content button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* 响应式设计 */
@media only screen and (max-width: 768px) {
    #latest-releases-content table {
        font-size: 12px;
    }
    
    #latest-releases-content table td,
    #latest-releases-content table th {
        padding: 8px;
    }
    
    #latest-releases-content img {
        height: 60px !important;
    }
}