@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: start
}

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-visible {
    outline: 4px solid var(--sk-focus-color, rgba(var(--keyColor-rgb), .6));
    outline-offset: var(--sk-focus-offset, 1px)
}

::-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-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: 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 {
    --keyline-border-style: .5px solid var(--labelDivider);
    --z-unset: unset;
    --z-default: 1;
    --z-bubbles: 50;
    --z-gpu: 1001;
    --z-web-chrome: 9901;
    --z-contextual-menus: 9951;
    --z-modal: 10001;
    --global-transition-property: opacity;
    --global-transition-duration: .1s;
    --global-transition-timing-function: ease-in;
    --global-transition: var(--global-transition-property, opacity) var(--global-transition-duration, .1s) var(--global-transition-timing-function, ease-in);
    color-scheme: light dark;
    --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: grey;
    --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);
    --systemGray2: #aeaeb2;
    --systemGray2-onLight: #aeaeb2;
    --systemGray2-onDark: #636366;
    --systemGray2-default_IC: #8e8e93;
    --systemGray2-onLight_IC: #8e8e93;
    --systemGray2-onDark_IC: #7c7c80;
    --systemGray3: #c7c7cc;
    --systemGray3-onLight: #c7c7cc;
    --systemGray3-onDark: #48484a;
    --systemGray3-default_IC: #aeaeb2;
    --systemGray3-onLight_IC: #aeaeb2;
    --systemGray3-onDark_IC: #545456;
    --systemGray4: #d1d1d6;
    --systemGray4-onLight: #d1d1d6;
    --systemGray4-onDark: #3a3a3c;
    --systemGray4-default_IC: #bcbcc0;
    --systemGray4-onLight_IC: #bcbcc0;
    --systemGray4-onDark_IC: #444446;
    --systemGray5: #e5e5ea;
    --systemGray5-onLight: #e5e5ea;
    --systemGray5-onDark: #2c2c2e;
    --systemGray5-default_IC: #d8d8dc;
    --systemGray5-onLight_IC: #d8d8dc;
    --systemGray5-onDark_IC: #363638;
    --systemGray6: #f2f2f7;
    --systemGray6-onLight: #f2f2f7;
    --systemGray6-onDark: #1c1c1e;
    --systemGray6-default_IC: #ebebf0;
    --systemGray6-onLight_IC: #ebebf0;
    --systemGray6-onDark_IC: #242426;
    --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(120, 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(120, 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;
    --shelfLockupPlayHover: #69696e;
    --lockupHoverBGColor: rgba(51, 51, 51, .3);
    --lockupChinScrim: rgba(0, 0, 0, .2);
    --mobileNavigationBG: #fff;
    --miniPlayerBackground: hsla(0, 0%, 100%, .9);
    --miniPlayerBackground-default_IC: #fafafa;
    --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);
    --modalScrimColor: rgba(0, 0, 0, .45);
    --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);
    --modalCloseButtonBGColor: #e8e8ed;
    --modalCloseButtonBGColor-rollover: #ececf0;
    --modalCloseButtonBGColor-pressed: #dfdfe4;
    --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);
    --lyricsTranslationButtonBG: rgba(0, 0, 0, .1);
    --lyricsTranslationButtonBGHover: rgba(0, 0, 0, .25);
    --lyricsTranslationButtonBGMenu: rgba(0, 0, 0, .4);
    --lyricsTranslationButtonBGActive: #6c6c6c;
    --lyricsTranslationButtonBGActiveHover: rgba(0, 0, 0, .68);
    --lyricsTranslationButtonBGActiveMenu: rgba(0, 0, 0, .85);
    --lyricsTranslationButtonIconFill: #666;
    --lyricsTranslationButtonIconHover: #666;
    --lyricsTranslationButtonIconFillMenu: #343434;
    --lyricsTranslationButtonIconFillActive: #fff;
    --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;
    --nowPlayingBackdropBG: #878787;
    --tracklistBadgeBorderColor: #fbfbfb;
    --tracklistBadgeBackgroundColor: #e9e9ea;
    --systemGroupedBackgroundSecondary: #fff;
    --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
}

@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);
        --segmentedControlSelectedText: rgba(0, 0, 0, .88);
        --musicKeyColor: #d60017;
        --musicKeyColor-rollover: #a20000;
        --musicKeyColor-pressed: #b00;
        --musicKeyColor-deepPressed: #a20000;
        --musicKeyColor-disabled: rgba(214, 0, 23, .25);
        --keyColorBG: #d60017;
        --selectionColor: #d60017
    }
}

: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);
    --systemGray2: #8e8e93;
    --systemGray2-onLight: #8e8e93;
    --systemGray2-onDark: #7c7c80;
    --systemGray3: #aeaeb2;
    --systemGray3-onLight: #aeaeb2;
    --systemGray3-onDark: #545456;
    --systemGray4: #bcbcc0;
    --systemGray4-onLight: #bcbcc0;
    --systemGray4-onDark: #444446;
    --systemGray5: #d8d8dc;
    --systemGray5-onLight: #d8d8dc;
    --systemGray5-onDark: #363638;
    --systemGray6: #ebebf0;
    --systemGray6-onLight: #ebebf0;
    --systemGray6-onDark: #242426;
    --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;
    --miniPlayerBackground: #fafafa;
    --playerBackgroundFallback: #fafafa;
    --playerBackground: #fafafa;
    --navSidebarBG: #fafafa;
    --segmentedControlBG: rgba(0, 0, 0, .2);
    --segmentedControlSelectedText: #000;
    --segmentedControlActiveBG: #d9d9d9;
    --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
}

@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);
        --systemGray2: #8e8e93;
        --systemGray2-onLight: #8e8e93;
        --systemGray2-onDark: #7c7c80;
        --systemGray3: #aeaeb2;
        --systemGray3-onLight: #aeaeb2;
        --systemGray3-onDark: #545456;
        --systemGray4: #bcbcc0;
        --systemGray4-onLight: #bcbcc0;
        --systemGray4-onDark: #444446;
        --systemGray5: #d8d8dc;
        --systemGray5-onLight: #d8d8dc;
        --systemGray5-onDark: #363638;
        --systemGray6: #ebebf0;
        --systemGray6-onLight: #ebebf0;
        --systemGray6-onDark: #242426;
        --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;
        --miniPlayerBackground: #fafafa;
        --playerBackgroundFallback: #fafafa;
        --playerBackground: #fafafa;
        --navSidebarBG: #fafafa;
        --segmentedControlBG: rgba(0, 0, 0, .2);
        --segmentedControlSelectedText: #000;
        --segmentedControlActiveBG: #d9d9d9;
        --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
    }
}

@media (prefers-color-scheme:dark) {
    :root {
        --systemRed: #ff453a;
        --systemRed-vibrant: #ff4f44;
        --systemRed-default_IC: #ff6961;
        --systemRed-vibrant_IC: #ff4136;
        --systemOrange: #ff9f0a;
        --systemOrange-vibrant: #ffa914;
        --systemOrange-default_IC: #ffb340;
        --systemOrange-vibrant_IC: #ffb340;
        --systemYellow: #ffd60a;
        --systemYellow-vibrant: #ffe014;
        --systemYellow-default_IC: #ffd426;
        --systemYellow-vibrant_IC: #ffd426;
        --systemGreen: #32d74b;
        --systemGreen-vibrant: #3ce155;
        --systemGreen-default_IC: #31de4b;
        --systemGreen-vibrant_IC: #31de4b;
        --systemMint: #63e6e2;
        --systemMint-vibrant: #6ce0db;
        --systemMint-default_IC: #63e6e2;
        --systemMint-vibrant_IC: #63e6e2;
        --systemTeal: #6ac4dc;
        --systemTeal-vibrant: #44d4ed;
        --systemTeal-default_IC: #5de6ff;
        --systemTeal-vibrant_IC: #5de6ff;
        --systemCyan: #5ac8f5;
        --systemCyan-vibrant: #5acdfa;
        --systemCyan-default_IC: #70d7ff;
        --systemCyan-vibrant_IC: #70d7ff;
        --systemBlue: #0a84ff;
        --systemBlue-vibrant: #148eff;
        --systemBlue-default_IC: #409cff;
        --systemBlue-vibrant_IC: #409cff;
        --systemBlue-rollover: #47c1ff;
        --systemBlue-pressed: #38b2ff;
        --systemBlue-deepPressed: #47c1ff;
        --systemBlue-disabled: rgba(10, 132, 255, .5);
        --systemIndigo: #5e5ce6;
        --systemIndigo-vibrant: #6361f2;
        --systemIndigo-default_IC: #7d7aff;
        --systemIndigo-vibrant_IC: #7d7aff;
        --systemPurple: #bf5af2;
        --systemPurple-vibrant: #cc65ff;
        --systemPurple-default_IC: #da8fff;
        --systemPurple-vibrant_IC: #da8fff;
        --systemPink: #ff375f;
        --systemPink-vibrant: #ff4169;
        --systemPink-default_IC: #ff6482;
        --systemPink-vibrant_IC: #ff3a5f;
        --systemBrown: #ac8e68;
        --systemBrown-vibrant: #b69872;
        --systemBrown-default_IC: #b59469;
        --systemBrown-vibrant_IC: #b59469;
        --systemGray: #98989d;
        --systemGray-vibrant: #a2a2a7;
        --systemGray-default_IC: #98989d;
        --systemGray-vibrant_IC: #98989d;
        --systemPrimary: hsla(0, 0%, 100%, .85);
        --systemPrimary-vibrant: #e5e5e5;
        --systemPrimary-onLight: rgba(0, 0, 0, .85);
        --systemPrimary-onDark: hsla(0, 0%, 100%, .85);
        --systemPrimary-default_IC: #fff;
        --systemPrimary-vibrant_IC: #fff;
        --systemPrimary-onLight_IC: #000;
        --systemPrimary-onDark_IC: #fff;
        --systemSecondary: hsla(0, 0%, 100%, .55);
        --systemSecondary-vibrant: #7c7c7c;
        --systemSecondary-onLight: rgba(0, 0, 0, .5);
        --systemSecondary-onDark: hsla(0, 0%, 100%, .55);
        --systemSecondary-default_IC: hsla(0, 0%, 100%, .7);
        --systemSecondary-vibrant_IC: hsla(0, 0%, 100%, .7);
        --systemSecondary-onLight_IC: rgba(0, 0, 0, .76);
        --systemSecondary-onDark_IC: hsla(0, 0%, 100%, .7);
        --systemTertiary: hsla(0, 0%, 100%, .25);
        --systemTertiary-vibrant: #414141;
        --systemTertiary-onLight: rgba(0, 0, 0, .25);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .25);
        --systemTertiary-default_IC: hsla(0, 0%, 100%, .5);
        --systemTertiary-vibrant_IC: hsla(0, 0%, 100%, .5);
        --systemTertiary-onLight_IC: rgba(0, 0, 0, .56);
        --systemTertiary-onDark_IC: hsla(0, 0%, 100%, .5);
        --systemQuaternary: hsla(0, 0%, 100%, .1);
        --systemQuaternary-vibrant: #232323;
        --systemQuaternary-onLight: rgba(0, 0, 0, .1);
        --systemQuaternary-onDark: hsla(0, 0%, 100%, .1);
        --systemQuaternary-default_IC: hsla(0, 0%, 100%, .3);
        --systemQuaternary-vibrant_IC: hsla(0, 0%, 100%, .3);
        --systemQuaternary-onLight_IC: rgba(0, 0, 0, .35);
        --systemQuaternary-onDark_IC: hsla(0, 0%, 100%, .3);
        --systemQuinary: hsla(0, 0%, 100%, .05);
        --systemQuinary-vibrant: #080808;
        --systemQuinary-onLight: rgba(0, 0, 0, .05);
        --systemQuinary-onDark: hsla(0, 0%, 100%, .05);
        --systemQuinary-default_IC: hsla(0, 0%, 100%, .1);
        --systemQuinary-vibrant_IC: hsla(0, 0%, 100%, .1);
        --systemQuinary-onLight_IC: rgba(0, 0, 0, .1);
        --systemQuinary-onDark_IC: hsla(0, 0%, 100%, .1);
        --systemGray2: #636366;
        --systemGray2-onLight: #aeaeb2;
        --systemGray2-onDark: #636366;
        --systemGray2-default_IC: #7c7c80;
        --systemGray2-onLight_IC: #8e8e93;
        --systemGray2-onDark_IC: #7c7c80;
        --systemGray3: #48484a;
        --systemGray3-onLight: #c7c7cc;
        --systemGray3-onDark: #48484a;
        --systemGray3-default_IC: #545456;
        --systemGray3-onLight_IC: #aeaeb2;
        --systemGray3-onDark_IC: #545456;
        --systemGray4: #3a3a3c;
        --systemGray4-onLight: #d1d1d6;
        --systemGray4-onDark: #3a3a3c;
        --systemGray4-default_IC: #444446;
        --systemGray4-onLight_IC: #bcbcc0;
        --systemGray4-onDark_IC: #444446;
        --systemGray5: #2c2c2e;
        --systemGray5-onLight: #e5e5ea;
        --systemGray5-onDark: #2c2c2e;
        --systemGray5-default_IC: #363638;
        --systemGray5-onLight_IC: #d8d8dc;
        --systemGray5-onDark_IC: #363638;
        --systemGray6: #1c1c1e;
        --systemGray6-onLight: #f2f2f7;
        --systemGray6-onDark: #1c1c1e;
        --systemGray6-default_IC: #242426;
        --systemGray6-onLight_IC: #ebebf0;
        --systemGray6-onDark_IC: #242426;
        --keyColor: #fa2d48;
        --keyColor-rgb: 250, 45, 72;
        --keyColor-rollover: #ff5f7a;
        --keyColor-rollover-rgb: 255, 95, 122;
        --keyColor-pressed: #ff4661;
        --keyColor-pressed-rgb: 255, 70, 97;
        --keyColor-deepPressed: #ff5f7a;
        --keyColor-deepPressed-rgb: 255, 95, 122;
        --keyColor-disabled: rgba(250, 45, 72, .35);
        --keyColor-default_IC: #fa586a;
        --keyColor-default_IC-rgb: 250, 88, 106;
        --keyColor-rollover_IC: #ff8a9c;
        --keyColor-rollover_IC-rgb: 255, 138, 156;
        --keyColor-pressed_IC: #ff7183;
        --keyColor-pressed_IC-rgb: 255, 113, 131;
        --keyColor-deepPressed_IC: #ff8a9c;
        --keyColor-deepPressed_IC-rgb: 255, 138, 156;
        --keyColor-disabled_IC: rgba(250, 88, 106, .35);
        --systemStandardUltrathinMaterialSover: rgba(40, 40, 40, .4);
        --systemStandardUltrathinMaterialSover-inactive: #282828;
        --systemStandardUltrathinMaterialSover-default_IC: #000;
        --systemStandardUltrathinMaterialSover-inactive_IC: #141414;
        --systemStandardThinMaterialSover: rgba(40, 40, 40, .5);
        --systemStandardThinMaterialSover-inactive: #282828;
        --systemStandardThinMaterialSover-default_IC: #0a0a0a;
        --systemStandardThinMaterialSover-inactive_IC: #141414;
        --systemStandardMediumMaterialSover: rgba(40, 40, 40, .6);
        --systemStandardMediumMaterialSover-inactive: #282828;
        --systemStandardMediumMaterialSover-default_IC: #141414;
        --systemStandardMediumMaterialSover-inactive_IC: #141414;
        --systemStandardThickMaterialSover: rgba(40, 40, 40, .7);
        --systemStandardThickMaterialSover-inactive: #282828;
        --systemStandardThickMaterialSover-default_IC: #1e1e1e;
        --systemStandardThickMaterialSover-inactive_IC: #141414;
        --systemStandardUltrathickMaterialSover: rgba(40, 40, 40, .8);
        --systemStandardUltrathickMaterialSover-inactive: #282828;
        --systemStandardUltrathickMaterialSover-default_IC: #282828;
        --systemStandardUltrathickMaterialSover-inactive_IC: #141414;
        --systemHeaderMaterialSover: rgba(30, 30, 30, .8);
        --systemHeaderMaterialSover-default_IC: #1e1e1e;
        --systemToolbarTitlebarMaterialSover: rgba(60, 60, 60, .8);
        --systemToolbarTitlebarMaterialSover-inactive: #282828;
        --systemToolbarTitlebarMaterialSover-default_IC: #262626;
        --systemToolbarTitlebarMaterialSover-inactive_IC: #141414;
        --labelDivider: hsla(0, 0%, 100%, .1);
        --vibrantDivider: rgba(235, 235, 245, .19);
        --pageBG: #1f1f1f;
        --pageBG-rgb: 31, 31, 31;
        --shelfBG: hsla(0, 0%, 100%, .05);
        --genericJoeColor: #323232;
        --fallbackMaterialBG: rgba(31, 31, 31, .97);
        --liveBadgePlatterBG: #ff5066;
        --cardHoverColor: hsla(240, 3%, 49%, .41);
        --contextMenuBorderColor: hsla(0, 0%, 100%, .1);
        --contextMenuTextColor: hsla(0, 0%, 100%, .85);
        --contextMenuOverrideTextColor: #ff3b30;
        --dialogShadowColor: rgba(0, 0, 0, .55);
        --footerBg: #323232;
        --opaqueShelfBG: #2b2b2b;
        --shelfLockupPlayHover: #aeaeb2;
        --lockupHoverBGColor: rgba(51, 51, 51, .3);
        --lockupChinScrim: rgba(0, 0, 0, .2);
        --mobileNavigationBG: #2e2e2e;
        --miniPlayerBackground: rgba(37, 37, 37, .9);
        --miniPlayerBackground-default_IC: #282828;
        --playerBackgroundFallback: rgba(45, 45, 45, .97);
        --playerBackgroundFallback-default_IC: #282828;
        --playerBackground: rgba(45, 45, 45, .88);
        --playerBackground-default_IC: #282828;
        --navSidebarBG: rgba(235, 235, 245, .03);
        --navSidebarBG-default_IC: #282828;
        --navSidebarSelectedState: rgba(235, 235, 245, .1);
        --searchBoxIconFill: hsla(0, 0%, 100%, .9);
        --bannerDarkGray: #444;
        --dropdownBackground: #575757;
        --dropdownLightGray: #707070;
        --dropdownLightGrayIcon: #999;
        --dropdownActiveOutlineColor: #06c;
        --dropdownActiveOutlineColorShadow: rgba(0, 102, 204, .6);
        --radiosityShadowColor: rgba(0, 0, 0, .3);
        --searchBarBorderColor: hsla(0, 0%, 100%, .15);
        --modalScrimColor: rgba(0, 0, 0, .45);
        --segmentedControlBG: hsla(240, 4%, 48%, .24);
        --segmentedControlBG-default_IC: hsla(0, 0%, 100%, .24);
        --segmentedControlSelectedText: hsla(0, 0%, 100%, .85);
        --segmentedControlSelectedText-default_IC: #000;
        --segmentedControlSelectedBG: #636366;
        --segmentedControlSelectedBG-default_IC: #fff;
        --segmentedControlActiveBG: #747477;
        --segmentedControlActiveBG-default_IC: rgba(255, 255, 240, .9);
        --segmentedControlSelectedShadow1: transparent;
        --segmentedControlSelectedShadow2: transparent;
        --modalCloseButtonBGColor: #333336;
        --modalCloseButtonBGColor-rollover: #37373a;
        --modalCloseButtonBGColor-pressed: #2f2f32;
        --musicKeyColor: #fa2d48;
        --musicKeyColor-rollover: #ff5f7a;
        --musicKeyColor-pressed: #ff4661;
        --musicKeyColor-deepPressed: #ff5f7a;
        --musicKeyColor-disabled: rgba(250, 45, 72, .35);
        --musicKeyColor-default_IC: #fa586a;
        --musicKeyColor-rollover_IC: #ff8a9c;
        --musicKeyColor-pressed_IC: #ff7183;
        --musicKeyColor-deepPressed_IC: #ff8a9c;
        --musicKeyColor-disabled_IC: rgba(250, 88, 106, .35);
        --circularArtistHeaderGradientBottom: hsla(0, 0%, 100%, .03);
        --fallbackButtonMaterial: hsla(240, 2%, 61%, .8);
        --lyricsTranslationButtonBG: hsla(0, 0%, 100%, .1);
        --lyricsTranslationButtonBGHover: hsla(0, 0%, 100%, .25);
        --lyricsTranslationButtonBGMenu: hsla(0, 0%, 100%, .4);
        --lyricsTranslationButtonBGActive: hsla(0, 0%, 100%, .85);
        --lyricsTranslationButtonBGActiveHover: hsla(0, 0%, 100%, .95);
        --lyricsTranslationButtonBGActiveMenu: #fff;
        --lyricsTranslationButtonIconFill: hsla(0, 0%, 100%, .55);
        --lyricsTranslationButtonIconHover: hsla(0, 0%, 100%, .7);
        --lyricsTranslationButtonIconFillMenu: #fff;
        --lyricsTranslationButtonIconFillActive: #525252;
        --playerMissingArtworkIcon: #434343;
        --playerMissingArtworkBg: #323232;
        --playerPlatterButtonBGFill: #fff;
        --playerPlatterButtonIconFill: rgba(0, 0, 0, .7);
        --stickyHeaderDropShadow2: rgba(0, 0, 0, .1);
        --stickyHeaderInnerShadow: hsla(0, 0%, 100%, .1);
        --tracklistAltRowColor: hsla(0, 0%, 100%, .015);
        --tracklistAltRowColor-default_IC: hsla(0, 0%, 100%, .05);
        --tracklistHoverColor: hsla(0, 0%, 100%, .06);
        --tracklistHoverColor-default_IC: hsla(0, 0%, 100%, .1);
        --tracklistWorksTrackHoverColor: hsla(0, 0%, 100%, .1);
        --tracklistWorksTrackHoverColor-default_IC: hsla(0, 0%, 100%, .18);
        --trackLockupArtworkOverlay: rgba(51, 51, 51, .3);
        --lyricsBg: #2d2d2d;
        --nowPlayingBackdropBG: #878787;
        --tracklistBadgeBorderColor: #232323;
        --tracklistBadgeBackgroundColor: #4d4d4d;
        --systemGroupedBackgroundSecondary: #2c2c2e;
        --keyColorBG: #fa233b;
        --keyColorBG-default_IC: #d60017;
        --selectionColor: #c11b2e;
        --selectionColor-default_IC: #a50012;
        --trackBackgroundEven: hsla(0, 0%, 100%, .05);
        --librarySongsTrackInactiveBG: rgba(255, 255, 240, .12);
        --profileBadgeBG: #e2e4e7
    }

    @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: #a50012
        }
    }

    :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);
        --systemGray2: #7c7c80;
        --systemGray2-onLight: #8e8e93;
        --systemGray2-onDark: #7c7c80;
        --systemGray3: #545456;
        --systemGray3-onLight: #aeaeb2;
        --systemGray3-onDark: #545456;
        --systemGray4: #444446;
        --systemGray4-onLight: #bcbcc0;
        --systemGray4-onDark: #444446;
        --systemGray5: #363638;
        --systemGray5-onLight: #d8d8dc;
        --systemGray5-onDark: #363638;
        --systemGray6: #242426;
        --systemGray6-onLight: #ebebf0;
        --systemGray6-onDark: #242426;
        --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;
        --miniPlayerBackground: #282828;
        --playerBackgroundFallback: #282828;
        --playerBackground: #282828;
        --navSidebarBG: #282828;
        --segmentedControlBG: hsla(0, 0%, 100%, .24);
        --segmentedControlSelectedText: #000;
        --segmentedControlSelectedBG: #fff;
        --segmentedControlActiveBG: rgba(255, 255, 240, .9);
        --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: #a50012
    }
}

@media (prefers-color-scheme:dark) and (prefers-contrast:more) {
    :root {
        --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);
        --systemGray2: #7c7c80;
        --systemGray2-onLight: #8e8e93;
        --systemGray2-onDark: #7c7c80;
        --systemGray3: #545456;
        --systemGray3-onLight: #aeaeb2;
        --systemGray3-onDark: #545456;
        --systemGray4: #444446;
        --systemGray4-onLight: #bcbcc0;
        --systemGray4-onDark: #444446;
        --systemGray5: #363638;
        --systemGray5-onLight: #d8d8dc;
        --systemGray5-onDark: #363638;
        --systemGray6: #242426;
        --systemGray6-onLight: #ebebf0;
        --systemGray6-onDark: #242426;
        --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;
        --miniPlayerBackground: #282828;
        --playerBackgroundFallback: #282828;
        --playerBackground: #282828;
        --navSidebarBG: #282828;
        --segmentedControlBG: hsla(0, 0%, 100%, .24);
        --segmentedControlSelectedText: #000;
        --segmentedControlSelectedBG: #fff;
        --segmentedControlActiveBG: rgba(255, 255, 240, .9);
        --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: #a50012
    }
}

:root {
    --viewport-grid-layout: "grid-layout:xs-1"
}

@media (min-width:415px) {
    :root {
        --viewport-grid-layout: "grid-layout:xs-2"
    }
}

:root {
    --viewport-sidebar: "sidebar:hidden"
}

@media (min-width:484px) {
    :root {
        --viewport-sidebar: "sidebar:visible";
        --viewport-grid-layout: "grid-layout:xs-1-sidebar"
    }
}

:root {
    --viewport-search-landing-grid: "search-landing-grid:1"
}

@media (min-width:607px) {
    :root {
        --viewport-search-landing-grid: "search-landing-grid:2"
    }
}

@media (min-width:484px) {
    :root {
        --viewport-sidebar: "sidebar:constrained-visible"
    }
}

@media (min-width:767.32px) {
    :root {
        --viewport-sidebar: "sidebar:large-visible"
    }
}

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

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

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

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

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

@media (min-width:484px) {
    :root {
        --viewport-search-landing-grid: "search-landing-grid:1-sidebar"
    }
}

:root {
    --viewport-lyrics-fullscreen: "lyrics-fullscreen:xsmall"
}

@media (min-width:980px) {
    :root {
        --viewport-lyrics-fullscreen: "lyrics-fullscreen:small"
    }
}

@media (min-width:1320px) {
    :root {
        --viewport-lyrics-fullscreen: "lyrics-fullscreen:medium"
    }
}

@media (min-width:1680px) {
    :root {
        --viewport-lyrics-fullscreen: "lyrics-fullscreen:large"
    }
}

@media (min-width:2000px) {
    :root {
        --viewport-lyrics-fullscreen: "lyrics-fullscreen:xlarge"
    }
}

@media (min-width:2561px) {
    :root {
        --viewport-lyrics-fullscreen: "lyrics-fullscreen:xxlarge"
    }
}

:root {
    --viewport-info-fullscreen: "info-fullscreen:xsmall"
}

@media (min-width:980px) {
    :root {
        --viewport-info-fullscreen: "info-fullscreen:small"
    }
}

@media (min-width:1320px) {
    :root {
        --viewport-info-fullscreen: "info-fullscreen:medium"
    }
}

@media (min-width:1680px) {
    :root {
        --viewport-info-fullscreen: "info-fullscreen:large"
    }
}

@media (min-width:2000px) {
    :root {
        --viewport-info-fullscreen: "info-fullscreen:xlarge"
    }
}

@media (min-width:2561px) {
    :root {
        --viewport-info-fullscreen: "info-fullscreen:xxlarge"
    }
}

:root {
    --viewport-text-fullscreen: "text-fullscreen:xsmall"
}

@media (min-width:980px) {
    :root {
        --viewport-text-fullscreen: "text-fullscreen:small"
    }
}

@media (min-width:1320px) {
    :root {
        --viewport-text-fullscreen: "text-fullscreen:medium"
    }
}

@media (min-width:1680px) {
    :root {
        --viewport-text-fullscreen: "text-fullscreen:large"
    }
}

@media (min-width:2000px) {
    :root {
        --viewport-text-fullscreen: "text-fullscreen:xlarge"
    }
}

@media (min-width:2561px) {
    :root {
        --viewport-text-fullscreen: "text-fullscreen:xxlarge"
    }
}

@media (min-width:739px) {
    :root {
        --viewport-song-shift-layout: "song-shift-layout:modal"
    }
}

@media (min-width:484px) {
    :root {
        --viewport-song-shift-layout: "song-shift-layout:status"
    }
}

:root {
    --sk-body-text-color: var(--bodyTextColor, var(--systemPrimary));
    --sk-headline-text-color: var(--bodyTextColor, var(--systemPrimary))
}

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

[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;
    --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;
    --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;
    --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, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
    --font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, 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;
    --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;
    --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;
    --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;
    --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;
    --font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html {
    --monogram-font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --live-badge-font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --live-badge-large-font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --headline-standalone-line-height: 1.0831460674
    }

    [lang]:lang(ko) {
        --headline-standalone-line-height: 1.1461533333
    }

    [lang]:lang(th) {
        --headline-standalone-line-height: 1.34375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --headline-standalone-line-height: 1.0875
    }

    [lang]:lang(ko) {
        --headline-standalone-line-height: 1.15
    }

    [lang]:lang(th) {
        --headline-standalone-line-height: 1.35
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --headline-standalone-line-height: 1.1459933333
    }

    [lang]:lang(ko) {
        --headline-standalone-line-height: 1.1875
    }

    [lang]:lang(th) {
        --headline-standalone-line-height: 1.3334933333
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --headline-super-line-height: 1.0875
    }

    [lang]:lang(ko) {
        --headline-super-line-height: 1.15
    }

    [lang]:lang(th) {
        --headline-super-line-height: 1.35
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --headline-super-line-height: 1.109375
    }

    [lang]:lang(ko) {
        --headline-super-line-height: 1.171875
    }

    [lang]:lang(th) {
        --headline-super-line-height: 1.34375
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --headline-super-line-height: 1.1459933333
    }

    [lang]:lang(ko) {
        --headline-super-line-height: 1.1875
    }

    [lang]:lang(th) {
        --headline-super-line-height: 1.3334933333
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --headline-elevated-line-height: 1.109375
    }

    [lang]:lang(ko) {
        --headline-elevated-line-height: 1.171875
    }

    [lang]:lang(th) {
        --headline-elevated-line-height: 1.34375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --headline-elevated-line-height: 1.1459933333
    }

    [lang]:lang(ko) {
        --headline-elevated-line-height: 1.1875
    }

    [lang]:lang(th) {
        --headline-elevated-line-height: 1.3334933333
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --headline-elevated-line-height: 1.175
    }

    [lang]:lang(ko) {
        --headline-elevated-line-height: 1.2
    }

    [lang]:lang(th) {
        --headline-elevated-line-height: 1.35
    }
}

[lang]:lang(th) {
    --headline-line-height: 1.7230769231
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --headline-reduced-line-height: 1.175
    }

    [lang]:lang(ko) {
        --headline-reduced-line-height: 1.2
    }

    [lang]:lang(th) {
        --headline-reduced-line-height: 1.35
    }
}

@media (min-width:1260px) {

    [lang]:lang(ja),
    [lang]:lang(ko) {
        --headline-reduced-line-height: 1.21875
    }

    [lang]:lang(th) {
        --headline-reduced-line-height: 1.375
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --headline-reduced-line-height: 1.1786114286
    }

    [lang]:lang(ko) {
        --headline-reduced-line-height: 1.25
    }

    [lang]:lang(th) {
        --headline-reduced-line-height: 1.3928571429
    }
}

@media (min-width:1580px) {

    [lang]:lang(ja),
    [lang]:lang(ko) {
        --eyebrow-super-line-height: 1.21875
    }

    [lang]:lang(th) {
        --eyebrow-super-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --eyebrow-super-line-height: 1.1786114286
    }

    [lang]:lang(ko) {
        --eyebrow-super-line-height: 1.25
    }

    [lang]:lang(th) {
        --eyebrow-super-line-height: 1.3928571429
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --eyebrow-super-line-height: 1.25
    }

    [lang]:lang(ko) {
        --eyebrow-super-line-height: 1.2916666667
    }

    [lang]:lang(th) {
        --eyebrow-super-line-height: 1.375
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --eyebrow-elevated-line-height: 1.1786114286
    }

    [lang]:lang(ko) {
        --eyebrow-elevated-line-height: 1.25
    }

    [lang]:lang(th) {
        --eyebrow-elevated-line-height: 1.3928571429
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --eyebrow-elevated-line-height: 1.25
    }

    [lang]:lang(ko) {
        --eyebrow-elevated-line-height: 1.2916666667
    }

    [lang]:lang(th) {
        --eyebrow-elevated-line-height: 1.375
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --eyebrow-elevated-line-height: 1.2380952381
    }

    [lang]:lang(ko) {
        --eyebrow-elevated-line-height: 1.2858042857
    }

    [lang]:lang(th) {
        --eyebrow-elevated-line-height: 1.381002381
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --eyebrow-line-height: 1.25
    }

    [lang]:lang(ko) {
        --eyebrow-line-height: 1.2916666667
    }

    [lang]:lang(th) {
        --eyebrow-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --eyebrow-line-height: 1.2380952381
    }

    [lang]:lang(ko) {
        --eyebrow-line-height: 1.2858042857
    }

    [lang]:lang(th) {
        --eyebrow-line-height: 1.381002381
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --eyebrow-reduced-line-height: 1.2380952381
    }

    [lang]:lang(ko) {
        --eyebrow-reduced-line-height: 1.2858042857
    }

    [lang]:lang(th) {
        --eyebrow-reduced-line-height: 1.381002381
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --eyebrow-reduced-line-height: 1.2631578947
    }

    [lang]:lang(ko) {
        --eyebrow-reduced-line-height: 1.3157894737
    }

    [lang]:lang(th) {
        --eyebrow-reduced-line-height: 1.3684410526
    }
}

@media (min-width:1580px) {
    [lang]:lang(ko) {
        --intro-elevated-line-height: 1.4584133333
    }

    [lang]:lang(th) {
        --intro-elevated-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --intro-elevated-line-height: 1.3334033333
    }

    [lang]:lang(ko) {
        --intro-elevated-line-height: 1.5238095238
    }

    [lang]:lang(th) {
        --intro-elevated-line-height: 1.381002381
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --intro-line-height: 1.3334033333
    }

    [lang]:lang(ko) {
        --intro-line-height: 1.5238095238
    }

    [lang]:lang(th) {
        --intro-line-height: 1.381002381
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --intro-line-height: 1.3684410526
    }

    [lang]:lang(ko) {
        --intro-line-height: 1.5263157895
    }

    [lang]:lang(th) {
        --intro-line-height: 1.3684410526
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --quote-line-height: 1.275
    }

    [lang]:lang(ko) {
        --quote-line-height: 1.325
    }

    [lang]:lang(th) {
        --quote-line-height: 1.35
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --quote-line-height: 1.28125
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --quote-line-height: 1.375
    }
}

@media (min-width:1000px) {
    [lang]:lang(ja) {
        --quote-line-height: 1.25
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --quote-line-height: 1.3928571429
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --quote-reduced-line-height: 1.28125
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --quote-reduced-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --quote-reduced-line-height: 1.25
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --quote-reduced-line-height: 1.3928571429
    }
}

@media (min-width:1000px) {
    [lang]:lang(ko) {
        --quote-reduced-line-height: 1.4584133333
    }

    [lang]:lang(th) {
        --quote-reduced-line-height: 1.375
    }
}

[lang]:lang(th) {
    --callout-line-height: 1.75
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --manifesto-line-height: 1.28125
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --manifesto-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --manifesto-line-height: 1.25
    }

    [lang]:lang(ko),
    [lang]:lang(th) {
        --manifesto-line-height: 1.3928571429
    }
}

@media (min-width:1000px) {
    [lang]:lang(ko) {
        --manifesto-line-height: 1.4584133333
    }

    [lang]:lang(th) {
        --manifesto-line-height: 1.375
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --label-line-height: 1.25
    }

    [lang]:lang(ko) {
        --label-line-height: 1.2916666667
    }

    [lang]:lang(th) {
        --label-line-height: 1.375
    }
}

@media (min-width:1260px) {
    [lang]:lang(ja) {
        --label-line-height: 1.2380952381
    }

    [lang]:lang(ko) {
        --label-line-height: 1.2858042857
    }

    [lang]:lang(th) {
        --label-line-height: 1.381002381
    }
}

@media (min-width:1580px) {
    [lang]:lang(ja) {
        --tout-line-height: 1.2631578947
    }

    [lang]:lang(ko) {
        --tout-line-height: 1.3157894737
    }

    [lang]:lang(th) {
        --tout-line-height: 1.3684410526
    }
}

[lang]:lang(th) {
    --body-line-height: 1.7230769231
}

@media (min-width:1580px) {

    [lang]:lang(ko),
    [lang]:lang(th) {
        --body-tight-line-height: 1.3529611765
    }

    [lang]:lang(ja) {
        --body-reduced-line-height: 1.4
    }

    [lang]:lang(ko) {
        --body-reduced-line-height: 1.5714285714
    }

    [lang]:lang(th) {
        --body-reduced-line-height: 1.3571828571
    }

    [lang]:lang(ja) {
        --body-reduced-tight-line-height: 1.3571828571
    }

    [lang]:lang(ko) {
        --body-reduced-tight-line-height: 1.4285914286
    }

    [lang]:lang(th) {
        --body-reduced-tight-line-height: 1.3571828571
    }

    [lang]:lang(ja),
    [lang]:lang(ko) {
        --caption-line-height: 1.4166666667
    }

    [lang]:lang(th) {
        --caption-line-height: 1.3333733333
    }

    [lang]:lang(ja),
    [lang]:lang(ko) {
        --sosumi-line-height: 1.4166666667
    }

    [lang]:lang(th) {
        --sosumi-line-height: 1.3333733333
    }
}

[lang]:lang(th) {
    --large-title-line-height: 1.7230769231;
    --title-1-line-height: 1.6545454545;
    --title-2-line-height: 1.8118447059;
    --title-3-line-height: 1.8666666667;
    --subhead-line-height: 1.7818181818;
    --footnote-line-height: 1.82;
    --caption-1-line-height: 1.82;
    --caption-2-line-height: 1.82;
    --large-title-emphasized-line-height: 1.7230769231;
    --title-1-emphasized-line-height: 1.6545454545;
    --title-2-emphasized-line-height: 1.8118447059;
    --title-3-emphasized-line-height: 1.8666666667;
    --headline-emphasized-line-height: 1.7230769231;
    --body-emphasized-line-height: 1.7230769231;
    --callout-emphasized-line-height: 1.75;
    --subhead-emphasized-line-height: 1.7818181818;
    --footnote-emphasized-line-height: 1.82;
    --caption-1-emphasized-line-height: 1.82;
    --caption-2-emphasized-line-height: 1.82;
    --large-title-tall-line-height: 1.8307692308;
    --title-1-tall-line-height: 1.7818181818;
    --title-2-tall-line-height: 1.9764805882;
    --title-3-tall-line-height: 2.0533833333;
    --headline-tall-line-height: 1.9384815385;
    --body-tall-line-height: 1.9384815385;
    --callout-tall-line-height: 1.9833733333;
    --subhead-tall-line-height: 2.0364036364;
    --footnote-tall-line-height: 2.1;
    --caption-1-tall-line-height: 2.1;
    --caption-2-tall-line-height: 2.1;
    --large-title-short-line-height: 1.6155046154;
    --title-1-short-line-height: 1.5273327273;
    --title-2-short-line-height: 1.6470588235;
    --title-3-short-line-height: 1.68;
    --headline-short-line-height: 1.5077223077;
    --body-short-line-height: 1.5077223077;
    --callout-short-line-height: 1.5166666667;
    --subhead-short-line-height: 1.5273027273;
    --footnote-short-line-height: 1.54;
    --caption-1-short-line-height: 1.54;
    --caption-2-short-line-height: 1.54;
    --large-title-emphasized-tall-line-height: 1.8307692308;
    --title-1-emphasized-tall-line-height: 1.7818181818;
    --title-2-emphasized-tall-line-height: 1.9764805882;
    --title-3-emphasized-tall-line-height: 2.0533833333;
    --headline-emphasized-tall-line-height: 1.9384815385;
    --body-emphasized-tall-line-height: 1.9384815385;
    --callout-emphasized-tall-line-height: 1.9833733333;
    --subhead-emphasized-tall-line-height: 2.0364036364;
    --footnote-emphasized-tall-line-height: 2.1;
    --caption-1-emphasized-tall-line-height: 2.1;
    --caption-2-emphasized-tall-line-height: 2.1;
    --large-title-emphasized-short-line-height: 1.6155046154;
    --title-1-emphasized-short-line-height: 1.5273327273;
    --title-2-emphasized-short-line-height: 1.6470588235;
    --title-3-emphasized-short-line-height: 1.68;
    --headline-emphasized-short-line-height: 1.5077223077;
    --body-emphasized-short-line-height: 1.5077223077;
    --callout-emphasized-short-line-height: 1.5166666667;
    --subhead-emphasized-short-line-height: 1.5273027273;
    --footnote-emphasized-short-line-height: 1.54;
    --caption-1-emphasized-short-line-height: 1.54;
    --caption-2-emphasized-short-line-height: 1.54;
    --header-line-height: 1.6470588235;
    --header-emphasized-line-height: 1.6470588235;
    --large-title-medium-line-height: 1.7230769231;
    --title-1-medium-line-height: 1.6545454545;
    --title-2-medium-line-height: 1.8118447059;
    --title-3-medium-line-height: 1.8666666667;
    --headline-medium-line-height: 1.7230769231;
    --body-medium-line-height: 1.7230769231;
    --callout-medium-line-height: 1.75;
    --subhead-medium-line-height: 1.7818181818;
    --footnote-medium-line-height: 1.82;
    --caption-1-medium-line-height: 1.82;
    --caption-2-medium-line-height: 1.82;
    --large-title-semibold-line-height: 1.7230769231;
    --title-1-semibold-line-height: 1.6545454545;
    --title-2-semibold-line-height: 1.8118447059;
    --title-3-semibold-line-height: 1.8666666667;
    --headline-semibold-line-height: 1.7230769231;
    --body-semibold-line-height: 1.7230769231;
    --callout-semibold-line-height: 1.75;
    --subhead-semibold-line-height: 1.7818181818;
    --footnote-semibold-line-height: 1.82;
    --caption-1-semibold-line-height: 1.82;
    --caption-2-semibold-line-height: 1.82;
    --large-title-bold-line-height: 1.7230769231;
    --title-1-bold-line-height: 1.6545454545;
    --title-2-bold-line-height: 1.8118447059;
    --title-3-bold-line-height: 1.8666666667;
    --headline-bold-line-height: 1.7230769231;
    --body-bold-line-height: 1.7230769231;
    --callout-bold-line-height: 1.75;
    --subhead-bold-line-height: 1.7818181818;
    --footnote-bold-line-height: 1.82;
    --caption-1-bold-line-height: 1.82;
    --caption-2-bold-line-height: 1.82;
    --large-title-heavy-line-height: 1.7230769231;
    --title-1-heavy-line-height: 1.6545454545;
    --title-2-heavy-line-height: 1.8118447059;
    --title-3-heavy-line-height: 1.8666666667;
    --headline-heavy-line-height: 1.7230769231;
    --body-heavy-line-height: 1.7230769231;
    --callout-heavy-line-height: 1.75;
    --subhead-heavy-line-height: 1.7818181818;
    --footnote-heavy-line-height: 1.82;
    --caption-1-heavy-line-height: 1.82;
    --caption-2-heavy-line-height: 1.82;
    --large-title-medium-tall-line-height: 1.8307692308;
    --title-1-medium-tall-line-height: 1.7818181818;
    --title-2-medium-tall-line-height: 1.9764805882;
    --title-3-medium-tall-line-height: 2.0533833333;
    --headline-medium-tall-line-height: 1.9384815385;
    --body-medium-tall-line-height: 1.9384815385;
    --callout-medium-tall-line-height: 1.9833733333;
    --subhead-medium-tall-line-height: 2.0364036364;
    --footnote-medium-tall-line-height: 2.1;
    --caption-1-medium-tall-line-height: 2.1;
    --caption-2-medium-tall-line-height: 2.1;
    --large-title-semibold-tall-line-height: 1.8307692308;
    --title-1-semibold-tall-line-height: 1.7818181818;
    --title-2-semibold-tall-line-height: 1.9764805882;
    --title-3-semibold-tall-line-height: 2.0533833333;
    --headline-semibold-tall-line-height: 1.9384815385;
    --body-semibold-tall-line-height: 1.9384815385;
    --callout-semibold-tall-line-height: 1.9833733333;
    --subhead-semibold-tall-line-height: 2.0364036364;
    --footnote-semibold-tall-line-height: 2.1;
    --caption-1-semibold-tall-line-height: 2.1;
    --caption-2-semibold-tall-line-height: 2.1;
    --large-title-bold-tall-line-height: 1.8307692308;
    --title-1-bold-tall-line-height: 1.7818181818;
    --title-2-bold-tall-line-height: 1.9764805882;
    --title-3-bold-tall-line-height: 2.0533833333;
    --headline-bold-tall-line-height: 1.9384815385;
    --body-bold-tall-line-height: 1.9384815385;
    --callout-bold-tall-line-height: 1.9833733333;
    --subhead-bold-tall-line-height: 2.0364036364;
    --footnote-bold-tall-line-height: 2.1;
    --caption-1-bold-tall-line-height: 2.1;
    --caption-2-bold-tall-line-height: 2.1;
    --large-title-heavy-tall-line-height: 1.8307692308;
    --title-1-heavy-tall-line-height: 1.7818181818;
    --title-2-heavy-tall-line-height: 1.9764805882;
    --title-3-heavy-tall-line-height: 2.0533833333;
    --headline-heavy-tall-line-height: 1.9384815385;
    --body-heavy-tall-line-height: 1.9384815385;
    --callout-heavy-tall-line-height: 1.9833733333;
    --subhead-heavy-tall-line-height: 2.0364036364;
    --footnote-heavy-tall-line-height: 2.1;
    --caption-1-heavy-tall-line-height: 2.1;
    --caption-2-heavy-tall-line-height: 2.1;
    --large-title-medium-short-line-height: 1.6155046154;
    --title-1-medium-short-line-height: 1.5273327273;
    --title-2-medium-short-line-height: 1.6470588235;
    --title-3-medium-short-line-height: 1.68;
    --headline-medium-short-line-height: 1.5077223077;
    --body-medium-short-line-height: 1.5077223077;
    --callout-medium-short-line-height: 1.5166666667;
    --subhead-medium-short-line-height: 1.5273027273;
    --footnote-medium-short-line-height: 1.54;
    --caption-1-medium-short-line-height: 1.54;
    --caption-2-medium-short-line-height: 1.54;
    --large-title-semibold-short-line-height: 1.6155046154;
    --title-1-semibold-short-line-height: 1.5273327273;
    --title-2-semibold-short-line-height: 1.6470588235;
    --title-3-semibold-short-line-height: 1.68;
    --headline-semibold-short-line-height: 1.5077223077;
    --body-semibold-short-line-height: 1.5077223077;
    --callout-semibold-short-line-height: 1.5166666667;
    --subhead-semibold-short-line-height: 1.5273027273;
    --footnote-semibold-short-line-height: 1.54;
    --caption-1-semibold-short-line-height: 1.54;
    --caption-2-semibold-short-line-height: 1.54;
    --large-title-bold-short-line-height: 1.6155046154;
    --title-1-bold-short-line-height: 1.5273327273;
    --title-2-bold-short-line-height: 1.6470588235;
    --title-3-bold-short-line-height: 1.68;
    --headline-bold-short-line-height: 1.5077223077;
    --body-bold-short-line-height: 1.5077223077;
    --callout-bold-short-line-height: 1.5166666667;
    --subhead-bold-short-line-height: 1.5273027273;
    --footnote-bold-short-line-height: 1.54;
    --caption-1-bold-short-line-height: 1.54;
    --caption-2-bold-short-line-height: 1.54;
    --large-title-heavy-short-line-height: 1.6155046154;
    --title-1-heavy-short-line-height: 1.5273327273;
    --title-2-heavy-short-line-height: 1.6470588235;
    --title-3-heavy-short-line-height: 1.68;
    --headline-heavy-short-line-height: 1.5077223077;
    --body-heavy-short-line-height: 1.5077223077;
    --callout-heavy-short-line-height: 1.5166666667;
    --subhead-heavy-short-line-height: 1.5273027273;
    --footnote-heavy-short-line-height: 1.54;
    --caption-1-heavy-short-line-height: 1.54;
    --caption-2-heavy-short-line-height: 1.54
}

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

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

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

[lang]:lang(ja) {
    --monogram-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) {
    --monogram-font-family-locale: ui-rounded, -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) {
    --monogram-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --monogram-line-height: .004516129
}

[lang]:lang(zh-CN) {
    --monogram-font-family-locale: ui-rounded, -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) {
    --monogram-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

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

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

[lang]:lang(ja) {
    --live-badge-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) {
    --live-badge-font-family-locale: ui-rounded, -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) {
    --live-badge-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --live-badge-line-height: 1.4
}

[lang]:lang(zh-CN) {
    --live-badge-font-family-locale: ui-rounded, -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) {
    --live-badge-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

[lang]:lang(ar) {
    --live-badge-large-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

[lang]:lang(ja) {
    --live-badge-large-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) {
    --live-badge-large-font-family-locale: ui-rounded, -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) {
    --live-badge-large-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --live-badge-large-line-height: 1.4
}

[lang]:lang(zh-CN) {
    --live-badge-large-font-family-locale: ui-rounded, -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) {
    --live-badge-large-font-family-locale: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

[lang]:lang(th) {
    --subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height: 1.7818181818
}

@media (min-width:1000px) {
    [lang]:lang(th) {
        --subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height: 1.8666666667
    }
}

@media (min-width:1580px) {
    [lang]:lang(th) {
        --subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height: 1.8118447059
    }
}

[lang]:lang(th) {
    --title3tall_bodytall_Title3Tall-line-height: 2.0533833333
}

@media (min-width:484px) {
    [lang]:lang(th) {
        --title3tall_bodytall_Title3Tall-line-height: 1.9384815385
    }
}

@media (min-width:1260px) {
    [lang]:lang(th) {
        --title3tall_bodytall_Title3Tall-line-height: 2.0533833333
    }
}

[lang]:lang(ja) {
    --body-reduced-semibold-line-height: 1.4
}

[lang]:lang(ko) {
    --body-reduced-semibold-line-height: 1.5714285714
}

[lang]:lang(th) {
    --body-reduced-semibold-line-height: 1.3571828571
}

@media (min-width:1580px) {
    :root {
        --headline-standalone: 600 96px/var(--headline-standalone-line-height, 1.0416666667) var(--headline-standalone-font-family-locale, var(--headline-standalone-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --headline-standalone: 600 80px/var(--headline-standalone-line-height, 1.05) var(--headline-standalone-font-family-locale, var(--headline-standalone-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --headline-standalone: 600 48px/var(--headline-standalone-line-height, 1.0834933333) var(--headline-standalone-font-family-locale, var(--headline-standalone-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --headline-super: 600 80px/var(--headline-super-line-height, 1.05) var(--headline-super-font-family-locale, var(--headline-super-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --headline-super: 600 64px/var(--headline-super-line-height, 1.0625) var(--headline-super-font-family-locale, var(--headline-super-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --headline-super: 600 48px/var(--headline-super-line-height, 1.0834933333) var(--headline-super-font-family-locale, var(--headline-super-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --headline-elevated: 600 64px/var(--headline-elevated-line-height, 1.0625) var(--headline-elevated-font-family-locale, var(--headline-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --headline-elevated: 600 48px/var(--headline-elevated-line-height, 1.0834933333) var(--headline-elevated-font-family-locale, var(--headline-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --headline-elevated: 600 40px/var(--headline-elevated-line-height, 1.1) var(--headline-elevated-font-family-locale, var(--headline-elevated-font-family, var(--font-family)))
    }
}

:root {
    --headline: 700 13px/var(--headline-line-height, 1.2307692308) var(--headline-font-family-locale, var(--headline-font-family, var(--font-family)))
}

@media (min-width:1580px) {
    :root {
        --headline-reduced: 600 40px/var(--headline-reduced-line-height, 1.1) var(--headline-reduced-font-family-locale, var(--headline-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --headline-reduced: 600 32px/var(--headline-reduced-line-height, 1.125) var(--headline-reduced-font-family-locale, var(--headline-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --headline-reduced: 600 28px/var(--headline-reduced-line-height, 1.1428571429) var(--headline-reduced-font-family-locale, var(--headline-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --eyebrow-super: 600 32px/var(--eyebrow-super-line-height, 1.125) var(--eyebrow-super-font-family-locale, var(--eyebrow-super-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --eyebrow-super: 600 28px/var(--eyebrow-super-line-height, 1.1428571429) var(--eyebrow-super-font-family-locale, var(--eyebrow-super-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --eyebrow-super: 600 24px/var(--eyebrow-super-line-height, 1.1666666667) var(--eyebrow-super-font-family-locale, var(--eyebrow-super-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --eyebrow-elevated: 600 28px/var(--eyebrow-elevated-line-height, 1.1428571429) var(--eyebrow-elevated-font-family-locale, var(--eyebrow-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --eyebrow-elevated: 600 24px/var(--eyebrow-elevated-line-height, 1.1666666667) var(--eyebrow-elevated-font-family-locale, var(--eyebrow-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --eyebrow-elevated: 600 21px/var(--eyebrow-elevated-line-height, 1.1904761905) var(--eyebrow-elevated-font-family-locale, var(--eyebrow-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --eyebrow: 600 24px/var(--eyebrow-line-height, 1.1666666667) var(--eyebrow-font-family-locale, var(--eyebrow-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --eyebrow: 600 21px/var(--eyebrow-line-height, 1.1904761905) var(--eyebrow-font-family-locale, var(--eyebrow-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --eyebrow-reduced: 600 21px/var(--eyebrow-reduced-line-height, 1.1904761905) var(--eyebrow-reduced-font-family-locale, var(--eyebrow-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --eyebrow-reduced: 600 19px/var(--eyebrow-reduced-line-height, 1.2105263158) var(--eyebrow-reduced-font-family-locale, var(--eyebrow-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --intro-elevated: 400 24px/var(--intro-elevated-line-height, 1.3334133333) var(--intro-elevated-font-family-locale, var(--intro-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --intro-elevated: 400 21px/var(--intro-elevated-line-height, 1.381002381) var(--intro-elevated-font-family-locale, var(--intro-elevated-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --intro: 400 21px/var(--intro-line-height, 1.381002381) var(--intro-font-family-locale, var(--intro-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --intro: 400 19px/var(--intro-line-height, 1.4211026316) var(--intro-font-family-locale, var(--intro-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --quote: 400 40px/var(--quote-line-height, 1.2) var(--quote-font-family-locale, var(--quote-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --quote: 400 32px/var(--quote-line-height, 1.25) var(--quote-font-family-locale, var(--quote-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --quote: 400 28px/var(--quote-line-height, 1.2858342857) var(--quote-font-family-locale, var(--quote-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --quote-reduced: 400 32px/var(--quote-reduced-line-height, 1.25) var(--quote-reduced-font-family-locale, var(--quote-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --quote-reduced: 400 28px/var(--quote-reduced-line-height, 1.2858342857) var(--quote-reduced-font-family-locale, var(--quote-reduced-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --quote-reduced: 400 24px/var(--quote-reduced-line-height, 1.3334133333) var(--quote-reduced-font-family-locale, var(--quote-reduced-font-family, var(--font-family)))
    }
}

:root {
    --callout: 400 12px/var(--callout-line-height, 1.25) var(--callout-font-family-locale, var(--callout-font-family, var(--font-family)))
}

@media (min-width:1580px) {
    :root {
        --manifesto: 600 32px/var(--manifesto-line-height, 1.25) var(--manifesto-font-family-locale, var(--manifesto-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --manifesto: 600 28px/var(--manifesto-line-height, 1.2858342857) var(--manifesto-font-family-locale, var(--manifesto-font-family, var(--font-family)))
    }
}

@media (min-width:1000px) {
    :root {
        --manifesto: 600 24px/var(--manifesto-line-height, 1.3334133333) var(--manifesto-font-family-locale, var(--manifesto-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --label: 600 24px/var(--label-line-height, 1.1666666667) var(--label-font-family-locale, var(--label-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --label: 600 21px/var(--label-line-height, 1.1904761905) var(--label-font-family-locale, var(--label-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --tout: 600 19px/var(--tout-line-height, 1.2105263158) var(--tout-font-family-locale, var(--tout-font-family, var(--font-family)))
    }
}

:root {
    --body: 400 13px/var(--body-line-height, 1.2307692308) var(--body-font-family-locale, var(--body-font-family, var(--font-family)))
}

@media (min-width:1580px) {
    :root {
        --body-tight: 400 17px/var(--body-tight-line-height, 1.2353641176) var(--body-tight-font-family-locale, var(--body-tight-font-family, var(--font-family)));
        --body-reduced: 400 14px/var(--body-reduced-line-height, 1.4285914286) var(--body-reduced-font-family-locale, var(--body-reduced-font-family, var(--font-family)));
        --body-reduced-tight: 400 14px/var(--body-reduced-tight-line-height, 1.2857742857) var(--body-reduced-tight-font-family-locale, var(--body-reduced-tight-font-family, var(--font-family)));
        --caption: 400 12px/var(--caption-line-height, 1.3333733333) var(--caption-font-family-locale, var(--caption-font-family, var(--font-family)));
        --sosumi: 400 12px/var(--sosumi-line-height, 1.3333733333) var(--sosumi-font-family-locale, var(--sosumi-font-family, var(--font-family)))
    }
}

:root {
    --large-title: 400 26px/var(--large-title-line-height, 1.2307692308) var(--large-title-font-family-locale, var(--large-title-font-family, var(--font-family)));
    --title-1: 400 22px/var(--title-1-line-height, 1.1818181818) var(--title-1-font-family-locale, var(--title-1-font-family, var(--font-family)));
    --title-2: 400 17px/var(--title-2-line-height, 1.2941176471) var(--title-2-font-family-locale, var(--title-2-font-family, var(--font-family)));
    --title-3: 400 15px/var(--title-3-line-height, 1.3333833333) var(--title-3-font-family-locale, var(--title-3-font-family, var(--font-family)));
    --subhead: 400 11px/var(--subhead-line-height, 1.2727272727) var(--subhead-font-family-locale, var(--subhead-font-family, var(--font-family)));
    --footnote: 400 10px/var(--footnote-line-height, 1.3) var(--footnote-font-family-locale, var(--footnote-font-family, var(--font-family)));
    --caption-1: 400 10px/var(--caption-1-line-height, 1.3) var(--caption-1-font-family-locale, var(--caption-1-font-family, var(--font-family)));
    --caption-2: 500 10px/var(--caption-2-line-height, 1.3) var(--caption-2-font-family-locale, var(--caption-2-font-family, var(--font-family)));
    --large-title-emphasized: 700 26px/var(--large-title-emphasized-line-height, 1.2307692308) var(--large-title-emphasized-font-family-locale, var(--large-title-emphasized-font-family, var(--font-family)));
    --title-1-emphasized: 700 22px/var(--title-1-emphasized-line-height, 1.1818181818) var(--title-1-emphasized-font-family-locale, var(--title-1-emphasized-font-family, var(--font-family)));
    --title-2-emphasized: 700 17px/var(--title-2-emphasized-line-height, 1.2941176471) var(--title-2-emphasized-font-family-locale, var(--title-2-emphasized-font-family, var(--font-family)));
    --title-3-emphasized: 600 15px/var(--title-3-emphasized-line-height, 1.3333833333) var(--title-3-emphasized-font-family-locale, var(--title-3-emphasized-font-family, var(--font-family)));
    --headline-emphasized: 800 13px/var(--headline-emphasized-line-height, 1.2307692308) var(--headline-emphasized-font-family-locale, var(--headline-emphasized-font-family, var(--font-family)));
    --body-emphasized: 600 13px/var(--body-emphasized-line-height, 1.2307692308) var(--body-emphasized-font-family-locale, var(--body-emphasized-font-family, var(--font-family)));
    --callout-emphasized: 600 12px/var(--callout-emphasized-line-height, 1.25) var(--callout-emphasized-font-family-locale, var(--callout-emphasized-font-family, var(--font-family)));
    --subhead-emphasized: 600 11px/var(--subhead-emphasized-line-height, 1.2727272727) var(--subhead-emphasized-font-family-locale, var(--subhead-emphasized-font-family, var(--font-family)));
    --footnote-emphasized: 600 10px/var(--footnote-emphasized-line-height, 1.3) var(--footnote-emphasized-font-family-locale, var(--footnote-emphasized-font-family, var(--font-family)));
    --caption-1-emphasized: 500 10px/var(--caption-1-emphasized-line-height, 1.3) var(--caption-1-emphasized-font-family-locale, var(--caption-1-emphasized-font-family, var(--font-family)));
    --caption-2-emphasized: 600 10px/var(--caption-2-emphasized-line-height, 1.3) var(--caption-2-emphasized-font-family-locale, var(--caption-2-emphasized-font-family, var(--font-family)));
    --large-title-tall: 400 26px/var(--large-title-tall-line-height, 1.3077523077) var(--large-title-tall-font-family-locale, var(--large-title-tall-font-family, var(--font-family)));
    --title-1-tall: 400 22px/var(--title-1-tall-line-height, 1.2727272727) var(--title-1-tall-font-family-locale, var(--title-1-tall-font-family, var(--font-family)));
    --title-2-tall: 400 17px/var(--title-2-tall-line-height, 1.4118447059) var(--title-2-tall-font-family-locale, var(--title-2-tall-font-family, var(--font-family)));
    --title-3-tall: 400 15px/var(--title-3-tall-line-height, 1.4666666667) var(--title-3-tall-font-family-locale, var(--title-3-tall-font-family, var(--font-family)));
    --headline-tall: 700 13px/var(--headline-tall-line-height, 1.3846153846) var(--headline-tall-font-family-locale, var(--headline-tall-font-family, var(--font-family)));
    --body-tall: 400 13px/var(--body-tall-line-height, 1.3846153846) var(--body-tall-font-family-locale, var(--body-tall-font-family, var(--font-family)));
    --callout-tall: 400 12px/var(--callout-tall-line-height, 1.4166666667) var(--callout-tall-font-family-locale, var(--callout-tall-font-family, var(--font-family)));
    --subhead-tall: 400 11px/var(--subhead-tall-line-height, 1.4545454545) var(--subhead-tall-font-family-locale, var(--subhead-tall-font-family, var(--font-family)));
    --footnote-tall: 400 10px/var(--footnote-tall-line-height, 1.5) var(--footnote-tall-font-family-locale, var(--footnote-tall-font-family, var(--font-family)));
    --caption-1-tall: 400 10px/var(--caption-1-tall-line-height, 1.5) var(--caption-1-tall-font-family-locale, var(--caption-1-tall-font-family, var(--font-family)));
    --caption-2-tall: 500 10px/var(--caption-2-tall-line-height, 1.5) var(--caption-2-tall-font-family-locale, var(--caption-2-tall-font-family, var(--font-family)));
    --large-title-short: 400 26px/var(--large-title-short-line-height, 1.1538461538) var(--large-title-short-font-family-locale, var(--large-title-short-font-family, var(--font-family)));
    --title-1-short: 400 22px/var(--title-1-short-line-height, 1.0909090909) var(--title-1-short-font-family-locale, var(--title-1-short-font-family, var(--font-family)));
    --title-2-short: 400 17px/var(--title-2-short-line-height, 1.1764805882) var(--title-2-short-font-family-locale, var(--title-2-short-font-family, var(--font-family)));
    --title-3-short: 400 15px/var(--title-3-short-line-height, 1.2) var(--title-3-short-font-family-locale, var(--title-3-short-font-family, var(--font-family)));
    --headline-short: 700 13px/var(--headline-short-line-height, 1.0769630769) var(--headline-short-font-family-locale, var(--headline-short-font-family, var(--font-family)));
    --body-short: 400 13px/var(--body-short-line-height, 1.0769630769) var(--body-short-font-family-locale, var(--body-short-font-family, var(--font-family)));
    --callout-short: 400 12px/var(--callout-short-line-height, 1.0833733333) var(--callout-short-font-family-locale, var(--callout-short-font-family, var(--font-family)));
    --subhead-short: 400 11px/var(--subhead-short-line-height, 1.0909090909) var(--subhead-short-font-family-locale, var(--subhead-short-font-family, var(--font-family)));
    --footnote-short: 400 10px/var(--footnote-short-line-height, 1.1) var(--footnote-short-font-family-locale, var(--footnote-short-font-family, var(--font-family)));
    --caption-1-short: 400 10px/var(--caption-1-short-line-height, 1.1) var(--caption-1-short-font-family-locale, var(--caption-1-short-font-family, var(--font-family)));
    --caption-2-short: 500 10px/var(--caption-2-short-line-height, 1.1) var(--caption-2-short-font-family-locale, var(--caption-2-short-font-family, var(--font-family)));
    --large-title-emphasized-tall: 700 26px/var(--large-title-emphasized-tall-line-height, 1.3077523077) var(--large-title-emphasized-tall-font-family-locale, var(--large-title-emphasized-tall-font-family, var(--font-family)));
    --title-1-emphasized-tall: 700 22px/var(--title-1-emphasized-tall-line-height, 1.2727272727) var(--title-1-emphasized-tall-font-family-locale, var(--title-1-emphasized-tall-font-family, var(--font-family)));
    --title-2-emphasized-tall: 700 17px/var(--title-2-emphasized-tall-line-height, 1.4118447059) var(--title-2-emphasized-tall-font-family-locale, var(--title-2-emphasized-tall-font-family, var(--font-family)));
    --title-3-emphasized-tall: 600 15px/var(--title-3-emphasized-tall-line-height, 1.4666666667) var(--title-3-emphasized-tall-font-family-locale, var(--title-3-emphasized-tall-font-family, var(--font-family)));
    --headline-emphasized-tall: 800 13px/var(--headline-emphasized-tall-line-height, 1.3846153846) var(--headline-emphasized-tall-font-family-locale, var(--headline-emphasized-tall-font-family, var(--font-family)));
    --body-emphasized-tall: 600 13px/var(--body-emphasized-tall-line-height, 1.3846153846) var(--body-emphasized-tall-font-family-locale, var(--body-emphasized-tall-font-family, var(--font-family)));
    --callout-emphasized-tall: 600 12px/var(--callout-emphasized-tall-line-height, 1.4166666667) var(--callout-emphasized-tall-font-family-locale, var(--callout-emphasized-tall-font-family, var(--font-family)));
    --subhead-emphasized-tall: 600 11px/var(--subhead-emphasized-tall-line-height, 1.4545454545) var(--subhead-emphasized-tall-font-family-locale, var(--subhead-emphasized-tall-font-family, var(--font-family)));
    --footnote-emphasized-tall: 600 10px/var(--footnote-emphasized-tall-line-height, 1.5) var(--footnote-emphasized-tall-font-family-locale, var(--footnote-emphasized-tall-font-family, var(--font-family)));
    --caption-1-emphasized-tall: 500 10px/var(--caption-1-emphasized-tall-line-height, 1.5) var(--caption-1-emphasized-tall-font-family-locale, var(--caption-1-emphasized-tall-font-family, var(--font-family)));
    --caption-2-emphasized-tall: 600 10px/var(--caption-2-emphasized-tall-line-height, 1.5) var(--caption-2-emphasized-tall-font-family-locale, var(--caption-2-emphasized-tall-font-family, var(--font-family)));
    --large-title-emphasized-short: 700 26px/var(--large-title-emphasized-short-line-height, 1.1538461538) var(--large-title-emphasized-short-font-family-locale, var(--large-title-emphasized-short-font-family, var(--font-family)));
    --title-1-emphasized-short: 700 22px/var(--title-1-emphasized-short-line-height, 1.0909090909) var(--title-1-emphasized-short-font-family-locale, var(--title-1-emphasized-short-font-family, var(--font-family)));
    --title-2-emphasized-short: 700 17px/var(--title-2-emphasized-short-line-height, 1.1764805882) var(--title-2-emphasized-short-font-family-locale, var(--title-2-emphasized-short-font-family, var(--font-family)));
    --title-3-emphasized-short: 600 15px/var(--title-3-emphasized-short-line-height, 1.2) var(--title-3-emphasized-short-font-family-locale, var(--title-3-emphasized-short-font-family, var(--font-family)));
    --headline-emphasized-short: 800 13px/var(--headline-emphasized-short-line-height, 1.0769630769) var(--headline-emphasized-short-font-family-locale, var(--headline-emphasized-short-font-family, var(--font-family)));
    --body-emphasized-short: 600 13px/var(--body-emphasized-short-line-height, 1.0769630769) var(--body-emphasized-short-font-family-locale, var(--body-emphasized-short-font-family, var(--font-family)));
    --callout-emphasized-short: 600 12px/var(--callout-emphasized-short-line-height, 1.0833733333) var(--callout-emphasized-short-font-family-locale, var(--callout-emphasized-short-font-family, var(--font-family)));
    --subhead-emphasized-short: 600 11px/var(--subhead-emphasized-short-line-height, 1.0909090909) var(--subhead-emphasized-short-font-family-locale, var(--subhead-emphasized-short-font-family, var(--font-family)));
    --footnote-emphasized-short: 600 10px/var(--footnote-emphasized-short-line-height, 1.1) var(--footnote-emphasized-short-font-family-locale, var(--footnote-emphasized-short-font-family, var(--font-family)));
    --caption-1-emphasized-short: 500 10px/var(--caption-1-emphasized-short-line-height, 1.1) var(--caption-1-emphasized-short-font-family-locale, var(--caption-1-emphasized-short-font-family, var(--font-family)));
    --caption-2-emphasized-short: 600 10px/var(--caption-2-emphasized-short-line-height, 1.1) var(--caption-2-emphasized-short-font-family-locale, var(--caption-2-emphasized-short-font-family, var(--font-family)));
    --header: 400 34px/var(--header-line-height, 1.1764905882) var(--header-font-family-locale, var(--header-font-family, var(--font-family)));
    --header-emphasized: 700 34px/var(--header-emphasized-line-height, 1.1764905882) var(--header-emphasized-font-family-locale, var(--header-emphasized-font-family, var(--font-family)));
    --large-title-medium: 500 26px/var(--large-title-medium-line-height, 1.2307692308) var(--large-title-medium-font-family-locale, var(--large-title-medium-font-family, var(--font-family)));
    --title-1-medium: 500 22px/var(--title-1-medium-line-height, 1.1818181818) var(--title-1-medium-font-family-locale, var(--title-1-medium-font-family, var(--font-family)));
    --title-2-medium: 500 17px/var(--title-2-medium-line-height, 1.2941176471) var(--title-2-medium-font-family-locale, var(--title-2-medium-font-family, var(--font-family)));
    --title-3-medium: 500 15px/var(--title-3-medium-line-height, 1.3333833333) var(--title-3-medium-font-family-locale, var(--title-3-medium-font-family, var(--font-family)));
    --headline-medium: 500 13px/var(--headline-medium-line-height, 1.2307692308) var(--headline-medium-font-family-locale, var(--headline-medium-font-family, var(--font-family)));
    --body-medium: 500 13px/var(--body-medium-line-height, 1.2307692308) var(--body-medium-font-family-locale, var(--body-medium-font-family, var(--font-family)));
    --callout-medium: 500 12px/var(--callout-medium-line-height, 1.25) var(--callout-medium-font-family-locale, var(--callout-medium-font-family, var(--font-family)));
    --subhead-medium: 500 11px/var(--subhead-medium-line-height, 1.2727272727) var(--subhead-medium-font-family-locale, var(--subhead-medium-font-family, var(--font-family)));
    --footnote-medium: 500 10px/var(--footnote-medium-line-height, 1.3) var(--footnote-medium-font-family-locale, var(--footnote-medium-font-family, var(--font-family)));
    --caption-1-medium: 500 10px/var(--caption-1-medium-line-height, 1.3) var(--caption-1-medium-font-family-locale, var(--caption-1-medium-font-family, var(--font-family)));
    --caption-2-medium: 500 10px/var(--caption-2-medium-line-height, 1.3) var(--caption-2-medium-font-family-locale, var(--caption-2-medium-font-family, var(--font-family)));
    --large-title-semibold: 600 26px/var(--large-title-semibold-line-height, 1.2307692308) var(--large-title-semibold-font-family-locale, var(--large-title-semibold-font-family, var(--font-family)));
    --title-1-semibold: 600 22px/var(--title-1-semibold-line-height, 1.1818181818) var(--title-1-semibold-font-family-locale, var(--title-1-semibold-font-family, var(--font-family)));
    --title-2-semibold: 600 17px/var(--title-2-semibold-line-height, 1.2941176471) var(--title-2-semibold-font-family-locale, var(--title-2-semibold-font-family, var(--font-family)));
    --title-3-semibold: 600 15px/var(--title-3-semibold-line-height, 1.3333833333) var(--title-3-semibold-font-family-locale, var(--title-3-semibold-font-family, var(--font-family)));
    --headline-semibold: 600 13px/var(--headline-semibold-line-height, 1.2307692308) var(--headline-semibold-font-family-locale, var(--headline-semibold-font-family, var(--font-family)));
    --body-semibold: 600 13px/var(--body-semibold-line-height, 1.2307692308) var(--body-semibold-font-family-locale, var(--body-semibold-font-family, var(--font-family)));
    --callout-semibold: 600 12px/var(--callout-semibold-line-height, 1.25) var(--callout-semibold-font-family-locale, var(--callout-semibold-font-family, var(--font-family)));
    --subhead-semibold: 600 11px/var(--subhead-semibold-line-height, 1.2727272727) var(--subhead-semibold-font-family-locale, var(--subhead-semibold-font-family, var(--font-family)));
    --footnote-semibold: 600 10px/var(--footnote-semibold-line-height, 1.3) var(--footnote-semibold-font-family-locale, var(--footnote-semibold-font-family, var(--font-family)));
    --caption-1-semibold: 600 10px/var(--caption-1-semibold-line-height, 1.3) var(--caption-1-semibold-font-family-locale, var(--caption-1-semibold-font-family, var(--font-family)));
    --caption-2-semibold: 600 10px/var(--caption-2-semibold-line-height, 1.3) var(--caption-2-semibold-font-family-locale, var(--caption-2-semibold-font-family, var(--font-family)));
    --large-title-bold: 700 26px/var(--large-title-bold-line-height, 1.2307692308) var(--large-title-bold-font-family-locale, var(--large-title-bold-font-family, var(--font-family)));
    --title-1-bold: 700 22px/var(--title-1-bold-line-height, 1.1818181818) var(--title-1-bold-font-family-locale, var(--title-1-bold-font-family, var(--font-family)));
    --title-2-bold: 700 17px/var(--title-2-bold-line-height, 1.2941176471) var(--title-2-bold-font-family-locale, var(--title-2-bold-font-family, var(--font-family)));
    --title-3-bold: 700 15px/var(--title-3-bold-line-height, 1.3333833333) var(--title-3-bold-font-family-locale, var(--title-3-bold-font-family, var(--font-family)));
    --headline-bold: 700 13px/var(--headline-bold-line-height, 1.2307692308) var(--headline-bold-font-family-locale, var(--headline-bold-font-family, var(--font-family)));
    --body-bold: 700 13px/var(--body-bold-line-height, 1.2307692308) var(--body-bold-font-family-locale, var(--body-bold-font-family, var(--font-family)));
    --callout-bold: 700 12px/var(--callout-bold-line-height, 1.25) var(--callout-bold-font-family-locale, var(--callout-bold-font-family, var(--font-family)));
    --subhead-bold: 700 11px/var(--subhead-bold-line-height, 1.2727272727) var(--subhead-bold-font-family-locale, var(--subhead-bold-font-family, var(--font-family)));
    --footnote-bold: 700 10px/var(--footnote-bold-line-height, 1.3) var(--footnote-bold-font-family-locale, var(--footnote-bold-font-family, var(--font-family)));
    --caption-1-bold: 700 10px/var(--caption-1-bold-line-height, 1.3) var(--caption-1-bold-font-family-locale, var(--caption-1-bold-font-family, var(--font-family)));
    --caption-2-bold: 700 10px/var(--caption-2-bold-line-height, 1.3) var(--caption-2-bold-font-family-locale, var(--caption-2-bold-font-family, var(--font-family)));
    --large-title-heavy: 800 26px/var(--large-title-heavy-line-height, 1.2307692308) var(--large-title-heavy-font-family-locale, var(--large-title-heavy-font-family, var(--font-family)));
    --title-1-heavy: 800 22px/var(--title-1-heavy-line-height, 1.1818181818) var(--title-1-heavy-font-family-locale, var(--title-1-heavy-font-family, var(--font-family)));
    --title-2-heavy: 800 17px/var(--title-2-heavy-line-height, 1.2941176471) var(--title-2-heavy-font-family-locale, var(--title-2-heavy-font-family, var(--font-family)));
    --title-3-heavy: 800 15px/var(--title-3-heavy-line-height, 1.3333833333) var(--title-3-heavy-font-family-locale, var(--title-3-heavy-font-family, var(--font-family)));
    --headline-heavy: 800 13px/var(--headline-heavy-line-height, 1.2307692308) var(--headline-heavy-font-family-locale, var(--headline-heavy-font-family, var(--font-family)));
    --body-heavy: 800 13px/var(--body-heavy-line-height, 1.2307692308) var(--body-heavy-font-family-locale, var(--body-heavy-font-family, var(--font-family)));
    --callout-heavy: 800 12px/var(--callout-heavy-line-height, 1.25) var(--callout-heavy-font-family-locale, var(--callout-heavy-font-family, var(--font-family)));
    --subhead-heavy: 800 11px/var(--subhead-heavy-line-height, 1.2727272727) var(--subhead-heavy-font-family-locale, var(--subhead-heavy-font-family, var(--font-family)));
    --footnote-heavy: 800 10px/var(--footnote-heavy-line-height, 1.3) var(--footnote-heavy-font-family-locale, var(--footnote-heavy-font-family, var(--font-family)));
    --caption-1-heavy: 800 10px/var(--caption-1-heavy-line-height, 1.3) var(--caption-1-heavy-font-family-locale, var(--caption-1-heavy-font-family, var(--font-family)));
    --caption-2-heavy: 800 10px/var(--caption-2-heavy-line-height, 1.3) var(--caption-2-heavy-font-family-locale, var(--caption-2-heavy-font-family, var(--font-family)));
    --large-title-medium-tall: 500 26px/var(--large-title-medium-tall-line-height, 1.3077523077) var(--large-title-medium-tall-font-family-locale, var(--large-title-medium-tall-font-family, var(--font-family)));
    --title-1-medium-tall: 500 22px/var(--title-1-medium-tall-line-height, 1.2727272727) var(--title-1-medium-tall-font-family-locale, var(--title-1-medium-tall-font-family, var(--font-family)));
    --title-2-medium-tall: 500 17px/var(--title-2-medium-tall-line-height, 1.4118447059) var(--title-2-medium-tall-font-family-locale, var(--title-2-medium-tall-font-family, var(--font-family)));
    --title-3-medium-tall: 500 15px/var(--title-3-medium-tall-line-height, 1.4666666667) var(--title-3-medium-tall-font-family-locale, var(--title-3-medium-tall-font-family, var(--font-family)));
    --headline-medium-tall: 500 13px/var(--headline-medium-tall-line-height, 1.3846153846) var(--headline-medium-tall-font-family-locale, var(--headline-medium-tall-font-family, var(--font-family)));
    --body-medium-tall: 500 13px/var(--body-medium-tall-line-height, 1.3846153846) var(--body-medium-tall-font-family-locale, var(--body-medium-tall-font-family, var(--font-family)));
    --callout-medium-tall: 500 12px/var(--callout-medium-tall-line-height, 1.4166666667) var(--callout-medium-tall-font-family-locale, var(--callout-medium-tall-font-family, var(--font-family)));
    --subhead-medium-tall: 500 11px/var(--subhead-medium-tall-line-height, 1.4545454545) var(--subhead-medium-tall-font-family-locale, var(--subhead-medium-tall-font-family, var(--font-family)));
    --footnote-medium-tall: 500 10px/var(--footnote-medium-tall-line-height, 1.5) var(--footnote-medium-tall-font-family-locale, var(--footnote-medium-tall-font-family, var(--font-family)));
    --caption-1-medium-tall: 500 10px/var(--caption-1-medium-tall-line-height, 1.5) var(--caption-1-medium-tall-font-family-locale, var(--caption-1-medium-tall-font-family, var(--font-family)));
    --caption-2-medium-tall: 500 10px/var(--caption-2-medium-tall-line-height, 1.5) var(--caption-2-medium-tall-font-family-locale, var(--caption-2-medium-tall-font-family, var(--font-family)));
    --large-title-semibold-tall: 600 26px/var(--large-title-semibold-tall-line-height, 1.3077523077) var(--large-title-semibold-tall-font-family-locale, var(--large-title-semibold-tall-font-family, var(--font-family)));
    --title-1-semibold-tall: 600 22px/var(--title-1-semibold-tall-line-height, 1.2727272727) var(--title-1-semibold-tall-font-family-locale, var(--title-1-semibold-tall-font-family, var(--font-family)));
    --title-2-semibold-tall: 600 17px/var(--title-2-semibold-tall-line-height, 1.4118447059) var(--title-2-semibold-tall-font-family-locale, var(--title-2-semibold-tall-font-family, var(--font-family)));
    --title-3-semibold-tall: 600 15px/var(--title-3-semibold-tall-line-height, 1.4666666667) var(--title-3-semibold-tall-font-family-locale, var(--title-3-semibold-tall-font-family, var(--font-family)));
    --headline-semibold-tall: 600 13px/var(--headline-semibold-tall-line-height, 1.3846153846) var(--headline-semibold-tall-font-family-locale, var(--headline-semibold-tall-font-family, var(--font-family)));
    --body-semibold-tall: 600 13px/var(--body-semibold-tall-line-height, 1.3846153846) var(--body-semibold-tall-font-family-locale, var(--body-semibold-tall-font-family, var(--font-family)));
    --callout-semibold-tall: 600 12px/var(--callout-semibold-tall-line-height, 1.4166666667) var(--callout-semibold-tall-font-family-locale, var(--callout-semibold-tall-font-family, var(--font-family)));
    --subhead-semibold-tall: 600 11px/var(--subhead-semibold-tall-line-height, 1.4545454545) var(--subhead-semibold-tall-font-family-locale, var(--subhead-semibold-tall-font-family, var(--font-family)));
    --footnote-semibold-tall: 600 10px/var(--footnote-semibold-tall-line-height, 1.5) var(--footnote-semibold-tall-font-family-locale, var(--footnote-semibold-tall-font-family, var(--font-family)));
    --caption-1-semibold-tall: 600 10px/var(--caption-1-semibold-tall-line-height, 1.5) var(--caption-1-semibold-tall-font-family-locale, var(--caption-1-semibold-tall-font-family, var(--font-family)));
    --caption-2-semibold-tall: 600 10px/var(--caption-2-semibold-tall-line-height, 1.5) var(--caption-2-semibold-tall-font-family-locale, var(--caption-2-semibold-tall-font-family, var(--font-family)));
    --large-title-bold-tall: 700 26px/var(--large-title-bold-tall-line-height, 1.3077523077) var(--large-title-bold-tall-font-family-locale, var(--large-title-bold-tall-font-family, var(--font-family)));
    --title-1-bold-tall: 700 22px/var(--title-1-bold-tall-line-height, 1.2727272727) var(--title-1-bold-tall-font-family-locale, var(--title-1-bold-tall-font-family, var(--font-family)));
    --title-2-bold-tall: 700 17px/var(--title-2-bold-tall-line-height, 1.4118447059) var(--title-2-bold-tall-font-family-locale, var(--title-2-bold-tall-font-family, var(--font-family)));
    --title-3-bold-tall: 700 15px/var(--title-3-bold-tall-line-height, 1.4666666667) var(--title-3-bold-tall-font-family-locale, var(--title-3-bold-tall-font-family, var(--font-family)));
    --headline-bold-tall: 700 13px/var(--headline-bold-tall-line-height, 1.3846153846) var(--headline-bold-tall-font-family-locale, var(--headline-bold-tall-font-family, var(--font-family)));
    --body-bold-tall: 700 13px/var(--body-bold-tall-line-height, 1.3846153846) var(--body-bold-tall-font-family-locale, var(--body-bold-tall-font-family, var(--font-family)));
    --callout-bold-tall: 700 12px/var(--callout-bold-tall-line-height, 1.4166666667) var(--callout-bold-tall-font-family-locale, var(--callout-bold-tall-font-family, var(--font-family)));
    --subhead-bold-tall: 700 11px/var(--subhead-bold-tall-line-height, 1.4545454545) var(--subhead-bold-tall-font-family-locale, var(--subhead-bold-tall-font-family, var(--font-family)));
    --footnote-bold-tall: 700 10px/var(--footnote-bold-tall-line-height, 1.5) var(--footnote-bold-tall-font-family-locale, var(--footnote-bold-tall-font-family, var(--font-family)));
    --caption-1-bold-tall: 700 10px/var(--caption-1-bold-tall-line-height, 1.5) var(--caption-1-bold-tall-font-family-locale, var(--caption-1-bold-tall-font-family, var(--font-family)));
    --caption-2-bold-tall: 700 10px/var(--caption-2-bold-tall-line-height, 1.5) var(--caption-2-bold-tall-font-family-locale, var(--caption-2-bold-tall-font-family, var(--font-family)));
    --large-title-heavy-tall: 800 26px/var(--large-title-heavy-tall-line-height, 1.3077523077) var(--large-title-heavy-tall-font-family-locale, var(--large-title-heavy-tall-font-family, var(--font-family)));
    --title-1-heavy-tall: 800 22px/var(--title-1-heavy-tall-line-height, 1.2727272727) var(--title-1-heavy-tall-font-family-locale, var(--title-1-heavy-tall-font-family, var(--font-family)));
    --title-2-heavy-tall: 800 17px/var(--title-2-heavy-tall-line-height, 1.4118447059) var(--title-2-heavy-tall-font-family-locale, var(--title-2-heavy-tall-font-family, var(--font-family)));
    --title-3-heavy-tall: 800 15px/var(--title-3-heavy-tall-line-height, 1.4666666667) var(--title-3-heavy-tall-font-family-locale, var(--title-3-heavy-tall-font-family, var(--font-family)));
    --headline-heavy-tall: 800 13px/var(--headline-heavy-tall-line-height, 1.3846153846) var(--headline-heavy-tall-font-family-locale, var(--headline-heavy-tall-font-family, var(--font-family)));
    --body-heavy-tall: 800 13px/var(--body-heavy-tall-line-height, 1.3846153846) var(--body-heavy-tall-font-family-locale, var(--body-heavy-tall-font-family, var(--font-family)));
    --callout-heavy-tall: 800 12px/var(--callout-heavy-tall-line-height, 1.4166666667) var(--callout-heavy-tall-font-family-locale, var(--callout-heavy-tall-font-family, var(--font-family)));
    --subhead-heavy-tall: 800 11px/var(--subhead-heavy-tall-line-height, 1.4545454545) var(--subhead-heavy-tall-font-family-locale, var(--subhead-heavy-tall-font-family, var(--font-family)));
    --footnote-heavy-tall: 800 10px/var(--footnote-heavy-tall-line-height, 1.5) var(--footnote-heavy-tall-font-family-locale, var(--footnote-heavy-tall-font-family, var(--font-family)));
    --caption-1-heavy-tall: 800 10px/var(--caption-1-heavy-tall-line-height, 1.5) var(--caption-1-heavy-tall-font-family-locale, var(--caption-1-heavy-tall-font-family, var(--font-family)));
    --caption-2-heavy-tall: 800 10px/var(--caption-2-heavy-tall-line-height, 1.5) var(--caption-2-heavy-tall-font-family-locale, var(--caption-2-heavy-tall-font-family, var(--font-family)));
    --large-title-medium-short: 500 26px/var(--large-title-medium-short-line-height, 1.1538461538) var(--large-title-medium-short-font-family-locale, var(--large-title-medium-short-font-family, var(--font-family)));
    --title-1-medium-short: 500 22px/var(--title-1-medium-short-line-height, 1.0909090909) var(--title-1-medium-short-font-family-locale, var(--title-1-medium-short-font-family, var(--font-family)));
    --title-2-medium-short: 500 17px/var(--title-2-medium-short-line-height, 1.1764805882) var(--title-2-medium-short-font-family-locale, var(--title-2-medium-short-font-family, var(--font-family)));
    --title-3-medium-short: 500 15px/var(--title-3-medium-short-line-height, 1.2) var(--title-3-medium-short-font-family-locale, var(--title-3-medium-short-font-family, var(--font-family)));
    --headline-medium-short: 500 13px/var(--headline-medium-short-line-height, 1.0769630769) var(--headline-medium-short-font-family-locale, var(--headline-medium-short-font-family, var(--font-family)));
    --body-medium-short: 500 13px/var(--body-medium-short-line-height, 1.0769630769) var(--body-medium-short-font-family-locale, var(--body-medium-short-font-family, var(--font-family)));
    --callout-medium-short: 500 12px/var(--callout-medium-short-line-height, 1.0833733333) var(--callout-medium-short-font-family-locale, var(--callout-medium-short-font-family, var(--font-family)));
    --subhead-medium-short: 500 11px/var(--subhead-medium-short-line-height, 1.0909090909) var(--subhead-medium-short-font-family-locale, var(--subhead-medium-short-font-family, var(--font-family)));
    --footnote-medium-short: 500 10px/var(--footnote-medium-short-line-height, 1.1) var(--footnote-medium-short-font-family-locale, var(--footnote-medium-short-font-family, var(--font-family)));
    --caption-1-medium-short: 500 10px/var(--caption-1-medium-short-line-height, 1.1) var(--caption-1-medium-short-font-family-locale, var(--caption-1-medium-short-font-family, var(--font-family)));
    --caption-2-medium-short: 500 10px/var(--caption-2-medium-short-line-height, 1.1) var(--caption-2-medium-short-font-family-locale, var(--caption-2-medium-short-font-family, var(--font-family)));
    --large-title-semibold-short: 600 26px/var(--large-title-semibold-short-line-height, 1.1538461538) var(--large-title-semibold-short-font-family-locale, var(--large-title-semibold-short-font-family, var(--font-family)));
    --title-1-semibold-short: 600 22px/var(--title-1-semibold-short-line-height, 1.0909090909) var(--title-1-semibold-short-font-family-locale, var(--title-1-semibold-short-font-family, var(--font-family)));
    --title-2-semibold-short: 600 17px/var(--title-2-semibold-short-line-height, 1.1764805882) var(--title-2-semibold-short-font-family-locale, var(--title-2-semibold-short-font-family, var(--font-family)));
    --title-3-semibold-short: 600 15px/var(--title-3-semibold-short-line-height, 1.2) var(--title-3-semibold-short-font-family-locale, var(--title-3-semibold-short-font-family, var(--font-family)));
    --headline-semibold-short: 600 13px/var(--headline-semibold-short-line-height, 1.0769630769) var(--headline-semibold-short-font-family-locale, var(--headline-semibold-short-font-family, var(--font-family)));
    --body-semibold-short: 600 13px/var(--body-semibold-short-line-height, 1.0769630769) var(--body-semibold-short-font-family-locale, var(--body-semibold-short-font-family, var(--font-family)));
    --callout-semibold-short: 600 12px/var(--callout-semibold-short-line-height, 1.0833733333) var(--callout-semibold-short-font-family-locale, var(--callout-semibold-short-font-family, var(--font-family)));
    --subhead-semibold-short: 600 11px/var(--subhead-semibold-short-line-height, 1.0909090909) var(--subhead-semibold-short-font-family-locale, var(--subhead-semibold-short-font-family, var(--font-family)));
    --footnote-semibold-short: 600 10px/var(--footnote-semibold-short-line-height, 1.1) var(--footnote-semibold-short-font-family-locale, var(--footnote-semibold-short-font-family, var(--font-family)));
    --caption-1-semibold-short: 600 10px/var(--caption-1-semibold-short-line-height, 1.1) var(--caption-1-semibold-short-font-family-locale, var(--caption-1-semibold-short-font-family, var(--font-family)));
    --caption-2-semibold-short: 600 10px/var(--caption-2-semibold-short-line-height, 1.1) var(--caption-2-semibold-short-font-family-locale, var(--caption-2-semibold-short-font-family, var(--font-family)));
    --large-title-bold-short: 700 26px/var(--large-title-bold-short-line-height, 1.1538461538) var(--large-title-bold-short-font-family-locale, var(--large-title-bold-short-font-family, var(--font-family)));
    --title-1-bold-short: 700 22px/var(--title-1-bold-short-line-height, 1.0909090909) var(--title-1-bold-short-font-family-locale, var(--title-1-bold-short-font-family, var(--font-family)));
    --title-2-bold-short: 700 17px/var(--title-2-bold-short-line-height, 1.1764805882) var(--title-2-bold-short-font-family-locale, var(--title-2-bold-short-font-family, var(--font-family)));
    --title-3-bold-short: 700 15px/var(--title-3-bold-short-line-height, 1.2) var(--title-3-bold-short-font-family-locale, var(--title-3-bold-short-font-family, var(--font-family)));
    --headline-bold-short: 700 13px/var(--headline-bold-short-line-height, 1.0769630769) var(--headline-bold-short-font-family-locale, var(--headline-bold-short-font-family, var(--font-family)));
    --body-bold-short: 700 13px/var(--body-bold-short-line-height, 1.0769630769) var(--body-bold-short-font-family-locale, var(--body-bold-short-font-family, var(--font-family)));
    --callout-bold-short: 700 12px/var(--callout-bold-short-line-height, 1.0833733333) var(--callout-bold-short-font-family-locale, var(--callout-bold-short-font-family, var(--font-family)));
    --subhead-bold-short: 700 11px/var(--subhead-bold-short-line-height, 1.0909090909) var(--subhead-bold-short-font-family-locale, var(--subhead-bold-short-font-family, var(--font-family)));
    --footnote-bold-short: 700 10px/var(--footnote-bold-short-line-height, 1.1) var(--footnote-bold-short-font-family-locale, var(--footnote-bold-short-font-family, var(--font-family)));
    --caption-1-bold-short: 700 10px/var(--caption-1-bold-short-line-height, 1.1) var(--caption-1-bold-short-font-family-locale, var(--caption-1-bold-short-font-family, var(--font-family)));
    --caption-2-bold-short: 700 10px/var(--caption-2-bold-short-line-height, 1.1) var(--caption-2-bold-short-font-family-locale, var(--caption-2-bold-short-font-family, var(--font-family)));
    --large-title-heavy-short: 800 26px/var(--large-title-heavy-short-line-height, 1.1538461538) var(--large-title-heavy-short-font-family-locale, var(--large-title-heavy-short-font-family, var(--font-family)));
    --title-1-heavy-short: 800 22px/var(--title-1-heavy-short-line-height, 1.0909090909) var(--title-1-heavy-short-font-family-locale, var(--title-1-heavy-short-font-family, var(--font-family)));
    --title-2-heavy-short: 800 17px/var(--title-2-heavy-short-line-height, 1.1764805882) var(--title-2-heavy-short-font-family-locale, var(--title-2-heavy-short-font-family, var(--font-family)));
    --title-3-heavy-short: 800 15px/var(--title-3-heavy-short-line-height, 1.2) var(--title-3-heavy-short-font-family-locale, var(--title-3-heavy-short-font-family, var(--font-family)));
    --headline-heavy-short: 800 13px/var(--headline-heavy-short-line-height, 1.0769630769) var(--headline-heavy-short-font-family-locale, var(--headline-heavy-short-font-family, var(--font-family)));
    --body-heavy-short: 800 13px/var(--body-heavy-short-line-height, 1.0769630769) var(--body-heavy-short-font-family-locale, var(--body-heavy-short-font-family, var(--font-family)));
    --callout-heavy-short: 800 12px/var(--callout-heavy-short-line-height, 1.0833733333) var(--callout-heavy-short-font-family-locale, var(--callout-heavy-short-font-family, var(--font-family)));
    --subhead-heavy-short: 800 11px/var(--subhead-heavy-short-line-height, 1.0909090909) var(--subhead-heavy-short-font-family-locale, var(--subhead-heavy-short-font-family, var(--font-family)));
    --footnote-heavy-short: 800 10px/var(--footnote-heavy-short-line-height, 1.1) var(--footnote-heavy-short-font-family-locale, var(--footnote-heavy-short-font-family, var(--font-family)));
    --caption-1-heavy-short: 800 10px/var(--caption-1-heavy-short-line-height, 1.1) var(--caption-1-heavy-short-font-family-locale, var(--caption-1-heavy-short-font-family, var(--font-family)));
    --caption-2-heavy-short: 800 10px/var(--caption-2-heavy-short-line-height, 1.1) var(--caption-2-heavy-short-font-family-locale, var(--caption-2-heavy-short-font-family, var(--font-family)));
    --monogram: 500 310px/var(--monogram-line-height, .0032258065) var(--monogram-font-family-locale, var(--monogram-font-family, var(--font-family)));
    --live-badge: 600 10px/var(--live-badge-line-height, 1) var(--live-badge-font-family-locale, var(--live-badge-font-family, var(--font-family)));
    --live-badge-large: 600 15px/var(--live-badge-large-line-height, 1) var(--live-badge-large-font-family-locale, var(--live-badge-large-font-family, var(--font-family)));
    --subhead-emphasized_title-3-emphasized_title-2-emphasized: 600 11px/var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height, 1.2727272727) var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family-locale, var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family, var(--font-family)))
}

@media (min-width:1000px) {
    :root {
        --subhead-emphasized_title-3-emphasized_title-2-emphasized: 600 15px/var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height, 1.3333833333) var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family-locale, var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family, var(--font-family)))
    }
}

@media (min-width:1580px) {
    :root {
        --subhead-emphasized_title-3-emphasized_title-2-emphasized: 700 17px/var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-line-height, 1.2941176471) var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family-locale, var(--subhead-emphasized_title-3-emphasized_title-2-emphasized-font-family, var(--font-family)))
    }
}

:root {
    --title3tall_bodytall_Title3Tall: 400 15px/var(--title3tall_bodytall_Title3Tall-line-height, 1.4666666667) var(--title3tall_bodytall_Title3Tall-font-family-locale, var(--title3tall_bodytall_Title3Tall-font-family, var(--font-family)))
}

@media (min-width:484px) {
    :root {
        --title3tall_bodytall_Title3Tall: 400 13px/var(--title3tall_bodytall_Title3Tall-line-height, 1.3846153846) var(--title3tall_bodytall_Title3Tall-font-family-locale, var(--title3tall_bodytall_Title3Tall-font-family, var(--font-family)))
    }
}

@media (min-width:1260px) {
    :root {
        --title3tall_bodytall_Title3Tall: 400 15px/var(--title3tall_bodytall_Title3Tall-line-height, 1.4666666667) var(--title3tall_bodytall_Title3Tall-font-family-locale, var(--title3tall_bodytall_Title3Tall-font-family, var(--font-family)))
    }
}

:root {
    --body-reduced-semibold: 600 14px/var(--body-reduced-semibold-line-height, 1.4285914286) var(--body-reduced-semibold-font-family-locale, var(--body-reduced-semibold-font-family, var(--font-family)))
}

:lang(cs),
:lang(de) {
    quotes: "„" "“"
}

:lang(de-CH),
:lang(de-LI) {
    quotes: "«" "»"
}

:lang(fr) {
    quotes: "« " " »"
}

:lang(es-ES),
:lang(fr-CH) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    quotes: "«" "»"
}

:lang(lt),
:lang(pl) {
    quotes: "„" "“"
}

:lang(ru) {
    quotes: "« " " »"
}

:lang(zh) {
    quotes: "「" "」"
}

:lang(zh-CN) {
    quotes: "“" "”"
}

body {
    color: var(--bodyTextColor, var(--systemPrimary));
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2307692308
}

body:lang(th) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.7230769231
}

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: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
}

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

body:lang(ja) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

body: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
}

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

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

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

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

.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: .42
}

li {
    list-style: none
}

b,
strong {
    font-weight: 600
}

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

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/ThonburiPro-Regular-subset.woff2) format("woff2");
    unicode-range: U+e17, U+e22, U+e44
}

body {
    background-color: var(--pageBG);
    cursor: default;
    overflow: hidden
}

.body-container,
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] p[dir=ltr],
[dir=rtl] pre[dir=ltr],
[dir=rtl] section[dir=ltr],
[dir=rtl] table[dir=ltr],
[dir=rtl] ul[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] p[dir=rtl],
[dir=ltr] pre[dir=rtl],
[dir=ltr] section[dir=rtl],
[dir=ltr] table[dir=rtl],
[dir=ltr] ul[dir=rtl] {
    direction: rtl;
    text-align: initial
}

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

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

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

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

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

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

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

.js-focus-visible [type=button]:focus:not(.focus-visible),
.js-focus-visible a:focus:not(.focus-visible),
.js-focus-visible button:focus:not(.focus-visible) {
    box-shadow: 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: calc(var(--z-default) + 3)
}

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

[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
}

[data-drop-area]:not(.drop-reset).is-drag-over-right:after {
    inset-inline-end: -1px
}

[data-drop-area]:not(.drop-reset).is-drag-over-left:after {
    inset-inline-start: -1px
}

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

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

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {

    .sliding-modal:has(.join-share-play),
    .sliding-modal:has(.share-play-qr) {
        display: table
    }
}

:root {
    --web-navigation-width: 164px;
    --bodyGutter: 25px
}

@media (min-width:484px) {
    :root {
        --web-navigation-width: 33.8842975207vw
    }
}

@media (min-width:767.32px) {
    :root {
        --web-navigation-width: 260px
    }
}

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

.menuicon.svelte-1noilih.svelte-1noilih {
    height: 44px;
    position: relative;
    width: 44px;
    z-index: var(--z-default)
}

.menuicon-bread.svelte-1noilih.svelte-1noilih {
    height: 20px;
    left: 13px;
    pointer-events: none;
    position: absolute;
    top: 12px;
    transition: transform .1806s cubic-bezier(.04, .04, .12, .96);
    width: 20px;
    z-index: var(--z-default)
}

.menuicon-bread.svelte-1noilih span.svelte-1noilih {
    pointer-events: none
}

[aria-expanded=true].svelte-1noilih .menuicon-bread.svelte-1noilih {
    height: 24px;
    left: 10px;
    top: 11px;
    transition: transform .3192s cubic-bezier(.04, .04, .12, .96) .1008s;
    width: 24px
}

[aria-expanded=true].svelte-1noilih .menuicon-bread-top.svelte-1noilih {
    transform: rotate(-45deg)
}

[aria-expanded=true].svelte-1noilih .menuicon-bread-bottom.svelte-1noilih {
    transform: rotate(45deg)
}

.menuicon-bread-crust.svelte-1noilih.svelte-1noilih {
    background: var(--keyColor);
    border-radius: 1px;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .1596s cubic-bezier(.52, .16, .52, .84) .1008s;
    width: 20px;
    z-index: var(--z-default)
}

[aria-expanded=true].svelte-1noilih .menuicon-bread-crust.svelte-1noilih {
    transform: translateY(0);
    transition: transform .1806s cubic-bezier(.04, .04, .12, .96);
    width: 24px
}

.menuicon-bread-crust-top.svelte-1noilih.svelte-1noilih {
    top: 9px;
    transform: translateY(-4px)
}

[aria-expanded=true].svelte-1noilih .menuicon-bread-crust-top.svelte-1noilih {
    top: 11px
}

.menuicon-bread-crust-bottom.svelte-1noilih.svelte-1noilih {
    bottom: 9px;
    transform: translateY(4px)
}

[aria-expanded=true].svelte-1noilih .menuicon-bread-crust-bottom.svelte-1noilih {
    bottom: 11px
}

@media (prefers-reduced-motion:reduce) {

    .menuicon-bread-crust.svelte-1noilih.svelte-1noilih,
    .menuicon-bread.svelte-1noilih.svelte-1noilih,
    [aria-expanded=true].svelte-1noilih .menuicon-bread-crust.svelte-1noilih,
    [aria-expanded=true].svelte-1noilih .menuicon-bread.svelte-1noilih {
        transition: none
    }
}

.navigation-item__content.svelte-zhx7t9 {
    align-items: center;
    border-radius: inherit;
    color: var(--navigation-item-text-color, var(--systemPrimary));
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    width: 100%
}

.navigation-item--selected .navigation-item__content.svelte-zhx7t9 {
    font: var(--title-2-emphasized)
}

@media (min-width:484px) {
    .navigation-item--selected .navigation-item__content.svelte-zhx7t9 {
        font: var(--title-3-medium)
    }
}

.navigation-item__icon.svelte-zhx7t9 {
    flex: 0 0;
    flex-basis: var(--navigation-item-icon-size, 32px);
    line-height: 0
}

.navigation-item__icon.svelte-zhx7t9 svg {
    height: 100%;
    width: 100%;
    fill: var(--navigation-item-icon-color, var(--keyColor))
}

@media (min-width:484px) {
    .navigation-item__icon.svelte-zhx7t9 {
        flex-basis: var(--navigation-item-icon-size, 24px)
    }
}

.navigation-item__label.svelte-zhx7t9 {
    flex: 1;
    margin-bottom: -4px;
    margin-top: -4px;
    margin-inline-end: -4px;
    margin-inline-start: -4px;
    overflow: hidden;
    padding-bottom: 4px;
    padding-inline-end: 4px;
    padding-top: 4px;
    padding-inline-start: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navigation-item.svelte-1a5yt87 {
    --linkHoverTextDecoration: none;
    border-radius: 6px;
    margin-bottom: 2px;
    padding: 4px;
    position: relative
}

.navigation-item.svelte-1a5yt87:last-child {
    margin-bottom: 1px
}

.navigation-item.svelte-1a5yt87:not(.is-dragging).is-drag-over {
    --drag-over-color: #fff;
    --navigation-item-text-color: var(--drag-over-color);
    --navigation-item-icon-color: var(--drag-over-color);
    background-color: var(--selectionColor)
}

.navigation-item.svelte-1a5yt87:not(.is-dragging).is-drag-over-bottom:after,
.navigation-item.svelte-1a5yt87:not(.is-dragging).is-drag-over-top:after {
    background-color: var(--keyColor);
    content: "";
    height: 2px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.navigation-item.svelte-1a5yt87:not(.is-dragging).is-drag-over-top:after {
    top: 0;
    transform: translateY(-1px)
}

.navigation-item.svelte-1a5yt87:not(.is-dragging).is-drag-over-bottom:after {
    bottom: 0;
    transform: translateY(1px)
}

@media (min-width:484px) {
    .navigation-item.svelte-1a5yt87 {
        height: 32px
    }

    .navigation-item.navigation-item__radio.svelte-1a5yt87 {
        margin-bottom: 1px
    }
}

.navigation-item--selected.svelte-1a5yt87 {
    background-color: var(--navSidebarSelectedState)
}

.navigation-item.navigation-item__playlist.svelte-1a5yt87.drop-reset.songs-category-list:hover,
.navigation-item.svelte-1a5yt87.drop-reset:hover{
    background-color: var(--navSidebarSelectedState)
}

@media (min-width:484px) {
    .navigation-item__search.svelte-1a5yt87 {
        display: none
    }
}

.navigation-item__link.svelte-1a5yt87 {
    border-radius: inherit;
    box-sizing: content-box;
    display: block;
    margin-bottom: -3px;
    margin-top: -3px;
    margin-inline-end: -3px;
    margin-inline-start: -3px;
    padding-bottom: 3px;
    padding-inline-end: 3px;
    padding-top: 3px;
    padding-inline-start: 3px
}

.navigation-item__checkbox.svelte-1a5yt87 {
    accent-color: var(--keyColor);
    margin-inline-end: 5px
}

.navigation-item__folder.svelte-hdlhpa.svelte-hdlhpa {
    --linkHoverTextDecoration: none;
    border-radius: 6px;
    margin-bottom: 2px;
    padding: 4px;
    position: relative
}

@media (min-width:484px) {
    .navigation-item__folder.svelte-hdlhpa.svelte-hdlhpa {
        height: 32px
    }
}

.navigation-item__folder.folder-open.svelte-hdlhpa.svelte-hdlhpa {
    margin-bottom: 0;
    padding-bottom: 0
}

.navigation-item__folder--has-children.svelte-hdlhpa.svelte-hdlhpa {
    height: auto
}

.navigation-item__folder-label.svelte-hdlhpa.svelte-hdlhpa {
    align-items: center;
    border-radius: 6px;
    box-sizing: content-box;
    display: flex;
    margin-bottom: -3px;
    margin-top: -3px;
    margin-inline-end: -3px;
    margin-inline-start: -3px;
    padding-bottom: 3px;
    padding-inline-end: 3px;
    padding-top: 3px;
    padding-inline-start: 3px
}

.navigation-item__folder--has-children.svelte-hdlhpa .navigation-item__folder-label.svelte-hdlhpa {
    cursor: pointer
}

.navigation-item__folder-label.svelte-hdlhpa.svelte-hdlhpa.is-drag-over {
    --drag-over-color: #fff;
    --navigation-item-text-color: var(--drag-over-color);
    --navigation-item-icon-color: var(--drag-over-color);
    background-color: var(--selectionColor)
}

.navigation-item__folder-list.svelte-hdlhpa.svelte-hdlhpa {
    margin-inline-start: 8px;
    margin-top: 4px
}

.folder-arrow-indicator.svelte-hdlhpa.svelte-hdlhpa:before {
    border-bottom: 4px solid transparent;
    border-inline-end-color: transparent;
    border-inline-end-width: 0;
    border-inline-start-color: var(--systemTertiary);
    border-inline-start-width: 6px;
    border-left-style: solid;
    border-right-style: solid;
    border-top: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    inset-inline-start: -12px;
    position: absolute;
    top: 16px;
    transform: rotate(0);
    transition: transform .3s ease;
    width: 0
}

.folder-open.svelte-hdlhpa .folder-arrow-indicator.svelte-hdlhpa:before {
    transform: rotate(90deg)
}

html[dir=rtl] .folder-open.svelte-hdlhpa .folder-arrow-indicator.svelte-hdlhpa:before {
    transform: rotate(-90deg)
}

@media (min-width:484px) {
    .folder-arrow-indicator.svelte-hdlhpa.svelte-hdlhpa:before {
        top: 12px
    }
}

@media (prefers-reduced-motion:reduce) {
    .folder-arrow-indicator.svelte-hdlhpa.svelte-hdlhpa:before {
        transition: none
    }
}

.navigation-items.svelte-ng61m8.svelte-ng61m8 {
    grid-area: navigation-items;
    padding-top: 7px
}

.navigation-items--primary.svelte-ng61m8.svelte-ng61m8 {
    padding-top: 9px
}

.navigation-items--library.svelte-ng61m8.svelte-ng61m8 {
    grid-area: library-navigation-items
}

.navigation-items--personalized.svelte-ng61m8.svelte-ng61m8 {
    grid-area: personalized-navigation-items
}

.navigation-items__header.svelte-ng61m8.svelte-ng61m8 {
    color: var(--systemSecondary);
    display: flex;
    font: var(--body-emphasized);
    justify-content: space-between;
    padding: 15px 26px 3px
}

@media (min-width:484px) {
    .navigation-items__header.svelte-ng61m8.svelte-ng61m8 {
        border-radius: 6px;
        font: var(--footnote-emphasized);
        margin: 0 20px -3px;
        padding: 4px 6px
    }
}

.navigation-items__header.svelte-ng61m8.svelte-ng61m8.is-drag-over {
    --drag-over-color: #fff;
    background-color: var(--selectionColor);
    color: var(--drag-over-color)
}

.edit-toggle-button.svelte-ng61m8.svelte-ng61m8 {
    color: var(--systemPrimary)
}

@media (min-width:484px) {
    .edit-toggle-button.svelte-ng61m8.svelte-ng61m8 {
        opacity: 0;
        transition: var(--global-transition)
    }

    .edit-toggle-button.svelte-ng61m8.svelte-ng61m8:focus {
        opacity: 1
    }
}

.edit-toggle-button.is-editing.svelte-ng61m8.svelte-ng61m8,
.navigation-items__header.svelte-ng61m8:hover .edit-toggle-button.svelte-ng61m8 {
    opacity: 1
}

.navigation-items__list.svelte-ng61m8.svelte-ng61m8 {
    font: var(--title-2);
    padding: 3px 26px
}

@media (min-width:484px) {
    .navigation-items__list.svelte-ng61m8.svelte-ng61m8 {
        font: var(--title-3);
        padding: 0 25px 9px
    }
}

.navigation.svelte-13li0vp {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: var(--z-web-chrome)
}

@media (max-width:483px) {
    .navigation.svelte-13li0vp {
        background-color: var(--mobileNavigationBG);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        height: 44px;
        overflow: hidden;
        position: fixed
    }

    .navigation.is-expanded.svelte-13li0vp {
        height: 100%
    }

    .navigation.is-transitioning.svelte-13li0vp {
        transition: height .56s cubic-bezier(.52, .16, .24, 1)
    }
}

@media (max-width:483px) and (prefers-reduced-motion:reduce) {
    .navigation.svelte-13li0vp {
        transition: none
    }
}

@media (min-width:484px) {
    .navigation.svelte-13li0vp {
        background-color: var(--navSidebarBG);
        border-inline-end: 1px solid var(--labelDivider);
        box-shadow: none;
        height: 100%;
        position: relative
    }
}

.navigation__header.svelte-13li0vp {
    display: grid
}

@media (max-width:483px) {
    .navigation__header.svelte-13li0vp {
        align-items: center;
        grid-template-columns: repeat(3, 1fr);
        margin-inline-end: 11px;
        margin-inline-start: 12px
    }

    .navigation__header.svelte-13li0vp>:first-child {
        justify-self: start
    }

    .navigation__header.svelte-13li0vp>:nth-child(2) {
        justify-self: center
    }

    .navigation__header.svelte-13li0vp>:nth-child(3) {
        justify-self: end
    }
}

@media (min-width:484px) {
    .navigation__header.svelte-13li0vp .search-input-wrapper {
        min-height: 54px
    }
}

.navigation__content.svelte-13li0vp {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height:calc(100% - 44px)
}

@media (min-width:484px) {
    .navigation__content.svelte-13li0vp {
        flex: 1;
        width: var(--web-navigation-width)
    }
}

.navigation__scrollable-container.svelte-13li0vp {
    overflow-y: auto;
    scroll-behavior: smooth
}

@media (max-width:483px) {
    .navigation__scrollable-container.svelte-13li0vp {
        padding-top: 23px;
        height: calc(100% - 107.5px);
    }
}

@media (min-width:484px) {
    .navigation__scrollable-container.svelte-13li0vp {
        flex: 1
    }
}

.floating-icon.svelte-22uswy {
    height: 50px;
    position: relative;
    width: 50px;
    z-index: 1
}

@media (max-width:483px) {
    .floating-icon.svelte-22uswy {
        width: 75px
    }
}

.expandable-button.is-open .floating-icon.svelte-22uswy,
.floating-icon__platter.svelte-22uswy {
    align-items: center;
    display: flex;
    justify-content: center
}

.floating-icon__platter.svelte-22uswy {
    border-radius: 50%;
    cursor: pointer;
    height: 50px;
    padding: 10px;
    transition: all .4s ease-in-out;
    width: 50px
}

.floating-icon__platter.svelte-22uswy path {
    transition: fill .15s ease-in-out;
    fill: var(--systemSecondary)
}

.floating-icon__platter.svelte-22uswy:hover path {
    fill: var(--systemPrimary)
}

.is-open .floating-icon__platter.svelte-22uswy {
    background-color: var(--systemStandardThinMaterialSover)
}

.features-list.svelte-1eeukan.svelte-1eeukan {
    border-radius: 8px;
    overflow: hidden
}

table.svelte-1eeukan.svelte-1eeukan {
    border-collapse: collapse;
    width: 100%
}

.control.svelte-1eeukan.svelte-1eeukan {
    text-align: end;
    width: 100px
}

td.svelte-1eeukan.svelte-1eeukan,
th.svelte-1eeukan.svelte-1eeukan {
    border-bottom: 1px solid var(--labelDivider);
    padding: 10px;
    text-align: left
}

tr.svelte-1eeukan:last-child td.svelte-1eeukan,
tr.svelte-1eeukan:last-child th.svelte-1eeukan {
    border-bottom: none
}

th.svelte-1eeukan.svelte-1eeukan {
    background: var(--systemQuaternary);
    color: var(--systemPrimary);
    font: var(--title-3-emphasized)
}

td.svelte-1eeukan.svelte-1eeukan {
    background: var(--systemQuinary);
    color: var(--systemPrimary);
    font: var(--headline)
}

td.svelte-1eeukan.svelte-1eeukan:nth-child(2) {
    text-align: end
}

.toggle.svelte-1eeukan.svelte-1eeukan {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 40px;
    clip: auto;
    clip-path: none;
    overflow: initial
}

.toggle.svelte-1eeukan input.svelte-1eeukan {
    height: 0;
    opacity: 0;
    width: 0
}

.slider.svelte-1eeukan.svelte-1eeukan {
    background-color: var(--systemGray);
    border-radius: 24px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

.slider.svelte-1eeukan.svelte-1eeukan:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 20px
}

input.svelte-1eeukan:checked+.slider.svelte-1eeukan {
    background-color: var(--systemGreen)
}

input.svelte-1eeukan:checked+.slider.svelte-1eeukan:before {
    transform: translate(16px)
}

dialog.svelte-1s18q5 {
    background: var(--pageBG);
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), 0 0 0 .5px rgba(0, 0, 0, .2), 0 8px 40px var(--dialogShadowColor);
    color: var(--systemPrimary);
    display: flex;
    flex-direction: column;
    max-width: 600px;
    min-height: 200px;
    padding: 20px;
    position: relative;
    width: 90%
}

.dialog-footer.svelte-1s18q5 a,
.dialog-footer.svelte-1s18q5 button {
    background: var(--keyColorBG, var(--keyColor, var(--systemBlue)));
    border: 1px solid transparent;
    border-radius: 5px;
    color: var(--systemPrimary-onDark);
    cursor: pointer;
    font: var(--title-3-emphasized);
    margin: 0 5px;
    padding: 10px 20px
}

.dialog-footer.svelte-1s18q5 a:hover {
    text-decoration: none
}

.dialog-footer.svelte-1s18q5 button:disabled {
    background-color: var(--systemGrey);
    border: 1px solid var(--systemSecondary);
    color: var(--systemSecondary);
    cursor: not-allowed
}

.dialog-footer.svelte-1s18q5 button.secondary {
    background-color: var(--systemGrey);
    border: 1px solid var(--keyColorBG, var(--keyColor, var(--systemBlue)));
    color: var(--systemPrimary)
}

.dialog-header.svelte-1s18q5 {
    border-bottom: 1px solid var(--systemSecondary)
}

.dialog-header.svelte-1s18q5 p {
    margin: 10px 0
}

.dialog-content.svelte-1s18q5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow-y: auto;
    padding: 20px 10px;
    row-gap: 20px;
    text-align: center
}

.dialog-content.svelte-1s18q5 p {
    align-self: start;
    margin: 0
}

.dialog-footer.svelte-1s18q5 {
    border-top: 1px solid var(--systemSecondary);
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    text-align: right
}

.title.svelte-t94p4z {
    font: var(--title-1-emphasized)
}

.error-message.svelte-t94p4z {
    color: #d1242f;
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

.button-container.svelte-t94p4z {
    display: flex;
    justify-content: flex-start
}

.tabs.svelte-7lqlu6 {
    border-bottom: 1px solid var(--labelDivider);
    display: flex
}

.tab.svelte-7lqlu6 {
    border-bottom: 2px solid transparent;
    color: var(--systemSecondary);
    cursor: pointer;
    font: var(--headline-semibold);
    margin: 0 .5rem;
    padding: .5rem 1rem;
    transition: color .3s, border-bottom .3s
}

.tab.active.svelte-7lqlu6,
.tab.svelte-7lqlu6:hover {
    color: var(--systemPrimary)
}

.tab.active.svelte-7lqlu6 {
    border-bottom: 1px solid var(--systemPrimary)
}

.tags-list.svelte-o07wf0 {
    margin-top: 10px;
    text-align: left
}

.tag.svelte-o07wf0 {
    margin-bottom: 1rem
}

.tag-label.svelte-o07wf0 {
    font: var(--headline-semibold)
}

.tag-value.svelte-o07wf0 {
    background-color: transparent;
    border: 1px solid var(--systemTertiary);
    border-radius: 6px;
    color: var(--systemPrimary);
    font: var(--body);
    margin-top: 5px;
    padding: 10px
}

.tag--select.svelte-o07wf0 {
    position: relative
}

.tag--select.svelte-o07wf0:after {
    color: var(--systemPrimary);
    content: "⟩";
    font-size: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(90deg) scaleX(1.4)
}

.tag-value--select.svelte-o07wf0 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    width: 100%
}

.facebook-preview.svelte-qzcdea.svelte-qzcdea {
    align-items: flex-start;
    background-color: var(--pageBG);
    border: 1px solid var(--labelDivider);
    border-radius: 8px;
    box-shadow: 0 4px 8px var(--dialogShadowColor);
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    justify-content: flex-start;
    margin: 10px auto 20px;
    max-width: 468px;
    overflow: hidden;
    width: 100%
}

.facebook-preview.svelte-qzcdea .image.svelte-qzcdea {
    align-items: center;
    display: flex;
    height: 267px;
    justify-content: center;
    overflow: auto;
    position: relative
}

.facebook-preview.svelte-qzcdea .image img.svelte-qzcdea {
    display: block;
    height: auto;
    width: 100%
}

.facebook-preview.svelte-qzcdea .details.svelte-qzcdea {
    padding: 16px;
    text-align: start
}

.facebook-preview.svelte-qzcdea .details .title.svelte-qzcdea {
    color: var(--systemPrimary);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

.facebook-preview.svelte-qzcdea .details .description.svelte-qzcdea {
    color: var(--systemSecondary);
    font-size: 16px
}

.facebook-preview.svelte-qzcdea .details .card-link.svelte-qzcdea {
    color: var(--systemPrimary);
    margin-bottom: 4px;
    text-transform: uppercase
}

.preview-container.svelte-pdwx8j.svelte-pdwx8j {
    display: flex
}

.seo-preview.svelte-pdwx8j.svelte-pdwx8j {
    align-items: flex-start;
    background-color: var(--pageBG);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 .5px rgba(0, 0, 0, .2), 0 0 7px var(--dialogShadowColor);
    color: var(--systemPrimary);
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    justify-content: flex-start;
    margin: 20px auto 5px;
    max-width: 600px;
    padding: 15px;
    width: 100%
}

.seo-preview.svelte-pdwx8j .favicon.svelte-pdwx8j {
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 18px
}

.seo-preview.svelte-pdwx8j .url.svelte-pdwx8j {
    color: var(--systemPrimary);
    display: inline-block;
    font-size: 14px;
    margin-bottom: 2px
}

.seo-preview.svelte-pdwx8j .title.svelte-pdwx8j {
    color: var(--systemBlue);
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin: 5px 0;
    text-decoration: none
}

.seo-preview.svelte-pdwx8j .title.svelte-pdwx8j:hover {
    text-decoration: underline
}

.seo-preview.svelte-pdwx8j .description.svelte-pdwx8j {
    color: var(--systemPrimary);
    font-size: 14px;
    line-height: 1.58;
    margin-top: 6px;
    text-align: start
}

.share-button.svelte-pdwx8j.svelte-pdwx8j {
    padding: 10px;
    width: 20px
}

.share-notice.svelte-pdwx8j.svelte-pdwx8j {
    font: var(--caption-1);
    padding-inline-end: 20px;
    text-align: end
}

.x-preview.svelte-1vedknw.svelte-1vedknw {
    align-items: center;
    background-color: #fff;
    border: 0 solid #ccc;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    color: #333;
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.x-preview__image.svelte-1vedknw.svelte-1vedknw {
    height: auto;
    width: 100%
}

.x-preview__content.svelte-1vedknw.svelte-1vedknw {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    height: 100%;
    justify-content: center;
    margin-top: 10px;
    row-gap: 5px;
    text-align: center
}

.x-preview__content__title.svelte-1vedknw.svelte-1vedknw {
    font-weight: 700
}

.x-preview__content__description.svelte-1vedknw.svelte-1vedknw {
    color: #666
}

.x-preview__content__attribution.svelte-1vedknw.svelte-1vedknw {
    color: #666;
    font-size: .85rem
}

.x-preview--large.svelte-1vedknw.svelte-1vedknw {
    max-width: 600px;
    padding: 20px
}

.x-preview--large__image.svelte-1vedknw.svelte-1vedknw {
    width: 100%
}

.x-preview--large__content.svelte-1vedknw.svelte-1vedknw {
    text-align: left
}

.x-preview--horizontal.svelte-1vedknw.svelte-1vedknw {
    align-items: flex-start;
    flex-direction: row;
    height: 130px;
    width: 515px
}

.x-preview--horizontal.svelte-1vedknw .x-preview__image-container.svelte-1vedknw {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    flex: 0 130px;
    height: auto;
    margin-right: 20px;
    overflow: hidden
}

.x-preview--horizontal.svelte-1vedknw .x-preview__content.svelte-1vedknw {
    flex: 5;
    margin-top: 0;
    text-align: left
}

.x-preview--horizontal.svelte-1vedknw .x-preview__content__title.svelte-1vedknw {
    font-weight: 700
}

@media (prefers-color-scheme:dark) {
    .x-preview.svelte-1vedknw.svelte-1vedknw {
        background-color: #1e1e1e;
        border-color: #444;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
        color: #f5f5f5
    }

    .x-preview.svelte-1vedknw .x-preview__content__attribution.svelte-1vedknw,
    .x-preview.svelte-1vedknw .x-preview__content__description.svelte-1vedknw {
        color: #aaa
    }
}

.social-preview-container.svelte-ul5gga {
    display: flex;
    flex-direction: column;
    width: 100%
}

.title.svelte-qbj5lc {
    font: var(--title-1-emphasized)
}

.bentobox-styles-loaded #bentobox .bentobox-ui {
    -webkit-backdrop-filter: blur(60px) saturate(240%);
    backdrop-filter: blur(60px) saturate(240%);
    background-color: var(--systemStandardUltrathickMaterialSover) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 .5px rgba(0, 0, 0, .2), 0 8px 40px var(--dialogShadowColor) !important;
    box-sizing: content-box !important
}

@media (max-width:483px) {
    .bentobox-styles-loaded:has(.expandable-button.is-open) #bentobox .bentobox-ui {
        left: 45px !important
    }
}

.bentobox-styles-loaded #bentobox .bentobox-tool-wrap .tool-module-wrap.module-menu {
    -webkit-backdrop-filter: blur(60px) saturate(240%);
    backdrop-filter: blur(60px) saturate(240%);
    background-color: var(--systemStandardUltrathickMaterialSover) !important;
    border: .5px solid rgba(0, 0, 0, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor) !important
}

.bentobox-styles-loaded #bentobox .settings-list-item:has([bb-label=themeToggle]) {
    display: none
}

.bentobox-styles-loaded #bentobox .bentobox-ui,
.bentobox-styles-loaded #bentobox .bentobox-ui .overflow-gradient {
    background-image: none !important
}

.bentobox-styles-loaded #bentobox .tool-name {
    border: .5px solid rgba(0, 0, 0, .2) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor) !important;
    box-sizing: content-box !important
}

.bentobox-styles-loaded #bentobox .tool-name-description {
    color: var(--systemSecondary) !important
}

.bentobox-styles-loaded #bentobox button {
    background-color: transparent !important
}

.bentobox-styles-loaded #bentobox .bentobox-tool-wrap .bentobox-tool-module .module-component-input-wrap.form-input input {
    color: var(--systemPrimary) !important
}

.copy.svelte-16yekn0.svelte-16yekn0 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: background-color .15s ease;
    width: 40px
}

.copy.svelte-16yekn0.svelte-16yekn0:hover {
    background-color: var(--systemQuaternary)
}

.copy.svelte-16yekn0.svelte-16yekn0:active {
    background-color: var(--systemQuinary)
}

.copy.svelte-16yekn0 .copy-container.svelte-16yekn0 {
    height: 20px;
    position: relative;
    width: 20px
}

.copy.svelte-16yekn0 .copy-container.svelte-16yekn0 path {
    fill: var(--systemSecondary)
}

.json-viewer.svelte-1lu9wyn {
    font-family: monospace;
    font-size: 14px;
    overflow-anchor: none;
    padding-left: 20px
}

.key.svelte-1lu9wyn {
    color: var(--systemRed)
}

.string.svelte-1lu9wyn {
    color: var(--systemSecondary)
}

.number.svelte-1lu9wyn {
    color: var(--systemTeal)
}

.boolean.svelte-1lu9wyn {
    color: var(--systemYellow)
}

.null.svelte-1lu9wyn {
    color: var(--systemOrange)
}

.collapsible.svelte-1lu9wyn {
    cursor: pointer
}

.collapsible.svelte-1lu9wyn:before {
    color: #888;
    content: "▶ ";
    display: inline-block;
    margin-left: -1em;
    transform: rotate(90deg);
    transform-origin: center;
    transition: transform .2s ease-in-out;
    width: 1em
}

.collapsible.collapsed.svelte-1lu9wyn:before {
    transform: rotate(0)
}

.hidden.svelte-1lu9wyn {
    display: none
}

.array-label.svelte-1lu9wyn,
.object-label.svelte-1lu9wyn {
    margin-bottom: .5em
}

.property.svelte-1lu9wyn {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.topic.svelte-3bie9s {
    color: var(--systemSecondary);
    font: var(--callout-medium-short)
}

.event-type.svelte-3bie9s {
    color: var(--systemPrimary);
    font: var(--title-2-semibold-tall)
}

.data.svelte-3bie9s {
    padding-top: 5px
}

.metric.svelte-3bie9s {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 50px;
    padding: 10px
}

.buttons.svelte-3bie9s {
    text-align: center
}

li.svelte-3bie9s {
    border-bottom: 1px solid var(--labelDivider);
    max-width: 100%;
    padding: 10px 0
}

.topic.svelte-5t07lw {
    color: var(--systemSecondary);
    font: var(--callout-medium-short)
}

.event-type.svelte-5t07lw {
    color: var(--systemPrimary);
    font: var(--title-2-semibold-tall)
}

.metric-flush.svelte-5t07lw {
    align-items: center;
    border-bottom: 4px solid var(--systemTertiary);
    display: grid;
    grid-template-columns: 1fr;
    padding: 10px
}

.metrics-list-container.svelte-m5fk6r {
    height: 100%;
    overflow: scroll
}

.metrics-list.svelte-m5fk6r {
    height: auto;
    list-style: none
}

.empty.svelte-m5fk6r {
    display: block;
    padding: 10px
}

.heading.svelte-ttdqdr {
    border-bottom: 1px solid var(--labelDivider);
    display: grid;
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 100px 30px;
    height: 50px;
    padding: 10px
}

.drag-edge.svelte-ttdqdr {
    cursor: ns-resize;
    height: 5px;
    opacity: 0;
    width: 100%
}

.filter.svelte-ttdqdr {
    display: flex;
    grid-area: a
}

.clear.svelte-ttdqdr {
    grid-area: b
}

.modal-close-button.svelte-ttdqdr {
    grid-area: c
}

.filter-option.svelte-ttdqdr {
    padding: 0 10px
}

.filter-option.enabled.svelte-ttdqdr {
    color: var(--keyColor)
}

.clear.svelte-ttdqdr {
    align-items: center;
    border: 1px solid var(--systemRed);
    border-radius: 6px;
    color: var(--systemRed);
    display: inline-flex;
    font: var(--body-emphasized);
    height: 28px;
    justify-content: center;
    margin-inline-end: 15px;
    min-width: 64px;
    padding: 0 12px;
    white-space: nowrap
}

.modal.svelte-ttdqdr {
    -webkit-backdrop-filter: blur(60px) saturate(240%);
    backdrop-filter: blur(60px) saturate(240%);
    background-color: var(--systemStandardUltrathickMaterialSover) !important;
    border-right: .5px solid rgba(0, 0, 0, .2);
    bottom: 0;
    box-shadow: inset 0 .5px 0 .5px rgba(255, 255, 255, .2), 0 6px 15px var(--radiosityShadowColor);
    display: grid;
    grid-template-rows: 5px 50px 1fr;
    height: 300px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9999999
}

.modal-container.svelte-ttdqdr {
    overflow: hidden
}

.enabled.svelte-ttdqdr svg path {
    fill: var(--systemPrimary)
}

.modal-close-button.svelte-ttdqdr {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: var(--systemPrimary);
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    width: 30px
}

.modal-close-button.svelte-ttdqdr:after,
.modal-close-button.svelte-ttdqdr:before {
    background-color: #666;
    border-radius: 1px;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform-origin: center;
    width: 2px
}

.modal-close-button.svelte-ttdqdr:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.modal-close-button.svelte-ttdqdr:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.featurekit-toolbar.svelte-ymtp9f.svelte-ymtp9f {
    color-scheme: light dark;
    --systemRed: #ff3b30;
    --systemOrange: #ff9500;
    --systemYellow: #fc0;
    --systemGreen: #28cd41;
    --systemMint: #00c7be;
    --systemTeal: #59adc4;
    --systemCyan: #55bef0;
    --systemBlue: #007aff;
    --systemIndigo: #5856d6;
    --systemPurple: #af52de;
    --systemPink: #ff2d55;
    --systemBrown: #a2845e;
    --systemGray: #8e8e93;
    --systemPrimary: rgba(0, 0, 0, .85);
    --systemPrimary-onLight: rgba(0, 0, 0, .85);
    --systemPrimary-onDark: hsla(0, 0%, 100%, .85);
    --systemSecondary: rgba(0, 0, 0, .5);
    --systemSecondary-onLight: rgba(0, 0, 0, .5);
    --systemSecondary-onDark: hsla(0, 0%, 100%, .55);
    --systemTertiary: rgba(0, 0, 0, .25);
    --systemTertiary-onLight: rgba(0, 0, 0, .25);
    --systemTertiary-onDark: hsla(0, 0%, 100%, .25);
    --systemQuaternary: rgba(0, 0, 0, .1);
    --systemQuaternary-onLight: rgba(0, 0, 0, .1);
    --systemQuaternary-onDark: hsla(0, 0%, 100%, .1);
    --systemQuinary: rgba(0, 0, 0, .05);
    --systemQuinary-onLight: rgba(0, 0, 0, .05);
    --systemQuinary-onDark: hsla(0, 0%, 100%, .05);
    --systemStandardUltrathinMaterialSover: hsla(0, 0%, 96%, .36);
    --systemStandardThinMaterialSover: hsla(0, 0%, 96%, .48);
    --systemStandardMediumMaterialSover: hsla(0, 0%, 96%, .6);
    --systemStandardThickMaterialSover: hsla(0, 0%, 96%, .72);
    --systemStandardUltrathickMaterialSover: hsla(0, 0%, 96%, .84);
    --systemHeaderMaterialSover: hsla(0, 0%, 100%, .8);
    --systemToolbarTitlebarMaterialSover: hsla(0, 0%, 99%, .8);
    --labelDivider: rgba(0, 0, 0, .15);
    --vibrantDivider: rgba(60, 60, 67, .29);
    --pageBG: #fff;
    --radiosityShadowColor: rgba(0, 0, 0, .1);
    --font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --large-title: 400 26px/1.23 var(--font-family);
    --title-1: 400 22px/1.18 var(--font-family);
    --title-2: 400 17px/1.29 var(--font-family);
    --title-3: 400 15px/1.33 var(--font-family);
    --headline: 700 13px/1.23 var(--font-family);
    --body: 400 13px/1.23 var(--font-family);
    --callout: 400 12px/1.25 var(--font-family);
    --subhead: 400 11px/1.27 var(--font-family);
    --footnote: 400 10px/1.3 var(--font-family);
    --caption-1: 400 10px/1.3 var(--font-family);
    --caption-2: 500 10px/1.3 var(--font-family);
    --headline-semibold: 600 13px/1.23 var(--font-family);
    --large-title-emphasized: 700 26px/1.23 var(--font-family);
    --title-1-emphasized: 700 22px/1.18 var(--font-family);
    --title-2-emphasized: 700 17px/1.29 var(--font-family);
    --title-3-emphasized: 600 15px/1.33 var(--font-family);
    --headline-emphasized: 800 13px/1.23 var(--font-family);
    --body-emphasized: 600 13px/1.23 var(--font-family);
    --callout-emphasized: 600 12px/1.25 var(--font-family);
    --subhead-emphasized: 600 11px/1.27 var(--font-family);
    --footnote-emphasized: 600 10px/1.3 var(--font-family);
    --caption-1-emphasized: 500 10px/1.3 var(--font-family);
    --caption-2-emphasized: 600 10px/1.3 var(--font-family)
}

@media (prefers-contrast:more) {
    .featurekit-toolbar.svelte-ymtp9f.svelte-ymtp9f {
        --systemRed: #d70015;
        --systemOrange: #c93400;
        --systemYellow: #a05a00;
        --systemGreen: #007d1b;
        --systemMint: #0c817b;
        --systemTeal: #008299;
        --systemCyan: #0071a4;
        --systemBlue: #0040dd;
        --systemIndigo: #3634a3;
        --systemPurple: #ad44ab;
        --systemPink: #d30f45;
        --systemBrown: #7f6545;
        --systemGray: #69696e;
        --systemPrimary: #000;
        --systemPrimary-onLight: #000;
        --systemPrimary-onDark: #fff;
        --systemSecondary: rgba(0, 0, 0, .76);
        --systemTertiary: rgba(0, 0, 0, .56);
        --systemQuaternary: rgba(0, 0, 0, .35);
        --systemQuinary: rgba(0, 0, 0, .1);
        --systemStandardUltrathinMaterialSover: #d2d2d2;
        --systemStandardThinMaterialSover: #dcdcdc;
        --systemStandardMediumMaterialSover: #e6e6e6;
        --systemStandardThickMaterialSover: #f0f0f0;
        --systemStandardUltrathickMaterialSover: #fafafa;
        --systemHeaderMaterialSover: #fff;
        --systemToolbarTitlebarMaterialSover: #fff
    }
}

@media (prefers-color-scheme:dark) {
    .featurekit-toolbar.svelte-ymtp9f.svelte-ymtp9f {
        --systemRed: #ff453a;
        --systemOrange: #ff9f0a;
        --systemYellow: #ffd60a;
        --systemGreen: #32d74b;
        --systemMint: #63e6e2;
        --systemTeal: #6ac4dc;
        --systemCyan: #5ac8f5;
        --systemBlue: #0a84ff;
        --systemIndigo: #5e5ce6;
        --systemPurple: #bf5af2;
        --systemPink: #ff375f;
        --systemBrown: #ac8e68;
        --systemGray: #98989d;
        --systemPrimary: hsla(0, 0%, 100%, .85);
        --systemPrimary-onLight: rgba(0, 0, 0, .85);
        --systemPrimary-onDark: hsla(0, 0%, 100%, .85);
        --systemSecondary: hsla(0, 0%, 100%, .55);
        --systemSecondary-onLight: rgba(0, 0, 0, .5);
        --systemSecondary-onDark: hsla(0, 0%, 100%, .55);
        --systemTertiary: hsla(0, 0%, 100%, .25);
        --systemTertiary-onLight: rgba(0, 0, 0, .25);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .25);
        --systemQuaternary: hsla(0, 0%, 100%, .1);
        --systemQuaternary-onLight: rgba(0, 0, 0, .1);
        --systemQuaternary-onDark: hsla(0, 0%, 100%, .1);
        --systemQuinary: hsla(0, 0%, 100%, .05);
        --systemQuinary-onLight: rgba(0, 0, 0, .05);
        --systemQuinary-onDark: hsla(0, 0%, 100%, .05);
        --systemStandardUltrathinMaterialSover: rgba(40, 40, 40, .4);
        --systemStandardThinMaterialSover: rgba(40, 40, 40, .5);
        --systemStandardMediumMaterialSover: rgba(40, 40, 40, .6);
        --systemStandardThickMaterialSover: rgba(40, 40, 40, .7);
        --systemStandardUltrathickMaterialSover: rgba(40, 40, 40, .8);
        --systemHeaderMaterialSover: rgba(30, 30, 30, .8);
        --systemToolbarTitlebarMaterialSover: rgba(60, 60, 60, .8);
        --labelDivider: hsla(0, 0%, 100%, .1);
        --vibrantDivider: rgba(235, 235, 245, .19);
        --pageBG: #1f1f1f;
        --radiosityShadowColor: rgba(0, 0, 0, .3)
    }
}

@media (prefers-color-scheme:dark) and (prefers-contrast:more) {
    .featurekit-toolbar.svelte-ymtp9f.svelte-ymtp9f {
        --systemRed: #ff6961;
        --systemOrange: #ffb340;
        --systemYellow: #ffd426;
        --systemGreen: #31de4b;
        --systemMint: #63e6e2;
        --systemTeal: #5de6ff;
        --systemCyan: #70d7ff;
        --systemBlue: #409cff;
        --systemIndigo: #7d7aff;
        --systemPurple: #da8fff;
        --systemPink: #ff6482;
        --systemBrown: #b59469;
        --systemGray: #98989d;
        --systemPrimary: #fff;
        --systemPrimary-onLight: #000;
        --systemPrimary-onDark: #fff;
        --systemSecondary: 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-onLight: rgba(0, 0, 0, .56);
        --systemTertiary-onDark: hsla(0, 0%, 100%, .5);
        --systemQuaternary: 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-onLight: rgba(0, 0, 0, .1);
        --systemQuinary-onDark: hsla(0, 0%, 100%, .1);
        --systemStandardUltrathinMaterialSover: #000;
        --systemStandardThinMaterialSover: #0a0a0a;
        --systemStandardMediumMaterialSover: #141414;
        --systemStandardThickMaterialSover: #1e1e1e;
        --systemStandardUltrathickMaterialSover: #282828;
        --systemHeaderMaterialSover: #1e1e1e;
        --systemToolbarTitlebarMaterialSover: #262626
    }
}

.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
    align-items: center;
    -webkit-backdrop-filter: blur(60px) saturate(240%);
    backdrop-filter: blur(60px) saturate(240%);
    background-color: var(--systemStandardUltrathickMaterialSover) !important;
    border: .5px solid rgba(0, 0, 0, .2);
    border-radius: 30px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 6px 15px var(--radiosityShadowColor);
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    transition: all .4s ease;
    width: 50px;
    z-index: var(--z-modal)
}

@media (max-width:483px) {
    .expandable-button.svelte-ymtp9f.svelte-ymtp9f:not(.is-open) {
        overflow: visible
    }
}

.expandable-button.is-open.svelte-ymtp9f.svelte-ymtp9f {
    animation: none;
    border-radius: 30px;
    width: 240px
}

@media (max-width:483px) {
    .expandable-button.is-open.svelte-ymtp9f.svelte-ymtp9f {
        height: 240px;
        width: 50px
    }
}

.button-content.svelte-ymtp9f.svelte-ymtp9f {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 240px
}

.toolbar.svelte-ymtp9f.svelte-ymtp9f {
    align-items: center;
    display: flex;
    flex-direction: var(--direction);
    height: 100%;
    justify-content: space-around;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease;
    width: 200px;
    z-index: var(--z-modal)
}

@media (max-width:483px) {
    .toolbar.svelte-ymtp9f.svelte-ymtp9f {
        height: 200px;
        width: 100%
    }
}

.is-open.svelte-ymtp9f .toolbar.svelte-ymtp9f {
    opacity: 1;
    pointer-events: auto
}

.bottom-start.svelte-ymtp9f .toolbar.svelte-ymtp9f {
    inset-inline-start: 40px
}

.bottom-end.svelte-ymtp9f .toolbar.svelte-ymtp9f {
    inset-inline-end: 40px
}

.top-start.svelte-ymtp9f .toolbar.svelte-ymtp9f {
    inset-inline-start: 40px
}

@media (max-width:483px) {
    .top-start.svelte-ymtp9f .toolbar.svelte-ymtp9f {
        inset-block-start: 40px;
        inset-inline-start: auto
    }
}

.top-end.svelte-ymtp9f .toolbar.svelte-ymtp9f {
    inset-inline-end: 40px
}

@media (max-width:483px) {
    .top-end.svelte-ymtp9f .toolbar.svelte-ymtp9f {
        inset-block-end: 40px
    }
}

.icon.svelte-ymtp9f.svelte-ymtp9f {
    align-items: center;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 4px;
    width: 40px
}

.icon.svelte-ymtp9f path {
    transition: fill .15s ease-in-out;
    fill: var(--systemSecondary)
}

.icon.svelte-ymtp9f:hover path {
    fill: var(--systemPrimary)
}

.floating-icon-button.svelte-ymtp9f.svelte-ymtp9f {
    align-items: center;
    display: flex;
    height: 40px;
    inset-inline-end: 4px;
    justify-content: center;
    position: absolute;
    transition: transform .3s ease;
    width: 40px;
    z-index: 2
}

@media (max-width:483px) {
    .floating-icon-button.svelte-ymtp9f.svelte-ymtp9f {
        inset-block-start: 4px
    }

    .floating-icon-button.svelte-ymtp9f:focus .top-end {
        inset-inline-end: 0;
        transition-delay: 0s
    }

    .floating-icon-button.svelte-ymtp9f:focus .floating-icon__platter {
        border-radius: 50%;
        transition-delay: 0s
    }
}

.floating-icon-button.svelte-ymtp9f .xmark-icon {
    height: 18px;
    width: 18px
}

.bottom-start.svelte-ymtp9f .floating-icon-button.svelte-ymtp9f,
.top-start.svelte-ymtp9f .floating-icon-button.svelte-ymtp9f {
    inset-inline-start: 4px
}

.bottom-start.svelte-ymtp9f.svelte-ymtp9f {
    bottom: 20px;
    inset-inline-start: 20px
}

@media (max-width:483px) {
    .bottom-start.svelte-ymtp9f.svelte-ymtp9f {
        animation: svelte-ymtp9f-attention-start 1.5s ease-in-out 1s 1;
        display: flex;
        inset-inline-start: -38px;
        justify-content: flex-end;
        top: 57px;
        transition: inset-inline-start .3s ease-in-out;
        transition-delay: 3s
    }

    .bottom-start.svelte-ymtp9f.svelte-ymtp9f:before {
        align-self: start;
        content: "";
        cursor: default;
        display: block;
        height: 50px;
        left: -10px;
        position: fixed;
        top: 0;
        width: 11px;
        z-index: 1
    }

    .bottom-start.svelte-ymtp9f.svelte-ymtp9f.is-open,
    .bottom-start.svelte-ymtp9f.svelte-ymtp9f:focus-within,
    .bottom-start.svelte-ymtp9f.svelte-ymtp9f:hover {
        inset-inline-start: 10px;
        transition-delay: 0s
    }

    .bottom-start.svelte-ymtp9f.is-open .floating-icon__platter,
    .bottom-start.svelte-ymtp9f:focus-within .floating-icon__platter,
    .bottom-start.svelte-ymtp9f:hover .floating-icon__platter {
        border-radius: 50%;
        transition-delay: 0s
    }

    .bottom-start.is-open.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .bottom-start:focus-within.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .bottom-start:hover.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 30px;
        transition-delay: 0s
    }

    .bottom-start.svelte-ymtp9f .floating-icon__platter {
        border-radius: 10px;
        transition: border-radius .3s ease-in-out, background-color .3s ease-in-out
    }

    .bottom-start.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 10px;
        transition-delay: 3s;
        transition: all .3s ease-in-out
    }
}

.bottom-center.svelte-ymtp9f.svelte-ymtp9f {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%)
}

.bottom-end.svelte-ymtp9f.svelte-ymtp9f {
    bottom: 20px;
    inset-inline-end: 20px
}

@media (max-width:483px) {
    .bottom-end.svelte-ymtp9f.svelte-ymtp9f {
        animation: svelte-ymtp9f-attention-end 1.5s ease-in-out 1s 1;
        display: flex;
        inset-inline-end: -38px;
        justify-content: flex-start;
        top: 57px;
        transition: inset-inline-end .3s ease-in-out;
        transition-delay: 3s
    }

    .bottom-end.svelte-ymtp9f.svelte-ymtp9f:before {
        align-self: start;
        content: "";
        cursor: default;
        display: block;
        height: 50px;
        left: -10px;
        position: fixed;
        top: 0;
        width: 11px;
        z-index: 1
    }

    .bottom-end.svelte-ymtp9f.svelte-ymtp9f.is-open,
    .bottom-end.svelte-ymtp9f.svelte-ymtp9f:focus-within,
    .bottom-end.svelte-ymtp9f.svelte-ymtp9f:hover {
        inset-inline-end: 10px;
        transition-delay: 0s
    }

    .bottom-end.svelte-ymtp9f.is-open .floating-icon__platter,
    .bottom-end.svelte-ymtp9f:focus-within .floating-icon__platter,
    .bottom-end.svelte-ymtp9f:hover .floating-icon__platter {
        border-radius: 50%;
        transition-delay: 0s
    }

    .bottom-end.is-open.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .bottom-end:focus-within.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .bottom-end:hover.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 30px;
        transition-delay: 0s
    }

    .bottom-end.svelte-ymtp9f .floating-icon__platter {
        border-radius: 10px;
        transition: border-radius .3s ease-in-out, background-color .3s ease-in-out
    }

    .bottom-end.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 10px;
        transition-delay: 3s;
        transition: all .3s ease-in-out
    }
}

.top-start.svelte-ymtp9f.svelte-ymtp9f {
    inset-inline-start: 20px;
    top: 20px
}

@media (max-width:483px) {
    .top-start.svelte-ymtp9f.svelte-ymtp9f {
        animation: svelte-ymtp9f-attention-start 1.5s ease-in-out 1s 1;
        display: flex;
        inset-inline-start: -38px;
        justify-content: flex-end;
        top: 57px;
        transition: inset-inline-start .3s ease-in-out;
        transition-delay: 3s
    }

    .top-start.svelte-ymtp9f.svelte-ymtp9f:before {
        align-self: start;
        content: "";
        cursor: default;
        display: block;
        height: 50px;
        left: -10px;
        position: fixed;
        top: 0;
        width: 11px;
        z-index: 1
    }

    .top-start.svelte-ymtp9f.svelte-ymtp9f.is-open,
    .top-start.svelte-ymtp9f.svelte-ymtp9f:focus-within,
    .top-start.svelte-ymtp9f.svelte-ymtp9f:hover {
        inset-inline-start: 10px;
        transition-delay: 0s
    }

    .top-start.svelte-ymtp9f.is-open .floating-icon__platter,
    .top-start.svelte-ymtp9f:focus-within .floating-icon__platter,
    .top-start.svelte-ymtp9f:hover .floating-icon__platter {
        border-radius: 50%;
        transition-delay: 0s
    }

    .top-start.is-open.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .top-start:focus-within.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .top-start:hover.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 30px;
        transition-delay: 0s
    }

    .top-start.svelte-ymtp9f .floating-icon__platter {
        border-radius: 10px;
        transition: border-radius .3s ease-in-out, background-color .3s ease-in-out
    }

    .top-start.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 10px;
        transition-delay: 3s;
        transition: all .3s ease-in-out
    }
}

.top-center.svelte-ymtp9f.svelte-ymtp9f {
    left: 50%;
    top: 20px;
    transform: translate(-50%)
}

.top-end.svelte-ymtp9f.svelte-ymtp9f {
    inset-inline-end: 20px;
    top: 20px
}

@media (max-width:483px) {
    .top-end.svelte-ymtp9f.svelte-ymtp9f {
        animation: svelte-ymtp9f-attention-end 1.5s ease-in-out 1s 1;
        display: flex;
        inset-inline-end: -38px;
        justify-content: flex-start;
        top: 57px;
        transition: inset-inline-end .3s ease-in-out;
        transition-delay: 3s
    }

    .top-end.svelte-ymtp9f.svelte-ymtp9f:before {
        align-self: start;
        content: "";
        cursor: default;
        display: block;
        height: 50px;
        left: -10px;
        position: fixed;
        top: 0;
        width: 11px;
        z-index: 1
    }

    .top-end.svelte-ymtp9f.svelte-ymtp9f.is-open,
    .top-end.svelte-ymtp9f.svelte-ymtp9f:focus-within,
    .top-end.svelte-ymtp9f.svelte-ymtp9f:hover {
        inset-inline-end: 10px;
        transition-delay: 0s
    }

    .top-end.svelte-ymtp9f.is-open .floating-icon__platter,
    .top-end.svelte-ymtp9f:focus-within .floating-icon__platter,
    .top-end.svelte-ymtp9f:hover .floating-icon__platter {
        border-radius: 50%;
        transition-delay: 0s
    }

    .top-end.is-open.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .top-end:focus-within.expandable-button.svelte-ymtp9f.svelte-ymtp9f,
    .top-end:hover.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 30px;
        transition-delay: 0s
    }

    .top-end.svelte-ymtp9f .floating-icon__platter {
        border-radius: 10px;
        transition: border-radius .3s ease-in-out, background-color .3s ease-in-out
    }

    .top-end.expandable-button.svelte-ymtp9f.svelte-ymtp9f {
        border-radius: 10px;
        transition-delay: 3s;
        transition: all .3s ease-in-out
    }
}

@keyframes svelte-ymtp9f-attention-start {
    0% {
        inset-inline-start: -38px
    }

    20% {
        inset-inline-start: -11px
    }

    40% {
        inset-inline-start: -31px
    }

    60% {
        inset-inline-start: -26px
    }

    80% {
        inset-inline-start: -38px
    }

    to {
        inset-inline-start: -38px
    }
}

@keyframes svelte-ymtp9f-attention-end {
    0% {
        inset-inline-end: -38px
    }

    20% {
        inset-inline-end: -11px
    }

    40% {
        inset-inline-end: -31px
    }

    60% {
        inset-inline-end: -26px
    }

    80% {
        inset-inline-end: -38px
    }

    to {
        inset-inline-end: -38px
    }
}

#ck-container {
    background-color: transparent;
    border-width: 0;
    z-index: var(--z-modal)
}

#ck-container iframe {
    color-scheme: normal
}

.signin.svelte-jf121i {
    align-items: center;
    border-radius: 6px;
    color: var(--text-color, var(--keyColor));
    display: inline-flex;
    font: var(--body-emphasized);
    height: 28px;
    justify-content: center;
    min-width: 64px;
    padding: 0 12px;
    white-space: nowrap
}

.signin.svelte-jf121i .auth-icon {
    display: none
}

@media (min-width:484px) {
    .signin.svelte-jf121i {
        background-color: var(--keyColorBG);
        color: var(--text-color, #fff)
    }

    .signin.svelte-jf121i .auth-icon {
        display: block;
        fill: var(--text-color, #fff);
        margin-inline-end: 6px
    }
}

.account-menu.svelte-19ix11y.svelte-19ix11y {
    top: 5px
}

@media (max-width:483px) {
    .account-menu.svelte-19ix11y.svelte-19ix11y {
        margin-inline-end: 14px
    }
}

.account-menu.svelte-19ix11y amp-contextual-menu-button {
    --ctxmenu-trigger-opacity: 1
}

.user.svelte-19ix11y.svelte-19ix11y {
    border-radius: 50%;
    display: flex
}

.user.svelte-19ix11y img.svelte-19ix11y {
    border-radius: inherit;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

@media (max-width:999px) {
    .user.svelte-19ix11y img.svelte-19ix11y {
        height: 28px;
        width: 28px
    }
}

.user.svelte-19ix11y .icon {
    height: 24px;
    width: 24px;
    fill: var(--keyColor)
}

@media (max-width:999px) {
    .user.svelte-19ix11y .icon {
        height: 28px;
        width: 28px
    }
}

.auth-content.svelte-1idfncr {
    align-self: center
}

@media (min-width:484px) {
    .logo.svelte-1o7dz8w {
        display: flex;
        justify-content: space-between;
        min-height: 55px;
        padding-top: 17px;
        white-space: nowrap;
        -webkit-padding-start: 30px;
        -moz-padding-start: 30px;
        padding-inline-start: 30px;
        -webkit-padding-end: 30px;
        -moz-padding-end: 30px;
        padding-inline-end: 30px
    }
}

.logo.svelte-1o7dz8w .logo {
    height: 14px;
    fill: var(--systemPrimary);
    width: 59px
}

@media (min-width:484px) {
    .logo.svelte-1o7dz8w .logo {
        height: 20px;
        width: 83px
    }
}

.logo.svelte-1o7dz8w .beta {
    margin-top: 6px;
    -webkit-margin-start: 7px;
    -moz-margin-start: 7px;
    margin-inline-start: 7px
}

@media (max-width:483px) {
    .logo.svelte-1o7dz8w .beta {
        height: 12px;
        margin-top: 1px;
        vertical-align: text-top;
        width: 28px;
        -webkit-margin-start: 5px;
        -moz-margin-start: 5px;
        margin-inline-start: 5px
    }
}

@media (min-width:484px) {
    .logo.svelte-1o7dz8w .ant {
        justify-self: flex-end
    }
}

a.svelte-1o7dz8w {
    --linkHoverTextDecoration: none;
    display: inline-block;
    position: relative;
    z-index: var(--z-default)
}

a.svelte-1o7dz8w:before {
    content: "";
    height: 100%;
    inset-inline-start: -15px;
    padding: 12px 15px;
    position: absolute;
    top: -12px;
    width: 100%
}

.suggestion.svelte-1i0w8bs {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--title-2);
    margin: 0 6px;
    -webkit-line-clamp: var(--searchSuggestionClampedLines, 1);
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:484px) {
    .suggestion.svelte-1i0w8bs {
        font: var(--callout)
    }
}

.highlighted.svelte-1i0w8bs {
    color: var(--systemPrimary)
}

.container-style.svelte-uduhys.svelte-uduhys {
    border-radius: var(--global-border-radius-medium, 7px)
}

.container-style.svelte-uduhys.svelte-uduhys: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: calc(var(--z-default) + 1)
}

.artwork-component.svelte-uduhys.svelte-uduhys {
    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);
    min-width: var(--artwork-override-min-width, 0);
    overflow: hidden;
    position: relative;
    width: var(--artwork-override-width, 100%);
    z-index: var(--z-default)
}

.artwork-component.artwork-component--has-borders.svelte-uduhys.svelte-uduhys: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: calc(var(--z-default) + 1)
}

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

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

.artwork-component.artwork-component--auto-center.svelte-uduhys>.svelte-uduhys {
    z-index: calc(var(--z-default) + 2)
}

.artwork-component.artwork-component--auto-center.artwork-component--bg-override.svelte-uduhys.svelte-uduhys {
    background-color: var(--artwork-bg-color)
}

.artwork-component--top-rounded-secondary.svelte-uduhys.svelte-uduhys {
    flex-grow: 0;
    overflow: hidden
}

.artwork-component--top-rounded-secondary.svelte-uduhys.svelte-uduhys,
.artwork-component--top-rounded-secondary.svelte-uduhys.svelte-uduhys:after {
    border-radius: var(--global-border-radius-large, 10px) var(--global-border-radius-large, 10px) 0 0
}

@media (hover:hover) and (pointer:fine) {
    .artwork-component--top-rounded-secondary.svelte-uduhys.svelte-uduhys:after {
        --global-transition-property: background-color;
        transition: var(--global-transition, opacity .1s ease-in)
    }
}

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

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

.artwork-component__contents.svelte-uduhys.svelte-uduhys {
    border-radius: inherit;
    transition: var(--global-transition, opacity .1s ease-in)
}

.artwork-component__image.svelte-uduhys.svelte-uduhys {
    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);
    min-width: var(--artwork-override-min-width, 0);
    -o-object-fit: var(--artwork-override-object-fit, fill);
    object-fit: var(--artwork-override-object-fit, fill);
    -o-object-position: var(--artwork-override-object-position, center);
    object-position: var(--artwork-override-object-position, center);
    width: var(--artwork-override-width, 100%)
}

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

@media (prefers-color-scheme:dark) {

    .artwork-component--error[style*="#ebebeb"].svelte-uduhys.svelte-uduhys,
    .artwork-component:not(.artwork-component--downloaded)[style*="#ebebeb"].svelte-uduhys.svelte-uduhys {
        background-color: #323232
    }
}

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

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

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

.artwork-component--aspect-ratio.svelte-uduhys:not(.artwork-component--downloaded)>:first-child,
.artwork-component--aspect-ratio.svelte-uduhys:not(.artwork-component--downloaded)>noscript>:first-child,
.artwork-component--error.svelte-uduhys>:first-child,
.artwork-component--error.svelte-uduhys>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);
    min-width: var(--artwork-override-min-width, 0);
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translate(-50%);
    width: var(--artwork-override-width, 100%);
    z-index: var(--z-default)
}

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

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

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

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

.artwork-fallback.svelte-1dcaujl {
    background-color: var(--genericJoeColor);
    max-height: 100%;
    max-width: 100%
}

.artwork-fallback.svelte-1dcaujl,
.artwork-fallback.svelte-1dcaujl svg {
    height: inherit;
    width: inherit
}

amp-contextual-menu {
    --ctxmenu-item-bg: var(--systemStandardThickMaterialSover-default_IC);
    --ctxmenu-item-bg-hover: var(--systemQuinary);
    --borderRule: var(--vibrantDivider, rgba(0, 0, 0, .15));
    --ctxmenu-item-min-width: 185px;
    --ctxmenu-z-index: var(--z-contextual-menus);
    --ctxmenu-scrim-z-index: calc(var(--z-contextual-menus) - 1);
    --keyColor-focus-color: rgba(var(--keyColor-rgb), .6);
    position: relative
}

.more-button.svelte-1sn4kz.svelte-1sn4kz {
    --iconCircleFill: transparent;
    --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, #fff);
    display: block;
    height: var(--contextMenuButtonSize, 28px);
    line-height: 0;
    width: var(--contextMenuButtonSize, 28px)
}

.more-button.svelte-1sn4kz svg {
    border-radius: inherit;
    height: 100%;
    width: 100%
}

.more-button--platter.svelte-1sn4kz.svelte-1sn4kz {
    --iconCircleFill: var(--contextMenuCircleFillOverride, transparent);
    --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, #fff);
    border-radius: 50%
}

@media (hover:hover) and (pointer:fine) {

    amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--platter.svelte-1sn4kz,
    amp-contextual-menu-button.svelte-1sn4kz:hover .more-button--platter.svelte-1sn4kz {
        --iconCircleFill: var(--contextMenuCircleHoverFill, transparent);
        --iconEllipsisFill: var(--contextMenuEllipsisHoverFill, #fff)
    }
}

.more-button--non-platter.svelte-1sn4kz.svelte-1sn4kz {
    --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, var(--keyColor))
}

button:focus-visible .more-button--non-platter.svelte-1sn4kz.svelte-1sn4kz,
button:hover .more-button--non-platter.svelte-1sn4kz.svelte-1sn4kz {
    --iconEllipsisFill: var(--contextMenuEllipsisHoverFillOverride, var(--contextMenuEllipsisFillOverride, var(--keyColor)))
}

.more-button--material.svelte-1sn4kz.svelte-1sn4kz {
    background-color: var(--systemStandardThinMaterialSover-default_IC);
    height: var(--contextMenuButtonSize, 30px);
    width: var(--contextMenuButtonSize, 30px)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .more-button--material.svelte-1sn4kz.svelte-1sn4kz {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: var(--systemStandardThinMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .more-button--material.svelte-1sn4kz.svelte-1sn4kz {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {
    .more-button--material.svelte-1sn4kz.svelte-1sn4kz {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardThinMaterialSover-default_IC)
    }
}

amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--material.svelte-1sn4kz,
amp-contextual-menu-button.svelte-1sn4kz:hover .more-button--material.svelte-1sn4kz {
    --iconCircleFill: var(--contextMenuCircleHoverFill, var(--keyColor));
    --iconEllipsisFill: var(--contextMenuEllipsisHoverFill, #fff);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent
}

@supports selector(:has(:focus-visible)) {
    amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--material.svelte-1sn4kz {
        --iconCircleFill: var(--contextMenuCircleFillOverride, transparent);
        --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, #fff);
        background-color: var(--systemStandardThinMaterialSover-default_IC)
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--material.svelte-1sn4kz {
            -webkit-backdrop-filter: saturate(190%) blur(60px);
            backdrop-filter: saturate(190%) blur(60px);
            background-color: var(--systemStandardThinMaterialSover)
        }

        @media (prefers-color-scheme:dark) {
            amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--material.svelte-1sn4kz {
                -webkit-backdrop-filter: saturate(180%) blur(60px);
                backdrop-filter: saturate(180%) blur(60px)
            }
        }
    }

    @media (prefers-contrast:more) {
        amp-contextual-menu-button.svelte-1sn4kz:focus-within .more-button--material.svelte-1sn4kz {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            background-color: var(--systemStandardThinMaterialSover-default_IC)
        }
    }

    amp-contextual-menu-button.svelte-1sn4kz:has(:focus-visible) .more-button--material.svelte-1sn4kz,
    amp-contextual-menu-button.svelte-1sn4kz:hover .more-button--material.svelte-1sn4kz {
        --iconCircleFill: var(--contextMenuCircleHoverFill, var(--keyColor));
        --iconEllipsisFill: var(--contextMenuEllipsisHoverFill, #fff);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent
    }
}

.favorite.svelte-17bwnrw.svelte-17bwnrw {
    -webkit-margin-start: var(--favoriteBadgeMarginInlineStart, 2px);
    -moz-margin-start: var(--favoriteBadgeMarginInlineStart, 2px);
    margin-inline-start: var(--favoriteBadgeMarginInlineStart, 2px)
}

.favorite.svelte-17bwnrw svg.svelte-17bwnrw {
    fill: var(--favoriteBadgeColor, var(--keyColor));
    height: var(--favoriteBadgeSize, 9px);
    width: var(--favoriteBadgeSize, 9px)
}

button.svelte-c0t0j2 {
    color: var(--linkColor, inherit);
    display: block;
    text-align: inherit;
    width: 100%
}

button[disabled].svelte-c0t0j2 {
    cursor: default;
    opacity: .7
}

.click-action.svelte-c0t0j2 svg {
    flex-shrink: 0
}

html[dir=rtl] .click-action.svelte-c0t0j2 svg {
    transform: scaleX(-1)
}

.click-action--cta-link.svelte-c0t0j2 {
    --linkHoverTextDecoration: none;
    color: var(--keyColor);
    font: inherit;
    pointer-events: auto;
    white-space: nowrap
}

.click-action--cta-link.svelte-c0t0j2 svg {
    fill: var(--keyColor);
    height: 9px;
    width: 9px
}

.top-search-list-lockup.svelte-1pbnx61 {
    align-items: center;
    cursor: pointer;
    display: grid;
    grid-template-areas: "content icons";
    grid-template-columns: 1fr auto;
    height: auto;
    padding-bottom: 11px;
    padding-top: 10px;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .top-search-list-lockup.svelte-1pbnx61 {
        height: 61px;
        padding-bottom: 0;
        padding-top: 0;
        -webkit-padding-start: 6px;
        -moz-padding-start: 6px;
        padding-inline-start: 6px;
        -webkit-padding-end: 6px;
        -moz-padding-end: 6px;
        padding-inline-end: 6px
    }
}

@media (max-width:483px) {
    .search-hint--lockup:has(.top-search-list-lockup--video) {
        --searchHintBorderStartOverride: 110px
    }
}

.top-search-list-lockup__content.svelte-1pbnx61 {
    display: grid;
    grid-template-columns: auto 1fr;
    min-height: 56px;
    grid-gap: 10px;
    align-items: center
}

.top-search-list-lockup__description.svelte-1pbnx61 {
    display: block;
    flex: 1;
    flex-shrink: 1;
    overflow: hidden
}

.top-search-list-lockup__explicit-wrapper.svelte-1pbnx61 {
    align-items: baseline;
    display: inline-flex;
    max-width: 100%
}

html[dir=rtl] .top-search-list-lockup__explicit-wrapper.svelte-1pbnx61 {
    direction: rtl
}

.top-search-list-lockup__explicit-wrapper.svelte-1pbnx61 .favorite {
    align-self: center;
    -webkit-margin-start: 3px;
    -moz-margin-start: 3px;
    margin-inline-start: 3px
}

.top-search-list-lockup__lyrics.svelte-1pbnx61,
.top-search-list-lockup__primary.svelte-1pbnx61,
.top-search-list-lockup__secondary.svelte-1pbnx61 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.top-search-list-lockup__primary.svelte-1pbnx61 {
    color: var(--systemPrimary);
    font: var(--title-3)
}

@media (min-width:484px) {
    .top-search-list-lockup__primary.svelte-1pbnx61 {
        font: var(--body)
    }
}

.top-search-list-lockup__secondary.svelte-1pbnx61 {
    color: var(--systemSecondary);
    font: var(--body)
}

@media (min-width:484px) {
    .top-search-list-lockup__secondary.svelte-1pbnx61 {
        font: var(--callout);
        margin-top: 1px
    }
}

.top-search-list-lockup__headline.svelte-1pbnx61 {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized)
}

@media (min-width:484px) {
    .top-search-list-lockup__headline.svelte-1pbnx61 {
        font: var(--callout);
        margin-top: 1px
    }
}

.top-search-list-lockup__lyrics.svelte-1pbnx61 {
    color: var(--systemSecondary);
    font: var(--title-3)
}

@media (min-width:484px) {
    .top-search-list-lockup__lyrics.svelte-1pbnx61 {
        font: var(--callout)
    }
}

.top-search-list-lockup__lyrics.svelte-1pbnx61 mark {
    background-color: transparent;
    color: var(--systemPrimary);
    font-weight: 600
}

.top-search-list-lockup__icon--explicit.svelte-1pbnx61 {
    transform: translateY(1px)
}

.top-search-list-lockup__icon--explicit.svelte-1pbnx61:before {
    content: " ";
    white-space: pre
}

@media (min-width:484px) {
    .top-search-list-lockup__icon--explicit.svelte-1pbnx61 {
        transform: translateY(0)
    }
}

.top-search-list-lockup__icon--explicit.svelte-1pbnx61 svg {
    height: 13px;
    width: 13px;
    fill: var(--systemSecondary);
    flex-shrink: 0
}

@media (min-width:484px) {
    .top-search-list-lockup__icon--explicit.svelte-1pbnx61 svg {
        height: 11px;
        width: 11px
    }
}

.top-search-list-lockup__artwork.svelte-1pbnx61 {
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    position: relative;
    z-index: var(--z-default)
}

.top-search-list-lockup__artwork.svelte-1pbnx61 .artwork-component {
    --artwork-override-width: calc(56px*var(--aspect-ratio));
    --artwork-override-height: 56px
}

@media (min-width:484px) {
    .top-search-list-lockup__artwork.svelte-1pbnx61 .artwork-component {
        --artwork-override-width: calc(46px*var(--aspect-ratio));
        --artwork-override-height: 46px
    }
}

.top-search-list-lockup__artwork--circle.svelte-1pbnx61 {
    border-radius: 50%;
    overflow: hidden
}

.top-search-list-lockup__icons.svelte-1pbnx61 {
    display: grid;
    height: 28px;
    grid-gap: 8px;
    align-items: center;
    grid-template-areas: "col1";
    justify-content: center;
    -webkit-margin-start: 10px;
    -moz-margin-start: 10px;
    margin-inline-start: 10px
}

.top-search-list-lockup__icons.svelte-1pbnx61 .top-search-list-lockup__icon {
    height: 15px;
    width: 15px;
    fill: var(--systemTertiary)
}

html[dir=rtl] .top-search-list-lockup__icons.svelte-1pbnx61 .top-search-list-lockup__icon {
    transform: scaleX(-1)
}

.top-search-list-lockup__icons.svelte-1pbnx61 .more-button--non-platter {
    --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, var(--systemPrimary))
}

.search-suggestions.svelte-1x19btg.svelte-1x19btg {
    margin-top: 12px
}

@media (min-width:484px) {
    .search-suggestions.svelte-1x19btg.svelte-1x19btg {
        background-color: var(--systemStandardThickMaterialSover-default_IC);
        border: .5px solid rgba(0, 0, 0, .2);
        border-radius: 9px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor);
        margin-top: 0;
        max-height: calc(100vh - 130px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 6px 0;
        position: absolute;
        text-align: start;
        top: 36px;
        width: 302px;
        z-index: calc(var(--z-contextual-menus) + 2)
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .search-suggestions.svelte-1x19btg.svelte-1x19btg {
            -webkit-backdrop-filter: blur(60px) saturate(210%);
            backdrop-filter: blur(60px) saturate(210%);
            background-color: var(--systemStandardThickMaterialSover)
        }

        @media (min-width:484px) and (prefers-color-scheme:dark) {
            .search-suggestions.svelte-1x19btg.svelte-1x19btg {
                -webkit-backdrop-filter: blur(60px) saturate(220%);
                backdrop-filter: blur(60px) saturate(220%)
            }
        }
    }
}

@media (min-width:484px) and (prefers-contrast:more) {
    .search-suggestions.svelte-1x19btg.svelte-1x19btg {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardThickMaterialSover-default_IC)
    }
}

@media (min-width:484px) {
    .search-suggestions.svelte-1x19btg li.svelte-1x19btg:not(.search-hint--text):focus-visible {
        outline: none
    }
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    li.svelte-1x19btg.svelte-1x19btg:last-child {
        margin-bottom: -7px;
        padding-bottom: 7px
    }
}

.search-hint.svelte-1x19btg.svelte-1x19btg {
    border-radius: var(--global-border-radius-xsmall, 3px);
    position: relative;
    z-index: var(--z-default)
}

@media (min-width:484px) {

    .search-hint.svelte-1x19btg.svelte-1x19btg:focus-visible,
    .search-hint.svelte-1x19btg.svelte-1x19btg:focus-within,
    .search-hint.svelte-1x19btg.svelte-1x19btg:hover {
        --favoriteBadgeColor: #fff;
        background-color: var(--keyColor);
        outline: none
    }

    .search-hint.svelte-1x19btg:focus-visible svg,
    .search-hint.svelte-1x19btg:focus-within svg,
    .search-hint.svelte-1x19btg:hover svg {
        fill: #fff
    }

    .search-hint.svelte-1x19btg:focus-visible span,
    .search-hint.svelte-1x19btg:focus-within span,
    .search-hint.svelte-1x19btg:hover span {
        color: #fff
    }
}

.search-hint--lockup.svelte-1x19btg.svelte-1x19btg:before {
    border-top: var(--keyline-border-style);
    content: "";
    inset-inline-end: var(--searchHintBorderEnd, 6px);
    inset-inline-start: var(--searchHintBorderStart, 6px);
    position: absolute;
    top: 0
}

@media (max-width:483px) {
    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg {
        --searchHintBorderStart: var(--searchHintBorderStartOverride, 68px);
        --searchHintBorderEnd: calc(var(--bodyGutter)*-1)
    }

    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg:first-child,
    .search-hint--text.svelte-1x19btg+.search-hint--lockup.svelte-1x19btg {
        --searchHintBorderStart: 0
    }
}

@media (min-width:484px) {
    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg {
        margin-inline-end: 6px;
        margin-inline-start: 6px;
        width: calc(100% - 12px)
    }

    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg:focus-visible:before,
    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg:focus-within:before,
    .search-hint--lockup.svelte-1x19btg.svelte-1x19btg:hover:before {
        border-color: transparent
    }

    .search-hint--lockup.svelte-1x19btg:focus-visible+.search-hint--lockup.svelte-1x19btg:before,
    .search-hint--lockup.svelte-1x19btg:focus-within+.search-hint--lockup.svelte-1x19btg:before,
    .search-hint--lockup.svelte-1x19btg:hover+.search-hint--lockup.svelte-1x19btg:before {
        border-color: transparent
    }
}

.search-hint--text.svelte-1x19btg.svelte-1x19btg {
    align-items: center;
    display: grid;
    grid-template-columns: 20px auto
}

@media (max-width:483px) {
    .search-hint--text.svelte-1x19btg.svelte-1x19btg {
        --searchHintBorderStart: 26px;
        --searchHintBorderEnd: calc(var(--bodyGutter)*-1);
        padding-block: 15px
    }

    .search-hint--text.svelte-1x19btg.svelte-1x19btg:before {
        border-top: var(--keyline-border-style);
        content: "";
        inset-inline-end: var(--searchHintBorderEnd, 6px);
        inset-inline-start: var(--searchHintBorderStart, 6px);
        position: absolute;
        top: 0
    }

    .search-hint--text.svelte-1x19btg.svelte-1x19btg:first-child {
        --searchHintBorderStart: 0
    }
}

@media (min-width:484px) {
    .search-hint--text.svelte-1x19btg.svelte-1x19btg {
        font: var(--body);
        grid-template-columns: 16px auto;
        margin: 0 6px;
        padding: 4px
    }

    .search-hint--text.svelte-1x19btg.svelte-1x19btg:focus-within {
        background-color: var(--keyColor);
        outline: none
    }

    .search-hint--text.svelte-1x19btg:focus-within .search-suggestion-svg {
        fill: #fff
    }

    .search-hint--text.svelte-1x19btg:focus-within span {
        color: #fff
    }
}

.search-hint--text.svelte-1x19btg .search-suggestion-svg {
    align-self: start;
    height: 16px;
    justify-self: center;
    transform: translateY(4px);
    width: 16px
}

@media (min-width:484px) {
    .search-hint--text.svelte-1x19btg .search-suggestion-svg {
        height: 11px;
        transform: translateY(2.5px);
        width: 11px
    }

    .search-hint--text.svelte-1x19btg+.search-hint--lockup.svelte-1x19btg {
        margin-top: 6px
    }
}

.search-suggestions-scrim.svelte-1x19btg.svelte-1x19btg {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

@media (max-width:483px) {
    .search-suggestions-scrim.svelte-1x19btg.svelte-1x19btg {
        display: none
    }
}

@media (min-width:484px) {
    .search-suggestions-scrim.svelte-1x19btg.svelte-1x19btg {
        z-index: calc(var(--z-default) + 1)
    }
}

@media (min-width:484px) {
    .search-input-container.svelte-rg26q6.svelte-rg26q6 {
        position: relative;
        z-index: var(--z-default)
    }
}

@media (max-width:483px) {
    .search-input-container.svelte-rg26q6.svelte-rg26q6 {
        width: 100%
    }
}

.search-input-container.svelte-rg26q6 .search-svg {
    bottom: 10px;
    height: 16px;
    position: absolute;
    top: 10px;
    width: 16px;
    fill: var(--searchBoxIconFill);
    inset-inline-start: 10px;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .search-input-container.svelte-rg26q6 .search-svg {
        height: 12px;
        width: 12px
    }
}

.search-input-container.svelte-rg26q6 .search-suggestion-svg {
    fill: var(--searchBoxIconFill)
}

.search-input__text-field.svelte-rg26q6.svelte-rg26q6 {
    background-color: var(--pageBG);
    border-color: var(--searchBarBorderColor);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: var(--systemPrimary-vibrant);
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    letter-spacing: 0;
    line-height: 1.25;
    padding-bottom: 5px;
    padding-inline-end: 5px;
    padding-top: 6px;
    width: 100%
}

@media (max-width:483px) {
    .search-input__text-field.svelte-rg26q6.svelte-rg26q6 {
        border-radius: 9px;
        font: var(--title-3-tall);
        font-size: 16px;
        height: 38px;
        padding-inline-start: 34px
    }
}

@media (min-width:484px) {
    .search-input__text-field.svelte-rg26q6.svelte-rg26q6 {
        padding-inline-start: 28px
    }
}

input.svelte-rg26q6.svelte-rg26q6::-webkit-search-decoration,
input.svelte-rg26q6.svelte-rg26q6::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

input.svelte-rg26q6.svelte-rg26q6::-moz-placeholder {
    color: var(--systemTertiary-vibrant)
}

input.svelte-rg26q6.svelte-rg26q6::placeholder {
    color: var(--systemTertiary-vibrant)
}

@media (prefers-color-scheme:dark) {
    input.svelte-rg26q6.svelte-rg26q6::-moz-placeholder {
        color: var(--systemSecondary-vibrant)
    }

    input.svelte-rg26q6.svelte-rg26q6::placeholder {
        color: var(--systemSecondary-vibrant)
    }
}

input.svelte-rg26q6.svelte-rg26q6:focus {
    box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

input.svelte-rg26q6.svelte-rg26q6::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/assets/icons/sidebar-searchfield-close-on-light.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    width: 14px
}

@media (prefers-color-scheme:dark) {
    input.svelte-rg26q6.svelte-rg26q6::-webkit-search-cancel-button {
        background-image: url(/assets/icons/sidebar-searchfield-close-on-dark.svg)
    }
}

.search-input__cancel-button-container.svelte-rg26q6.svelte-rg26q6 {
    align-self: center;
    color: var(--keyColor);
    font: var(--title-3-tall);
    margin-inline-start: 14px
}

@media (min-width:484px) {
    .search-input__cancel-button-container.svelte-rg26q6.svelte-rg26q6 {
        display: none
    }
}

@media (max-width:483px) {
    .flex-container.svelte-rg26q6.svelte-rg26q6 {
        display: flex
    }

    .flex-container.svelte-rg26q6 form.svelte-rg26q6 {
        flex-grow: 1
    }
}

.search-input-wrapper.svelte-nrtdem {
    --searchBoxIconFill: var(--keyColor);
    position: relative;
    z-index: calc(var(--z-default) + 1);
    -webkit-margin-start: var(--bodyGutter);
    -moz-margin-start: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter);
    -webkit-margin-end: var(--bodyGutter);
    -moz-margin-end: var(--bodyGutter);
    margin-inline-end: var(--bodyGutter)
}

@media (max-width:483px) {
    .search-input-wrapper.svelte-nrtdem {
        margin-top: 24px
    }
}

@media (min-width:484px) {
    .search-input-wrapper.svelte-nrtdem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-margin-start: 25px;
        -moz-margin-start: 25px;
        margin-inline-start: 25px;
        -webkit-margin-end: 25px;
        -moz-margin-end: 25px;
        margin-inline-end: 25px
    }
}

.search-input-wrapper.svelte-nrtdem .suggestion {
    --searchSuggestionClampedLines: 2;
    word-break: break-word
}

.progress-bar.svelte-c0qlwp {
    accent-color: var(--keyColor);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--systemQuaternary);
    border-radius: 5px;
    height: 5px;
    margin-bottom: 30px;
    margin-top: 10px;
    width: 100%
}

.progress-bar.svelte-c0qlwp::-webkit-progress-bar {
    background-color: var(--systemQuaternary);
    border-radius: 5px
}

.progress-bar.svelte-c0qlwp::-webkit-progress-value {
    background-color: var(--keyColor);
    border-radius: 5px;
    -webkit-transition: width var(--progressBarAnimDuration);
    transition: width var(--progressBarAnimDuration)
}

.progress-bar.svelte-c0qlwp::-moz-progress-bar {
    background-color: var(--keyColor);
    border-radius: 5px
}

.song-shift-status-wrapper.svelte-1d7j3hs {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .8s ease-in-out .5s;
    transition: grid-template-rows .8s ease-in-out .5s, -ms-grid-rows .8s ease-in-out .5s
}

.song-shift-status.svelte-1d7j3hs {
    align-items: center;
    border-top: .5px solid var(--labelDivider);
    color: var(--systemSecondary);
    display: flex;
    flex-direction: column;
    font: var(--body);
    height: 100%;
    justify-content: center;
    min-height: 82px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-padding-start: 14px;
    -moz-padding-start: 14px;
    padding-inline-start: 14px;
    -webkit-padding-end: 14px;
    -moz-padding-end: 14px;
    padding-inline-end: 14px
}

@media (min-width:484px) and (max-width:739px) {
    .song-shift-status.svelte-1d7j3hs {
        height: 112px
    }
}

.song-shift-status__title.svelte-1d7j3hs {
    margin-top: 20px;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    padding-inline-end: 10px
}

.song-shift-status__action.svelte-1d7j3hs,
.song-shift-status__title--emphasized.svelte-1d7j3hs {
    font: var(--body-emphasized)
}

.song-shift-status__action.svelte-1d7j3hs,
.song-shift-status__subtitle.svelte-1d7j3hs {
    margin-top: 4px
}

.song-shift-status__title--emphasized.svelte-1d7j3hs {
    color: var(--systemPrimary);
    margin-top: 12px
}

.song-shift-status__action.svelte-1d7j3hs {
    color: var(--keyColor);
    margin-bottom: 14px
}

.initial.svelte-1d7j3hs {
    margin-top: 0
}

@-webkit-keyframes svelte-1d7j3hs-crossfade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes svelte-1d7j3hs-crossfade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.crossfadeIn.svelte-1d7j3hs {
    -webkit-animation: crossfadeIn .8s cubic-bezier(.04, .04, .12, .96);
    animation: crossfadeIn .8s cubic-bezier(.04, .04, .12, .96)
}

.crossfadeOut.svelte-1d7j3hs {
    opacity: 0
}

.slide-up.svelte-1d7j3hs {
    grid-template-rows: 1fr
}

.close-button.svelte-1d7j3hs {
    fill: var(--systemSecondary);
    inset-inline-end: 10px;
    position: absolute;
    top: 10px
}

.close-button.svelte-1d7j3hs svg {
    display: block;
    height: 10px;
    width: 10px
}

.native-cta.svelte-ba5e5y.svelte-ba5e5y {
    border-top: .5px solid rgba(0, 0, 0, .1);
    font: var(--body);
    margin-inline-end: 25px;
    margin-inline-start: 25px;
    padding-bottom: 12px;
    padding-top: 12px
}

@media (min-width:484px) {
    .native-cta.svelte-ba5e5y.svelte-ba5e5y {
        margin-inline-end: 0;
        margin-inline-start: 0;
        padding-bottom: 16px;
        padding-inline-end: 25px;
        padding-top: 16px;
        padding-inline-start: 25px
    }
}

.native-cta--expanded.svelte-ba5e5y.svelte-ba5e5y:not(.native-cta--android) {
    height: 57px
}

.native-cta--android.svelte-ba5e5y.svelte-ba5e5y {
    padding-top: 32px
}

.native-cta__button.svelte-ba5e5y.svelte-ba5e5y {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.native-cta--android.svelte-ba5e5y .native-cta__button.svelte-ba5e5y {
    flex-direction: column
}

.native-cta__app-icon.svelte-ba5e5y [slot=app-icon] {
    fill: var(--systemSecondary);
    flex-shrink: 0;
    height: 32px;
    margin-inline-end: 8px;
    margin-inline-start: 5px;
    width: 32px
}

@media (min-width:484px) {
    .native-cta__app-icon.svelte-ba5e5y [slot=app-icon] {
        height: 24px;
        width: 24px
    }
}

.native-cta--android.svelte-ba5e5y .native-cta__app-icon.svelte-ba5e5y [slot=app-icon] {
    height: 80px;
    width: 80px
}

.native-cta__label.svelte-ba5e5y.svelte-ba5e5y {
    color: var(--systemSecondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.native-cta--android.svelte-ba5e5y .native-cta__label.svelte-ba5e5y {
    color: var(--systemPrimary);
    font: var(--callout-emphasized);
    margin-top: 4px
}

.native-cta__badge.svelte-ba5e5y [slot=google-play-badge] {
    margin-top: 8px;
    width: 120px
}

.native-cta__arrow.svelte-ba5e5y svg {
    fill: var(--systemSecondary);
    flex-shrink: 0;
    height: 9px;
    margin: 0 4px;
    width: 9px
}

html[dir=rtl] .native-cta__arrow.svelte-ba5e5y svg {
    transform: scaleX(-1)
}

.beta-button.svelte-s7qkpt {
    align-items: center;
    color: var(--systemSecondary);
    display: flex;
    font: var(--body-tall);
    height: 35px;
    justify-content: flex-start;
    margin-bottom: 13px;
    -webkit-padding-start: 25px;
    -moz-padding-start: 25px;
    padding-inline-start: 25px;
    -webkit-padding-end: 25px;
    -moz-padding-end: 25px;
    padding-inline-end: 25px
}

.beta-button.svelte-s7qkpt .beta-button-action {
    fill: var(--systemSecondary);
    flex-shrink: 0;
    height: 9px;
    margin: 0 4px;
    width: 9px
}

html[dir=rtl] .beta-button.svelte-s7qkpt .beta-button-action {
    transform: scaleX(-1)
}

.beta-button__text.svelte-s7qkpt {
    -webkit-margin-start: 5px;
    -moz-margin-start: 5px;
    margin-inline-start: 5px
}

.play-button.svelte-1omfmy3 .icon {
    display: inline-block
}

.play-button--platter.svelte-1omfmy3 {
    --iconCircleFillBG: var(--iconCircleFillBGOverride, var(--systemQuaternary));
    --iconFillArrow: var(--playButtonIconColor, #fff);
    border-radius: 50%
}

.play-button--platter.svelte-1omfmy3 .icon {
    display: inline-block
}

.play-button--platter.is-stand-alone.svelte-1omfmy3 .icon,
.play-button--platter.svelte-1omfmy3 .icon {
    height: var(--playButtonSize, 30px);
    width: var(--playButtonSize, 30px)
}

.play-button--platter.is-filled.svelte-1omfmy3,
.play-button--platter.is-hovered.svelte-1omfmy3,
.play-button--platter.svelte-1omfmy3:focus-visible,
.play-button--platter.svelte-1omfmy3:hover {
    --iconCircleFillBG: var(--playButtonCircleHoverColor, var(--keyColor, #000));
    --iconFillArrow: var(--playButtonIconHoverColor, #fff)
}

.play-button--standard.is-stand-alone.svelte-1omfmy3 .icon,
.play-button--standard.svelte-1omfmy3 .icon {
    height: var(--playButtonSize, 16px);
    width: var(--playButtonSize, 16px)
}

.play-button--standard.is-hovered.svelte-1omfmy3,
.play-button--standard.svelte-1omfmy3:focus-visible,
.play-button--standard.svelte-1omfmy3:focus-within,
.play-button--standard.svelte-1omfmy3:hover {
    --playButtonIconColor: var(--playButtonIconHoverColor, var(--keyColor, #000))
}

.play-button.svelte-1omfmy3 {
    --nonPlatterIconFill: var(--playButtonIconColor, #fff);
    --playingBarColor: var(--nonPlatterIconFill, #fff);
    line-height: 0;
    pointer-events: auto;
    position: relative;
    z-index: var(--z-default)
}

.play-button.is-in-chin.svelte-1omfmy3 {
    bottom: 20px;
    inset-inline-end: 12px;
    inset-inline-start: auto;
    opacity: 0;
    position: absolute;
    top: auto;
    transition: var(--global-transition);
    z-index: calc(var(--z-default) + 1)
}

.horizontal-poster-lockup:focus-visible .play-button.is-in-chin.svelte-1omfmy3,
.horizontal-poster-lockup:focus-within .play-button.is-in-chin.svelte-1omfmy3,
.horizontal-poster-lockup:hover .play-button.is-in-chin.svelte-1omfmy3 {
    opacity: 1
}

.play-button.is-large.svelte-1omfmy3 .icon {
    height: var(--playButtonSize, 60px);
    width: var(--playButtonSize, 60px)
}

.play-button.svelte-1omfmy3 .radial-progress-player {
    border-radius: 50%;
    display: inline-block;
    height: var(--playButtonSize, 30px);
    width: var(--playButtonSize, 30px)
}

.play-button.svelte-1omfmy3 .radial-progress-player__play-glyph {
    fill: var(--radial-progress-play-glyph-fill, #fff)
}

.play-button.svelte-1omfmy3 .radial-progress-player--progress-indicator {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1
}

.play-button.svelte-1omfmy3 .radial-progress-player__track {
    stroke-width: 1.83;
    stroke-dasharray: 75;
    stroke: var(--radial-progress-play-track-stroke, hsla(0, 0%, 100%, .45))
}

.play-button.svelte-1omfmy3 .radial-progress-player__indicator {
    transition: stroke-dashoffset 1s linear;
    stroke-width: 1.83;
    stroke-dasharray: 75;
    stroke: var(--radial-progress-play-indicator-stroke, #fff)
}

.play-button.svelte-1omfmy3 .radial-progress-player__buffering {
    fill: var(--radial-progress-buffering-fill, hsla(0, 0%, 100%, .45));
    animation: svelte-1omfmy3-buffering-spinner 1s linear infinite;
    transform: none;
    transform-origin: center
}

.play-button.svelte-1omfmy3 .radial-progress-player__pause-glyph {
    fill: var(--radial-progress-pause-glyph-fill, #fff)
}

.play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay) {
    display: block;
    line-height: 0
}

.play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay) .icon {
    background-color: var(--systemStandardThinMaterialSover-default_IC);
    border-radius: 50%
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay) .icon {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: var(--systemStandardThinMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay) .icon {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {
    .play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay) .icon {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardThinMaterialSover-default_IC)
    }
}

.play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay):focus-visible .icon,
.play-button--platter.svelte-1omfmy3:not(.play-button--artwork-overlay):hover .icon,
.play-button--platter:not(.play-button--artwork-overlay).is-filled.svelte-1omfmy3 .icon,
.play-button--platter:not(.play-button--artwork-overlay).is-hovered.svelte-1omfmy3 .icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent
}

.play-button--artwork-overlay.svelte-1omfmy3 {
    --nonPlatterIconFill: #fff;
    background-color: var(--trackLockupArtworkOverlay, transparent);
    border-radius: inherit;
    height: 100%;
    inset-inline-start: 0;
    opacity: var(--play-button-opacity, 0);
    outline-offset: -4px;
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: 100%;
    z-index: var(--z-default)
}

.play-button--artwork-overlay.svelte-1omfmy3 .icon {
    height: var(--playButtonSize, 27px);
    width: var(--playButtonSize, 27px)
}

.play-button.svelte-1omfmy3 .buffer-svg path {
    animation: svelte-1omfmy3-buffering-spinner 1s linear infinite;
    transform: none;
    transform-origin: center
}

@keyframes svelte-1omfmy3-buffering-spinner {
    to {
        transform: rotate(1turn)
    }
}

.explicit.svelte-iojijn svg {
    height: var(--explicitBadgeSize, auto);
    width: var(--explicitBadgeSize, auto);
    fill: var(--explicitFillOverride, var(--systemSecondary))
}

.explicit--chin-inline-sticky.svelte-iojijn {
    display: inline-grid;
    inset-inline-end: -10px;
    margin-inline-start: 2px;
    position: sticky;
    transform: translateY(-1.5px);
    vertical-align: middle;
    z-index: var(--z-default)
}

.explicit--chin-inline-sticky.svelte-iojijn svg {
    height: var(--explicitBadgeSize, 11px);
    width: var(--explicitBadgeSize, 11px);
    fill: var(--systemSecondary-onDark)
}

@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)) {
    .explicit--chin-inline-sticky.svelte-iojijn svg {
        will-change: transform
    }
}

.explicit-wrapper.svelte-j8a2wc svg {
    height: var(--explicitBadgeSize, 11px);
    width: var(--explicitBadgeSize, 11px)
}

.library-pin.svelte-z2okzc {
    --navigation-item-icon-size: 24px;
    --playButtonSize: 11px;
    -webkit-touch-callout: none
}

.library-pin.svelte-z2okzc:has(:focus-visible),
.library-pin.svelte-z2okzc:hover {
    --play-button-opacity: 1
}

@media (max-width:483px) {
    .library-pin.svelte-z2okzc {
        height: 32px;
        padding: 4px
    }

    .is-dragging .library-pin.svelte-z2okzc {
        background: var(--pageBG)
    }
}

.library-pin--shuffle.svelte-z2okzc {
    --playButtonSize: 13px
}

.library-pin--disabled.svelte-z2okzc {
    opacity: .5
}

.library-pin__action.svelte-z2okzc {
    inset: 0;
    position: absolute
}

.library-pin__action.svelte-z2okzc .click-action {
    border-radius: 6px;
    display: block;
    height: 100%;
    width: 100%
}

.library-pin__artwork.svelte-z2okzc {
    --navigation-item-icon-color: #fff;
    border-radius: 3px;
    position: relative
}

@media (max-width:483px) {
    .library-pin__artwork.svelte-z2okzc {
        pointer-events: none
    }
}

.library-pin__artwork--ellipse.svelte-z2okzc {
    border-radius: 50%
}

.library-pin__label-wrapper.svelte-z2okzc {
    display: inline-grid;
    grid-gap: 4px;
    grid-template-columns: 1fr auto
}

.library-pin__label.svelte-z2okzc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header.svelte-rjjbqs {
    grid-area: structure-header;
    grid-gap: 0;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: var(--z-web-chrome)
}

@media (min-width:484px) {
    .header.svelte-rjjbqs {
        width: 33.8842975207vw;
        z-index: calc(var(--z-web-chrome) - 11)
    }
}

@media (min-width:767.32px) {
    .svelte-1noilih{
        display: none;
    }
    .header.svelte-rjjbqs {
        width: 260px
    }
}

.scrollable-page.svelte-mt0bfj {
    display: flex;
    flex-direction: column;
    grid-area: structure-main-section;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    transition: margin .1s linear, width .1s linear;
    width: 100%;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .scrollable-page.svelte-mt0bfj {
        /* margin-top: 54px */
    }
}

@media (min-width:1260px) {
    .app-container.is-drawer-open .scrollable-page.svelte-mt0bfj {
        width: calc(100% - 300px);
        -webkit-margin-end: 300px;
        -moz-margin-end: 300px;
        margin-inline-end: 300px
    }
}

.app-container.scroll-is-locked .scrollable-page.svelte-mt0bfj {
    overflow-y: hidden
}

.app-container.needs-gdpr .scrollable-page.svelte-mt0bfj {
    display: none
}

.scrollable-page.svelte-mt0bfj.maximize-content-area {
    padding-top: 0;
    transition: padding-top .25s
}

.scrollable-page.svelte-mt0bfj.noscroll {
    overflow: hidden
}

.side-panel.svelte-15gudma.svelte-15gudma {
    --side-panel-horizontal-padding: 20px
}

@media (min-width:1000px) {
    .side-panel.svelte-15gudma.svelte-15gudma {
        animation-duration: .3s;
        animation-fill-mode: forwards;
        background-color: var(--fallbackMaterialBG);
        border-inline-start: .5px solid var(--systemQuaternary);
        border-top: 1px solid var(--playerDropShadow2);
        bottom: 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        height: calc(100vh - 54px);
        inset-inline-end: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        scroll-padding-top: 58px;
        top: 54px;
        width: 300px;
        z-index: calc(var(--z-web-chrome) + 1)
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .side-panel.svelte-15gudma.svelte-15gudma {
            -webkit-backdrop-filter: blur(60px);
            backdrop-filter: blur(60px);
            background-color: var(--systemToolbarTitlebarMaterialSover)
        }
    }
}

@media (min-width:1000px) and (prefers-contrast:more) {
    .side-panel.svelte-15gudma.svelte-15gudma {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemToolbarTitlebarMaterialSover-default_IC)
    }
}

.side-panel.svelte-15gudma .side-panel-header-wrapper.svelte-15gudma {
    background-color: var(--fallbackMaterialBG);
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    padding-inline-end: 20px;
    padding-top: 23px;
    padding-inline-start: 20px;
    position: sticky;
    top: 0;
    z-index: calc(var(--z-default) + 6)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .side-panel.svelte-15gudma .side-panel-header-wrapper.svelte-15gudma {
        -webkit-backdrop-filter: blur(60px);
        backdrop-filter: blur(60px);
        background-color: var(--systemToolbarTitlebarMaterialSover)
    }
}

@media (prefers-contrast:more) {
    .side-panel.svelte-15gudma .side-panel-header-wrapper.svelte-15gudma {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemToolbarTitlebarMaterialSover-default_IC)
    }
}

html.is-not-focused .side-panel.svelte-15gudma .side-panel-header-wrapper.svelte-15gudma {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: var(--systemToolbarTitlebarMaterialSover-inactive)
}

@media (prefers-contrast:more) {
    html.is-not-focused .side-panel.svelte-15gudma .side-panel-header-wrapper.svelte-15gudma {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemToolbarTitlebarMaterialSover-inactive_IC)
    }
}

.side-panel.svelte-15gudma .side-panel-header-wrapper .side-panel-header.svelte-15gudma {
    color: var(--systemPrimary);
    display: flex;
    justify-content: space-between
}

.side-panel.svelte-15gudma .side-panel-header-wrapper .side-panel-header h3.svelte-15gudma {
    font: var(--title-2-emphasized);
    padding-inline-end: 10px
}

.side-panel.svelte-15gudma .side-panel-empty.svelte-15gudma {
    align-items: center;
    bottom: 0;
    display: flex;
    font: var(--callout);
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width:1000px) {
    .side-panel.svelte-15gudma .side-panel-empty.svelte-15gudma {
        position: absolute;
        z-index: calc(var(--z-default) + 4)
    }
}

.side-panel.svelte-15gudma .side-panel-controls.svelte-15gudma {
    align-items: center;
    display: flex
}

.monogram.svelte-tcxee0 {
    border-radius: inherit;
    display: block;
    font-weight: 500;
    height: 100%;
    width: var(--artwork-override-width)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .monogram.svelte-tcxee0 {
        font: var(--monogram)
    }
}

.badge-artwork.svelte-116iqki {
    border-radius: inherit
}

.badge-artwork--has-border.svelte-116iqki {
    border: var(--social-badge-border-size, 1px) solid var(--social-badge-border-color, #fff)
}

.badge-artwork--overlay.svelte-116iqki {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35)
}

.artwork-with-badge.svelte-1h4psev.svelte-1h4psev {
    display: grid;
    grid-area: song-artwork;
    grid-template-areas: "song-index"
}

.artwork-with-badge.has-badge.svelte-1h4psev.svelte-1h4psev {
    min-width: 48px
}

.artwork-with-badge__artwork.svelte-1h4psev.svelte-1h4psev {
    border-radius: 5px;
    grid-area: song-index
}

.songs-list-row__song-index .artwork-with-badge__artwork.svelte-1h4psev.svelte-1h4psev {
    --songsListArtworkHeight: 40px;
    height: 40px
}

.songs-list-row__song-index .has-badge.svelte-1h4psev .artwork-with-badge__artwork.svelte-1h4psev {
    --songsListArtworkHeight: 32px
}

.songs-list-row__song-index .artwork-with-badge__artwork.svelte-1h4psev .artwork-component {
    --artwork-override-width: calc(var(--songsListArtworkHeight)*var(--aspect-ratio));
    --artwork-override-height: var(--songsListArtworkHeight)
}

.artwork-with-badge__badge.svelte-1h4psev.svelte-1h4psev {
    --override-placeholder-bg-color: var(--profileBadgeBG);
    align-self: end;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    grid-area: song-index;
    height: 32px;
    justify-self: end;
    pointer-events: none;
    position: relative;
    top: 4px;
    width: 32px;
    z-index: calc(var(--z-default) + 2)
}

.artwork-with-badge__badge.svelte-1h4psev.svelte-1h4psev:after {
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.up-next-item.svelte-131v8od.svelte-131v8od {
    --artwork-override-height: auto;
    --artwork-override-max-width: 40px;
    --artwork-override-max-height: 40px;
    --artwork-override-width: 40px;
    display: grid;
    grid-column-gap: 12px;
    align-items: center;
    border-radius: 6px;
    grid-template-columns: [left-edge] 40px [artwork-edge] calc(100% - 104px) [title-edge] 40px [right-edge];
    grid-template-rows: 55px;
    outline: none;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    padding-inline-end: 10px
}

.up-next-item.svelte-131v8od.svelte-131v8od:before {
    align-self: start;
    border-top: var(--keyline-border-style);
    content: "";
    grid-column: artwork-edge/right-edge;
    grid-row: 1/-1;
    height: 0
}

.up-next-item.svelte-131v8od.svelte-131v8od:first-of-type:before {
    grid-column: left-edge/right-edge
}

.up-next-item.selected.svelte-131v8od.svelte-131v8od {
    background-color: var(--systemQuaternary)
}

.up-next-item.selected.svelte-131v8od+.up-next-item:before,
.up-next-item.selected.svelte-131v8od.svelte-131v8od:before {
    border-top: none
}

.up-next-item.svelte-131v8od.svelte-131v8od:focus {
    --selectedTextColor: #fff;
    --contextMenuEllipsisFillOverride: #fff;
    background-color: var(--selectionColor)
}

.artwork-wrapper.svelte-131v8od.svelte-131v8od {
    border-radius: 3px;
    grid-column: left-edge/artwork-edge;
    grid-row: 1/-1;
    position: relative
}

.up-next-item-remove.svelte-131v8od.svelte-131v8od {
    background-image: url(/assets/icons/Remove.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    grid-column: 1;
    grid-row: 1;
    height: 22px;
    opacity: 0;
    place-self: start;
    pointer-events: none;
    transform: translate(var(--removeButtonOffset, -3.5px), 4px);
    width: 22px;
    z-index: calc(var(--z-default) + 1)
}

html[dir=rtl] .up-next-item-remove.svelte-131v8od.svelte-131v8od {
    --removeButtonOffset: 3.5px
}

.up-next-item-remove.svelte-131v8od.svelte-131v8od:focus,
.up-next-item.svelte-131v8od:hover .up-next-item-remove.svelte-131v8od {
    opacity: 1;
    pointer-events: auto
}

.up-next-item-remove.svelte-131v8od.svelte-131v8od:focus {
    box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

.up-next-item-title.svelte-131v8od.svelte-131v8od {
    grid-column: artwork-edge/title-edge;
    grid-row: 1/-1
}

.title.svelte-131v8od.svelte-131v8od {
    color: var(--selectedTextColor, var(--systemPrimary));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subtitle.svelte-131v8od.svelte-131v8od {
    color: var(--selectedTextColor, var(--systemSecondary));
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.time-and-controls.svelte-131v8od.svelte-131v8od {
    --controlsOpacity: 0;
    --timeOpacity: calc(1 - var(--controlsOpacity));
    align-items: center;
    display: grid;
    grid-column: title-edge/right-edge;
    grid-row: 1/-1;
    grid-template-areas: "time-and-controls";
    justify-content: end
}

.time-and-controls.svelte-131v8od.svelte-131v8od:focus-within,
.up-next-item.svelte-131v8od:hover .time-and-controls.svelte-131v8od {
    --controlsOpacity: 1
}

.up-next-item-time.svelte-131v8od.svelte-131v8od {
    color: var(--selectedTextColor, var(--systemSecondary));
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    grid-area: time-and-controls;
    opacity: var(--timeOpacity, 1);
    z-index: calc(var(--z-default) + 1)
}

.controls.svelte-131v8od.svelte-131v8od {
    grid-area: time-and-controls;
    opacity: var(--controlsOpacity, 0);
    z-index: calc(var(--z-default) + 2)
}

.up-next-queue.svelte-2oe4b2.svelte-2oe4b2 {
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    min-height: 100%;
    padding-inline-end: 10px
}

.up-next-queue__button.svelte-2oe4b2.svelte-2oe4b2 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 32px;
    z-index: var(--z-default)
}

.up-next-queue__button.active.svelte-2oe4b2.svelte-2oe4b2:not(:disabled) {
    background: var(--playerPlatterButtonBGFill)
}

.up-next-queue__button.active.svelte-2oe4b2:not(:disabled) svg {
    fill: var(--playerPlatterButtonIconFill)
}

.up-next-queue__button.svelte-2oe4b2 svg {
    fill: var(--systemSecondary)
}

.up-next-queue__button.svelte-2oe4b2 .up-next-queue__button__autoplay-badge.svelte-2oe4b2 {
    position: absolute;
    right: 0;
    top: -3px;
    z-index: var(--z-default)
}

.up-next-queue__button.svelte-2oe4b2 .up-next-queue__button__autoplay-badge.svelte-2oe4b2 svg {
    fill: var(--keyColor)
}

.up-next-queue__empty.svelte-2oe4b2.svelte-2oe4b2 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
    -webkit-padding-end: var(--side-panel-horizontal-padding, 0);
    -moz-padding-end: var(--side-panel-horizontal-padding, 0);
    padding-inline-end: var(--side-panel-horizontal-padding, 0);
    -webkit-padding-start: var(--side-panel-horizontal-padding, 0);
    -moz-padding-start: var(--side-panel-horizontal-padding, 0);
    padding-inline-start: var(--side-panel-horizontal-padding, 0)
}

.side-panel-controls__clear.svelte-2oe4b2.svelte-2oe4b2 {
    color: var(--keyColor);
    font: var(--title-3);
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    padding-inline-end: 10px
}

.side-panel-controls__autoplay.svelte-2oe4b2.svelte-2oe4b2 {
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px
}

.section-header--autoplay.svelte-2oe4b2.svelte-2oe4b2 {
    -webkit-margin-start: 10px;
    -moz-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    border-bottom: var(--keyline-border-style);
    margin-inline-end: 10px
}

.section-header.section-header--autoplay.svelte-2oe4b2+.up-next-item:before {
    border-top: none
}

.autoplay-header.svelte-2oe4b2.svelte-2oe4b2 {
    align-items: center;
    display: flex;
    padding-top: 14px
}

.autoplay-header__title.svelte-2oe4b2.svelte-2oe4b2 {
    color: var(--systemPrimary);
    font: var(--title-2-emphasized)
}

.autoplay-header__icon.svelte-2oe4b2.svelte-2oe4b2 {
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    -webkit-margin-end: 6px;
    -moz-margin-end: 6px;
    margin-inline-end: 6px
}

.autoplay-header__icon.svelte-2oe4b2 svg path {
    fill: var(--systemSecondary)
}

.autoplay-caption.svelte-2oe4b2.svelte-2oe4b2 {
    color: var(--systemSecondary);
    font: var(--callout);
    padding-bottom: 8px
}

.invertible-mask.svelte-17ktt7u {
    border-radius: inherit;
    fill: var(--svgFill, var(--keyColor))
}

.toggle-button.svelte-1l2m8li {
    --ctxmenu-trigger-backdrop-blur: 60px;
    --svgFill: var(--systemSecondary-onDark);
    border-radius: 8px;
    height: 28px;
    line-height: 0;
    position: relative;
    width: 28px;
    z-index: var(--z-default)
}

.lyrics-contextual-button.svelte-1l2m8li {
    border-radius: inherit;
    display: block;
    height: var(--contextMenuButtonSize, 28px);
    line-height: 0;
    width: var(--contextMenuButtonSize, 28px)
}

.lyrics-translation-button--in-modal.svelte-1l2m8li {
    --ctxmenu-trigger-background-color: var(--systemQuaternary-onDark);
    --ctxmenu-trigger-border-radius: 8px;
    --svgFill: var(--systemSecondary-onDark)
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted) {
    --svgFill: hsla(0, 0%, 100%, .55);
    --ctxmenu-trigger-background-color: hsla(0, 0%, 100%, .1)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .2)
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted):hover {
    --ctxmenu-trigger-background-color: hsla(0, 0%, 100%, .25)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted):hover {
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .3)
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted) {
    --ctxmenu-trigger-background-color: #525252;
    --svgFill: hsla(0, 0%, 100%, .85)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted) {
        --svgFill: rgba(var(--keyColor-rgb), .95);
        --ctxmenu-trigger-background-color: hsla(0, 0%, 100%, .95)
    }
}

@media (prefers-contrast:more) and (prefers-color-scheme:dark) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted) {
        --ctxmenu-trigger-background-color: #000
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted):hover {
    --svgFill: hsla(0, 0%, 100%, .95)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted):hover {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: #fff
    }
}

@media (prefers-contrast:more) and (prefers-color-scheme:dark) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted):hover {
        --ctxmenu-trigger-background-color: #000
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]) {
    --svgFill: #fff;
    --ctxmenu-trigger-background-color: hsla(0, 0%, 100%, .4)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .4)
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]):has(.invertible-mask--inverted) {
    --svgFill: #fff;
    --ctxmenu-trigger-background-color: #525252
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]):has(.invertible-mask--inverted) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: #fff
    }
}

.lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=false]):has(.invertible-mask--inverted) {
    --svgFill: #fff
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-modal.svelte-1l2m8li:not([disabled]):has([aria-expanded=false]):has(.invertible-mask--inverted) {
        --svgFill: var(--keyColor)
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li {
    --ctxmenu-trigger-opacity: 1;
    --ctxmenu-trigger-background-color: var(--systemQuaternary);
    --ctxmenu-trigger-border-radius: 8px;
    --svgFill: var(--systemSecondary);
    display: inline-block;
    position: relative;
    -webkit-margin-end: 7px;
    -moz-margin-end: 7px;
    margin-inline-end: 7px;
    z-index: var(--z-default)
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted) {
    --svgFill: var(--lyricsTranslationButtonIconFill);
    --ctxmenu-trigger-background-color: var(--lyricsTranslationButtonBG)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .2)
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted):hover {
    --ctxmenu-trigger-background-color: var(--lyricsTranslationButtonBGHover)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--not-inverted):hover {
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .3)
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted) {
    --ctxmenu-trigger-background-colorsvgFill: var(--lyricsTranslationButtonIconFillActive);
    --svgFill: var(--lyricsTranslationButtonBGActive)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted) {
        --svgFill: rgba(var(--keyColor-rgb), .95);
        --ctxmenu-trigger-background-color: hsla(0, 0%, 100%, .95)
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted):hover {
    --svgFill: var(--lyricsTranslationButtonBGActiveHover)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has(.invertible-mask--inverted):hover {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: #fff
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]) {
    --svgFill: var(--lyricsTranslationButtonIconFillMenu);
    --ctxmenu-trigger-background-color: var(--lyricsTranslationButtonBGMenu)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: rgba(var(--keyColor-rgb), .4)
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]):has(.invertible-mask--inverted) {
    --svgFill: var(--lyricsTranslationButtonBGActiveMenu);
    --ctxmenu-trigger-background-color: var(--lyricsTranslationButtonIconFillActive)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=true]):has(.invertible-mask--inverted) {
        --svgFill: var(--keyColor);
        --ctxmenu-trigger-background-color: #fff
    }
}

.lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=false]):has(.invertible-mask--inverted) {
    --svgFill: var(--lyricsTranslationButtonBGActiveMenu)
}

@media (prefers-contrast:more) {
    .lyrics-translation-button--in-drawer.svelte-1l2m8li:not([disabled]):has([aria-expanded=false]):has(.invertible-mask--inverted) {
        --svgFill: var(--keyColor)
    }
}

.lyrics__buttons-container.svelte-1idgbrc {
    --lyrics-toggle-button-size: 26px;
    background-color: var(--lyrics-bg);
    font-size: 0;
    margin: 10px 16px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    vertical-align: top;
    z-index: var(--z-default)
}

html[dir=rtl] .lyrics__buttons-container.svelte-1idgbrc {
    left: 0;
    right: auto
}

.lyrics__button.svelte-1idgbrc {
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    background-color: var(--systemQuaternary);
    border-radius: 8px;
    padding: 4px;
    position: relative;
    z-index: var(--z-default)
}

@media (prefers-contrast:more) {
    .lyrics__button.svelte-1idgbrc {
        background-color: rgba(var(--keyColor-rgb), .2)
    }
}

.lyrics__button.svelte-1idgbrc svg {
    fill: var(--systemSecondary);
    height: 20px;
    width: 20px
}

@media (prefers-contrast:more) {
    .lyrics__button.svelte-1idgbrc svg {
        fill: var(--keyColor)
    }
}

amp-lyrics.svelte-lrbypv {
    background-color: transparent;
    height: calc(100vh - 54px)
}

.lyrics__sidebar.svelte-lrbypv {
    --lyrics-linear-gradient: linear-gradient(180deg, #000, transparent)
}

.lyrics__sidebar.svelte-lrbypv:focus .lyrics__buttons-container,
.lyrics__sidebar.svelte-lrbypv:has(button[aria-expanded=true]) .lyrics__buttons-container,
.lyrics__sidebar.svelte-lrbypv:hover .lyrics__buttons-container {
    opacity: 1
}

.lyrics__sidebar.svelte-lrbypv:focus:has(.lyrics-translation-button--in-drawer),
.lyrics__sidebar.svelte-lrbypv:has(button[aria-expanded=true]):has(.lyrics-translation-button--in-drawer),
.lyrics__sidebar.svelte-lrbypv:hover:has(.lyrics-translation-button--in-drawer) {
    --lyrics-linear-gradient: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 38px, #000 85px, transparent);
    --lyrics-mask-composite: intersect
}

.lyrics__button.svelte-lrbypv {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 32px;
    z-index: var(--z-default)
}

.lyrics__button[aria-expanded=true].svelte-lrbypv {
    background: var(--playerPlatterButtonBGFill)
}

.lyrics__button[aria-expanded=true].svelte-lrbypv svg {
    fill: var(--playerPlatterButtonIconFill)
}

.lyrics__button.svelte-lrbypv svg {
    fill: var(--systemSecondary)
}

.popover-toggle.svelte-er63fw {
    --symbol-fill-color: var(--systemPrimary-onDark);
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 0 10px;
    width: auto;
    z-index: var(--z-default)
}

@media (min-width:1000px) and (max-width:1259px) {
    .popover-toggle.svelte-er63fw {
        padding-inline-end: 0
    }
}

.popover-toggle__popover.svelte-er63fw {
    background-color: var(--systemStandardThickMaterialSover-default_IC);
    border: .5px solid rgba(0, 0, 0, .2);
    border-radius: var(--global-border-radius-large, 10px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor);
    box-sizing: border-box;
    line-height: 0;
    margin: 0;
    max-width: 350px;
    min-width: 185px;
    overflow: visible;
    padding: 0;
    position: absolute;
    width: 300px
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .popover-toggle__popover.svelte-er63fw {
        -webkit-backdrop-filter: blur(60px) saturate(210%);
        backdrop-filter: blur(60px) saturate(210%);
        background-color: var(--systemStandardThickMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .popover-toggle__popover.svelte-er63fw {
            -webkit-backdrop-filter: blur(60px) saturate(220%);
            backdrop-filter: blur(60px) saturate(220%)
        }
    }
}

@media (prefers-contrast:more) {
    .popover-toggle__popover.svelte-er63fw {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardThickMaterialSover-default_IC)
    }
}

.popover-toggle__popover.svelte-er63fw:before {
    background-color: var(--systemStandardThickMaterialSover);
    border: .5px solid rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    content: "";
    cursor: pointer;
    height: 14px;
    inset-inline-end: 23px;
    position: absolute;
    top: -6.5px;
    transform: rotate(315deg);
    width: 14px;
    z-index: calc(var(--z-default) + 1)
}

.popover-toggle__popover[aria-hidden=true].svelte-er63fw {
    opacity: 0;
    pointer-events: none
}

.is-not-relative-popover-positioning.svelte-er63fw {
    left: auto
}

.popover-toggle__button.svelte-er63fw {
    background-color: var(--systemGreen);
    border-radius: 6px;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
    white-space: nowrap;
    width: auto
}

.popover-toggle__button.svelte-er63fw svg {
    display: inline-block;
    height: 22px;
    padding-bottom: 3px;
    padding-top: 3px;
    vertical-align: middle;
    width: 22px
}

.button.svelte-yk984v.svelte-yk984v {
    width: var(--buttonWrapperWidth, 100%)
}

@media (min-width:1260px) {
    .button.svelte-yk984v.svelte-yk984v {
        width: var(--buttonWrapperWidth, auto)
    }
}

.button.svelte-yk984v button.svelte-yk984v {
    align-items: center;
    background-color: var(--buttonBackgroundColor, var(--keyColorBG, var(--systemBlue)));
    border-radius: var(--buttonRadius, 3px);
    color: var(--buttonTextColor, #fff);
    display: var(--buttonDisplay, flex);
    font: var(--buttonFont, var(--body-emphasized));
    height: var(--buttonHeight, 36px);
    justify-content: var(--buttonJustifyContent, center);
    width: var(--buttonWidth, 100%)
}

@media (min-width:1260px) {
    .button.svelte-yk984v button.svelte-yk984v {
        height: var(--buttonHeight, 28px);
        min-width: 100px;
        width: var(--buttonWidth, auto)
    }
}

.button.svelte-yk984v button[disabled].svelte-yk984v {
    background-color: var(--buttonDisabledBGColor, var(--systemQuinary));
    color: var(--buttonDisabledTextColor, var(--systemTertiary));
    cursor: default;
    opacity: var(--buttonDisabledOpacity, .75)
}

@media (prefers-color-scheme:dark) {
    .button.svelte-yk984v button[disabled].svelte-yk984v {
        background-color: var(--buttonDisabledBGColorDark, hsla(0, 0%, 100%, .5));
        color: var(--buttonDisabledTextColorDark, var(--systemTertiary-onLight));
        opacity: var(--buttonDisabledOpacityDark, 1)
    }
}

.button.primary.svelte-yk984v button.svelte-yk984v {
    background-color: var(--buttonBackgroundColor, var(--keyColorBG, var(--systemBlue)));
    color: var(--buttonTextColor, #fff);
    padding: 0 10px
}

.button.primary.svelte-yk984v button.svelte-yk984v:disabled {
    opacity: .5
}

.button.secondary.svelte-yk984v.svelte-yk984v {
    width: auto
}

.button.secondary.svelte-yk984v button.svelte-yk984v {
    --buttonBackgroundColor: transparent;
    border: 1px solid var(--buttonBorderColor, var(--keyColor, var(--systemBlue)));
    color: var(--buttonTextColor, var(--keyColor));
    font: var(--body-tall);
    min-width: var(--buttonMinWidth, 108px);
    padding-inline-end: 16px;
    padding-inline-start: 16px
}

.button.tertiary.svelte-yk984v.svelte-yk984v {
    width: auto
}

.button.tertiary.svelte-yk984v button.svelte-yk984v {
    --buttonBackgroundColor: var(--keyColorBG, var(--systemBlue));
    --buttonTextColor: #fff;
    font: var(--buttonFont, var(--body-reduced-semibold));
    height: var(--buttonHeight, 45px);
    padding-inline-end: 22px;
    padding-inline-start: 22px;
    width: var(--buttonWidth, auto)
}

.button.tertiary.svelte-yk984v button.svelte-yk984v:focus,
.button.tertiary.svelte-yk984v button.svelte-yk984v:focus-within,
.button.tertiary.svelte-yk984v button.svelte-yk984v:hover {
    --buttonBackgroundColor: var(--buttonBackgroundColorHover, var(--keyColorBG, var(--systemBlue)));
    transition: all .1s ease-in-out
}

.button.alert.svelte-yk984v.svelte-yk984v {
    --buttonWrapperWidth: 100%;
    --buttonWidth: 100%;
    --buttonHeight: 28px;
    --buttonRadius: 6px
}

.button.alert-secondary.svelte-yk984v.svelte-yk984v {
    --buttonTextColor: var(--systemPrimary);
    --buttonBackgroundColor: var(--systemQuinary)
}

@media (prefers-color-scheme:dark) {
    .button.alert-secondary.svelte-yk984v.svelte-yk984v {
        --buttonBackgroundColor: var(--systemTertiary)
    }
}

.button.pill.svelte-yk984v.svelte-yk984v {
    --buttonBackgroundColor: rgba(var(--keyColor-rgb), .06);
    --buttonTextColor: var(--keyColor)
}

.button.pill.svelte-yk984v button.svelte-yk984v {
    border-radius: var(--buttonBorderRadius, 16px);
    font: var(--body-semibold-tall);
    height: var(--buttonHeight, 28px);
    min-width: var(--buttonMinWidth, 90px);
    padding-inline-end: var(--buttonPadding, 16px);
    padding-inline-start: var(--buttonPadding, 16px);
    width: var(--buttonWidth, auto)
}

.button.socialProfileButton.svelte-yk984v.svelte-yk984v {
    background-color: var(--keyColorBG);
    border-radius: 10px;
    height: auto;
    margin-top: 27px;
    min-width: 90px;
    transition: background-color .1s ease-in;
    width: unset;
    z-index: var(--z-default)
}

.button.socialProfileButton.svelte-yk984v.svelte-yk984v:active {
    background-color: var(--keyColor-pressed)
}

.button.socialProfileButton.svelte-yk984v button.svelte-yk984v {
    color: var(--systemPrimary-onDark);
    font: var(--title-2);
    height: auto;
    padding-bottom: 9px;
    padding-inline-end: 22px;
    padding-top: 9px;
    padding-inline-start: 22px
}

.button.socialProfileButton.svelte-yk984v button.svelte-yk984v .web-to-native__action {
    fill: var(--systemPrimary-onDark)
}

.button--text-button.svelte-yk984v.svelte-yk984v {
    --buttonBackgroundColor: transparent;
    --buttonTextColor: var(--keyColor);
    --linkHoverTextDecoration: none
}

.button--text-button.svelte-yk984v button.svelte-yk984v {
    font: var(--buttonFont, var(--body));
    white-space: nowrap
}

.button__icon.svelte-yk984v.svelte-yk984v {
    display: flex;
    fill: var(--buttonIconFill, currentColor);
    height: var(--buttonIconHeight, 1em);
    margin-bottom: var(--buttonIconMarginBottom, 0);
    margin-top: var(--buttonIconMarginTop, 0);
    padding: var(--buttonIconPadding, 0);
    width: var(--buttonIconWidth, 1em)
}

.button__icon.svelte-yk984v.svelte-yk984v:empty,
.button__icon.svelte-yk984v.svelte-yk984v:has(div:empty) {
    margin: 0
}

@media (hover:hover) {
    button.svelte-yk984v:hover .button__icon.svelte-yk984v {
        fill: var(--buttonIconFillHover, var(--buttonIconFill, currentColor))
    }
}

@supports selector(:has(:focus-visible)) {
    button.svelte-yk984v:focus-visible .button__icon.svelte-yk984v {
        fill: var(--buttonIconFillFocus, var(--buttonIconFill, currentColor))
    }
}

button.svelte-yk984v:active .button__icon.svelte-yk984v:active {
    fill: var(--buttonIconFillActive, var(--buttonIconFill, currentColor))
}

.button__icon--before.svelte-yk984v.svelte-yk984v {
    margin-inline-end: var(--buttonIconMargin-inlineEnd, .25em);
    margin-inline-start: var(--buttonIconMargin-inlineStart, 0)
}

.button__icon--after.svelte-yk984v.svelte-yk984v {
    margin-inline-end: var(--buttonIconMargin-inlineEnd, 0);
    margin-inline-start: var(--buttonIconMargin-inlineStart, .25em)
}

.needs-polyfill {
    background: #fff;
    border: solid;
    color: #000;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

.needs-polyfill:not([open]) {
    display: none
}

.needs-polyfill+.backdrop.svelte-1a4zf5b {
    background: rgba(0, 0, 0, .1)
}

.needs-polyfill+.backdrop.svelte-1a4zf5b,
.needs-polyfill._dialog_overlay.svelte-1a4zf5b {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.needs-polyfill.fixed.svelte-1a4zf5b {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)
}

dialog.svelte-1a4zf5b:modal {
    position: fixed
}

dialog.svelte-1a4zf5b {
    background: transparent;
    border: 0;
    border-radius: var(--modalBorderRadius, 10px);
    color: var(--systemPrimary);
    font: var(--body);
    height: var(--modalHeight, -moz-fit-content);
    height: var(--modalHeight, fit-content);
    max-height: var(--modalMaxHeight, initial);
    max-width: var(--modalMaxWidth, initial);
    overflow: var(--modalOverflow, auto);
    padding: 0;
    top: var(--modalTop, 0);
    width: var(--modalWidth, -moz-fit-content);
    width: var(--modalWidth, fit-content)
}

dialog.svelte-1a4zf5b:focus {
    outline: none
}

dialog.svelte-1a4zf5b+.backdrop,
dialog.svelte-1a4zf5b::backdrop {
    background-color: var(--modalScrimColor, rgba(0, 0, 0, .45))
}

dialog.no-scrim.svelte-1a4zf5b+.backdrop,
dialog.no-scrim.svelte-1a4zf5b::backdrop {
    --modalScrimColor: transparent
}

.sliding-modal-wrapper.svelte-kzi81j.svelte-kzi81j {
    display: contents
}

@media (max-width:999px) {
    .sliding-modal-wrapper.svelte-kzi81j.svelte-kzi81j {
        --modalWidth: 100%;
        --modalHeight: var(--slidingModalHeight, 100%);
        --modalTop: calc(100% - var(--slidingModalHeight, 100%));
        --modalOverflow: hidden;
        --modalBorderRadius: var(--slidingModalBorderRadius, 0) var(--slidingModalBorderRadius, 0) 0 0
    }
}

.sliding-modal.svelte-kzi81j.svelte-kzi81j {
    background: var(--slidingModalBgColor, var(--pageBG));
    border-radius: var(--modalBorderRadius);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
    height: var(--slidingModalContentHeight, 100%);
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

.sliding-modal.svelte-kzi81j.svelte-kzi81j:not(.is-mounted) {
    visibility: hidden
}

.sliding-modal.disable-slide.svelte-kzi81j.svelte-kzi81j {
    animation: none !important
}

@media (min-width:1000px) {
    .sliding-modal.svelte-kzi81j.svelte-kzi81j {
        animation: none !important
    }
}

.sliding-modal-backdrop.svelte-kzi81j.svelte-kzi81j {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 0
}

.sliding-modal-content.svelte-kzi81j.svelte-kzi81j {
    background-color: var(--slidingModalContentBgColor, transparent);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:1000px) {
    .sliding-modal-content.svelte-kzi81j.svelte-kzi81j {
        background-color: var(--slidingModalContentBgColorDesktop, transparent)
    }
}

.sliding-modal-backdrop.svelte-kzi81j:has(.backdrop--empty)+.sliding-modal-content.svelte-kzi81j {
    z-index: var(--z-default)
}

.is-transitioning .sliding-modal-content.svelte-kzi81j.svelte-kzi81j,
.sliding-modal-content.svelte-kzi81j.svelte-kzi81j:has(.intersect-target) {
    --slidingModalContentBgColor: #1f1f1f
}

.sliding-modal-collapse.svelte-kzi81j.svelte-kzi81j {
    flex: 0;
    padding-bottom: 17px;
    padding-top: 18px;
    z-index: var(--z-default)
}

.sliding-modal-collapse.svelte-kzi81j svg {
    height: 8px;
    margin: auto;
    fill: var(--slidingModalHandleColor, var(--systemQuaternary))
}

.sliding-modal-main.svelte-kzi81j.svelte-kzi81j {
    flex: 1;
    position: relative
}

.backdrop.svelte-9chz6j {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    height: 100%;
    width: 100%
}

.share-play-qr.svelte-9chz6j {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.share-play-qr__subtitle.svelte-9chz6j,
.share-play-qr__title.svelte-9chz6j {
    color: #fff;
    padding: 0 20px;
    text-align: center
}

.share-play-qr__title.svelte-9chz6j {
    font: var(--title-2-emphasized);
    margin: 33px auto 0
}

@media (min-width:1000px) {
    .share-play-qr__title.svelte-9chz6j {
        color: var(--systemPrimary-onLight);
        margin-top: 0
    }
}

.share-play-qr__subtitle.svelte-9chz6j {
    font: var(--title-2);
    margin: 4px auto 20px
}

@media (min-width:1000px) {
    .share-play-qr__subtitle.svelte-9chz6j {
        color: var(--systemSecondary-onLight);
        margin-bottom: 70px;
        width: 400px
    }

    .qr__code-container.svelte-9chz6j {
        margin-top: 40px
    }
}

.close-button.svelte-9chz6j {
    fill: var(--systemPrimary-onDark);
    inset-inline-start: 20px;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .close-button.svelte-9chz6j {
        fill: var(--systemSecondary-onLight)
    }
}

.close-button.svelte-9chz6j svg {
    height: 14px;
    width: 14px
}

.manage-share-play.svelte-ydr75.svelte-ydr75 {
    padding-top: var(--manageSharePlayPaddingTop, 38px)
}

.manage-share-play.svelte-ydr75 .shareplay-symbol {
    --symbol-fill-color: var(--systemPrimary);
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 35px
}

.manage-share-play__subtitle.svelte-ydr75.svelte-ydr75,
.manage-share-play__title.svelte-ydr75.svelte-ydr75 {
    margin: 2px auto 0;
    padding: 0 20px;
    text-align: center
}

.manage-share-play__title.svelte-ydr75.svelte-ydr75 {
    font: var(--title-2-bold)
}

.manage-share-play__subtitle.svelte-ydr75.svelte-ydr75 {
    font: var(--title-3);
    margin-bottom: 20px
}

.manage-share-play__items.svelte-ydr75.svelte-ydr75 {
    border-bottom: var(--keyline-border-style);
    border-top: var(--keyline-border-style);
    max-height: 181px;
    overflow-x: hidden;
    overflow-y: auto
}

.manage-share-play__item.svelte-ydr75.svelte-ydr75 {
    position: relative;
    z-index: var(--z-default)
}

.manage-share-play__item.svelte-ydr75.svelte-ydr75:not(:last-child):after {
    border-bottom: var(--keyline-border-style);
    bottom: 0;
    content: "";
    inset-inline-end: -20px;
    inset-inline-start: 70px;
    position: absolute;
    z-index: var(--z-default)
}

.share-play-lockup.svelte-ydr75.svelte-ydr75 {
    align-items: center;
    color: var(--systemPrimary);
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding-bottom: 11px;
    padding-top: 11px;
    position: relative;
    width: 100%;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    padding-inline-end: 20px
}

.share-play-lockup__content.svelte-ydr75.svelte-ydr75 {
    --linkHoverTextDecoration: none;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    text-align: start;
    -webkit-padding-start: 12px;
    -moz-padding-start: 12px;
    padding-inline-start: 12px
}

.share-play-lockup__title.svelte-ydr75.svelte-ydr75 {
    font: var(--title-3)
}

.share-play-lockup__subtitle.svelte-ydr75.svelte-ydr75 {
    --linkHoverColor: inherit;
    --linkHoverTextDecoration: underline;
    color: var(--systemSecondary);
    font: var(--callout);
    max-width: 100%
}

.share-play-lockup__button.svelte-ydr75 .pill.button button {
    --buttonMinWidth: none;
    --buttonHeight: 32px;
    --buttonPadding: 12px;
    --buttonBackgroundColor: var(--keyColor);
    --buttonTextColor: #fff;
    font: var(--title-3-semibold)
}

.share-play-lockup__participant-button-container.svelte-ydr75.svelte-ydr75 {
    display: flex;
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    margin-inline-start: 4px;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px
}

.share-play-lockup__participant-button.svelte-ydr75 svg.svelte-ydr75 {
    height: 28px;
    width: 28px
}

.share-play-lockup__participant-button.svelte-ydr75.svelte-ydr75:not(:first-of-type) {
    -webkit-margin-start: 8px;
    -moz-margin-start: 8px;
    margin-inline-start: 8px
}

.share-play-lockup__social.svelte-ydr75.svelte-ydr75 {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px
}

.share-play-lockup__social.svelte-ydr75 .artwork-component {
    --artwork-override-width: calc(38px*var(--aspect-ratio));
    --artwork-override-height: 38px
}

.share-play-lockup__social.svelte-ydr75 .badge-artwork {
    width: 100%
}

.share-play-lockup__social.svelte-ydr75 .person-circle-fill {
    height: 38px;
    width: 38px
}

.share-play-lockup__social.svelte-ydr75 svg {
    fill: var(--systemSecondary)
}

.share-play-lockup__social.svelte-ydr75 .car-fill {
    height: 22px;
    width: 28px
}

.share-play-lockup__social.svelte-ydr75 .homepod-icon,
.share-play-lockup__social.svelte-ydr75 .homepod-mini-icon {
    height: 35px
}

.share-play-lockup__social.svelte-ydr75 .speaker-icon {
    height: 38px
}

.share-play-lockup__social--circular.svelte-ydr75.svelte-ydr75 {
    border-radius: 50%
}

.share-play-lockup__social--after-shadow.svelte-ydr75.svelte-ydr75 {
    position: relative;
    z-index: var(--z-default)
}

.share-play-lockup__social--after-shadow.svelte-ydr75.svelte-ydr75: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: calc(var(--z-default) + 1)
}

.manage-share-play__qr.svelte-ydr75.svelte-ydr75 {
    display: grid;
    grid-template-columns: auto 80px;
    height: 114px;
    width: 100%;
    grid-gap: 20px;
    align-items: center;
    color: var(--systemPrimary);
    font: var(--title-3);
    position: relative;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    padding-inline-end: 20px
}

.manage-share-play__qr.svelte-ydr75 p.svelte-ydr75 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.shareplay__counter.svelte-1wgpt4u {
    color: var(--systemPrimary-onDark);
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: .0769630769;
    vertical-align: middle
}

.shareplay__counter.svelte-1wgpt4u:lang(zh) {
    font-weight: 600
}

.shareplay__counter.svelte-1wgpt4u:lang(he) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arial Hebrew, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(hi) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(ja) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(ko) {
    font-family: ui-rounded, -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
}

.shareplay__counter.svelte-1wgpt4u:lang(th) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(zh-CN) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(zh-HK),
.shareplay__counter.svelte-1wgpt4u:lang(zh-MO) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(zh-TW) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.shareplay__counter.svelte-1wgpt4u:lang(ar) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.lcd-wrapper.svelte-1p50eny.svelte-1p50eny {
    position: relative;
    z-index: calc(var(--z-default) - 1)
}

.lcd-wrapper.svelte-1p50eny.svelte-1p50eny.is-drag-over:after {
    bottom: 0;
    box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    outline: none;
    position: absolute;
    top: 0;
    z-index: 1
}

.chrome-player__playback-controls--compact.svelte-1p50eny.svelte-1p50eny {
    align-items: center;
    background-color: var(--playerLCDBGFill);
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 10px
}

@media (max-width:999px) {
    .chrome-player__initial .chrome-player__playback-controls--compact.svelte-1p50eny .chrome-player__compact-controls-base.svelte-1p50eny {
        display: none
    }
}

@media (min-width:1000px) {
    .chrome-player__playback-controls--compact.svelte-1p50eny.svelte-1p50eny {
        display: none
    }
}

.chrome-player__compact-controls-app-additions.svelte-1p50eny .svelte-1p50eny::slotted(*) {
    margin-inline-start: 10px
}

.chrome-player__compact-controls-base.svelte-1p50eny.svelte-1p50eny {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.chrome-player__expanded .chrome-player__compact-controls-base.chrome-player__compact-controls-base--collapsed.svelte-1p50eny.svelte-1p50eny {
    display: none
}

.chrome-player__compact-controls-base.svelte-1p50eny amp-playback-controls-skip.svelte-1p50eny {
    --playback-control-icon-width: 22px;
    --playback-control-icon-height: 22px
}

.dt-lyrics__platter.svelte-2zgn0e.svelte-2zgn0e {
    border-radius: inherit;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: var(--z-default)
}

.dt-lyrics__platter.svelte-2zgn0e canvas.svelte-2zgn0e {
    display: block;
    height: 100%;
    width: 100%
}

.backdrop.svelte-10f8t8k {
    height: 100%;
    width: 100%
}

.backdrop--video.svelte-10f8t8k {
    background: #000
}

.backdrop--empty.svelte-10f8t8k {
    background: var(--systemGray)
}

@media (prefers-contrast:more) {
    .backdrop--empty.svelte-10f8t8k {
        background: var(--pageBG)
    }

    .dynamic-backdrop.svelte-10f8t8k {
        display: none
    }
}

.now-playing-artwork.svelte-tyg4xq {
    --artwork-override-width: auto;
    --artwork-override-height: 100%;
    --artwork-override-max-width: 100%;
    --artwork-override-max-height: 100%;
    --shadowOffset: 20px;
    --shadowBlur: 25px;
    --shadowSpread: -15px;
    --shadowColor: rgba(0, 0, 0, .22);
    border-radius: inherit;
    height: 100%
}

.now-playing-artwork.svelte-tyg4xq .artwork-component.artwork-component--has-borders:after {
    display: none
}

.now-playing-artwork.is-placeholder.svelte-tyg4xq {
    --genericJoeColor: hsla(0, 0%, 7%, .04);
    --icon: rgba(0, 0, 0, .15)
}

.now-playing-artwork.svelte-tyg4xq .artwork-component {
    display: contents
}

.now-playing-artwork.svelte-tyg4xq .artwork-component:not(.artwork-component--downloaded, .artwork-component--error) {
    visibility: hidden
}

.now-playing-artwork.svelte-tyg4xq .artwork-component__image {
    aspect-ratio: 1 auto;
    border-radius: var(--artworkRadius, 10px);
    bottom: 0;
    box-shadow: 0 var(--shadowOffset) var(--shadowBlur) var(--shadowSpread) var(--shadowColor);
    display: inline-block;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    z-index: 1
}

.now-playing-artwork--compact.svelte-tyg4xq,
.now-playing-artwork--large.svelte-tyg4xq {
    --artwork-override-height: auto;
    --artwork-override-max-width: calc(100dvw - 64px);
    --artwork-override-max-height: calc(100dvh - 335px);
    display: contents;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.now-playing-artwork--compact.svelte-tyg4xq .artwork-component__contents:has(.artwork-fallback),
.now-playing-artwork--large.svelte-tyg4xq .artwork-component__contents:has(.artwork-fallback) {
    display: contents
}

.now-playing-artwork--compact.svelte-tyg4xq .artwork-fallback,
.now-playing-artwork--large.svelte-tyg4xq .artwork-fallback {
    background: transparent;
    border-radius: inherit;
    bottom: 0;
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.now-playing-artwork--compact.svelte-tyg4xq .artwork-fallback svg,
.now-playing-artwork--large.svelte-tyg4xq .artwork-fallback svg {
    border-radius: inherit;
    max-height: 100%;
    max-width: 100%
}

.now-playing-artwork--large.svelte-tyg4xq {
    max-height: calc(100% - 30px)
}

.now-playing-artwork--compact.svelte-tyg4xq {
    --artwork-override-max-width: 100%;
    --artwork-override-max-height: 60px
}

.now-playing-artwork--compact.svelte-tyg4xq .artwork-component__image {
    border-radius: var(--artworkRadius, 5px)
}

.favorite-icon.svelte-exd8bk {
    height: var(--favoriteIconSize, 28px);
    width: var(--favoriteIconSize, 28px)
}

.favorite-icon__star.svelte-exd8bk {
    fill: var(--favoriteIconStarOutline, var(--keyColor))
}

.favorite-icon__cutout-fill.svelte-exd8bk {
    fill: var(--favoriteIconStarFill, transparent)
}

.favorite-icon__star-circle-fill.svelte-exd8bk {
    fill: var(--favoriteIconStarCutout, var(--systemQuinary))
}

.favorite-icon.svelte-140g0lp {
    height: var(--favoriteIconSize, 9px);
    width: var(--favoriteIconSize, 9px)
}

.favorite-icon__star.svelte-140g0lp {
    fill: var(--favoriteIconStarOutline, var(--keyColor))
}

.favorite-icon__star-fill.svelte-140g0lp {
    fill: var(--favoriteIconStarFill, var(--keyColor))
}

.favorite-button.svelte-j6xj5e {
    align-items: center;
    background: var(--favoriteButtonBackground, transparent);
    display: flex;
    height: var(--favoriteButtonSize, 100%);
    justify-content: center;
    line-height: 0;
    width: var(--favoriteButtonSize, 100%)
}

.favorite-button--non-platter.svelte-j6xj5e {
    --favoriteIconStarOutline: var(--favoriteButtonStarOutline, transparent);
    --favoriteIconStarFill: var(--favoriteButtonStarFill, transparent)
}

.favorite-button--non-platter.svelte-j6xj5e:focus-visible {
    box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

.favorite-button--non-platter.svelte-j6xj5e:focus-visible,
.favorite-button--non-platter.svelte-j6xj5e:hover {
    --favoriteIconStarOutline: var(--favoriteButtonStarOutline-hover, var(--keyColor))
}

.favorite-button--non-platter.is-favorited.svelte-j6xj5e {
    --favoriteIconStarFill: var(--favoriteButtonStarFill, var(--keyColor))
}

.favorite-button--platter.svelte-j6xj5e {
    --favoriteIconStarOutline: var(--favoriteButtonStarOutline);
    background: var(--favoriteButtonBackground, var(--systemQuinary));
    border-radius: 50%
}

.favorite-button--platter.svelte-j6xj5e:focus-visible,
.favorite-button--platter.svelte-j6xj5e:hover {
    --favoriteIconStarOutline: var(--favoriteButtonStarOutline-hover, #fff);
    background: var(--favoriteButtonBackground-hover, var(--keyColor))
}

.favorite-button--platter.is-favorited.svelte-j6xj5e {
    --favoriteIconStarCutout: var(--favoriteButtonStarCutout, var(--keyColor));
    --favoriteIconStarFill: var(--favoriteButtonStarFill, #fff);
    background: var(--favoriteButtonBackground, var(--keyColor))
}

.favorite-button--platter.is-favorited.svelte-j6xj5e:focus-visible,
.favorite-button--platter.is-favorited.svelte-j6xj5e:hover {
    --favoriteIconStarFill: var(--favoriteButtonStarFill-hover, #fff);
    --favoriteIconStarCutout: var(--favoriteButtonStarCutout-hover, var(--keyColor));
    background: var(--favoriteButtonBackground, var(--keyColor))
}

.interstellar-pill.svelte-xj6y5i {
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    border: .5px solid hsla(0, 0%, 100%, .04);
    border-radius: 14px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .02);
    display: inline-flex;
    gap: 5px;
    height: 24px;
    max-width: 100%;
    padding: 5px
}

.interstellar-pill__artwork.svelte-xj6y5i {
    border-radius: 50%;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.interstellar-pill__label.svelte-xj6y5i {
    display: -webkit-box;
    font: var(--caption-1-emphasized);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.platter.svelte-hvn35m {
    align-items: center;
    background-color: var(--platterBG);
    border: var(--platterBorderWidth) solid var(--platterBorderColor, transparent);
    border-radius: 50%;
    color: var(--pageBG);
    display: flex;
    height: var(--platterHeight, 24px);
    justify-content: center;
    width: var(--platterWidth, 24px)
}

.reaction.svelte-hvn35m {
    color: var(--pageBG);
    font-size: var(--reactionFontSize)
}

.reaction-badge.svelte-372wdi .popover-toggle__button {
    padding-bottom: unset;
    padding-top: unset
}

.reactions-list-scrolling-container.svelte-1710ubn.svelte-1710ubn {
    overflow-y: auto
}

.reactions-list--with-profiles.svelte-1710ubn.svelte-1710ubn {
    --override-placeholder-bg-color: var(--profileBadgeBG);
    --reactionFontSize: 20px;
    --platterBG: unset;
    --platterBorderColor: unset;
    --platterBorderWidth: unset;
    --shelf-aspect-ratio: initial;
    display: flex;
    flex-direction: column;
    height: 256px;
    position: relative;
    width: auto
}

.reactions-list-row__badge__contributor-wrapper.svelte-1710ubn.svelte-1710ubn {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%
}

.reactions-list-row__badge__contributor-wrapper.svelte-1710ubn .badge-artwork {
    border-radius: 50%;
    box-shadow: unset;
    height: 40px;
    min-width: 40px;
    width: 40px
}

.reactions-list-row__badge__contributor-wrapper.svelte-1710ubn .badge-artwork--has-border {
    border: 1px solid var(--labelDivider)
}

.reaction-badge--with-profile.svelte-1710ubn.svelte-1710ubn {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 64px;
    -webkit-margin-start: 16px;
    -moz-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 16px;
    -moz-margin-end: 16px;
    margin-inline-end: 16px
}

@media (min-width:1000px) {
    .reaction-badge--with-profile.svelte-1710ubn.svelte-1710ubn {
        -webkit-margin-start: 20px;
        -moz-margin-start: 20px;
        margin-inline-start: 20px;
        -webkit-margin-end: 20px;
        -moz-margin-end: 20px;
        margin-inline-end: 20px
    }
}

.reaction-badge--with-profile.svelte-1710ubn.svelte-1710ubn:not(:last-of-type) {
    border-bottom: var(--keyline-border-style)
}

.reaction-list-row__badge__name.svelte-1710ubn.svelte-1710ubn {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    max-width: calc(100% - 100px);
    overflow: hidden;
    width: 100%
}

.reaction-list-row__badge__name.svelte-1710ubn span.svelte-1710ubn {
    font: var(--body);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reactions-summary.svelte-kwznku.svelte-kwznku {
    align-items: center;
    display: flex;
    height: 100%;
    margin-bottom: 8px;
    margin-top: 54px;
    max-height: 28px;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-margin-start: 16px;
    -moz-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 16px;
    -moz-margin-end: 16px;
    margin-inline-end: 16px
}

@media (min-width:1000px) {
    .reactions-summary.svelte-kwznku.svelte-kwznku {
        margin-top: 20px;
        -webkit-margin-start: 20px;
        -moz-margin-start: 20px;
        margin-inline-start: 20px;
        -webkit-margin-end: 20px;
        -moz-margin-end: 20px;
        margin-inline-end: 20px
    }
}

.reactions-summary.svelte-kwznku.svelte-kwznku::-webkit-scrollbar {
    display: none
}

.reaction-summary-filter.svelte-kwznku.svelte-kwznku {
    align-items: center;
    color: var(--systemPrimary);
    display: flex;
    flex-shrink: 0;
    height: 28px;
    transition: var(--global-transition);
    -webkit-margin-end: 6px;
    -moz-margin-end: 6px;
    font: var(--body);
    margin-inline-end: 6px;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    -moz-padding-end: 10px;
    padding-inline-end: 10px
}

.reaction-summary-filter.svelte-kwznku .reaction.svelte-kwznku {
    color: var(--pageBG);
    font-size: 20px;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px
}

.reaction-summary-filter.selected.svelte-kwznku.svelte-kwznku,
.reaction-summary-filter.svelte-kwznku.svelte-kwznku:focus {
    background-color: var(--systemQuaternary);
    border-radius: 28px;
    color: var(--systemSecondary)
}

.reaction-summary-filter.svelte-kwznku.svelte-kwznku:focus-visible {
    box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

.reactions-content.svelte-1ygb4uj {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100vw;
    max-height: 745px;
    overflow: hidden;
    position: relative
}

@media (min-width:1000px) {
    .reactions-content.svelte-1ygb4uj {
        height: auto
    }
}

.reaction-badges.svelte-udsim8.svelte-udsim8 {
    --platterBG: var(--tracklistBadgeBackgroundColor);
    --platterBorderWidth: 1px;
    --reactionFontSize: 0;
    --shelf-aspect-ratio: initial;
    display: flex;
    padding: 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:1000px) {
    .reaction-badges.svelte-udsim8.svelte-udsim8 {
        --platterBG: unset;
        --platterBorderWidth: unset;
        --reactionFontSize: 20px
    }
}

.reaction-badges.svelte-udsim8 .svelte-udsim8:last-child {
    --reactionFontSize: 11px
}

@media (min-width:1000px) {
    .reaction-badges.svelte-udsim8 .svelte-udsim8:last-child {
        --reactionFontSize: 20px
    }
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8 {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 24px
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:first-child {
    z-index: calc(var(--z-default) + 11)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(2) {
    z-index: calc(var(--z-default) + 12)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(3) {
    z-index: calc(var(--z-default) + 13)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(4) {
    z-index: calc(var(--z-default) + 14)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(5) {
    z-index: calc(var(--z-default) + 15)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(6) {
    z-index: calc(var(--z-default) + 16)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(7) {
    z-index: calc(var(--z-default) + 17)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(8) {
    z-index: calc(var(--z-default) + 18)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(9) {
    z-index: calc(var(--z-default) + 19)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:nth-child(10) {
    z-index: calc(var(--z-default) + 20)
}

.reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:not(:first-of-type) {
    -webkit-margin-start: var(--social-badge-overlap, -19px);
    -moz-margin-start: var(--social-badge-overlap, -19px);
    margin-inline-start: var(--social-badge-overlap, -19px)
}

@media (min-width:1000px) {
    .reaction-badge--trigger-item.svelte-udsim8.svelte-udsim8:not(:first-of-type) {
        -webkit-margin-start: 8px;
        -moz-margin-start: 8px;
        margin-inline-start: 8px
    }
}

.close-button.svelte-yhso2n {
    fill: var(--systemSecondary);
    inset-inline-start: 20px;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

.close-button.svelte-yhso2n svg {
    height: 14px;
    width: 14px
}

.reactions-sliding-modal-wrapper.svelte-yhso2n {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    -webkit-padding-start: 14px;
    -moz-padding-start: 14px;
    padding-inline-start: 14px
}

.playback-item.svelte-1k62exr.svelte-1k62exr {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    width: 100%
}

.now-playing-main:has(.pivot-grid) .playback-item.svelte-1k62exr.svelte-1k62exr {
    display: none;
    grid-area: 1/1
}

.artwork-container.svelte-1k62exr.svelte-1k62exr {
    line-height: 0;
    position: relative;
    z-index: var(--z-default)
}

.is-video.svelte-1k62exr .artwork-container.svelte-1k62exr {
    margin: auto 0
}

.playback-item--large.svelte-1k62exr .artwork-container.svelte-1k62exr {
    align-content: center;
    display: grid;
    height: 100%;
    width: 100vw
}

.playback-item--large.svelte-1k62exr .artwork-container.svelte-1k62exr:not(.is-animating) {
    transition: transform .5s cubic-bezier(.76, .665, .37, 1.35)
}

@media (min-width:415px) and (height <=860px) {
    .playback-item--large.svelte-1k62exr .artwork-container.svelte-1k62exr {
        transform: scale(.9)
    }
}

.playback-item--large.is-empty.svelte-1k62exr .artwork-container.svelte-1k62exr:not(.is-animating),
.playback-item--large.is-paused.svelte-1k62exr .artwork-container.svelte-1k62exr:not(.is-animating) {
    transform: scale(.73) !important;
    transition: transform .35s
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr {
    position: static
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badges {
    --platterHeight: 28px;
    --platterWidth: 28px;
    --platterBorderWidth: 0;
    --platterBG: var(--systemQuaternary-onDark)
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badge--trigger-item {
    inset-inline-start: 3px
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badge--trigger-item:last-child {
    --reactionFontSize: 14px
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badge--trigger-item:not(:first-of-type) {
    -webkit-margin-start: var(--social-badge-overlap, -23px);
    -moz-margin-start: var(--social-badge-overlap, -23px);
    margin-inline-start: var(--social-badge-overlap, -23px)
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badge--trigger-item:not(:last-child) {
    height: var(--platterHeight);
    mix-blend-mode: lighten;
    overflow: hidden;
    position: relative
}

.playback-item--large.svelte-1k62exr .accessory-buttons.svelte-1k62exr .reaction-badge--trigger-item:not(:last-child):before {
    background-color: rgba(40, 40, 40, .4);
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.artwork-button.svelte-1k62exr.svelte-1k62exr {
    -webkit-tap-highlight-color: transparent;
    display: contents
}

.metadata.svelte-1k62exr.svelte-1k62exr {
    display: flex;
    margin: 0 32px 18px
}

.metadata-container.svelte-1k62exr.svelte-1k62exr {
    position: relative;
    width: 100%
}

.metadata__attribution.svelte-1k62exr.svelte-1k62exr {
    margin-bottom: 3px
}

.metadata__song-details.svelte-1k62exr.svelte-1k62exr {
    display: flex;
    justify-content: space-between;
    position: relative
}

amp-lcd-metadata.svelte-1k62exr.svelte-1k62exr {
    --lcd-height: 48px;
    --lcd-justify-text: start;
    --lcd-primary-text-color: var(--systemPrimary-onDark);
    --lcd-secondary-text-color: var(--systemSecondary-onDark);
    --lcd-meta-explicit-icon-size: 17px;
    --lcd-meta-icon-color: var(--systemSecondary-onDark);
    --stopped-marquee-mask: linear-gradient(270deg, transparent, #000 32px);
    --stopped-marquee-mask-rtl: linear-gradient(-270deg, transparent, #000 32px);
    --animated-marquee-mask: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent);
    width: calc(100% - 72px);
    -webkit-margin-start: -10px;
    -moz-margin-start: -10px;
    margin-inline-start: -10px
}

amp-lcd-metadata.svelte-1k62exr .lcd-meta__primary {
    font: var(--title-2-emphasized)
}

amp-lcd-metadata.svelte-1k62exr .lcd-meta__secondary {
    font: var(--title-2)
}

amp-lcd-metadata.svelte-1k62exr .lcd-meta__secondary .lcd-meta-line-wrapper {
    height: auto;
    position: static
}

amp-lcd-metadata.svelte-1k62exr .lcd-meta-line__marquee-mask {
    height: 24px;
    padding: 0
}

amp-lcd-metadata.svelte-1k62exr .lcd-meta__explicit {
    transform: translateY(1px)
}

.accessory-buttons.svelte-1k62exr.svelte-1k62exr {
    --contextMenuCircleFillOverride: var(--systemQuaternary-onDark);
    --favoriteButtonSize: 28px;
    --favoriteButtonBackground: var(--systemQuaternary-onDark);
    --favoriteButtonStarOutline: var(--systemPrimary-onDark);
    --favoriteButtonStarCutout: var(--systemSecondary-onDark);
    --favoriteButtonStarFill: transparent;
    --favoriteButtonBackground-hover: var(--favoriteButtonBackground);
    --favoriteButtonStarOutline-hover: var(--favoriteButtonStarOutline);
    --favoriteButtonStarCutout-hover: var(--favoriteButtonStarCutout);
    --favoriteButtonStarFill-hover: var(--favoriteButtonStarFill);
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    position: absolute;
    right: 0
}

html[dir=rtl] .accessory-buttons.svelte-1k62exr.svelte-1k62exr {
    left: 0
}

.accessory-buttons.svelte-1k62exr amp-contextual-menu-button {
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0
}

.playback-item--compact.svelte-1k62exr.svelte-1k62exr,
.playback-item--landscape.svelte-1k62exr.svelte-1k62exr {
    align-items: center;
    flex-direction: row;
    gap: 12px;
    height: 66px;
    justify-content: flex-start
}

.playback-item--compact.svelte-1k62exr .artwork-container.svelte-1k62exr,
.playback-item--landscape.svelte-1k62exr .artwork-container.svelte-1k62exr {
    margin: 0
}

.playback-item--compact.svelte-1k62exr .metadata.svelte-1k62exr,
.playback-item--landscape.svelte-1k62exr .metadata.svelte-1k62exr {
    flex: 1;
    margin: 0;
    overflow: hidden
}

.playback-item--compact.svelte-1k62exr .accessory-buttons.svelte-1k62exr,
.playback-item--landscape.svelte-1k62exr .accessory-buttons.svelte-1k62exr {
    flex: 0 72px
}

.playback-item--compact.has-pill.svelte-1k62exr.svelte-1k62exr,
.playback-item--landscape.has-pill.svelte-1k62exr.svelte-1k62exr {
    height: 72px
}

.playback-item--compact.has-pill.svelte-1k62exr .artwork-container.svelte-1k62exr,
.playback-item--landscape.has-pill.svelte-1k62exr .artwork-container.svelte-1k62exr {
    flex: 0 72px
}

.playback-item--compact.svelte-1k62exr .artwork-container.svelte-1k62exr {
    flex: 0 60px
}

.playback-item--landscape.svelte-1k62exr.svelte-1k62exr {
    height: 100%;
    margin: 0 32px;
    padding-bottom: 20px
}

.playback-item--landscape.svelte-1k62exr .artwork-container.svelte-1k62exr {
    aspect-ratio: 1;
    height: 100%;
    width: auto
}

.playback-item--landscape.svelte-1k62exr amp-lcd-metadata.svelte-1k62exr {
    --lcd-justify-text: center
}

.playback-item--landscape.svelte-1k62exr .accessory-buttons.svelte-1k62exr {
    display: none
}

@media (prefers-contrast:more) {
    amp-lcd-metadata.svelte-1k62exr.svelte-1k62exr {
        --lcd-primary-text-color: var(--systemPrimary);
        --lcd-secondary-text-color: var(--keyColor);
        --lcd-meta-icon-color: var(--systemSecondary)
    }

    .accessory-buttons.svelte-1k62exr.svelte-1k62exr {
        --contextMenuEllipsisFillOverride: var(--keyColor);
        --contextMenuCircleFillOverride: initial
    }
}

.has-reactions.svelte-1k62exr.svelte-1k62exr {
    min-width: 0
}

.queue-controls.svelte-rnubia {
    align-items: center;
    display: flex;
    gap: 12px
}

.queue-header-icon.svelte-rnubia {
    --svgFill: var(--systemSecondary-onDark);
    border-radius: 5px;
    height: 28px;
    position: relative;
    width: 28px
}

.queue-header-icon.is-disabled.svelte-rnubia {
    --svgFill: var(--systemQuaternary-onDark)
}

amp-playback-controls-autoplay.svelte-rnubia,
amp-playback-controls-repeat.svelte-rnubia,
amp-playback-controls-shuffle.svelte-rnubia {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

@media (prefers-contrast:more) {
    .queue-header-icon.svelte-rnubia {
        --svgFill: var(--keyColor)
    }
}

.up-next-mobile-queue.svelte-dws22n {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 70px
}

.up-next-mobile-queue.svelte-dws22n::-webkit-scrollbar {
    display: none
}

.up-next-mobile-queue.now-playing-cropped.svelte-dws22n {
    margin-top: 72px;
    padding-bottom: 142px
}

.up-next-mobile-queue.svelte-dws22n .up-next-item {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    grid-template-columns: [left-edge] 48px [artwork-edge] calc(100% - 112px) [title-edge] 40px [right-edge];
    padding-inline-end: 0
}

.up-next-mobile-queue.svelte-dws22n .up-next-item:before {
    border-top: none
}

.up-next-mobile-queue.svelte-dws22n .up-next-item .title {
    color: var(--systemPrimary-onDark);
    font: var(--title-3-short)
}

.up-next-mobile-queue.svelte-dws22n .up-next-item .subtitle {
    color: var(--systemSecondary-onDark);
    font: var(--body-short)
}

.up-next-mobile-queue.svelte-dws22n .up-next-item-time {
    color: var(--systemSecondary-onDark)
}

.up-next-mobile-queue.svelte-dws22n .up-next-item.selected:focus {
    background-color: transparent
}

.up-next-mobile-queue.svelte-dws22n .time-and-controls {
    --timeOpacity: 1 !important
}

.up-next-mobile-queue.svelte-dws22n .controls,
.up-next-mobile-queue.svelte-dws22n .up-next-item-remove {
    display: none
}

.now-playing.svelte-dws22n,
.queue-section.svelte-dws22n {
    padding: 0 32px
}

.queue-section.svelte-dws22n {
    display: flex;
    flex-direction: column
}

.queue-section--autoplay.svelte-dws22n {
    background: linear-gradient(rgba(0, 0, 0, .1), transparent 150px);
    margin-top: 7px
}

.queue-header.svelte-dws22n {
    align-items: center;
    display: flex;
    height: 72px;
    justify-content: space-between
}

.queue-header--sticky.svelte-dws22n {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: calc(var(--z-default) + 1)
}

.queue-header--sticky.is-sticking.svelte-dws22n {
    left: 32px;
    position: absolute;
    right: 32px
}

.queue-header--sticky.is-after-queue-list.svelte-dws22n {
    order: 3
}

.queue-header__title.svelte-dws22n {
    font: var(--title-2-emphasized)
}

.queue-header__title.svelte-dws22n svg {
    height: 20px;
    width: 20px;
    fill: currentColor;
    vertical-align: -4px
}

.queue-header__caption.svelte-dws22n {
    color: var(--systemSecondary-onDark);
    font: var(--callout)
}

.queue-list.svelte-dws22n .artwork-wrapper {
    border-radius: 5px
}

.queue-list.svelte-dws22n .artwork-component {
    box-shadow: 0 3px 5px -4px rgba(0, 0, 0, .3)
}

@media (prefers-contrast:more) {

    .up-next-mobile-queue.svelte-dws22n .up-next-item .subtitle,
    .up-next-mobile-queue.svelte-dws22n .up-next-item .title {
        color: var(--systemPrimary)
    }

    .queue-header__caption.svelte-dws22n,
    .up-next-mobile-queue.svelte-dws22n .up-next-item-time {
        color: var(--systemSecondary)
    }

    .queue-section--autoplay.svelte-dws22n {
        background: transparent
    }
}

.popover.svelte-kfwh55 {
    background: none;
    border: none;
    inset-block-end: var(--popover-inset-block-end, auto);
    inset-block-start: var(--popover-inset-block-start, auto);
    inset-inline-end: var(--popover-inset-inline-end, auto);
    inset-inline-start: var(--popover-inset-inline-start, auto);
    margin: 0;
    overflow: visible;
    padding: 0
}

.close-button.svelte-kfwh55 {
    align-self: start;
    inset-block-start: 13px;
    inset-inline-end: 13px;
    margin-bottom: -6px;
    margin-top: -6px;
    margin-inline-end: -6px;
    margin-inline-start: -6px;
    padding-bottom: 6px;
    padding-inline-end: 6px;
    padding-top: 6px;
    padding-inline-start: 6px;
    position: absolute;
    z-index: calc(var(--z-default) + 1)
}

.close-button.svelte-kfwh55 svg {
    height: 14px;
    width: 14px;
    fill: var(--systemTertiary)
}

.bubble-tip.svelte-1ck6c5 {
    background-color: var(--systemStandardUltrathickMaterialSover-default_IC);
    border: none;
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    border-start-end-radius: 10px;
    border-start-start-radius: 10px;
    box-sizing: border-box;
    margin: 0;
    min-height: 40px;
    overflow: visible;
    padding: 11px 13px;
    position: relative;
    width: var(--bubble-tip-width, 380px)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .bubble-tip.svelte-1ck6c5 {
        -webkit-backdrop-filter: blur(60px) saturate(220%);
        backdrop-filter: blur(60px) saturate(220%);
        background-color: var(--systemStandardUltrathickMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .bubble-tip.svelte-1ck6c5 {
            -webkit-backdrop-filter: blur(60px) saturate(240%);
            backdrop-filter: blur(60px) saturate(240%)
        }
    }
}

@media (prefers-contrast:more) {
    .bubble-tip.svelte-1ck6c5 {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardUltrathickMaterialSover-default_IC)
    }
}

@media (max-width:999px) {
    .bubble-tip.svelte-1ck6c5 {
        max-width: min(100vw - var(--bodyGutter) * 2, 500px)
    }
}

.bubble-tip.bubble-tip--has-arrow.svelte-1ck6c5:before {
    background-color: var(--systemStandardUltrathickMaterialSover-inactive);
    background-color: var(--systemStandardUltrathickMaterialSover-default_IC);
    clip-path: path("M0.002,-0.003C2.745,0.99 4.387,2.307 6.415,4.352C7.874,5.822 10.364,10.241 13.295,8.616C13.765,8.356 14.505,7.559 14.899,7.193C16.455,5.442 16.911,4.831 17.325,4.438C20.585,0.178 23.6,-0.008 23.599,-0.002C15.784,-0.002 7.823,-0.009 0.002,-0.003Z");
    content: "";
    cursor: pointer;
    height: 9px;
    inset-block-end: -9px;
    inset-inline-start: var(--bubble-tip-arrow-inset-inline-start, 60px);
    position: absolute;
    width: 23.7px;
    z-index: calc(var(--z-default) + 1)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .bubble-tip.bubble-tip--has-arrow.svelte-1ck6c5:before {
        -webkit-backdrop-filter: blur(60px) saturate(220%);
        backdrop-filter: blur(60px) saturate(220%);
        background-color: var(--systemStandardUltrathickMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .bubble-tip.bubble-tip--has-arrow.svelte-1ck6c5:before {
            -webkit-backdrop-filter: blur(60px) saturate(240%);
            backdrop-filter: blur(60px) saturate(240%)
        }
    }
}

@media (prefers-contrast:more) {
    .bubble-tip.bubble-tip--has-arrow.svelte-1ck6c5:before {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardUltrathickMaterialSover-default_IC)
    }
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--block-start-arrow.svelte-1ck6c5:before {
    inset-block-end: auto;
    inset-block-start: -9px;
    transform: scaleY(-1)
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-arrow.svelte-1ck6c5:before {
    clip-path: path("M0,0L21.972,0.001L21.287,0.001C20.122,0.001 18.772,0.018 17.676,0.498C16.592,0.954 15.647,1.687 14.935,2.623L12.674,5.435C12.262,5.983 11.303,7.149 10.892,7.629C10.344,8.314 9.522,9 8.562,9C7.534,9 6.781,8.314 6.233,7.629C5.753,7.149 4.862,5.983 4.451,5.435L2.19,2.692L0,0Z");
    height: 9px;
    width: 22px
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-start-start-arrow.svelte-1ck6c5 {
    border-start-start-radius: 3px 10px
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-start-start-arrow.svelte-1ck6c5:before {
    inset-block-end: auto;
    inset-block-start: -9px;
    inset-inline-start: var(--bubble-tip-arrow-inset-inline-start, 2.5px);
    transform: scaleY(-1)
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-start-end-arrow.svelte-1ck6c5 {
    border-start-end-radius: 3px 10px
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-start-end-arrow.svelte-1ck6c5:before {
    inset-block-start: -9px;
    inset-inline-end: var(--bubble-tip-arrow-inset-inline-end, 2.5px);
    inset-inline-start: auto;
    transform: scaleY(-1) scaleX(-1)
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-end-end-arrow.svelte-1ck6c5 {
    border-end-end-radius: 3px 10px
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-end-end-arrow.svelte-1ck6c5:before {
    inset-inline-end: var(--bubble-tip-arrow-inset-inline-end, 2.5px);
    inset-inline-start: auto;
    transform: scaleX(-1)
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-end-start-arrow.svelte-1ck6c5 {
    border-end-start-radius: 3px 10px
}

.bubble-tip.bubble-tip--has-arrow.bubble-tip--corner-end-start-arrow.svelte-1ck6c5:before {
    inset-inline-start: var(--bubble-tip-arrow-inset-inline-start, 2.5px)
}

.bubble-tip--has-icon.svelte-1ck6c5 {
    align-items: center;
    -moz-column-gap: 11px;
    column-gap: 11px;
    display: flex
}

.bubble-tip__title.svelte-1ck6c5 {
    font: var(--title-2-emphasized);
    margin-bottom: 3px;
    max-width: calc(100% - 17px)
}

.bubble-tip__text.svelte-1ck6c5 {
    font: var(--title-3)
}

.bubble-tip__icon.svelte-1ck6c5 svg {
    height: var(--bubble-tip-icon-height, 64px);
    width: var(--bubble-tip-icon-width, 64px);
    fill: currentColor
}

.mobile-lyrics.svelte-1wwsaui {
    height: 100%;
    margin: 0 32px;
    position: relative;
    z-index: var(--z-default)
}

.mobile-lyrics.svelte-1wwsaui .mobile-lyrics-bubble-tip {
    --arrow-position: end start;
    --popover-inset-block-end: calc(anchor(var(--anchor-name) start) + 17px);
    --popover-inset-inline-start: anchor(var(--anchor-name) start)
}

.lyrics-translation-menu.svelte-1wwsaui {
    bottom: 20px;
    inset-inline-start: 0;
    position: absolute;
    z-index: var(--z-default)
}

amp-lyrics.svelte-1wwsaui {
    --lyricsBg: transparent;
    --lyrics-linear-gradient: linear-gradient(180deg, transparent, #000 40px, #000 50%, transparent);
    --lyrics-line-margin-top: 31px;
    --lyrics-line-margin-bottom: 0;
    --lyrics-line-margin-left: 0;
    --lyrics-line-margin-right: 0;
    --lyrics-current-line-padding-block: 0;
    --lyrics-line-font-size: 34px;
    --lyrics-line-line-height: 1.2059623529;
    --lyrics-line-supplementary-font-size: calc(var(--lyrics-line-font-size)*.64);
    --lyrics-line-secondary-font-size: calc(var(--lyrics-line-font-size)*.54);
    --lyrics-line-bg-font-size: 22px;
    --lyrics-line-color: hsla(0, 0%, 100%, .175);
    --lyrics-line-color-current: var(--systemPrimary-onDark);
    --lyrics-line-hover-color: var(--systemPrimary-onDark);
    --lyrics-dot-background-color: var(--systemPrimary-onDark);
    --gradient-color-override: 255;
    --gradient-color-alpha-active-override: 1;
    --gradient-color-alpha-override: .35;
    --gradient-color-bg-alpha-active-override: .35;
    --gradient-color-bg-alpha-override: .175;
    --line-animation-play-state: running;
    --lyrics-line-duet-width: 75%;
    --lyrics-current-line-scale: 1;
    --lyrics-static-padding-left: 0;
    --lyrics-static-padding-right: 0;
    --lyrics-static-font-size: 20px;
    --lyrics-static-font-weight: 500;
    --lyrics-static-linear-gradient: linear-gradient(180deg, transparent, #000 24px, #000 calc(100% - 64px), transparent);
    --lyrics-display-header-color: var(--systemSecondary-onDark);
    --lyrics-display-footer-color: var(--systemSecondary-onDark);
    --lyrics-null-color: var(--systemSecondary-onDark);
    --lyrics-divider-color: hsla(0, 0%, 100%, .1);
    background-color: transparent;
    height: calc(100% - 66px);
    max-width: none
}

@media (prefers-contrast:more) {
    amp-lyrics.svelte-1wwsaui {
        --lyrics-line-color: var(--systemSecondary);
        --lyrics-line-color-current: var(--systemPrimary);
        --lyrics-dot-background-color: var(--systemPrimary);
        --lyrics-line-hover-color: var(--systemPrimary);
        --gradient-color-override: 0;
        --lyrics-display-static-color: var(--systemPrimary);
        --lyrics-display-header-color: var(--systemSecondary);
        --lyrics-display-footer-color: var(--systemSecondary);
        --lyrics-null-color: var(--systemSecondary);
        --lyrics-divider-color: var(--labelDivider)
    }
}

@media (prefers-contrast:more) and (prefers-color-scheme:dark) {
    amp-lyrics.svelte-1wwsaui {
        --gradient-color-override: 255
    }
}

.pivot-button.svelte-1xk3985 {
    --svgFill: var(--systemSecondary-onDark);
    border-radius: 7px;
    height: 28px;
    line-height: 0;
    width: 28px
}

.pivot-button.svelte-1xk3985 svg {
    width: 14px;
    fill: var(--systemPrimary-onDark)
}

.pivot-button[disabled].svelte-1xk3985 {
    --svgFill: var(--systemQuaternary-onDark)
}

.pivot-button[disabled].svelte-1xk3985 svg {
    fill: var(--systemQuaternary-onDark)
}

.playback-controls.svelte-1gorbyf {
    --progress-track-height: 7px;
    --progress-track-color: var(--systemTertiary-onDark);
    --progress-track-color-elapsed: var(--systemSecondary-onDark);
    --progress-thumb-color: transparent;
    --progress-thumb-height: 18px;
    --progress-thumb-offset: -6px;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.controls.svelte-1gorbyf {
    display: flex;
    margin-bottom: auto;
    margin-top: auto
}

.playback-buttons.svelte-1gorbyf {
    display: flex;
    flex: 1;
    gap: 32px;
    justify-content: space-evenly
}

amp-playback-controls-progress.svelte-1gorbyf {
    flex: 0;
    margin-bottom: 0;
    mix-blend-mode: plus-lighter
}

.live-progress.svelte-1gorbyf {
    --liveProgressGradientColor: hsla(0, 0%, 100%, .08);
    align-items: center;
    background: linear-gradient(90deg, var(--liveProgressGradientColor), transparent, var(--liveProgressGradientColor));
    border-radius: var(--progress-track-height);
    display: flex;
    font: var(--callout-heavy);
    height: var(--progress-track-height);
    justify-content: center;
    margin-bottom: 22px;
    margin-top: 6px;
    mix-blend-mode: plus-lighter
}

amp-playback-controls-item-skip.svelte-1gorbyf,
amp-playback-controls-play.svelte-1gorbyf {
    --playback-control-icon-width: var(--iconSize);
    --playback-control-icon-height: var(--iconSize);
    display: block;
    flex: 0 0 var(--iconSize)
}

amp-playback-controls-item-skip.svelte-1gorbyf {
    --iconSize: 50px
}

amp-playback-controls-play.svelte-1gorbyf {
    --iconSize: 68px
}

.volume.svelte-1gorbyf {
    display: flex;
    flex: 0 0 20px;
    gap: 8px;
    margin-top: 13px;
    mix-blend-mode: plus-lighter
}

.volume-icon.svelte-1gorbyf {
    --volumeIconFill: var(--systemSecondary-onDark);
    align-items: center;
    display: flex;
    flex: 0 0 24px;
    justify-content: center
}

.volume-icon.svelte-1gorbyf svg {
    height: 14px;
    fill: var(--volumeIconFill)
}

amp-volume-control.svelte-1gorbyf {
    flex: 1
}

@media (orientation:landscape) {
    .playback-controls.svelte-1gorbyf {
        gap: 8px
    }

    amp-playback-controls-item-skip.svelte-1gorbyf {
        --iconSize: 44px
    }

    amp-playback-controls-play.svelte-1gorbyf {
        --iconSize: 60px
    }
}

@media (prefers-contrast:more) {
    .playback-controls.svelte-1gorbyf {
        --playback-controls-play-color: var(--systemPrimary);
        --progress-track-color: var(--systemQuinary);
        --progress-track-color-elapsed: var(--systemQuaternary);
        --progress-time: var(--systemQuaternary);
        --skip-control-color: var(--systemPrimary)
    }

    .live-progress.svelte-1gorbyf {
        --liveProgressGradientColor: var(--systemQuinary)
    }

    .volume-icon.svelte-1gorbyf {
        --volumeIconFill: var(--systemQuaternary)
    }

    .live-progress.svelte-1gorbyf,
    .volume.svelte-1gorbyf,
    amp-playback-controls-progress.svelte-1gorbyf {
        mix-blend-mode: normal
    }
}

.toggle-button.svelte-1oofgrz {
    --svgFill: var(--systemSecondary-onDark);
    border-radius: 8px;
    height: 28px;
    line-height: 0;
    position: relative;
    width: 28px;
    z-index: var(--z-default)
}

.toggle-button[disabled].svelte-1oofgrz {
    --svgFill: var(--systemQuaternary-onDark)
}

@media (prefers-contrast:more) {
    .toggle-button.svelte-1oofgrz {
        --svgFill: var(--keyColor)
    }
}

.share-play-button.svelte-1lnqrdu {
    --symbol-fill-color: var(--systemPrimary-onDark);
    background-color: rgba(255, 255, 255, .18);
    border-radius: 16px;
    height: 28px;
    padding: 0 10px;
    width: auto
}

.share-play-button.svelte-1lnqrdu svg {
    display: inline-block;
    height: 22px;
    padding-bottom: 3px;
    padding-top: 3px;
    vertical-align: middle;
    width: 22px
}

.toggle-button__counter.svelte-1lnqrdu {
    color: var(--systemSecondary-onDark);
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: .0769630769;
    vertical-align: middle
}

.toggle-button__counter.svelte-1lnqrdu:lang(zh) {
    font-weight: 600
}

.toggle-button__counter.svelte-1lnqrdu:lang(he) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arial Hebrew, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(hi) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(ja) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(ko) {
    font-family: ui-rounded, -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
}

.toggle-button__counter.svelte-1lnqrdu:lang(th) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(zh-CN) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(zh-HK),
.toggle-button__counter.svelte-1lnqrdu:lang(zh-MO) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(zh-TW) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-button__counter.svelte-1lnqrdu:lang(ar) {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.toggle-buttons.svelte-gw2c6x {
    display: flex;
    justify-content: space-around;
    margin-top: 26px;
    mix-blend-mode: plus-lighter
}

.toggle-button.svelte-gw2c6x {
    --svgFill: var(--systemSecondary-onDark);
    border-radius: 7px;
    height: 28px;
    line-height: 0;
    width: 28px
}

.toggle-button--queue.svelte-gw2c6x {
    position: relative;
    z-index: var(--z-default)
}

.toggle-button--queue.has-autoplay.svelte-gw2c6x>svg {
    -webkit-mask: radial-gradient(circle at 25px 4px, transparent 10px, #000 11px);
    mask: radial-gradient(circle at 25px 4px, transparent 10px, #000 11px)
}

.toggle-button__autoplay.svelte-gw2c6x {
    background: var(--systemQuaternary-onDark);
    border-radius: 50%;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: -9px;
    top: -7px;
    width: 20px;
    z-index: var(--z-default)
}

.toggle-button__autoplay.svelte-gw2c6x svg {
    width: 14px;
    fill: var(--systemPrimary-onDark)
}

@media (prefers-contrast:more) {
    .toggle-buttons.svelte-gw2c6x {
        mix-blend-mode: normal
    }

    .toggle-button.svelte-gw2c6x {
        --svgFill: var(--keyColor)
    }

    .toggle-button__autoplay.svelte-gw2c6x {
        background: var(--keyColor)
    }
}

.audio-routing.svelte-gw2c6x {
    font: var(--callout-semibold);
    margin-top: 6px;
    text-align: center
}

.is-unsubscribed-no-lyrics.svelte-gw2c6x {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center
}

.is-unsubscribed-no-lyrics.svelte-gw2c6x .toggle-button--queue {
    grid-column-start: 2
}

@media (min-width:1000px) {
    .sliding-modal {
        --slidingModalContentHeight: auto
    }
}

.close-button.svelte-qx3kpa {
    fill: var(--systemSecondary);
    inset-inline-start: 20px;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

.close-button.svelte-qx3kpa svg {
    height: 14px;
    width: 14px
}

.wrapper.svelte-na8bx4.svelte-na8bx4 {
    grid-area: 1/1/2/2;
    height: 100%;
    -webkit-mask: radial-gradient(ellipse at center, #000 17.5%, transparent calc(100% - 20px)), linear-gradient(0deg, #000 10px, transparent 16.9%, transparent 83.1%, #000);
    mask: radial-gradient(ellipse at center, #000 17.5%, transparent calc(100% - 20px)), linear-gradient(0deg, #000 10px, transparent 16.9%, transparent 83.1%, #000);
    -webkit-mask-composite: source-out;
    mask-composite: source-out;
    overflow: scroll;
    position: relative;
    width: 100vw;
    z-index: var(--z-default)
}

.wrapper.svelte-na8bx4.svelte-na8bx4:not(.is-pivoting) {
    -webkit-scroll-snap-type: both mandatory;
    -ms-scroll-snap-type: both mandatory;
    scroll-snap-type: both mandatory
}

.outer-pivot-grid.svelte-na8bx4.svelte-na8bx4 {
    align-items: center;
    display: flex;
    height: 300%;
    justify-content: center;
    position: absolute;
    width: 300%
}

.intersect-target.svelte-na8bx4.svelte-na8bx4 {
    aspect-ratio: 1;
    grid-area: 1/1/2/2;
    height: auto;
    left: 50%;
    pointer-events: none;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 25vw;
    z-index: calc(var(--z-default) + 1)
}

@media (orientation:landscape) {
    .intersect-target.svelte-na8bx4.svelte-na8bx4 {
        width: 25vw
    }
}

.pivot-grid.svelte-na8bx4.svelte-na8bx4 {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr)
}

@media (orientation:landscape) {
    .pivot-grid.svelte-na8bx4.svelte-na8bx4 {
        grid-template-columns: repeat(5, 1fr)
    }
}

.container.svelte-na8bx4.svelte-na8bx4 {
    scroll-snap-align: center
}

.container.svelte-na8bx4:first-child .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 82, 113)
}

.container.svelte-na8bx4:nth-child(2) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 0, 96)
}

.container.svelte-na8bx4:nth-child(3) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, -82, 113)
}

.container.svelte-na8bx4:nth-child(4) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 82, 82)
}

.container.svelte-na8bx4:nth-child(5) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 0, 77)
}

.container.svelte-na8bx4:nth-child(6) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, -82, 82)
}

.container.svelte-na8bx4:nth-child(7) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 77, 0)
}

.container.svelte-na8bx4:nth-child(9) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, -77, 0)
}

.container.svelte-na8bx4:nth-child(10) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 82, -82)
}

.container.svelte-na8bx4:nth-child(11) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 0, -77)
}

.container.svelte-na8bx4:nth-child(12) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, -82, -82)
}

.container.svelte-na8bx4:nth-child(13) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 82, -113)
}

.container.svelte-na8bx4:nth-child(14) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, 0, -96)
}

.container.svelte-na8bx4:nth-child(15) .cover.svelte-na8bx4 {
    transform: matrix(0, 0, 0, 0, -82, -113)
}

.cover.svelte-na8bx4.svelte-na8bx4 {
    --artworkRadius: 7px;
    align-items: center;
    aspect-ratio: 1;
    background-color: var(--genericJoeColor);
    border-radius: var(--artworkRadius);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: flex;
    -webkit-filter: blur(var(--coverBlur, 0));
    filter: blur(var(--coverBlur, 0));
    font-size: 24px;
    height: auto;
    justify-content: center;
    position: relative;
    width: 35vw;
    will-change: opacity, transform;
    z-index: var(--z-default)
}

@media (orientation:landscape) {
    .cover.svelte-na8bx4.svelte-na8bx4 {
        width: 25vw
    }
}

.cover.svelte-na8bx4.svelte-na8bx4:after {
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 0 .5px #fff, inset 0 0 2px 1px #fff, inset 0 0 6px 4px #fff;
    content: "";
    left: 0;
    -webkit-mask-image: linear-gradient(135deg, #000, transparent 40%, transparent 80%, rgba(0, 0, 0, .4));
    mask-image: linear-gradient(135deg, #000, transparent 40%, transparent 80%, rgba(0, 0, 0, .4));
    mix-blend-mode: plus-lighter;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--z-default)
}

.cover.svelte-na8bx4.svelte-na8bx4:focus {
    box-shadow: 0 6px 8px rgba(0, 0, 0, .15);
    transform: scale(1)
}

.description.svelte-na8bx4.svelte-na8bx4 {
    bottom: 0;
    grid-area: 2/1/3/2;
    left: 0;
    padding: 0 44px 48px;
    right: 0;
    text-align: center;
    z-index: var(--z-default)
}

.description__title.svelte-na8bx4.svelte-na8bx4 {
    color: var(--systemPrimary-onDark);
    font: var(--body-emphasized)
}

.description__attribution.svelte-na8bx4.svelte-na8bx4 {
    color: var(--systemPrimary-onDark);
    font: var(--body)
}

.description__text.svelte-na8bx4.svelte-na8bx4 {
    color: swatch(systemSecondary, dark, vibrant);
    font: var(--subhead-tall)
}

@media (prefers-contrast:more) {
    .description__text.svelte-na8bx4.svelte-na8bx4 {
        color: swatch(systemSecondary, dark, vibrant_IC)
    }
}

.modal-wrapper.svelte-173vgxg.svelte-173vgxg {
    --slidingModalHandleColor: var(--systemTertiary-onDark)
}

@media (min-width:1000px) {
    .modal-wrapper.svelte-173vgxg.svelte-173vgxg {
        display: none
    }
}

.now-playing-structure.svelte-173vgxg.svelte-173vgxg {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, transparent 50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 51px)
}

@supports not (height:100dvh) {
    .now-playing-structure.svelte-173vgxg.svelte-173vgxg {
        height: 100%;
        max-height: calc(100vh - 105px)
    }
}

.now-playing-main.svelte-173vgxg.svelte-173vgxg {
    flex: 1 65.5%;
    overflow: hidden auto
}

.now-playing-main.svelte-173vgxg.svelte-173vgxg::-webkit-scrollbar {
    display: none
}

.now-playing-structure--lyrics.svelte-173vgxg .now-playing-main.svelte-173vgxg,
.now-playing-structure--queue.svelte-173vgxg .now-playing-main.svelte-173vgxg {
    flex: 1 calc(65.5% + 36px)
}

.now-playing-structure--queue.svelte-173vgxg .now-playing-main.svelte-173vgxg {
    -webkit-mask-image: linear-gradient(0deg, transparent, #000 70px, #000);
    mask-image: linear-gradient(0deg, transparent, #000 70px, #000);
    overflow: hidden
}

.now-playing-main.svelte-173vgxg.svelte-173vgxg:has(.description) {
    display: grid;
    grid-template-rows: 1fr auto
}

.now-playing-controls.svelte-173vgxg.svelte-173vgxg {
    flex: 0 100 calc(34.5% - 54px);
    margin: 0 32px
}

html[dir=rtl] .now-playing-controls.svelte-173vgxg.svelte-173vgxg {
    direction: ltr
}

.now-playing-toggle.svelte-173vgxg.svelte-173vgxg {
    margin: auto 32px 20px
}

.now-playing-structure--landscape.svelte-173vgxg.svelte-173vgxg {
    display: grid;
    gap: 20px;
    grid-template-rows: 1fr auto;
    padding-bottom: 20px
}

.now-playing-structure--landscape.svelte-173vgxg .now-playing-main.svelte-173vgxg {
    margin-top: -12px
}

.now-playing-structure--landscape.svelte-173vgxg .now-playing-toggle.svelte-173vgxg {
    display: none
}

@media (prefers-contrast:more) {
    .modal-wrapper.svelte-173vgxg.svelte-173vgxg {
        --slidingModalHandleColor: var(--systemQuaternary)
    }

    .now-playing-structure.svelte-173vgxg.svelte-173vgxg {
        background: transparent;
        color: var(--systemPrimary)
    }
}

.modal.svelte-z646mu.svelte-z646mu {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--z-modal)
}

.backdrop.svelte-z646mu.svelte-z646mu {
    background-color: var(--modalScrimColor);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: calc(var(--z-modal) - 1)
}

.content-wrapper.svelte-z646mu.svelte-z646mu {
    border-radius: var(--modalBorderRadius, 10px);
    height: var(--full-screen-modal-height, auto);
    max-height: var(--full-screen-modal-max-height, none);
    max-width: var(--full-screen-modal-max-width, none);
    overflow: hidden;
    position: relative;
    width: var(--full-screen-modal-width, auto);
    z-index: var(--z-modal)
}

@supports selector(:has(.lyrics__container)) {
    .content-wrapper.svelte-z646mu.svelte-z646mu:has(.lyrics__container) {
        --full-screen-modal-width: 100%;
        --full-screen-modal-height: 100%;
        --full-screen-modal-max-width: 2560px;
        --full-screen-modal-max-height: 1440px;
        border-radius: 0
    }

    @media screen and (min-height:1441px) and (min-width:2561px) {
        .content-wrapper.svelte-z646mu.svelte-z646mu:has(.lyrics__container) {
            border-radius: 10px
        }
    }
}

@supports selector(:has(.info__container)) {
    .content-wrapper.svelte-z646mu.svelte-z646mu:has(.info__container) {
        --full-screen-modal-width: 100%;
        --full-screen-modal-height: 100%;
        --full-screen-modal-max-width: 2560px;
        --full-screen-modal-max-height: 1440px;
        border-radius: 0
    }

    @media screen and (min-height:1441px) and (min-width:2561px) {
        .content-wrapper.svelte-z646mu.svelte-z646mu:has(.info__container) {
            border-radius: 10px
        }
    }
}

@supports selector(:has(.desktop-now-playing__container)) {
    .content-wrapper.svelte-z646mu.svelte-z646mu:has(.desktop-now-playing__container) {
        --full-screen-modal-width: 100%;
        --full-screen-modal-height: 100%;
        --full-screen-modal-max-width: 2560px;
        --full-screen-modal-max-height: 1440px;
        border-radius: 0
    }

    @media screen and (min-height:1441px) and (min-width:2561px) {
        .content-wrapper.svelte-z646mu.svelte-z646mu:has(.desktop-now-playing__container) {
            border-radius: 10px
        }
    }
}

@media (max-width:999px) {
    .modal.svelte-z646mu .content-wrapper.svelte-z646mu {
        border-radius: 0;
        height: 100%;
        width: 100%
    }
}

.collage-artwork.svelte-8qnhe3 {
    border-radius: inherit
}

.collage-artwork.is-collage.svelte-8qnhe3 {
    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);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden
}

.collage-artwork.is-collage.svelte-8qnhe3 .artwork-component {
    border-radius: 0
}

.collage-artwork.svelte-8qnhe3 .artwork-component:after {
    content: none
}

.collage-artwork.svelte-8qnhe3: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: calc(var(--z-default) + 1)
}

.editorial-video.svelte-k5wvu3 {
    border-radius: inherit;
    height: 100%;
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: var(--z-default)
}

.editorial-video.svelte-k5wvu3 video {
    bottom: -9999px;
    height: var(--editorialVideoHeight, 100%);
    left: -9999px;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: var(--editorialVideoWidth, auto);
    z-index: 1
}

.editorial-video--cover.svelte-k5wvu3 video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: static;
    width: 100%
}

.artwork-container.svelte-r6ug84 {
    border-radius: inherit;
    position: relative;
    z-index: var(--z-default)
}

.artist-header--video .artwork-container.svelte-r6ug84 {
    --artist-header-aspect-ratio: 2.2857142857;
    --artwork-override-width: 100vw;
    --artwork-override-height: calc(var(--artist-header-aspect-ratio)/var(--artwork-override-width));
    --artwork-override-min-height: 324px;
    --artwork-override-max-width: 1680px;
    --artwork-override-max-height: calc(2.5714285714 / 1680px);
    inset-inline-start: auto;
    position: static;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .artist-header--video .artwork-container.svelte-r6ug84 {
        --artwork-override-width: calc(100vw - var(--web-navigation-width));
        --artwork-override-height: calc((var(--artist-header-aspect-ratio))/var(--artwork-override-width));
        height: var(--artwork-override-height);
        max-height: var(--artwork-override-max-height);
        max-width: var(--artwork-override-max-width);
        min-height: var(--artwork-override-min-height);
        width: var(--artwork-override-width)
    }
}

@media (min-width:1260px) {
    .artist-header--video .artwork-container.svelte-r6ug84 {
        --artist-header-aspect-ratio: 2.5714285714
    }
}

.artist-header--video .artwork-container .artwork-component__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .app-container.is-refocused .artist-header--video .artwork-container .artwork-component__image {
        will-change: opacity
    }
}

.video-artwork__container.svelte-r6ug84 {
    border-radius: inherit;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.artist-header--video .video-artwork__container.svelte-r6ug84 {
    left: 50%;
    min-height: 324px;
    transform: translate(-50%);
    -webkit-box-reflect: above
}

.reactions-popover-wrapper {
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    padding-inline-end: 0
}

.close-button.svelte-1n57n89 {
    align-self: flex-start;
    height: 14px;
    margin: 16px 16px 0;
    top: 0;
    width: 14px;
    fill: var(--systemSecondary);
    z-index: var(--z-default)
}

@media (prefers-contrast:more) {
    .close-button.svelte-1n57n89 {
        fill: var(--systemSecondary, rgba(0, 0, 0, .76))
    }
}

.close-button.svelte-1n57n89 svg {
    height: 14px;
    width: 14px
}

.close-button.svelte-1n57n89:focus {
    outline: none
}

@media (max-width:483px) {
    .portal:has(.reactions-popover-scrim) {
        display: none
    }
}

.reactions-popover-scrim {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

@media (min-width:484px) {
    .reactions-popover-scrim {
        z-index: var(--z-modal)
    }
}

amp-lcd-metadata.svelte-1lx2rw3 {
    --lcd-height: 80px;
    --lcd-justify-text: start;
    --lcd-secondary-text-color: var(--systemSecondary-onDark);
    --lcd-meta-explicit-icon-size: 17px;
    --stopped-marquee-mask: linear-gradient(270deg, transparent, #000 15px);
    --stopped-marquee-mask-rtl: linear-gradient(-270deg, transparent, #000 15px);
    --animated-marquee-mask: linear-gradient(90deg, transparent, #000 30px, #000 calc(100% - 30px), transparent);
    display: grid;
    padding-top: 22px;
    width: 100%
}

@media (prefers-contrast:more) {
    amp-lcd-metadata.svelte-1lx2rw3 {
        --lcd-secondary-text-color: var(--systemSecondary)
    }
}

amp-lcd-metadata.svelte-1lx2rw3 .lcd-meta__primary {
    font: var(--title-2-emphasized)
}

amp-lcd-metadata.svelte-1lx2rw3 .lcd-meta__secondary {
    color: var(--systemSecondary-onDark);
    font: var(--title-2-emphasized)
}

@media (prefers-contrast:more) {
    amp-lcd-metadata.svelte-1lx2rw3 .lcd-meta__secondary {
        color: var(--systemSecondary)
    }
}

amp-lcd-metadata.svelte-1lx2rw3 .lcd-meta-line__marquee-mask {
    height: 25px
}

amp-lcd-metadata.svelte-1lx2rw3 .lcd-meta__explicit {
    transform: translateY(1px)
}

.metadata.svelte-1lx2rw3 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.accessory-buttons.svelte-1lx2rw3 {
    --contextMenuCircleFillOverride: var(--systemQuaternary-onDark);
    --favoriteButtonSize: 28px;
    --favoriteButtonBackground: var(--systemQuaternary-onDark);
    --favoriteButtonStarOutline: var(--systemPrimary-onDark);
    --favoriteButtonStarCutout: var(--systemSecondary-onDark);
    --favoriteButtonStarFill: transparent;
    --favoriteButtonBackground-hover: var(--favoriteButtonBackground);
    --favoriteButtonStarOutline-hover: var(--favoriteButtonStarOutline);
    --favoriteButtonStarCutout-hover: var(--favoriteButtonStarCutout);
    --favoriteButtonStarFill-hover: var(--favoriteButtonStarFill);
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    padding-top: 22px;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;
    padding-inline-start: 4px
}

.accessory-buttons.svelte-1lx2rw3 .popover-toggle__button {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    background-color: transparent;
    padding-inline-end: 0
}

.accessory-buttons.svelte-1lx2rw3 .reaction-badges {
    --platterHeight: 28px;
    --platterWidth: 28px;
    --platterBorderWidth: 0;
    --platterBG: var(--systemQuaternary-onDark);
    --reactionFontSize: 0
}

.accessory-buttons.svelte-1lx2rw3 .reaction-badge--trigger-item:last-child {
    --reactionFontSize: 14px
}

.accessory-buttons.svelte-1lx2rw3 .reaction-badge--trigger-item:not(:first-of-type) {
    -webkit-margin-start: var(--social-badge-overlap, -23px);
    -moz-margin-start: var(--social-badge-overlap, -23px);
    margin-inline-start: var(--social-badge-overlap, -23px)
}

.accessory-buttons.svelte-1lx2rw3 .reaction-badge--trigger-item:not(:last-child) {
    height: var(--platterHeight);
    overflow: hidden;
    position: relative;
    width: var(--platterWidth)
}

.accessory-buttons.svelte-1lx2rw3 .reaction-badge--trigger-item:not(:last-child):before {
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: rgba(40, 40, 40, .4);
    border-radius: 50%;
    content: "";
    -webkit-filter: opacity(.45) brightness(.25);
    filter: opacity(.45) brightness(.25);
    height: 100%;
    inset-inline-start: 3px;
    padding-inline-start: 2px;
    position: absolute;
    width: 100%
}

.accessory-buttons.svelte-1lx2rw3 .popover-toggle__popover:before {
    display: none
}

.accessory-buttons.svelte-1lx2rw3 .reaction-count {
    display: flex
}

.lyrics__container.svelte-75swsn.svelte-75swsn {
    --modalBorderRadius: 0;
    --lyrics-line-color: var(--systemTertiary-onDark);
    --lyrics-line-color-current: var(--systemPrimary-onDark);
    --lyrics-line-hover-color: var(--systemSecondary-onDark);
    --lyrics-current-line-scale: 1.05;
    --lyrics-display-static-color: var(--systemPrimary-onDark);
    --lyrics-dot-background-color: var(--systemPrimary-onDark);
    --lyrics-display-header-color: var(--systemSecondary-onDark);
    --lyrics-display-footer-color: var(--systemSecondary-onDark);
    --lyrics-null-color: var(--systemSecondary-onDark);
    --lcd-primary-text-color: var(--systemPrimary-onDark);
    --lcd-meta-icon-color: var(--systemPrimary-onDark);
    --progress-track-color-elapsed: #fff;
    --progress-track-color: var(--systemSecondary-onDark);
    --lyrics-linear-gradient: linear-gradient(180deg, transparent, #000 80px, #000 50%, transparent);
    --lyrics-line-font-size: 28px;
    --lyrics-line-line-height: 1.2142857143;
    --lyrics-line-supplementary-font-size: calc(var(--lyrics-line-font-size)*.64);
    --lyrics-line-secondary-font-size: calc(var(--lyrics-line-font-size)*.54);
    --lyrics-line-overbleed: 5%;
    --lcd-line-padding: 0;
    background-color: var(--nowPlayingBackdropBG);
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "controls lyrics";
    grid-template-columns: 32vw 40vw;
    grid-template-rows: auto;
    height: 100%;
    justify-content: space-between;
    padding: 0 10vw;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

@supports not (selector(:has(.a))) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        grid-gap: 10%
    }

    @media screen and (max-height:1440px) and (max-width:2560px) {
        .lyrics__container.svelte-75swsn.svelte-75swsn {
            max-width: 2560px;
            width: 100vw;
            grid-gap: initial
        }
    }
}

@media (min-width:1320px) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        --lyrics-line-font-size: 38px;
        --lyrics-line-line-height: 1.2105263158;
        --lyrics-line-supplementary-font-size: calc(var(--lyrics-line-font-size)*.5);
        --lyrics-line-secondary-font-size: calc(var(--lyrics-line-font-size)*.42)
    }
}

@media (min-width:1680px) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        --lyrics-line-font-size: 50px;
        --lyrics-line-line-height: 1.2;
        grid-template-columns: 31vw 38vw;
        padding: 0 12vw
    }
}

@media (min-width:2000px) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        --lyrics-line-font-size: 72px;
        --lyrics-line-line-height: 1.1947644444;
        grid-template-columns: 30vw 38vw;
        padding: 0 13vw
    }
}

@media (min-width:2561px) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        grid-template-columns: calc(30% + 199.68px) calc(38% + 252.928px);
        padding: 0 13%
    }
}

.app-container.is-scrolling .lyrics__container.svelte-75swsn.svelte-75swsn {
    --lyrics-linear-gradient: linear-gradient(180deg, transparent, #000 80px, #000 calc(100% - 80px), transparent)
}

@media (prefers-contrast:more) {
    .lyrics__container.svelte-75swsn.svelte-75swsn {
        --nowPlayingBackdropBG: var(--pageBG);
        --lyrics-line-color: var(--systemPrimary);
        --lyrics-line-color-current: var(--systemPrimary);
        --lyrics-line-hover-color: var(--systemSecondary);
        --lyrics-display-static-color: var(--systemPrimary);
        --lyrics-dot-background-color: var(--systemPrimary);
        --lyrics-display-header-color: var(--systemSecondary);
        --lyrics-display-footer-color: var(--systemSecondary);
        --lyrics-null-color: var(--systemSecondary);
        --lcd-primary-text-color: var(--systemPrimary);
        --lcd-meta-icon-color: var(--systemPrimary);
        --progress-track-color-elapsed: var(--systemPrimary);
        --progress-track-color: var(--systemTertiary);
        --playback-controls-play-color: var(--systemPrimary);
        --skip-control-color: var(--systemPrimary);
        --progress-thumb-color: var(--systemSecondary);
        --progress-thumb-color-active: var(--systemPrimary);
        --chromeVolumeElapsed: var(--systemPrimary);
        --progress-track-color-active: var(--systemPrimary);
        --progress-track-color-elapsed-active: var(--systemPrimary)
    }
}

.lyrics__container.is-lyrics-off.svelte-75swsn.svelte-75swsn {
    grid-template-columns: 1fr;
    padding: 0 32vw
}

.lyrics__container.is-pivots-grid.svelte-75swsn.svelte-75swsn {
    grid-template-rows: 1fr auto;
    padding: 0
}

.lyrics__controls.svelte-75swsn.svelte-75swsn {
    display: grid;
    grid-area: controls;
    grid-template: "artwork" auto "metadata" 55px "scrubber" 65px "controls" 55px "volume" 26px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 20px;
    max-width: 600px;
    place-items: center;
    place-self: center;
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

.lyrics__lyrics.svelte-75swsn.svelte-75swsn {
    --lyrics-line-margin-top: 0;
    --lyrics-line-margin-right: 0;
    --lyrics-line-margin-bottom: 34px;
    --lyrics-line-margin-left: 0;
    align-items: center;
    display: flex;
    grid-area: lyrics;
    max-width: 972.8px;
    mix-blend-mode: plus-lighter;
    overflow-y: auto;
    z-index: var(--z-default)
}

.lyrics__container.svelte-75swsn:has([style*="--artwork-bg-color: #fffff"]) .lyrics__lyrics.svelte-75swsn {
    --lyrics-line-color: var(--systemSecondary-onDark);
    mix-blend-mode: normal
}

@media (min-width:1320px) {
    .lyrics__lyrics.svelte-75swsn.svelte-75swsn {
        --lyrics-line-margin-bottom: 42px
    }
}

@media (min-width:1680px) {
    .lyrics__lyrics.svelte-75swsn.svelte-75swsn {
        --lyrics-line-margin-bottom: 54px
    }
}

@media (min-width:2000px) {
    .lyrics__lyrics.svelte-75swsn.svelte-75swsn {
        --lyrics-line-margin-bottom: 82px
    }
}

@media (prefers-contrast:more) {
    .lyrics__lyrics.svelte-75swsn.svelte-75swsn {
        mix-blend-mode: normal
    }
}

.lyrics__lyrics.is-lyrics-disabled.svelte-75swsn.svelte-75swsn {
    display: none
}

@media print {
    .lyrics__lyrics.svelte-75swsn.svelte-75swsn {
        display: none
    }
}

.lyrics__artwork-container.svelte-75swsn.svelte-75swsn {
    align-items: center;
    border-radius: 8px;
    display: flex;
    grid-area: artwork;
    height: 100%;
    justify-content: center;
    transition: var(--global-transition)
}

@supports selector(:has(p)) {
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn:has(.artwork-component--downloaded) {
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
    }

    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn:empty,
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn:has(.artwork-component--error),
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn:has(.artwork-fallback),
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn:not(:has(.artwork-component--downloaded)) {
        aspect-ratio: 1;
        width: 100%
    }
}

@media (min-width:1320px) {
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn {
        border-radius: 10px
    }
}

@media (min-width:1680px) {
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn {
        border-radius: 12px
    }
}

@media (min-width:2000px) {
    .lyrics__artwork-container.svelte-75swsn.svelte-75swsn {
        border-radius: 18px
    }
}

.lyrics__artwork-container.svelte-75swsn .artwork-container {
    width: inherit
}

.lyrics__artwork-radiosity-container.svelte-75swsn.svelte-75swsn {
    grid-area: artwork;
    height: 100%;
    opacity: 0;
    transform: scale(.92);
    transform-origin: bottom center;
    --global-transition-duration: 1s;
    transition: var(--global-transition)
}

@supports selector(:has(p)) {
    .lyrics__artwork-radiosity-container.svelte-75swsn.svelte-75swsn:has(.artwork-component--downloaded) {
        box-shadow: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 25px rgba(0, 0, 0, .1);
        opacity: 1
    }
}

.lyrics__artwork-radiosity.svelte-75swsn.svelte-75swsn {
    -webkit-filter: blur(20px) saturate(2);
    filter: blur(20px) saturate(2);
    height: 100%;
    opacity: .4;
    width: 100%
}

.lyrics__playback-controls.svelte-75swsn.svelte-75swsn {
    padding: 20px 0 0;
    width: 100%
}

.close-button.svelte-75swsn.svelte-75swsn {
    align-self: flex-start;
    height: 18px;
    margin: 16px 20px 10px;
    position: absolute;
    top: 0;
    width: 18px;
    fill: var(--systemSecondary-onDark);
    z-index: var(--z-default)
}

@media (prefers-contrast:more) {
    .close-button.svelte-75swsn.svelte-75swsn {
        fill: var(--systemSecondary)
    }
}

.close-button.svelte-75swsn.svelte-75swsn:focus {
    outline: none
}

amp-lyrics.svelte-75swsn.svelte-75swsn {
    --gradient-color-override: 255;
    --line-animation-play-state: running;
    background-color: transparent;
    height: 80%;
    max-width: none
}

@media (prefers-contrast:more) and (prefers-color-scheme:light) {
    amp-lyrics.svelte-75swsn.svelte-75swsn {
        --gradient-color-override: 0
    }
}

amp-playback-controls-progress.svelte-75swsn.svelte-75swsn {
    --progress-track-height: 4px;
    --progress-thumb-width: 12px;
    --progress-thumb-height: 12px;
    --progress-thumb-offset: -4px
}

amp-chrome-volume.svelte-75swsn.svelte-75swsn {
    --progress-track-height: 4px;
    --progress-thumb-width: 12px;
    --progress-thumb-height: 12px;
    --chromeVolumeWidth: auto;
    --chromeVolumeIcon: var(--systemPrimary-onDark);
    --chromeVolumeTrack: var(--systemTertiary-onDark);
    grid-template-columns: auto 1fr;
    width: 100%
}

@media (prefers-contrast:more) {
    amp-chrome-volume.svelte-75swsn.svelte-75swsn {
        --chromeVolumeIcon: var(--systemPrimary);
        --chromeVolumeTrack: var(--systemTertiary)
    }
}

apple-music-playback-controls.svelte-75swsn.svelte-75swsn {
    --playback-control-button-width: 65px;
    --playback-control-icon-width: 55px;
    --playback-control-icon-height: 55px;
    --skip-icon-width: 50px;
    --skip-icon-height: 50px;
    --shuffle-repeat-button-width: 60px;
    padding-bottom: 20px
}

@-webkit-keyframes svelte-75swsn-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes svelte-75swsn-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes svelte-75swsn-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes svelte-75swsn-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.now-playing-toggle.svelte-75swsn.svelte-75swsn {
    bottom: 20px;
    inset-inline-end: 20px;
    position: absolute;
    z-index: var(--z-default)
}

.now-playing-toggle.svelte-75swsn .toggle-button button {
    margin: 0 10px
}

.now-playing-shareplay-button.svelte-75swsn.svelte-75swsn {
    bottom: 20px;
    left: 20px;
    position: absolute;
    z-index: var(--z-default)
}

.now-playing-shareplay-button.svelte-75swsn button {
    margin: 0 10px
}

.lyrics-translation-menu.svelte-75swsn.svelte-75swsn {
    inset-inline-end: 20px;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

.lyrics-translation-menu.svelte-75swsn .toggle-button button {
    margin: 0 10px
}

.lyrics-translation-menu.svelte-75swsn.svelte-75swsn.desktop-lyrics-bubble-tip {
    --arrow-position: start end;
    --popover-inset-inline-end: calc(anchor(var(--anchor-name) end) + 12px);
    --popover-inset-block-start: calc(anchor(var(--anchor-name) bottom) + 16px)
}

:root:has(.lyrics-translation-menu) {
    --ctxmenu-z-index-override: calc(var(--z-modal) + 5);
    --ctxmenu-scrim-z-index-override: calc(var(--z-modal) + 4)
}

.mini-player.svelte-1rxobyp.svelte-1rxobyp {
    --playback-controls-play-color: var(--systemPrimary);
    --playback-control-icon-width: 32px;
    --playback-control-icon-height: 32px;
    --skip-icon-width: 32px;
    --skip-icon-height: 32px;
    --skip-control-color: var(--systemPrimary);
    align-items: center;
    -webkit-backdrop-filter: saturate(60%) blur(20px);
    backdrop-filter: saturate(60%) blur(20px);
    background-color: var(--miniPlayerBackground);
    border-radius: 14px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    display: flex;
    height: 56px;
    margin-bottom: 5px;
    width: 100%;
    /* -webkit-margin-start: 12px; */
    -moz-margin-start: 12px;
    /* margin-inline-start: 12px; */
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 15px;
    -moz-padding-end: 15px;
    padding-inline-end: 15px
}

.mini-player.svelte-1rxobyp amp-playback-controls-play.svelte-1rxobyp {
    width: 41px;
    -webkit-margin-end: 9px;
    -moz-margin-end: 9px;
    margin-inline-end: 9px
}

.mini-player__artwork.svelte-1rxobyp.svelte-1rxobyp {
    --override-placeholder-bg-color: var(--genericJoeColor);
    border-radius: 6px;
    flex-shrink: 0;
    -webkit-margin-end: 8px;
    -moz-margin-end: 8px;
    margin-inline-end: 8px
}

.mini-player__artwork.svelte-1rxobyp .artwork-component.artwork-component--downloaded {
    --artworkShadowInset: none
}

.mini-player__artwork.svelte-1rxobyp .artwork-component.artwork-component--downloaded picture img {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(128, 128, 128, .1)
}

.mini-player__artwork.svelte-1rxobyp.svelte-1rxobyp:not(:has(.artwork-component--downloaded)) {
    aspect-ratio: 1 auto;
    height: inherit
}

.mini-player__metadata.svelte-1rxobyp.svelte-1rxobyp {
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: default;
    display: flex;
    height: 40px;
    min-width: 0;
    width: 100%
}

.mini-player__metadata--text.svelte-1rxobyp.svelte-1rxobyp {
    min-width: 0;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.mini-player__text--secondary.svelte-1rxobyp.svelte-1rxobyp {
    color: var(--systemGreen);
    display: flex;
    font: var(--callout-emphasized);
    margin-bottom: -1px;
    text-overflow: clip;
    white-space: nowrap
}

.mini-player__text--secondary.svelte-1rxobyp svg {
    height: 16px;
    width: 16px;
    fill: var(--systemGreen);
    flex-shrink: 0;
    -webkit-margin-end: 5px;
    -moz-margin-end: 5px;
    margin-inline-end: 5px
}

.is-empty.svelte-1rxobyp .mini-player__text--secondary.svelte-1rxobyp {
    display: none
}

.mini-player__text--primary.svelte-1rxobyp.svelte-1rxobyp {
    --explicitBadgeSize: 10px;
    align-items: baseline;
    display: inline-grid;
    font: var(--title-3-medium);
    grid-template-columns: 1fr auto;
    text-align: start
}

html[dir=rtl] .mini-player__text--primary.svelte-1rxobyp.svelte-1rxobyp {
    direction: rtl
}

.is-empty.svelte-1rxobyp .mini-player__text--primary.svelte-1rxobyp {
    display: none
}

.mini-player__text--primary.svelte-1rxobyp .explicit:before {
    content: " "
}

.mini-player__clamp-wrapper.svelte-1rxobyp.svelte-1rxobyp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

amp-playback-controls-item-skip.svelte-1rxobyp.svelte-1rxobyp {
    --skip-control-color-hover: var(--systemPrimary)
}

.player-bar.svelte-1rr9v04 {
    bottom: 0;
    padding: 0px 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-shrink: 0;
    height: 54px;
    inset-inline-end: 0;
    position: fixed;
    transition: opacity .25s, transform .25s;
    width: 100%;
    z-index: calc(var(--z-web-chrome) - 1)
}

@media (min-width:1000px) and (max-width:1259px) {
    .player-bar.svelte-1rr9v04:has(.popover-toggle) {
        --chromeVolumeWidth: clamp(32px, 100%, 70px)
    }
}

@media (min-width:484px) {
    .player-bar.svelte-1rr9v04 {
        /* bottom: unset; */
        /* margin-bottom: 20px; */
        padding-left: 275px;
        inset-inline-start: unset;
        /* position: relative; */
        /* top: 0; */
    }
}

@media (max-width:483px) {
    .player-bar.player-bar__floating-player.svelte-1rr9v04 {
        background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .8), transparent);
        height: 61px
    }
}

@media (max-width:483px) and (prefers-color-scheme:dark) {
    .player-bar.player-bar__floating-player.svelte-1rr9v04 {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent)
    }
}

@media (max-width:483px) {

    .player-bar.player-bar__floating-player.svelte-1rr9v04:after,
    .player-bar.player-bar__floating-player.svelte-1rr9v04:before {
        content: "";
        display: block;
        height: 30px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: calc(var(--z-default) - 2)
    }

    .player-bar.player-bar__floating-player.svelte-1rr9v04:before {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        bottom: 30px;
        height: 31px
    }

    .player-bar.player-bar__floating-player.svelte-1rr9v04:after {
        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
        bottom: 0;
        height: 30px
    }
}

@media (min-width:484px) and (max-width:999px) {
    .player-bar.svelte-1rr9v04 {
        --contextMenuPosition: fixed
    }
}

.player-bar.svelte-1rr9v04.is-hidden {
    opacity: 0;
    transform: translateY(-100%)
}

.wrapper.svelte-1rr9v04 {
    display: none
}

.wrapper.svelte-1rr9v04 .chrome-player {
    margin: 0 auto
}

@media (min-width:484px) {
    .wrapper.svelte-1rr9v04 {
        display: block
    }
}

.right-content.svelte-1rr9v04 {
    display: flex;
    gap: 14px
}

.action-buttons.svelte-1rr9v04 {
    display: flex;
    gap: 2px
}

.right-content-compact.svelte-1rr9v04 {
    -webkit-margin-start: 10px;
    -moz-margin-start: 10px;
    margin-inline-start: 10px
}

.lcd-action-right.svelte-1rr9v04 .favorite-button {
    --favoriteButtonSize: 16px;
    --favoriteIconSize: 10px;
    --favoriteIconStarOutline: var(--systemSecondary);
    --favoriteIconStarFill: var(--systemSecondary);
    border-radius: 3px;
    margin-top: .5px
}

.lcd-action-right.svelte-1rr9v04 .favorite-button:focus-visible,
.lcd-action-right.svelte-1rr9v04 .favorite-button:hover {
    background: var(--systemQuaternary)
}

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

.content-container.svelte-bzjlhs {
    margin: 0 auto;
    max-width: 1680px;
    min-height: 100%;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

.content-container.svelte-bzjlhs:has(.social-profile) {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:484px) {
    .content-container.svelte-bzjlhs .search-input-wrapper {
        display: none
    }
}

.native-launch.svelte-1orxji0.svelte-1orxji0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70vh;
    padding-bottom: 32px;
    padding-top: 32px
}

.native-launch.svelte-1orxji0 .native-launch__am-logo.svelte-1orxji0 {
    height: 80px;
    width: 80px
}

.native-launch.svelte-1orxji0 .native-launch__contents-container.svelte-1orxji0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

.native-launch.svelte-1orxji0 p.svelte-1orxji0 {
    padding-bottom: 32px;
    text-align: center
}

.native-launch__panel.svelte-1orxji0.svelte-1orxji0 {
    align-items: center;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: flex;
    flex-direction: column;
    font: var(--body-tall);
    min-height: 150px;
    padding-top: 32px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-padding-start: 32px;
    -moz-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    -moz-padding-end: 32px;
    padding-inline-end: 32px;
    z-index: var(--z-default)
}

.native-launch__panel.svelte-1orxji0 .button.primary {
    width: auto
}

.native-launch__panel.svelte-1orxji0 .button+.button {
    margin-top: 16px
}

.native-launch__directive-copy.svelte-1orxji0.svelte-1orxji0 {
    font: var(--body-emphasized-tall)
}

@-webkit-keyframes svelte-1orxji0-nativeLaunchOutgoingPanel {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes svelte-1orxji0-nativeLaunchOutgoingPanel {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.native-launch__panel--outgoing.svelte-1orxji0.svelte-1orxji0 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: svelte-1orxji0-nativeLaunchOutgoingPanel;
    animation-name: svelte-1orxji0-nativeLaunchOutgoingPanel;
    opacity: 1
}

@-webkit-keyframes svelte-1orxji0-nativeLaunchIncomingPanel {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes svelte-1orxji0-nativeLaunchIncomingPanel {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.native-launch__panel--incoming.svelte-1orxji0.svelte-1orxji0 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-name: svelte-1orxji0-nativeLaunchIncomingPanel;
    animation-name: svelte-1orxji0-nativeLaunchIncomingPanel;
    opacity: 0
}

.commerce-modal-embedded.svelte-eurrdv {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.commerce-modal-embedded.svelte-eurrdv iframe {
    height: 100%;
    width: 100%
}

.multiline-clamp.svelte-1a7gcr6.svelte-1a7gcr6 {
    --mc-overflowBleedSize: var(--overflowBleedSize, 0);
    --mc-badgeSize: var(--badgeSize, 8px);
    --mc-badgeSpacing: var(--mc-badgeSize);
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: var(--mc-lineClamp, 1);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.multiline-clamp--overflow.svelte-1a7gcr6.svelte-1a7gcr6 {
    --mc-overflowBleedSize: var(--overflowBleedSize, 4px);
    --mc-badgeSpacing: calc(var(--mc-badgeSize) + var(--mc-overflowBleedSize));
    clip-path: inset(var(--mc-overflowBleedSize));
    margin-bottom: calc(var(--mc-overflowBleedSize)*-1);
    margin-top: calc(var(--mc-overflowBleedSize)*-1);
    margin-inline-end: calc(var(--mc-overflowBleedSize)*-1);
    margin-inline-start: calc(var(--mc-overflowBleedSize)*-1);
    padding-bottom: var(--mc-overflowBleedSize);
    padding-inline-end: var(--mc-overflowBleedSize);
    padding-top: var(--mc-overflowBleedSize);
    padding-inline-start: var(--mc-overflowBleedSize);
    scroll-padding: var(--mc-overflowBleedSize)
}

.multiline-clamp--overflow.svelte-1a7gcr6.svelte-1a7gcr6:focus-within {
    clip-path: none
}

.multiline-clamp--with-badge.multiline-clamp--truncated.svelte-1a7gcr6.svelte-1a7gcr6 {
    padding-inline-end: var(--mc-badgeSpacing);
    position: relative;
    z-index: var(--z-default)
}

.multiline-clamp--with-badge.multiline-clamp--truncated.svelte-1a7gcr6 .multiline-clamp__badge.svelte-1a7gcr6 {
    bottom: var(--mc-overflowBleedSize);
    display: block;
    inset-inline-end: var(--mc-overflowBleedSize);
    position: absolute;
    z-index: var(--z-default)
}

.multiline-clamp--with-badge.svelte-1a7gcr6 .multiline-clamp__text.svelte-1a7gcr6 {
    padding-inline-end: var(--mc-badgeSpacing)
}

.multiline-clamp--with-badge.svelte-1a7gcr6 .multiline-clamp__badge.svelte-1a7gcr6:not(:empty) {
    margin-inline-start: calc(var(--mc-badgeSpacing)*-1)
}

.vertical-video.svelte-fjkqee.svelte-fjkqee {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: var(--z-default)
}

@media (hover:hover) and (pointer:fine) {
    .vertical-video.svelte-fjkqee.svelte-fjkqee {
        --scrimOpacity: 0
    }

    .vertical-video.has-open-menu.svelte-fjkqee.svelte-fjkqee,
    .vertical-video.svelte-fjkqee.svelte-fjkqee:focus-within,
    .vertical-video.svelte-fjkqee.svelte-fjkqee:hover {
        --scrimOpacity: 1
    }

    @supports selector(:has(:focus-visible)) {
        .vertical-video.svelte-fjkqee.svelte-fjkqee:focus-within {
            --scrimOpacity: 0
        }

        .vertical-video.has-open-menu.svelte-fjkqee.svelte-fjkqee,
        .vertical-video.svelte-fjkqee.svelte-fjkqee:has(:focus-visible),
        .vertical-video.svelte-fjkqee.svelte-fjkqee:hover {
            --scrimOpacity: 1
        }
    }
}

.vertical-video__headline.svelte-fjkqee.svelte-fjkqee {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized);
    margin-bottom: 1px
}

.vertical-video--episode.svelte-fjkqee .vertical-video__headline.svelte-fjkqee {
    margin-top: 5px
}

.vertical-video__headline--rank.svelte-fjkqee.svelte-fjkqee {
    color: var(--systemPrimary);
    font: var(--caption-1);
    font-weight: 800;
    margin-top: 1px
}

.vertical-video__artwork-wrapper.svelte-fjkqee.svelte-fjkqee {
    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);
    margin-bottom: 4px;
    position: relative;
    z-index: var(--z-default)
}

.vertical-video__artwork-wrapper.svelte-fjkqee .click-action {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: calc(var(--z-default) + 2)
}

.vertical-video__artwork-wrapper.svelte-fjkqee.svelte-fjkqee: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
}

@media (min-width:1000px) {

    .vertical-video--episode.svelte-fjkqee .vertical-video__artwork-wrapper.svelte-fjkqee,
    .vertical-video--large.svelte-fjkqee .vertical-video__artwork-wrapper.svelte-fjkqee {
        border-radius: 7px
    }
}

.vertical-video__context-button.svelte-fjkqee.svelte-fjkqee,
.vertical-video__play-button.svelte-fjkqee.svelte-fjkqee {
    bottom: 10px;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    transition: var(--global-transition);
    z-index: calc(var(--z-default) + 2)
}

@media (pointer:coarse) {

    .vertical-video__context-button.svelte-fjkqee.svelte-fjkqee,
    .vertical-video__play-button.svelte-fjkqee.svelte-fjkqee {
        visibility: hidden
    }
}

.vertical-video__play-button.svelte-fjkqee.svelte-fjkqee {
    --iconCircleFillBGOverride: transparent;
    inset-inline-start: 10px
}

.vertical-video__context-button.svelte-fjkqee.svelte-fjkqee {
    inset-inline-end: 10px
}

.vertical-video__content-details--no-subtitle-link.svelte-fjkqee.svelte-fjkqee:hover {
    --linkHoverTextDecoration: underline
}

.vertical-video__content-details--no-subtitle-link.svelte-fjkqee .vertical-video__subtitles.svelte-fjkqee,
.vertical-video__content-details--no-subtitle-link.svelte-fjkqee .vertical-video__title.svelte-fjkqee {
    -webkit-text-decoration: var(--linkHoverTextDecoration);
    text-decoration: var(--linkHoverTextDecoration)
}

.vertical-video__subtitles.svelte-fjkqee.svelte-fjkqee,
.vertical-video__title.svelte-fjkqee.svelte-fjkqee {
    font: var(--callout);
    text-align: start
}

.vertical-video__title.svelte-fjkqee.svelte-fjkqee {
    color: var(--systemPrimary);
    display: grid;
    grid-template-columns: 1fr auto
}

.vertical-video--episode.svelte-fjkqee .vertical-video__title.svelte-fjkqee {
    --linkHoverTextDecoration: none;
    font: var(--title-3)
}

.vertical-video__subtitles.svelte-fjkqee.svelte-fjkqee {
    color: var(--systemSecondary)
}

.vertical-video--episode.svelte-fjkqee .vertical-video__subtitles.svelte-fjkqee {
    margin-top: 4px
}

.vertical-video.svelte-fjkqee:not(.vertical-video--episode) .vertical-video__subtitles.svelte-fjkqee {
    word-break: break-all
}

@supports selector(:has(:focus-visible)) {

    .vertical-video__subtitles--multiline.vertical-video__subtitles--singlet.svelte-fjkqee :focus-visible,
    .vertical-video__title--multiline.svelte-fjkqee :focus-visible {
        box-shadow: none;
        outline: none
    }

    .vertical-video__title--multiline:has(:focus-visible).vertical-video__title.svelte-fjkqee.svelte-fjkqee {
        box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline: none
    }

    .vertical-video__subtitles--multiline.vertical-video__subtitles--singlet:has(:focus-visible).vertical-video__subtitles.svelte-fjkqee .multiline-clamp {
        box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline: none
    }
}

.playback-bars.svelte-1lctgtc.svelte-1lctgtc {
    height: 15px;
    pointer-events: none;
    width: 100%
}

.playback-bars.svelte-1lctgtc.svelte-1lctgtc,
.playback-bars__svg.svelte-1lctgtc.svelte-1lctgtc {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.playing.svelte-1lctgtc .playback-bars__svg.svelte-1lctgtc {
    will-change: transform;
    z-index: var(--z-gpu)
}

.playback-bars__bar.svelte-1lctgtc.svelte-1lctgtc {
    animation-delay: var(--delay, 0);
    animation-direction: alternate;
    animation-duration: .4s;
    animation-iteration-count: infinite;
    animation-name: none;
    animation-timing-function: ease-in;
    transform: translateY(9px);
    fill: var(--playingBarColor, var(--keyColor))
}

.playing.svelte-1lctgtc .playback-bars__bar.svelte-1lctgtc {
    animation-name: svelte-1lctgtc-playback-bar;
    will-change: transform;
    z-index: var(--z-gpu)
}

.playing.is-not-focused.svelte-1lctgtc .playback-bars__bar.svelte-1lctgtc {
    animation-delay: 0;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: svelte-1lctgtc-playback-bar-iconic
}

.playing.is-refocused.svelte-1lctgtc .playback-bars__bar.svelte-1lctgtc {
    animation-delay: 0;
    animation-iteration-count: 1, infinite;
    animation-name: svelte-1lctgtc-playback-bar-refocus, svelte-1lctgtc-playback-bar;
    animation-timing-function: linear;
    transform: translateY(var(--iconic-height-offset))
}

.playback-bars__bar--1.svelte-1lctgtc.svelte-1lctgtc {
    --max-height-offset: 6px;
    --delay: .25s;
    --iconic-midpoint-height-offset: 4px;
    --iconic-height-offset: 7px;
    animation-duration: .6s
}

.playback-bars__bar--2.svelte-1lctgtc.svelte-1lctgtc {
    --max-height-offset: 2px;
    --delay: 615ms;
    --iconic-midpoint-height-offset: 2px;
    --iconic-height-offset: 1px
}

.playback-bars__bar--3.svelte-1lctgtc.svelte-1lctgtc {
    --max-height-offset: 4px;
    --delay: 475ms;
    --iconic-midpoint-height-offset: 4px;
    --iconic-height-offset: 3px
}

.playback-bars__bar--4.svelte-1lctgtc.svelte-1lctgtc {
    --max-height-offset: 2px;
    --delay: 25ms;
    --iconic-midpoint-height-offset: 5px;
    --iconic-height-offset: 6px
}

@keyframes svelte-1lctgtc-playback-bar {
    0% {
        transform: translateY(9px)
    }

    to {
        transform: translateY(var(--max-height-offset))
    }
}

@keyframes svelte-1lctgtc-playback-bar-iconic {
    0% {
        transform: translateY(9px)
    }

    50% {
        transform: translateY(var(--iconic-midpoint-height-offset))
    }

    to {
        transform: translateY(var(--iconic-height-offset))
    }
}

@keyframes svelte-1lctgtc-playback-bar-refocus {
    0% {
        transform: translateY(var(--iconic-height-offset))
    }

    to {
        transform: translateY(var(--max-height-offset))
    }
}

.playing-bars-hover.svelte-1lctgtc.svelte-1lctgtc {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.interactive-play-button.svelte-a72zjx {
    --nonPlatterIconFill: var(--nonPlatterOverrideIconColor, var(--keyColor));
    height: var(--interactivePlayButtonSize, 16px);
    width: var(--interactivePlayButtonSize, 16px)
}

.interactive-play-button.svelte-a72zjx .icon {
    vertical-align: bottom
}

.spinner.svelte-e5t4nl {
    align-items: center;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
    fill: var(--spinnerFillColor, var(--keyColor));
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px
}

.spinner.svelte-e5t4nl svg {
    height: 28px;
    width: 28px
}

.spinner.svelte-e5t4nl svg path {
    -webkit-animation: svelte-e5t4nl-addToSpinner calc(var(--spinner-duration, 1)*1s) linear infinite;
    animation: svelte-e5t4nl-addToSpinner calc(var(--spinner-duration, 1)*1s) linear infinite;
    transform-origin: center center
}

@-webkit-keyframes svelte-e5t4nl-addToSpinner {
    to {
        transform: rotate(1turn)
    }
}

@keyframes svelte-e5t4nl-addToSpinner {
    to {
        transform: rotate(1turn)
    }
}

.add-to-library-button.svelte-lumgw1.svelte-lumgw1 {
    align-items: center;
    color: var(--keyColor);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    transition: var(--global-transition)
}

.add-to-library-button.svelte-lumgw1 svg {
    fill: var(--addToLibraryFillOverride, var(--keyColor))
}

.add-to-library-button.svelte-lumgw1.svelte-lumgw1:not(.add-to-library-button--icon-only) {
    background-color: var(--systemQuinary);
    border-radius: 16px;
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px;
    font: var(--body-emphasized);
    height: 100%;
    min-width: 64px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px
}

@media (max-width:1259px) {
    .secondary-actions:has(.classical-button) .add-to-library-button.svelte-lumgw1.svelte-lumgw1 {
        border-radius: 50%;
        min-width: 28px;
        padding: 0
    }

    .secondary-actions:has(.classical-button) .add-to-library-button.svelte-lumgw1 .add-to-library-button__text.svelte-lumgw1 {
        display: none
    }
}

.add-to-library-button--icon-only.svelte-lumgw1.svelte-lumgw1 {
    height: 25px;
    line-height: 0;
    width: 25px;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px
}

.add-to-library-button--icon-only.svelte-lumgw1 svg {
    height: 12px;
    width: 12px
}

.added-to-library-flash.svelte-lumgw1.svelte-lumgw1 {
    align-items: center;
    -webkit-animation: svelte-lumgw1-fadeOut 1s 2s both;
    animation: svelte-lumgw1-fadeOut 1s 2s both;
    color: var(--systemSecondary);
    display: inline-flex;
    font: var(--body-emphasized);
    height: 100%;
    justify-content: center;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px
}

.added-to-library-flash.svelte-lumgw1 svg {
    display: none
}

.secondary-actions:has(.classical-button) .added-to-library-flash.svelte-lumgw1.svelte-lumgw1 {
    -webkit-animation: none;
    animation: none
}

.secondary-actions:has(.classical-button) .added-to-library-flash.svelte-lumgw1 .added-to-library-flash__check-icon {
    display: block;
    height: 28px;
    width: 28px
}

.secondary-actions:has(.classical-button) .added-to-library-flash.svelte-lumgw1 span {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    width: 1px
}

@-webkit-keyframes svelte-lumgw1-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes svelte-lumgw1-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.cloud-buttons.svelte-u0auos {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    height: 28px
}

.cloud-buttons.svelte-u0auos .more-button {
    --contextMenuButtonSize: 28px;
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor);
    --contextMenuCircleHoverFill: var(--systemQuinary);
    --contextMenuEllipsisHoverFill: var(--keyColor)
}

.collab-icon.svelte-u0auos {
    cursor: pointer;
    display: block;
    margin-right: 15px;
    margin-top: 5px
}

.collab-icon.svelte-u0auos svg {
    --person-2-fill-color: var(--systemQuinary);
    cursor: pointer;
    display: block;
    margin: 0 auto 22px;
    fill: var(--keyColor)
}

.collab-icon.svelte-u0auos .person-2-fill {
    height: 20px;
    width: 23px
}

.add-to-playlist-button.svelte-turtz4 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.add-to-playlist-button.svelte-turtz4 svg {
    height: 15px;
    width: 15px;
    fill: var(--keyColor)
}

.inline-preview-play-button.svelte-1kgzvzx .play-button {
    background-color: var(--progress-play-background-color, none);
    border-radius: 50%
}

.inline-preview-play-button.svelte-1kgzvzx .icon {
    vertical-align: bottom
}

.track-lockup__play-button-wrapper.svelte-1tnc1ep.svelte-1tnc1ep {
    --playButtonIconHoverColor: #fff;
    --progress-play-background-color: hsla(0, 0%, 100%, .1);
    transition: var(--global-transition)
}

.track-lockup__play-button-wrapper.svelte-1tnc1ep .play-button,
.track-lockup__play-button-wrapper.svelte-1tnc1ep.svelte-1tnc1ep {
    border-radius: 5px;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.track-lockup__play-button-wrapper.svelte-1tnc1ep .play-button:focus-visible {
    box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

.track-lockup.svelte-1tnc1ep.svelte-1tnc1ep {
    align-items: center;
    color: var(--systemPrimary);
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    padding-bottom: 7.5px;
    padding-top: 7.5px;
    position: relative;
    width: 100%;
    -webkit-padding-end: var(--trackLockupPaddingInlineEnd, 14px);
    -moz-padding-end: var(--trackLockupPaddingInlineEnd, 14px);
    padding-inline-end: var(--trackLockupPaddingInlineEnd, 14px)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .track-lockup.svelte-1tnc1ep.svelte-1tnc1ep {
        display: flex
    }
}

.track-lockup.svelte-1tnc1ep.svelte-1tnc1ep:after {
    border-top: var(--keyline-border-style);
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    z-index: var(--z-default)
}

.track-lockup.svelte-1tnc1ep .play-button {
    opacity: 0
}

.track-lockup.svelte-1tnc1ep:not(.is-playing, .is-paused, :hover, :focus-within) .add-to-library-button--icon-only {
    width: 0
}

.track-lockup.is-paused.svelte-1tnc1ep:not(.is-suggestion) .track-lockup__play-button-wrapper.svelte-1tnc1ep,
.track-lockup.is-playing.svelte-1tnc1ep .track-lockup__play-button-wrapper.svelte-1tnc1ep,
.track-lockup.svelte-1tnc1ep:focus-within .track-lockup__play-button-wrapper.svelte-1tnc1ep,
.track-lockup.svelte-1tnc1ep:hover .track-lockup__play-button-wrapper.svelte-1tnc1ep {
    align-items: center;
    background: rgba(0, 0, 0, .45);
    display: flex;
    height: 100%;
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--transgray-scrim-z, var(--z-default))
}

.track-lockup.is-paused.svelte-1tnc1ep:not(.is-suggestion) .play-button,
.track-lockup.is-playing.svelte-1tnc1ep .play-button,
.track-lockup.svelte-1tnc1ep:focus-within .play-button,
.track-lockup.svelte-1tnc1ep:hover .play-button {
    opacity: 1
}

.lockup-ranking.svelte-1tnc1ep.svelte-1tnc1ep {
    color: var(--systemPrimary);
    display: block;
    font: var(--callout-emphasized);
    margin-bottom: 0;
    margin-top: -15px;
    max-width: 24px;
    min-width: 24px;
    -webkit-margin-start: 8px;
    -moz-margin-start: 8px;
    margin-inline-start: 8px;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px
}

.track-lockup__content.svelte-1tnc1ep.svelte-1tnc1ep {
    --linkHoverTextDecoration: none;
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: hidden;
    text-align: start;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;
    padding-inline-start: 4px;
    -webkit-padding-end: 4px;
    -moz-padding-end: 4px;
    padding-inline-end: 4px;
    -webkit-margin-end: 8px;
    -moz-margin-end: 8px;
    margin-inline-end: 8px
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .track-lockup__content.svelte-1tnc1ep.svelte-1tnc1ep {
        flex-grow: 1
    }
}

.track-lockup__context-menu.svelte-1tnc1ep.svelte-1tnc1ep {
    -webkit-margin-start: auto;
    -moz-margin-start: auto;
    margin-inline-start: auto
}

.track-lockup__context-menu.svelte-1tnc1ep .cloud-buttons {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.track-lockup__title.svelte-1tnc1ep.svelte-1tnc1ep {
    --explicitBadgeSize: 10px;
    align-items: baseline;
    display: inline-grid;
    font: var(--body-tall);
    grid-template-columns: 1fr auto auto
}

html[dir=rtl] .track-lockup__title.svelte-1tnc1ep.svelte-1tnc1ep {
    direction: rtl
}

.track-lockup__title.svelte-1tnc1ep .favorite {
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    padding-inline-end: 2px
}

.track-lockup__title.svelte-1tnc1ep .explicit {
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    margin-inline-start: 4px
}

.track-lockup__subtitle.svelte-1tnc1ep.svelte-1tnc1ep {
    --linkHoverColor: inherit;
    --linkHoverTextDecoration: underline;
    color: var(--systemSecondary);
    font: var(--callout);
    max-width: 100%
}

.track-lockup__tertiary-title.svelte-1tnc1ep.svelte-1tnc1ep {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--body-tall);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.track-lockup__tertiary-title.svelte-1tnc1ep mark {
    background-color: unset;
    color: var(--systemPrimary)
}

.track-lockup__headline.svelte-1tnc1ep.svelte-1tnc1ep {
    --linkHoverColor: inherit;
    --linkHoverTextDecoration: underline;
    color: var(--systemSecondary);
    font: var(--caption-2-emphasized);
    max-width: 100%
}

.track-lockup__clamp-wrapper.svelte-1tnc1ep.svelte-1tnc1ep {
    margin-bottom: -4px;
    margin-top: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-margin-start: -4px;
    -moz-margin-start: -4px;
    margin-inline-start: -4px;
    -webkit-margin-end: -4px;
    -moz-margin-end: -4px;
    margin-inline-end: -4px;
    padding-bottom: 4px;
    padding-top: 4px;
    -webkit-padding-end: 4px;
    -moz-padding-end: 4px;
    padding-inline-end: 4px;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;
    padding-inline-start: 4px
}

.track-lockup__artwork-wrapper.svelte-1tnc1ep.svelte-1tnc1ep {
    border-radius: 5px;
    position: relative;
    -webkit-margin-end: 12px;
    -moz-margin-end: 12px;
    margin-inline-end: 12px
}

.track-lockup__artwork-wrapper.svelte-1tnc1ep .artwork-component {
    --artwork-override-width: calc(40px*var(--aspect-ratio));
    --artwork-override-height: 40px
}

.is-paused.svelte-1tnc1ep:hover .playing-bars-hover,
.is-playing.svelte-1tnc1ep:hover .playing-bars-hover {
    opacity: 1
}

.is-paused.svelte-1tnc1ep:hover .playback-bars__svg,
.is-playing.svelte-1tnc1ep:hover .playback-bars__svg {
    opacity: 0
}

.is-link.svelte-1tnc1ep.svelte-1tnc1ep {
    cursor: pointer
}

.track-lockup__artwork-wrapper.svelte-1tnc1ep+.lockup-ranking.svelte-1tnc1ep {
    -webkit-margin-start: -2px;
    -moz-margin-start: -2px;
    margin-inline-start: -2px;
    -webkit-margin-end: -2px;
    -moz-margin-end: -2px;
    margin-inline-end: -2px
}

.top-search-lockup.svelte-oo03qi.svelte-oo03qi {
    --topSearchLockupImageSize: 60px;
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1);
    display: grid;
    grid-template-areas: "content icons";
    grid-template-columns: 1fr auto;
    height: auto;
    min-width: 0;
    padding: 14px 12px;
    position: relative;
    z-index: var(--z-default)
}

@media (prefers-color-scheme:dark) {
    .top-search-lockup.svelte-oo03qi.svelte-oo03qi {
        background-color: var(--systemQuaternary)
    }
}

.top-search-lockup.svelte-oo03qi.svelte-oo03qi:after {
    --afterShadowBorderRadius: 8px;
    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: calc(var(--z-default) + 1)
}

@media (prefers-color-scheme:dark) {
    .top-search-lockup.svelte-oo03qi.svelte-oo03qi {
        background-color: rgba(255, 255, 255, .1)
    }
}

@media (min-width:1260px) {
    .top-search-lockup.svelte-oo03qi.svelte-oo03qi {
        --topSearchLockupImageSize: 90px
    }

    .app-container.is-drawer-open .top-search-lockup.svelte-oo03qi.svelte-oo03qi {
        --topSearchLockupImageSize: 60px
    }
}

@media (min-width:1940px) {
    .top-search-lockup.svelte-oo03qi.svelte-oo03qi {
        --topSearchLockupImageSize: 110px
    }
}

.top-search-lockup__content.svelte-oo03qi.svelte-oo03qi {
    display: grid;
    grid-template-columns: auto 1fr auto;
    min-height: var(--topSearchLockupImageSize);
    grid-gap: 12px;
    align-items: center;
    margin-inline-end: -12px
}

@media (min-width:1260px) {
    .top-search-lockup__content.svelte-oo03qi.svelte-oo03qi {
        grid-gap: 14px;
        margin-inline-end: -14px
    }
}

@media (min-width:1940px) {
    .top-search-lockup__content.svelte-oo03qi.svelte-oo03qi {
        grid-gap: 20px
    }
}

.top-search-lockup__description.svelte-oo03qi.svelte-oo03qi {
    display: block;
    flex: 1;
    flex-shrink: 1;
    overflow: hidden;
    pointer-events: none
}

div.top-search-lockup__artwork.svelte-oo03qi.svelte-oo03qi {
    position: relative;
    z-index: var(--z-default)
}

.top-search-lockup.svelte-oo03qi div.top-search-lockup__artwork.svelte-oo03qi,
.top-search-lockup.svelte-oo03qi div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
    border-radius: var(--global-border-radius-medium, 7px)
}

.top-search-lockup--ellipse.svelte-oo03qi div.top-search-lockup__artwork.svelte-oo03qi,
.top-search-lockup--ellipse.svelte-oo03qi div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
    border-radius: 50%
}

div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
    --override-placeholder-bg-color: var(--artwork-bg-color);
    --artwork-override-width: 60px;
    --artwork-override-height: calc(60px/var(--aspect-ratio))
}

@media (min-width:1260px) {
    div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
        --artwork-override-width: 90px;
        --artwork-override-height: calc(90px/var(--aspect-ratio))
    }

    .app-container.is-drawer-open div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
        --artwork-override-width: 60px;
        --artwork-override-height: calc(60px/var(--aspect-ratio))
    }
}

@media (min-width:1580px) {
    div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component {
        --artwork-override-width: calc(var(--topSearchLockupImageSize)*var(--aspect-ratio));
        --artwork-override-height: var(--topSearchLockupImageSize)
    }
}

div.top-search-lockup__artwork.svelte-oo03qi>.artwork-component--orientation-portrait {
    --artwork-override-width: calc(var(--topSearchLockupImageSize)*var(--aspect-ratio));
    --artwork-override-height: var(--topSearchLockupImageSize)
}

.top-search-lockup__icons.svelte-oo03qi.svelte-oo03qi {
    position: absolute;
    visibility: hidden;
    z-index: calc(var(--z-default) + 1)
}

@media (min-width:484px) {
    .top-search-lockup__icons.svelte-oo03qi.svelte-oo03qi {
        bottom: 0;
        inset-inline-end: 6px;
        top: auto;
        visibility: visible
    }
}

@media (min-width:1260px) {
    .top-search-lockup__icons.svelte-oo03qi.svelte-oo03qi {
        bottom: 8px;
        inset-inline-end: 10px
    }
}

@media (min-width:1940px) {
    .top-search-lockup__icons.svelte-oo03qi.svelte-oo03qi {
        bottom: 14px
    }
}

.top-search-lockup__action.svelte-oo03qi.svelte-oo03qi {
    border-radius: inherit;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.top-search-lockup__action.svelte-oo03qi a,
.top-search-lockup__action.svelte-oo03qi button {
    border-radius: inherit;
    display: block;
    font-size: 0;
    height: 100%;
    width: 100%
}

.top-search-lockup--ellipse.svelte-oo03qi .top-search-lockup__action.svelte-oo03qi {
    z-index: calc(var(--z-default) + 1)
}

.top-search-lockup-wrapper.svelte-bg2ql4 .top-search-lockup {
    --topSearchLockupImageSize: 56px
}

@media (min-width:1260px) {
    .top-search-lockup-wrapper.svelte-bg2ql4 .top-search-lockup {
        --topSearchLockupImageSize: 90px
    }

    .app-container.is-drawer-open .top-search-lockup-wrapper.svelte-bg2ql4 .top-search-lockup {
        --topSearchLockupImageSize: 56px
    }
}

@media (min-width:1940px) {
    .top-search-lockup-wrapper.svelte-bg2ql4 .top-search-lockup {
        --topSearchLockupImageSize: 122px
    }
}

.top-search-lockup-wrapper.is-paused.svelte-bg2ql4.svelte-bg2ql4,
.top-search-lockup-wrapper.is-playing.svelte-bg2ql4.svelte-bg2ql4,
.top-search-lockup-wrapper.svelte-bg2ql4.svelte-bg2ql4:focus-within,
.top-search-lockup-wrapper.svelte-bg2ql4.svelte-bg2ql4:hover {
    --playButtonOpacity: 1
}

.top-search-lockup-wrapper.is-paused.svelte-bg2ql4:hover .playing-bars-hover,
.top-search-lockup-wrapper.is-playing.svelte-bg2ql4:hover .playing-bars-hover {
    opacity: 1
}

.top-search-lockup-wrapper.is-paused.svelte-bg2ql4:hover .playback-bars__svg,
.top-search-lockup-wrapper.is-playing.svelte-bg2ql4:hover .playback-bars__svg {
    opacity: 0
}

.top-search-lockup-wrapper.svelte-bg2ql4 .cloud-buttons {
    align-items: center
}

.top-search-lockup-wrapper.svelte-bg2ql4 .add-to-library-button {
    -webkit-margin-end: -2px;
    -moz-margin-end: -2px;
    margin-inline-end: -2px
}

.top-search-lockup-wrapper.svelte-bg2ql4 .top-search-lockup__icons {
    opacity: 0;
    transition: var(--global-transition)
}

.top-search-lockup-wrapper.svelte-bg2ql4:focus-within .top-search-lockup__icons,
.top-search-lockup-wrapper.svelte-bg2ql4:hover .top-search-lockup__icons {
    opacity: 1
}

.top-search-lockup-wrapper.svelte-bg2ql4:focus-within .top-search-lockup__secondary.svelte-bg2ql4:last-child,
.top-search-lockup-wrapper.svelte-bg2ql4:focus-within .top-search-lockup__subhead.svelte-bg2ql4:last-child,
.top-search-lockup-wrapper.svelte-bg2ql4:hover .top-search-lockup__secondary.svelte-bg2ql4:last-child,
.top-search-lockup-wrapper.svelte-bg2ql4:hover .top-search-lockup__subhead.svelte-bg2ql4:last-child {
    --maskDirection: to left;
    -webkit-mask: linear-gradient(var(--maskDirection), transparent 48px, #000 60px);
    mask: linear-gradient(var(--maskDirection), transparent 48px, #000 60px)
}

html[dir=rtl] .top-search-lockup-wrapper.svelte-bg2ql4:focus-within .top-search-lockup__secondary.svelte-bg2ql4:last-child,
html[dir=rtl] .top-search-lockup-wrapper.svelte-bg2ql4:focus-within .top-search-lockup__subhead.svelte-bg2ql4:last-child,
html[dir=rtl] .top-search-lockup-wrapper.svelte-bg2ql4:hover .top-search-lockup__secondary.svelte-bg2ql4:last-child,
html[dir=rtl] .top-search-lockup-wrapper.svelte-bg2ql4:hover .top-search-lockup__subhead.svelte-bg2ql4:last-child {
    --maskDirection: to right
}

.top-search-lockup__play-button-wrapper.svelte-bg2ql4.svelte-bg2ql4 {
    --playButtonIconHoverColor: #fff;
    --playButtonSize: 18px;
    --interactivePlayButtonSize: 18px;
    align-items: center;
    background: rgba(0, 0, 0, .45);
    border-radius: 7px;
    bottom: 0;
    display: flex;
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    margin: auto;
    opacity: var(--playButtonOpacity, 0);
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: 100%;
    z-index: 1;
    z-index: var(--transgray-scrim-z, var(--z-default))
}

@media (min-width:1260px) {
    .top-search-lockup__play-button-wrapper.svelte-bg2ql4.svelte-bg2ql4 {
        --playButtonSize: 27px;
        --interactivePlayButtonSize: 27px
    }
}

.top-search-lockup__play-button-wrapper.svelte-bg2ql4 .play-button {
    border-radius: 7px;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.top-search-lockup__primary.svelte-bg2ql4.svelte-bg2ql4 {
    color: var(--systemPrimary);
    display: flex;
    font: var(--title-3)
}

.top-search-lockup__primary__title.svelte-bg2ql4.svelte-bg2ql4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1260px) {
    .top-search-lockup__primary__title.svelte-bg2ql4.svelte-bg2ql4 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .app-container.is-drawer-open .top-search-lockup__primary__title.svelte-bg2ql4.svelte-bg2ql4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.top-search-lockup__lyrics.svelte-bg2ql4.svelte-bg2ql4,
.top-search-lockup__secondary.svelte-bg2ql4.svelte-bg2ql4 {
    color: var(--systemSecondary);
    font: var(--callout)
}

.top-search-lockup__secondary.svelte-bg2ql4.svelte-bg2ql4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1260px) {
    .app-container.is-drawer-open .top-search-lockup__secondary.svelte-bg2ql4.svelte-bg2ql4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.top-search-lockup__lyrics.svelte-bg2ql4.svelte-bg2ql4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.top-search-lockup__subhead.svelte-bg2ql4.svelte-bg2ql4 {
    color: var(--systemTertiary);
    font: var(--footnote-emphasized);
    margin-top: 1px;
    text-transform: uppercase
}

.top-search-lockup__headline.svelte-bg2ql4.svelte-bg2ql4 {
    color: var(--systemTertiary);
    font: var(--caption-2-emphasized)
}

.top-search-lockup__lyrics.svelte-bg2ql4 mark {
    background-color: transparent;
    color: var(--systemPrimary);
    font-weight: 600
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup {
    min-height: 70px;
    padding: 0 14px
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup .artwork-component {
    --artwork-override-width: 42px;
    --artwork-override-height: calc(42px/var(--aspect-ratio))
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup__content {
    min-height: auto;
    grid-gap: 10px;
    -webkit-margin-end: -10px;
    -moz-margin-end: -10px;
    margin-inline-end: -10px
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup__icons {
    bottom: 4px
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup__primary__title.svelte-bg2ql4,
.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup__secondary.svelte-bg2ql4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.top-search-lockup-wrapper--recently-searched.svelte-bg2ql4 .top-search-lockup__play-button-wrapper.svelte-bg2ql4 {
    --playButtonSize: 18px;
    --interactivePlayButtonSize: 18px
}

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

@media (hover:hover) and (pointer:fine) {
    .product-lockup.svelte-1tr6noh.svelte-1tr6noh {
        --scrimOpacity: 0
    }

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

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

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

.product-lockup.svelte-1tr6noh .social-badges {
    opacity: calc(1 - var(--scrimOpacity, 0));
    transition: var(--global-transition)
}

.product-lockup__link.svelte-1tr6noh.svelte-1tr6noh {
    color: transparent;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: var(--z-default)
}

.product-lockup__artwork.svelte-1tr6noh.svelte-1tr6noh {
    border-radius: var(--global-border-radius-medium, 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: var(--z-default)
}

.product-lockup__artwork.svelte-1tr6noh.svelte-1tr6noh: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__artwork.svelte-1tr6noh .artwork-component {
    --override-placeholder-bg-color: var(--artwork-bg-color)
}

.product-lockup__content.svelte-1tr6noh.svelte-1tr6noh {
    margin-top: 4px
}

.product-lockup__ordinal.svelte-1tr6noh.svelte-1tr6noh {
    color: var(--systemPrimary);
    font: var(--callout);
    font-weight: 800
}

.product-lockup__content-details.svelte-1tr6noh.svelte-1tr6noh {
    text-align: start
}

.product-lockup__content-details--no-subtitle-link.svelte-1tr6noh.svelte-1tr6noh:hover {
    --linkHoverTextDecoration: underline
}

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

.product-lockup__title-link.svelte-1tr6noh.svelte-1tr6noh {
    color: var(--systemPrimary);
    display: grid;
    font: var(--callout);
    grid-template-columns: minmax(0, 1fr) auto
}

.product-lockup__title-link.svelte-1tr6noh .multiline-clamp--overflow:focus-within {
    --overflowBleedSize: 3px
}

.has-body-text.svelte-1tr6noh .product-lockup__subtitle-links.svelte-1tr6noh,
.has-body-text.svelte-1tr6noh .product-lockup__title-link.svelte-1tr6noh {
    font: var(--body)
}

@supports selector(:has(:focus-visible)) {

    .product-lockup__subtitle-links--multiline.product-lockup__subtitle-links--singlet.svelte-1tr6noh .svelte-1tr6noh:focus-visible,
    .product-lockup__title-link--multiline.svelte-1tr6noh .svelte-1tr6noh:focus-visible {
        box-shadow: none;
        outline: none
    }

    .product-lockup__subtitle-links--multiline.product-lockup__subtitle-links--singlet:has(:focus-visible).product-lockup__title-link.svelte-1tr6noh.svelte-1tr6noh,
    .product-lockup__title-link--multiline:has(:focus-visible).product-lockup__title-link.svelte-1tr6noh.svelte-1tr6noh {
        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-1tr6noh .multiline-clamp,
    .product-lockup__title-link--multiline:has(:focus-visible).product-lockup__subtitle-links.svelte-1tr6noh .multiline-clamp {
        box-shadow: inset 0 0 0 4px rgba(var(--keyColor-rgb), .6);
        outline: none
    }
}

.product-lockup__subtitle-links.svelte-1tr6noh.svelte-1tr6noh {
    color: var(--systemSecondary);
    font: var(--callout);
    margin-top: 1px
}

.product-lockup__subtitle--button.svelte-1tr6noh.svelte-1tr6noh {
    display: inline;
    text-align: start
}

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

.product-lockup__explicit.svelte-1tr6noh.svelte-1tr6noh {
    --explicitBadgeSize: 11px;
    margin-inline-start: 10px
}

.product-lockup__controls.svelte-1tr6noh.svelte-1tr6noh {
    border-radius: inherit;
    height: 100%;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

@media (pointer:coarse) {
    .product-lockup__controls.svelte-1tr6noh.svelte-1tr6noh {
        visibility: hidden
    }
}

.product-lockup__context-button.svelte-1tr6noh.svelte-1tr6noh {
    bottom: 10px;
    inset-inline-end: 10px;
    line-height: 0;
    position: absolute;
    z-index: var(--z-default)
}

.product-lockup__play-button.svelte-1tr6noh.svelte-1tr6noh {
    --iconCircleFillBGOverride: transparent;
    bottom: 10px;
    inset-inline-start: 10px;
    line-height: 0;
    position: absolute;
    z-index: var(--z-default)
}

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

.product-lockup__play-button--large.svelte-1tr6noh.svelte-1tr6noh {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.badge-list.svelte-1ypwnvz {
    --override-placeholder-bg-color: var(--profileBadgeBG);
    --shelf-aspect-ratio: initial;
    display: flex;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.badge-list--offset.svelte-1ypwnvz {
    -webkit-margin-start: calc(var(--social-badge-border-size, 1px)*-1);
    -moz-margin-start: calc(var(--social-badge-border-size, 1px)*-1);
    margin-inline-start: calc(var(--social-badge-border-size, 1px)*-1);
    -webkit-margin-end: calc(var(--social-badge-border-size, 1px)*-1);
    -moz-margin-end: calc(var(--social-badge-border-size, 1px)*-1);
    margin-inline-end: calc(var(--social-badge-border-size, 1px)*-1)
}

.profile-badge.svelte-1ypwnvz {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: var(--social-badge-size, 32px);
    width: var(--social-badge-size, 32px)
}

.profile-badge.svelte-1ypwnvz:first-child {
    z-index: calc(var(--z-default) + 9)
}

.profile-badge.svelte-1ypwnvz:nth-child(2) {
    z-index: calc(var(--z-default) + 8)
}

.profile-badge.svelte-1ypwnvz:nth-child(3) {
    z-index: calc(var(--z-default) + 7)
}

.profile-badge.svelte-1ypwnvz:nth-child(4) {
    z-index: calc(var(--z-default) + 6)
}

.profile-badge.svelte-1ypwnvz:nth-child(5) {
    z-index: calc(var(--z-default) + 5)
}

.profile-badge.svelte-1ypwnvz:nth-child(6) {
    z-index: calc(var(--z-default) + 4)
}

.profile-badge.svelte-1ypwnvz:nth-child(7) {
    z-index: calc(var(--z-default) + 3)
}

.profile-badge.svelte-1ypwnvz:nth-child(8) {
    z-index: calc(var(--z-default) + 2)
}

.profile-badge.svelte-1ypwnvz:nth-child(9) {
    z-index: calc(var(--z-default) + 1)
}

.profile-badge.svelte-1ypwnvz:nth-child(10) {
    z-index: calc(var(--z-default))
}

.profile-badge.svelte-1ypwnvz:not(:first-of-type) {
    -webkit-margin-start: var(--social-badge-overlap, -17px);
    -moz-margin-start: var(--social-badge-overlap, -17px);
    margin-inline-start: var(--social-badge-overlap, -17px)
}

.profile-badge--raise-on-hover.svelte-1ypwnvz:focus-within,
.profile-badge--raise-on-hover.svelte-1ypwnvz:hover {
    z-index: calc(var(--z-default) + 10)
}

a.svelte-nsrbv3,
span.svelte-nsrbv3 {
    border-radius: inherit
}

a.svelte-nsrbv3 {
    --linkHoverTextDecoration: none;
    position: relative
}

a.svelte-nsrbv3:after {
    background: var(--pageBG);
    color: var(--systemSecondary);
    content: attr(data-friend-name);
    display: block;
    font: var(--body);
    inset-inline-start: 50%;
    margin-top: calc(1px + var(--social-badge-border-size, 1px));
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    white-space: nowrap
}

a.svelte-nsrbv3:focus:after,
a.svelte-nsrbv3:hover:after {
    opacity: 1
}

@media (max-width:999px) {
    a.is-first.svelte-nsrbv3:after {
        bottom: -19px;
        inset-inline-end: unset;
        inset-inline-start: var(--social-badge-border-size, 1px);
        transform: none
    }
}

@media (min-width:1000px) {
    a.is-last.svelte-nsrbv3:after {
        bottom: -19px;
        inset-inline-end: var(--social-badge-border-size, 1px);
        inset-inline-start: unset;
        transform: none
    }
}

.social-badges.svelte-vx3tyj {
    display: flex;
    flex-direction: column
}

@media (min-width:1000px) {
    .social-badges.svelte-vx3tyj {
        align-items: flex-end
    }

    .social-badges--meta.svelte-vx3tyj {
        --social-meta-text-align: end
    }
}

.social-badges__friends-meta-info.svelte-vx3tyj {
    color: var(--systemSecondary);
    font: var(--body);
    margin-top: 3px;
    text-align: var(--social-meta-text-align, start)
}

.badge-list:focus-within+.social-badges__friends-meta-info,
.badge-list:has(a:hover)+.social-badges__friends-meta-info {
    opacity: 0
}

.square-lockup__social.svelte-152pqr7 {
    bottom: 8px;
    inset-inline-end: 8px;
    position: absolute;
    z-index: var(--z-default)
}

.accessory-badge-wrapper.svelte-bjwgu8 {
    --global-transition-property: all;
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    -moz-padding-end: 8px;
    align-items: center;
    background-color: var(--keyColor);
    border-radius: 20px;
    color: #fff;
    display: flex;
    font: var(--subhead-bold);
    height: 20px;
    inset-inline-start: 10px;
    justify-content: center;
    min-width: auto;
    padding-inline-end: 8px;
    position: absolute;
    top: 10px;
    transition: var(--global-transition);
    z-index: calc(var(--z-default) + 1)
}

.accessory-badge-wrapper.is-future.svelte-bjwgu8 {
    background-color: #dcdcdc;
    color: var(--systemSecondary-onLight)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .accessory-badge-wrapper.is-future.svelte-bjwgu8 {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(245, 245, 245, .48)
    }

    @media (prefers-color-scheme:dark) {
        .accessory-badge-wrapper.is-future.svelte-bjwgu8 {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {
    .accessory-badge-wrapper.is-future.svelte-bjwgu8 {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #dcdcdc
    }
}

.powerswoosh.svelte-jazr1w.svelte-jazr1w {
    --feature-recommended-chin-height: 68px;
    border-radius: var(--global-border-radius-xlarge, 14px);
    cursor: pointer;
    margin-bottom: 8px;
    margin-top: 11px;
    position: relative;
    vertical-align: baseline;
    white-space: normal;
    width: 100%;
    z-index: var(--z-default)
}

@media (hover:hover) and (pointer:fine) {
    .powerswoosh.svelte-jazr1w.svelte-jazr1w {
        --scrimOpacity: 0
    }

    .powerswoosh.has-open-menu.svelte-jazr1w.svelte-jazr1w,
    .powerswoosh.svelte-jazr1w.svelte-jazr1w:focus-within,
    .powerswoosh.svelte-jazr1w.svelte-jazr1w:hover {
        --scrimOpacity: 1
    }

    @supports selector(:has(:focus-visible)) {
        .powerswoosh.svelte-jazr1w.svelte-jazr1w:focus-within {
            --scrimOpacity: 0
        }

        .powerswoosh.has-open-menu.svelte-jazr1w.svelte-jazr1w,
        .powerswoosh.svelte-jazr1w.svelte-jazr1w:has(:focus-visible),
        .powerswoosh.svelte-jazr1w.svelte-jazr1w:hover {
            --scrimOpacity: 1
        }
    }
}

.powerswoosh.svelte-jazr1w.svelte-jazr1w:before {
    border-radius: inherit;
    bottom: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    content: "";
    inset-inline-end: 5px;
    inset-inline-start: 5px;
    position: absolute;
    top: 20px;
    z-index: calc(var(--z-default) - 1)
}

.powerswoosh.svelte-jazr1w .powerswoosh__lockup-details-container.svelte-jazr1w {
    max-height: 45px;
    overflow: hidden
}

.powerswoosh.svelte-jazr1w .artwork-component {
    --override-placeholder-bg-color: var(--artwork-bg-color, var(--genericJoeColor));
    --afterShadowBorderRadius: var(--global-border-radius-xlarge, 14px) var(--global-border-radius-xlarge, 14px) 0 0
}

.powerswoosh.svelte-jazr1w .powerswoosh-container__social {
    bottom: calc(10px + var(--feature-recommended-chin-height));
    opacity: calc(1 - var(--scrimOpacity, 0));
    position: absolute;
    transition: var(--global-transition);
    z-index: var(--z-default)
}

.powerswoosh.svelte-jazr1w.svelte-jazr1w:has(.powerswoosh__lockup-action :focus-visible) {
    outline: 4px solid var(--sk-focus-color, rgba(var(--keyColor-rgb), .6));
    outline-offset: var(--sk-focus-offset, 1px)
}

.powerswoosh__reflect-outer-wrapper.svelte-jazr1w.svelte-jazr1w,
.powerswoosh__reflect-wrapper.svelte-jazr1w.svelte-jazr1w {
    border-radius: var(--global-border-radius-xlarge, 14px);
    overflow: hidden;
    position: relative;
    z-index: var(--z-default)
}

.powerswoosh__lockup-details.svelte-jazr1w.svelte-jazr1w {
    flex-direction: column;
    font: var(--callout);
    padding-top: 0;
    position: relative;
    width: 100%;
    word-break: break-word;
    z-index: var(--z-default)
}

.powerswoosh__subtitle.svelte-jazr1w.svelte-jazr1w,
.powerswoosh__title.svelte-jazr1w.svelte-jazr1w {
    color: var(--systemPrimary-onDark);
    text-align: center
}

.powerswoosh__subtitle.svelte-jazr1w.svelte-jazr1w:focus,
.powerswoosh__subtitle.svelte-jazr1w.svelte-jazr1w:hover,
.powerswoosh__title.svelte-jazr1w.svelte-jazr1w:focus,
.powerswoosh__title.svelte-jazr1w.svelte-jazr1w:hover {
    color: var(--systemPrimary-onDark)
}

.powerswoosh__description.svelte-jazr1w.svelte-jazr1w:last-child,
.powerswoosh__subtitle.svelte-jazr1w.svelte-jazr1w:last-child,
.powerswoosh__title.svelte-jazr1w.svelte-jazr1w:last-child {
    margin-bottom: 0
}

.powerswoosh__title.svelte-jazr1w.svelte-jazr1w {
    display: -webkit-box;
    transform: translateY(-1px);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh.svelte-jazr1w:not(.powerswoosh--channel) .powerswoosh__title.svelte-jazr1w {
    font: var(--callout-emphasized)
}

.powerswoosh.svelte-jazr1w .powerswoosh__title.powerswoosh__title--clamp-1.svelte-jazr1w {
    display: block;
    overflow: hidden;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.powerswoosh__subtitle.svelte-jazr1w.svelte-jazr1w,
.powerswoosh__title--with-subtitle.svelte-jazr1w.svelte-jazr1w {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh--has-no-title.svelte-jazr1w .powerswoosh__subtitle.svelte-jazr1w {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh--channel.svelte-jazr1w .powerswoosh__subtitle.svelte-jazr1w {
    font: var(--callout-emphasized)
}

.powerswoosh__subtitle.svelte-jazr1w .subtitle-links--clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh__description.svelte-jazr1w.svelte-jazr1w {
    color: var(--systemPrimary-onDark);
    display: -webkit-box;
    position: relative;
    text-align: center;
    z-index: var(--z-default);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh--has-no-title.svelte-jazr1w .powerswoosh__description.svelte-jazr1w {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh__artwork.svelte-jazr1w.svelte-jazr1w:before {
    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;
    z-index: calc(var(--z-default) + 1)
}

.powerswoosh:not(.powerswoosh--superhero).powerswoosh--remove-chin-padding.svelte-jazr1w .artwork-component {
    padding-top: calc(100%/var(--shelf-aspect-ratio) - var(--feature-recommended-chin-height))
}

.powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__chin.svelte-jazr1w {
    align-items: center;
    background-color: var(--shelfBG);
    border-radius: 0 0 var(--global-border-radius-xlarge, 14px) var(--global-border-radius-xlarge, 14px);
    color: var(--systemPrimary-onDark);
    display: flex;
    flex-grow: 2;
    height: var(--feature-recommended-chin-height);
    justify-content: center;
    padding-inline-end: 12px;
    padding-inline-start: 12px;
    pointer-events: none;
    position: relative;
    z-index: calc(var(--z-default) + 2)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__chin.svelte-jazr1w {
        overflow: visible
    }
}

@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)) {
    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__chin.svelte-jazr1w {
        overflow: hidden
    }
}

@supports (-moz-appearance:none) {
    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__chin.svelte-jazr1w {
        overflow: hidden
    }
}

@supports (-webkit-box-reflect:inherit) {
    .powerswoosh.svelte-jazr1w.svelte-jazr1w:not(.powerswoosh--superhero) {
        background-image: var(--background-image);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 99%
    }

    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork.svelte-jazr1w {
        -webkit-box-reflect: below;
        box-shadow: none
    }

    @supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
        .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork.svelte-jazr1w {
            will-change: opacity
        }
    }

    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__chin.svelte-jazr1w {
        -webkit-backdrop-filter: saturate(140%) blur(70px);
        backdrop-filter: saturate(140%) blur(70px);
        background: var(--lockupChinScrim)
    }

    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork-blur.svelte-jazr1w {
        bottom: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        margin: auto;
        position: absolute;
        top: 0;
        z-index: 1
    }
}

@supports not (-webkit-box-reflect:below) {
    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork-blur.svelte-jazr1w {
        background-image: var(--background-image);
        background-position: bottom;
        background-size: cover;
        bottom: 0;
        filter: saturate(140%);
        inset-inline-end: 0;
        inset-inline-start: 0;
        position: absolute;
        top: 0;
        transform: scaleY(-1);
        z-index: var(--z-default)
    }

    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork-blur.svelte-jazr1w:before {
        background-color: var(--lockupChinScrim);
        border-radius: var(--global-border-radius-xlarge, 14px) var(--global-border-radius-xlarge, 14px) 0 0;
        bottom: 0;
        content: "";
        display: block;
        inset-inline-end: 0;
        inset-inline-start: 0;
        position: absolute;
        top: 0;
        z-index: var(--z-default)
    }

    .powerswoosh.svelte-jazr1w:not(.powerswoosh--superhero) .powerswoosh__artwork-blur.svelte-jazr1w: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
    }

    .powerswoosh.svelte-jazr1w .powerswoosh:not(.powerswoosh--superhero) .powerswoosh__artwork-blur.svelte-jazr1w {
        box-shadow: none
    }
}

.powerswoosh__lockup-controls.svelte-jazr1w.svelte-jazr1w {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    z-index: 3
}

.powerswoosh__context-button.svelte-jazr1w.svelte-jazr1w,
.powerswoosh__play-button.svelte-jazr1w.svelte-jazr1w {
    bottom: calc(10px + var(--feature-recommended-chin-height));
    position: absolute;
    z-index: var(--z-default)
}

@media (pointer:coarse) {

    .powerswoosh__context-button.svelte-jazr1w.svelte-jazr1w,
    .powerswoosh__play-button.svelte-jazr1w.svelte-jazr1w {
        visibility: hidden
    }
}

.powerswoosh__play-button.svelte-jazr1w.svelte-jazr1w {
    inset-inline-start: 10px
}

.powerswoosh__context-button.svelte-jazr1w.svelte-jazr1w {
    inset-inline-end: 10px
}

.powerswoosh__lockup-action.svelte-jazr1w.svelte-jazr1w {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.powerswoosh__lockup-action.svelte-jazr1w .click-action,
.powerswoosh__lockup-action.svelte-jazr1w .play-button {
    border-radius: 0;
    display: block;
    height: 100%;
    width: 100%
}

.powerswoosh__lockup-action.svelte-jazr1w .play-button .icon {
    transform: translateY(calc(var(--feature-recommended-chin-height)*-.5))
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__chin.svelte-jazr1w {
    align-items: flex-end;
    border-radius: inherit;
    bottom: 0;
    display: flex;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    padding-bottom: 2px;
    position: absolute;
    z-index: var(--z-default)
}

.powerswoosh--superhero.powerswoosh--add-chin-padding.svelte-jazr1w .powerswoosh__artwork.svelte-jazr1w {
    --editorialVideoHeight: auto;
    --editorialVideoWidth: 100%
}

.powerswoosh--superhero.powerswoosh--add-chin-padding.svelte-jazr1w .powerswoosh__artwork.svelte-jazr1w .artwork-component {
    padding-top: calc(100%/var(--shelf-aspect-ratio) + var(--feature-recommended-chin-height))
}

.powerswoosh--superhero.powerswoosh--add-chin-padding.svelte-jazr1w .powerswoosh__artwork.svelte-jazr1w .artwork-component--auto-center>picture img {
    --artwork-position-x: 0;
    --artwork-position-y: 0;
    max-height: none
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__lockup-details.svelte-jazr1w {
    font: var(--callout);
    padding-inline-end: 12px;
    padding-inline-start: 12px;
    position: relative;
    z-index: calc(var(--z-default) + 1)
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__lockup-details-container.svelte-jazr1w {
    display: -webkit-box;
    margin-bottom: 12px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__title.svelte-jazr1w {
    color: var(--lockupSuperlabelPrimary);
    display: -webkit-box;
    margin-inline-end: auto;
    margin-inline-start: auto;
    text-align: center;
    width: 60%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__chin--legibility-gradient.svelte-jazr1w {
    min-height: 175px;
    z-index: calc(var(--z-default) + 1)
}

.powerswoosh--superhero.svelte-jazr1w .powerswoosh__chin--legibility-gradient.svelte-jazr1w:after {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .005) 6.2%, rgba(0, 0, 0, .019) 12.2%, rgba(0, 0, 0, .04) 18.3%, rgba(0, 0, 0, .067) 24.3%, rgba(0, 0, 0, .098) 30.4%, rgba(0, 0, 0, .133) 36.5%, rgba(0, 0, 0, .17) 42.7%, rgba(0, 0, 0, .209) 49.1%, rgba(0, 0, 0, .247) 55.6%, rgba(0, 0, 0, .283) 62.3%, rgba(0, 0, 0, .317) 69.2%, rgba(0, 0, 0, .346) 76.4%, rgba(0, 0, 0, .371) 84%, rgba(0, 0, 0, .389) 91.8%, rgba(0, 0, 0, .4));
    border-radius: inherit;
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: var(--z-default)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .powerswoosh--superhero.svelte-jazr1w:has(video) .powerswoosh__chin--legibility-gradient.svelte-jazr1w {
        will-change: opacity
    }
}

.powerswoosh__editorial-details.svelte-jazr1w.svelte-jazr1w {
    align-items: flex-start;
    border-radius: inherit;
    color: var(--systemPrimary-onDark);
    display: flex;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: flex-start;
    padding-inline-end: 18px;
    padding-top: 16px;
    padding-inline-start: 18px;
    position: absolute;
    top: 0;
    z-index: calc(var(--z-default) + 1)
}

.powerswoosh__editorial-details--legibility-gradient.svelte-jazr1w.svelte-jazr1w {
    min-height: 175px
}

.powerswoosh__editorial-details--legibility-gradient.svelte-jazr1w.svelte-jazr1w:before {
    background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .005) 6.2%, rgba(0, 0, 0, .019) 12.2%, rgba(0, 0, 0, .04) 18.3%, rgba(0, 0, 0, .067) 24.3%, rgba(0, 0, 0, .098) 30.4%, rgba(0, 0, 0, .133) 36.5%, rgba(0, 0, 0, .17) 42.7%, rgba(0, 0, 0, .209) 49.1%, rgba(0, 0, 0, .247) 55.6%, rgba(0, 0, 0, .283) 62.3%, rgba(0, 0, 0, .317) 69.2%, rgba(0, 0, 0, .346) 76.4%, rgba(0, 0, 0, .371) 84%, rgba(0, 0, 0, .389) 91.8%, rgba(0, 0, 0, .4));
    border-radius: inherit;
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: calc(var(--z-gpu) - 1)
}

.powerswoosh__editorial-details-lockup-details.svelte-jazr1w.svelte-jazr1w {
    min-width: 0;
    transform: translateZ(0);
    z-index: var(--z-gpu)
}

.powerswoosh__editorial-details-subtitle.svelte-jazr1w.svelte-jazr1w,
.powerswoosh__editorial-details-title.svelte-jazr1w.svelte-jazr1w {
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh__editorial-details-title.svelte-jazr1w.svelte-jazr1w {
    font: var(--title-3-bold)
}

.powerswoosh__editorial-details--has-no-subtitle.svelte-jazr1w .powerswoosh__editorial-details-title.svelte-jazr1w {
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh__editorial-details-subtitle.svelte-jazr1w.svelte-jazr1w {
    font: var(--title-3)
}

.subtitle-links.svelte-1swnbbm span.svelte-1swnbbm:not(:last-child) {
    display: inline-flex
}

.subtitle-links--chin-link.svelte-1swnbbm.svelte-1swnbbm {
    outline-offset: -2px;
    outline-width: 2px;
    pointer-events: all
}

.subtitle-links--clamp-1.svelte-1swnbbm.svelte-1swnbbm {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.subtitle-links--clamp-2.svelte-1swnbbm.svelte-1swnbbm {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh-container__header.svelte-1rooe8x {
    margin-bottom: 13px;
    text-align: start
}

.powerswoosh-container__heading.svelte-1rooe8x {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--title-3-tall);
    margin-top: 1px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.powerswoosh-container__social.svelte-1rooe8x {
    inset-inline-end: 8px;
    position: absolute;
    z-index: var(--z-default)
}

.content-container.svelte-f2g5g5 .artwork.svelte-f2g5g5 {
    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
}

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

.content-container.svelte-f2g5g5 .artwork.svelte-f2g5g5:before {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(128, 128, 128, .1);
    content: "";
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.content-container.svelte-f2g5g5 .text-container .title.svelte-f2g5g5 {
    display: inline
}

.content-container.svelte-f2g5g5 .text-container:hover .subtitle.svelte-f2g5g5,
.content-container.svelte-f2g5g5 .text-container:hover .title.svelte-f2g5g5 {
    text-decoration: underline
}

.content-container.svelte-f2g5g5:hover .artwork.svelte-f2g5g5:after {
    opacity: 1
}

.ellipse-lockup.svelte-f2g5g5.svelte-f2g5g5 {
    text-align: center
}

.ellipse-lockup.svelte-f2g5g5 .artwork,
.ellipse-lockup.svelte-f2g5g5 div.artwork-component {
    border-radius: 50%;
    overflow: hidden;
    z-index: var(--z-default)
}

.ellipse-lockup.svelte-f2g5g5 .text-container.svelte-f2g5g5:not(:has(.caption)) {
    margin-top: 8px
}

.ellipse-lockup.svelte-f2g5g5 .caption.svelte-f2g5g5 {
    color: var(--systemSecondary);
    font: var(--caption-1-emphasized)
}

.ellipse-lockup.svelte-f2g5g5 .title.svelte-f2g5g5 {
    color: var(--systemPrimary);
    display: -webkit-box;
    font: var(--callout-tall);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ellipse-lockup.svelte-f2g5g5 .subtitle.svelte-f2g5g5 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--callout);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ellipse-lockup.svelte-f2g5g5 .artwork-fallback.svelte-f2g5g5 {
    align-items: center;
    background-color: var(--genericJoeColor);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ellipse-lockup.svelte-f2g5g5 .artwork-fallback.svelte-f2g5g5 svg {
    fill: #99999d
}

.subtitle-entry.svelte-f2g5g5:not(:empty)~.subtitle-entry.svelte-f2g5g5:not(:empty):before {
    content: ", "
}

.ellipse-lockup-wrapper.svelte-i6muqu {
    --linkHoverTextDecoration: none
}

.ellipse-lockup-wrapper.svelte-i6muqu a {
    display: block
}

.link-box.svelte-wf06kw.svelte-wf06kw {
    --text-color: var(--keyColor);
    align-items: center;
    background-color: var(--systemQuinary);
    border-radius: var(--global-border-radius-large, 10px);
    color: var(--text-color);
    display: flex;
    height: 58px;
    padding-inline-end: 16px;
    padding-inline-start: 16px;
    position: relative
}

.link-box__chevron {
    height: 10px;
    width: 6px;
    fill: var(--text-color);
    margin-inline-end: 2px;
    margin-inline-start: 10px
}

.category.svelte-wf06kw.svelte-wf06kw {
    --text-color: var(--systemPrimary)
}

.category.svelte-wf06kw p.svelte-wf06kw {
    font: var(--title-3-emphasized)
}

p.svelte-wf06kw.svelte-wf06kw {
    display: -webkit-box;
    flex: 1;
    font: var(--title-3);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.link-component.svelte-11hu8an {
    --linkHoverTextDecoration: none;
    --buttonWidth: 100%;
    --buttonHeight: 36px;
    --buttonDisplay: block;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%
}

.link-component.svelte-11hu8an a {
    border-radius: 10px;
    display: block
}

.link-component.svelte-11hu8an button {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:1000px) {
    .link-component.svelte-11hu8an {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        display: inline-block;
        -webkit-padding-start: 0;
        -moz-padding-start: 0;
        padding-inline-start: 0;
        -webkit-padding-end: 0;
        -moz-padding-end: 0;
        padding-inline-end: 0
    }
}

.schedule-button.svelte-zxl1tz {
    align-items: center;
    background-color: var(--systemQuinary);
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.schedule-button.svelte-zxl1tz .schedule-glyph {
    fill: var(--keyColor)
}

.horizontal-poster-lockup.svelte-1qjtdtf.svelte-1qjtdtf {
    --iconCircleFillBGOverride: transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: var(--z-default)
}

.horizontal-poster-lockup.svelte-1qjtdtf.svelte-1qjtdtf:before {
    border-radius: inherit;
    bottom: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    content: "";
    inset-inline-end: 20px;
    inset-inline-start: 20px;
    position: absolute;
    top: 78px;
    z-index: var(--z-default)
}

.horizontal-poster-lockup.svelte-1qjtdtf>span.svelte-1qjtdtf {
    display: flex;
    flex-direction: column;
    height: 100%
}

.horizontal-poster-lockup.svelte-1qjtdtf:focus .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:after,
.horizontal-poster-lockup.svelte-1qjtdtf:focus .horizontal-poster-lockup__artwork-container.svelte-1qjtdtf:before,
.horizontal-poster-lockup.svelte-1qjtdtf:focus-within .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:after,
.horizontal-poster-lockup.svelte-1qjtdtf:focus-within .horizontal-poster-lockup__artwork-container.svelte-1qjtdtf:before,
.horizontal-poster-lockup.svelte-1qjtdtf:hover .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:after,
.horizontal-poster-lockup.svelte-1qjtdtf:hover .horizontal-poster-lockup__artwork-container.svelte-1qjtdtf:before {
    opacity: 1
}

.horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf:after,
.horizontal-poster-lockup__artwork-container.svelte-1qjtdtf.svelte-1qjtdtf:before {
    background-color: rgba(51, 51, 51, .3);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .1s ease-in;
    width: 100%;
    z-index: 1
}

.horizontal-poster-lockup__header.svelte-1qjtdtf.svelte-1qjtdtf {
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    flex-grow: 0;
    grid-template-areas: "heading    schedule" "subheading schedule";
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    min-height: 58px;
    padding-bottom: 15px;
    padding-top: 5px;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    padding-inline-end: 0
}

.horizontal-poster-lockup__heading.svelte-1qjtdtf.svelte-1qjtdtf {
    font: var(--title-2-emphasized);
    grid-area: heading;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.horizontal-poster-lockup__subheading.svelte-1qjtdtf.svelte-1qjtdtf {
    color: var(--systemSecondary);
    font: var(--body);
    grid-area: subheading;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.horizontal-poster-lockup__schedule.svelte-1qjtdtf.svelte-1qjtdtf {
    grid-area: schedule
}

.horizontal-poster-lockup__schedule.svelte-1qjtdtf a {
    border-radius: 50%;
    display: block
}

.horizontal-poster-lockup__lockup-container.svelte-1qjtdtf.svelte-1qjtdtf {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    z-index: var(--z-default)
}

.horizontal-poster-lockup__lockup-container.svelte-1qjtdtf.svelte-1qjtdtf: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: calc(var(--z-default) + 1)
}

.horizontal-poster-lockup__artwork-container.svelte-1qjtdtf.svelte-1qjtdtf {
    border-radius: 10px 10px 0 0
}

.horizontal-poster-lockup__artwork-container.svelte-1qjtdtf .artwork-container {
    z-index: calc(var(--z-default) - 1)
}

.horizontal-poster-lockup__artwork-container.svelte-1qjtdtf .artwork-component {
    --override-placeholder-bg-color: var(--artwork-bg-color, var(--genericJoeColor));
    --afterShadowBorderRadius: 10px 10px 0 0
}

@media (hover:hover) and (pointer:fine) {
    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf:before {
        --global-transition-property: background-color;
        transition: var(--global-transition)
    }

    .horizontal-poster-lockup.svelte-1qjtdtf:focus .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:before,
    .horizontal-poster-lockup.svelte-1qjtdtf:focus-within .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:before,
    .horizontal-poster-lockup.svelte-1qjtdtf:hover .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf:before {
        background-color: var(--lockupHoverBGColor)
    }
}

.horizontal-poster-lockup__chin.svelte-1qjtdtf.svelte-1qjtdtf {
    border-radius: 0 0 10px 10px;
    color: #fff;
    display: flex;
    flex-grow: 2;
    justify-content: space-between;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 14px;
    position: relative;
    z-index: var(--z-default);
    -webkit-padding-start: 12px;
    -moz-padding-start: 12px;
    padding-inline-start: 12px;
    -webkit-padding-end: 12px;
    -moz-padding-end: 12px;
    padding-inline-end: 12px
}

.horizontal-poster-lockup__lockup-notes.svelte-1qjtdtf.svelte-1qjtdtf {
    flex: 1;
    max-width: calc(100% - 42px);
    position: relative;
    white-space: normal;
    z-index: var(--z-default)
}

.horizontal-poster-lockup__episode-title.svelte-1qjtdtf.svelte-1qjtdtf {
    display: -webkit-box;
    font: var(--title-3-emphasized);
    margin-bottom: 1px;
    margin-top: 2px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.horizontal-poster-lockup__episode-title-link.svelte-1qjtdtf.svelte-1qjtdtf {
    pointer-events: all
}

.horizontal-poster-lockup__episode-title-link.svelte-1qjtdtf.svelte-1qjtdtf,
.horizontal-poster-lockup__episode-title-link.svelte-1qjtdtf.svelte-1qjtdtf:focus,
.horizontal-poster-lockup__episode-title-link.svelte-1qjtdtf.svelte-1qjtdtf:hover {
    color: inherit
}

.horizontal-poster-lockup__description.svelte-1qjtdtf.svelte-1qjtdtf {
    display: -webkit-box;
    font: var(--callout);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.horizontal-poster-lockup__badge-line.svelte-1qjtdtf.svelte-1qjtdtf,
.horizontal-poster-lockup__description.svelte-1qjtdtf.svelte-1qjtdtf {
    color: rgba(255, 255, 255, .8)
}

.horizontal-poster-lockup__badge-line.svelte-1qjtdtf.svelte-1qjtdtf {
    font: var(--subhead-emphasized);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@supports (-webkit-box-reflect:inherit) {
    .horizontal-poster-lockup__lockup-container.svelte-1qjtdtf.svelte-1qjtdtf {
        background-image: var(--background-image);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 99%;
        border-radius: 10px;
        overflow: hidden
    }

    .horizontal-poster-lockup__artwork-container.svelte-1qjtdtf.svelte-1qjtdtf {
        -webkit-box-reflect: below
    }

    .horizontal-poster-lockup__chin.svelte-1qjtdtf.svelte-1qjtdtf {
        -webkit-backdrop-filter: saturate(140%) blur(70px);
        backdrop-filter: saturate(140%) blur(70px);
        background-color: var(--lockupChinScrim);
        z-index: calc(var(--z-default) + 1)
    }

    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf {
        display: none
    }

    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf,
    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf:after {
        border-radius: 10px 10px 0 0
    }
}

@supports not (-webkit-box-reflect:below) {
    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf {
        background-image: var(--background-image);
        background-position: bottom;
        background-size: cover;
        bottom: 0;
        -webkit-filter: saturate(140%);
        filter: saturate(140%);
        inset-inline-end: 0;
        inset-inline-start: 0;
        position: absolute;
        top: 0;
        transform: scaleY(-1);
        z-index: var(--z-default)
    }

    .horizontal-poster-lockup__artwork-blur.svelte-1qjtdtf.svelte-1qjtdtf:before {
        background-color: var(--lockupChinScrim);
        bottom: 0;
        content: "";
        display: block;
        inset-inline-end: 0;
        inset-inline-start: 0;
        position: absolute;
        top: 0;
        z-index: var(--z-default)
    }
}

.horizontal-lockup.svelte-1ykrxg8.svelte-1ykrxg8 {
    --linkHoverTextDecoration: none;
    align-items: center;
    display: flex;
    gap: 4px 20px;
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

.horizontal-lockup.svelte-1ykrxg8 .play-button:focus,
.horizontal-lockup.svelte-1ykrxg8:focus .play-button,
.horizontal-lockup.svelte-1ykrxg8:focus-within .play-button,
.horizontal-lockup.svelte-1ykrxg8:hover .play-button {
    opacity: 1;
    transition: var(--global-transition)
}

.horizontal-lockup--large.svelte-1ykrxg8.svelte-1ykrxg8 {
    flex-wrap: wrap
}

.horizontal-lockup__artwork.svelte-1ykrxg8.svelte-1ykrxg8 {
    --artwork-override-width: var(--horizontal-lockup-artwork-size);
    --artwork-override-height: var(--horizontal-lockup-artwork-size);
    --horizontal-lockup-artwork-size: 97px;
    border-radius: 5px;
    flex: 0 0 var(--horizontal-lockup-artwork-size);
    position: relative
}

.horizontal-lockup--playable.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8:before {
    background-color: rgba(51, 51, 51, .3);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .1s ease-in;
    width: 100%;
    z-index: 1
}

.horizontal-lockup--playable.svelte-1ykrxg8:focus .horizontal-lockup__artwork.svelte-1ykrxg8:before,
.horizontal-lockup--playable.svelte-1ykrxg8:focus-within .horizontal-lockup__artwork.svelte-1ykrxg8:before,
.horizontal-lockup--playable.svelte-1ykrxg8:hover .horizontal-lockup__artwork.svelte-1ykrxg8:before {
    opacity: 1;
    pointer-events: none
}

.horizontal-lockup--video.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
    --artwork-override-height: auto
}

@media (--xsmall) {
    .horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
        --horizontal-lockup-artwork-size: 200px
    }
}

@media (min-width:1000px) {
    .horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
        --horizontal-lockup-artwork-size: calc(33.33333vw - var(--web-navigation-width, 0)*1/3 - 40px)
    }
}

@media (min-width:1260px) {
    .horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
        --horizontal-lockup-artwork-size: calc(25vw - var(--web-navigation-width, 0)*1/4 - 35px)
    }
}

@media (min-width:1580px) {
    .horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
        --horizontal-lockup-artwork-size: calc(20vw - var(--web-navigation-width, 0)*1/5 - 32px)
    }
}

@media (min-width:1940px) {
    .horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__artwork.svelte-1ykrxg8 {
        --horizontal-lockup-artwork-size: 304px
    }
}

.horizontal-lockup__artwork.svelte-1ykrxg8 a {
    border-radius: inherit;
    display: block
}

.horizontal-lockup__description-wrapper.svelte-1ykrxg8.svelte-1ykrxg8 {
    width: 100%
}

.horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__description-wrapper.svelte-1ykrxg8 {
    -webkit-margin-end: var(--bodyGutter);
    -moz-margin-end: var(--bodyGutter);
    flex: 1 0 50%;
    margin-inline-end: var(--bodyGutter)
}

.horizontal-lockup__description-wrapper.svelte-1ykrxg8 a {
    display: block
}

.context-menu-wrapper.svelte-1ykrxg8.svelte-1ykrxg8 {
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px
}

@media (min-width:1000px) {
    .context-menu-wrapper.svelte-1ykrxg8.svelte-1ykrxg8 {
        -webkit-margin-end: 0;
        -moz-margin-end: 0;
        margin-inline-end: 0
    }
}

.horizontal-lockup__description.svelte-1ykrxg8.svelte-1ykrxg8 {
    overflow: hidden
}

.horizontal-lockup__headline.svelte-1ykrxg8.svelte-1ykrxg8 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--subhead-emphasized);
    margin-bottom: 1px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__headline.svelte-1ykrxg8 {
    color: var(--systemPrimary);
    font: var(--title-2)
}

.horizontal-lockup__headline.is-tinted.svelte-1ykrxg8.svelte-1ykrxg8 {
    color: var(--keyColor)
}

.horizontal-lockup__title.svelte-1ykrxg8.svelte-1ykrxg8 {
    color: var(--systemPrimary);
    display: -webkit-box;
    font: var(--title-3);
    margin-bottom: 1px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__title.svelte-1ykrxg8 {
    color: var(--systemSecondary);
    font: var(--title-2)
}

.horizontal-lockup__subtitle.svelte-1ykrxg8.svelte-1ykrxg8 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--callout);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.horizontal-lockup--large.svelte-1ykrxg8 .horizontal-lockup__subtitle.svelte-1ykrxg8 {
    font: var(--body)
}

.horizontal-lockup__play-button.svelte-1ykrxg8.svelte-1ykrxg8 {
    --iconCircleFillBGOverride: transparent;
    --playButtonSize: 60px;
    bottom: 0;
    height: var(--playButtonSize);
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: var(--playButtonSize);
    z-index: 1
}

.horizontal-lockup.svelte-1ykrxg8:focus .horizontal-lockup__play-button.svelte-1ykrxg8,
.horizontal-lockup.svelte-1ykrxg8:focus-within .horizontal-lockup__play-button.svelte-1ykrxg8,
.horizontal-lockup.svelte-1ykrxg8:hover .horizontal-lockup__play-button.svelte-1ykrxg8 {
    opacity: 1
}

.editorial-card.svelte-1fu2of6.svelte-1fu2of6 {
    --linkHoverTextDecoration: none;
    --playButtonCircleHoverColor: var(--keyColor);
    --iconCircleFillBGOverride: transparent;
    position: relative
}

.editorial-card__link.svelte-1fu2of6.svelte-1fu2of6 {
    color: transparent;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

.editorial-card__description.svelte-1fu2of6.svelte-1fu2of6 {
    margin-bottom: 15px;
    min-height: 60px
}

.editorial-card__description.svelte-1fu2of6.svelte-1fu2of6:lang(th) {
    min-height: 84px
}

.editorial-card__eyebrow.svelte-1fu2of6.svelte-1fu2of6 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--subhead-emphasized);
    margin: 1px 0 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__title.svelte-1fu2of6.svelte-1fu2of6 {
    color: var(--systemPrimary);
    display: -webkit-box;
    font: var(--title-2);
    margin: 0;
    padding: 0;
    text-align: match-parent;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__description--has-subtitle.svelte-1fu2of6 .editorial-card__title.svelte-1fu2of6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__description--has-subtitle.svelte-1fu2of6 .editorial-card__title.multi-line-clamp.svelte-1fu2of6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__sub-title.svelte-1fu2of6.svelte-1fu2of6 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--title-2);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__artwork.svelte-1fu2of6.svelte-1fu2of6 {
    border-radius: var(--global-border-radius-large, 10px);
    position: relative
}

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

.editorial-card.svelte-1fu2of6:is(:hover, :active, :focus) .editorial-card__artwork.svelte-1fu2of6:after,
a:focus~.editorial-card__artwork.svelte-1fu2of6.svelte-1fu2of6:after {
    opacity: 1
}

.editorial-card__artwork.svelte-1fu2of6.svelte-1fu2of6:focus-within:after {
    opacity: 1
}

.editorial-card__artwork.svelte-1fu2of6:focus-within .editorial-card__play-button.svelte-1fu2of6 {
    opacity: 1
}

.editorial-card__artwork-description.svelte-1fu2of6.svelte-1fu2of6 {
    align-items: flex-end;
    border-radius: inherit;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    margin-top: -100px;
    min-height: 100px;
    padding: 24px 16px 16px;
    white-space: normal;
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

.editorial-card__artwork-description.svelte-1fu2of6.svelte-1fu2of6:before {
    background: linear-gradient(transparent, rgba(0, 0, 0, .4));
    border-radius: inherit;
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.editorial-card__artwork-description-text.svelte-1fu2of6.svelte-1fu2of6 {
    color: #fff;
    display: -webkit-box;
    flex: 1;
    font: var(--callout);
    max-width: 85%;
    padding-inline-end: 20px;
    pointer-events: none;
    top: 4px;
    z-index: calc(var(--z-default) + 1);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.editorial-card__artwork-cover-artwork.svelte-1fu2of6.svelte-1fu2of6 {
    border-radius: 4px;
    margin-inline-start: auto;
    position: relative;
    --artwork-override-width: calc(60px*var(--aspect-ratio));
    --artwork-override-height: 60px
}

.editorial-card__artwork-cover-artwork.svelte-1fu2of6.svelte-1fu2of6:after {
    background-color: rgba(51, 51, 51, .3);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .1s ease-in;
    width: 100%;
    z-index: 1
}

a:focus .editorial-card__artwork-cover-artwork.svelte-1fu2of6.svelte-1fu2of6:after,
a:focus-within .editorial-card__artwork-cover-artwork.svelte-1fu2of6.svelte-1fu2of6:after,
a:hover .editorial-card__artwork-cover-artwork.svelte-1fu2of6.svelte-1fu2of6:after {
    opacity: 1
}

.editorial-card__play-button.svelte-1fu2of6.svelte-1fu2of6 {
    bottom: 15px;
    inset-inline-end: 15px;
    opacity: 0;
    position: absolute;
    transition: var(--global-transition)
}

.editorial-card__artwork-cover-artwork.svelte-1fu2of6 .editorial-card__play-button.svelte-1fu2of6 {
    align-items: center;
    bottom: 0;
    display: flex;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 2
}

.editorial-card.svelte-1fu2of6:focus-within .editorial-card__play-button.svelte-1fu2of6,
.editorial-card.svelte-1fu2of6:hover .editorial-card__play-button.svelte-1fu2of6 {
    opacity: 1;
    z-index: calc(var(--z-default) + 1)
}

.category-brick.svelte-1mi51kw {
    border-radius: var(--global-border-radius-large, 10px);
    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);
    overflow: hidden;
    position: relative;
    z-index: var(--z-default)
}

@media (min-width:320px) and (max-width:999px) {
    .category-brick.svelte-1mi51kw:not(.is-hd-aspect-ratio) {
        height: 111px
    }

    .category-brick.svelte-1mi51kw:not(.is-hd-aspect-ratio) .artwork-component {
        --artwork-override-width: calc(111px*var(--aspect-ratio));
        --artwork-override-height: 111px;
        bottom: -9999px;
        left: -9999px;
        margin: auto;
        position: absolute;
        right: -9999px;
        top: -9999px;
        z-index: 1
    }
}

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

a:focus .category-brick.svelte-1mi51kw:after,
a:hover .category-brick.svelte-1mi51kw:after {
    opacity: 1
}

.category-brick__title.svelte-1mi51kw {
    bottom: 9px;
    color: #fff;
    display: -webkit-box;
    font: var(--title-1-emphasized);
    padding-inline-end: 12px;
    padding-inline-start: 12px;
    pointer-events: none;
    position: absolute;
    z-index: calc(var(--z-default) + 1);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1580px) {
    .category-brick__title.svelte-1mi51kw {
        bottom: 11px;
        padding-inline-end: 16px;
        padding-inline-start: 16px
    }
}

.select-wrapper.svelte-bydt3 {
    display: grid;
    gap: 4px;
    grid-template-columns: auto auto;
    position: relative;
    z-index: var(--z-default)
}

.select-wrapper.svelte-bydt3:not(.select-wrapper--inherited-typography) {
    color: var(--keyColor);
    font: var(--title-3-tall)
}

.select.svelte-bydt3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    bottom: 0;
    color: transparent;
    font: var(--title-3);
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    max-width: 100%;
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 1
}

@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)) {
    .select.svelte-bydt3 {
        transform: translateY(1px)
    }
}

.select-text.svelte-bydt3 {
    color: inherit;
    font: inherit;
    grid-area: 1/1;
    white-space: nowrap
}

.select-chevron.svelte-bydt3 {
    grid-area: 1/2;
    height: 5px;
    margin-top: 10px;
    width: 9px;
    fill: var(--keyColor)
}

.select-chevron.svelte-bydt3 svg {
    display: block
}

option.svelte-bydt3 {
    background-color: var(--pageBG);
    color: var(--systemPrimary)
}

.header.svelte-rnrb59 {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.header.svelte-rnrb59:not(.is-panel-header) {
    margin: 0 var(--bodyGutter) 13px
}

.is-panel-header.svelte-rnrb59 {
    margin-inline: var(--header-title-margin-inline, 10px);
    padding-bottom: 12px;
    padding-top: var(--header-title-padding-top, 15px)
}

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

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

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

.headline.svelte-rnrb59 {
    color: var(--systemSecondary, #ccc);
    font: var(--title-3);
    margin-top: 3px
}

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

.title.svelte-rnrb59 {
    color: var(--header-title-color, var(--systemPrimary, #000));
    display: inline-block;
    font: var(--header-title-font, var(--title-2-emphasized))
}

.title__button.svelte-rnrb59 {
    text-align: start
}

a.title__button.svelte-rnrb59 {
    text-decoration: none
}

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

.subtitle.svelte-rnrb59 {
    color: var(--systemSecondary, #ccc);
    font: var(--title-3)
}

.header-chevron.svelte-rnrb59 {
    fill: var(--dropdownLightGrayIcon);
    font: var(--title-2-emphasized)
}

.disc-header.svelte-7k3won {
    margin: 38px var(--bodyGutter) 9px
}

.title.svelte-7k3won {
    color: var(--systemSecondary);
    font: var(--callout-emphasized)
}

.sort-button.svelte-n8z8ot {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    min-width: 28px
}

.sort-button.svelte-n8z8ot svg {
    fill: var(--systemSecondary)
}

.sort-button.svelte-n8z8ot .chevron {
    height: 5px;
    padding-inline-start: 10px
}

@media (max-width:483px) {
    .sort-button.svelte-n8z8ot .chevron {
        display: none
    }
}

.refresh.svelte-q0tczk {
    align-items: center;
    display: flex;
    gap: 3px
}

.refresh.svelte-q0tczk svg {
    height: 15px;
    width: 15px;
    fill: var(--keyColor)
}

.clear-recently-searched-button.svelte-w7rvd0 {
    color: var(--linkColor, inherit);
    display: block;
    text-align: inherit;
    width: 100%
}

.accessory-button.svelte-14ubqf2 {
    --linkColor: var(--keyColor);
    display: inline-block;
    font: var(--title-3);
    z-index: calc(var(--z-default) + 1)
}

.artwork-wrapper.svelte-csow38 {
    border-radius: 5px;
    margin-top: 3px;
    -webkit-padding-end: 12px;
    -moz-padding-end: 12px;
    padding-inline-end: 12px
}

.artwork-wrapper.svelte-csow38 .artwork-component {
    --artwork-override-width: calc(40px*var(--aspect-ratio));
    --artwork-override-height: 40px
}

.artwork-wrapper.svelte-csow38 div.artwork-component {
    overflow: hidden;
    z-index: var(--z-default)
}

.round.svelte-csow38 {
    border-radius: 50%;
    margin: 0
}

.latest-release.svelte-1qus7j1.svelte-1qus7j1 {
    --iconCircleFillBGOverride: transparent;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 32px;
    -webkit-margin-start: var(--bodyGutter);
    -moz-margin-start: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter);
    width: calc(100% - var(--bodyGutter))
}

@media (min-width:1000px) {
    .latest-release.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(50vw - var(--web-navigation-width, 0)*2/4 - 50px)
    }
}

@media (min-width:1260px) {
    .latest-release.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(40vw - var(--web-navigation-width, 0)*2/5 - 44px)
    }
}

@media (min-width:1580px) {
    .latest-release.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(25vw - var(--web-navigation-width, 0)*2/8 - 35px)
    }
}

@media (min-width:1940px) {
    .latest-release.svelte-1qus7j1.svelte-1qus7j1 {
        width: 385px
    }
}

@media (min-width:1000px) {
    .latest-release.latest-release--video.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(100% - var(--bodyGutter))
    }
}

@media (min-width:1000px) and (min-width:1000px) {
    .latest-release.latest-release--video.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(66.66667vw - var(--web-navigation-width, 0)*2/3 - 60px)
    }
}

@media (min-width:1000px) and (min-width:1260px) {
    .latest-release.latest-release--video.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(50vw - var(--web-navigation-width, 0)*2/4 - 50px)
    }
}

@media (min-width:1000px) and (min-width:1580px) {
    .latest-release.latest-release--video.svelte-1qus7j1.svelte-1qus7j1 {
        width: calc(40vw - var(--web-navigation-width, 0)*2/5 - 44px)
    }
}

@media (min-width:1000px) and (min-width:1940px) {
    .latest-release.latest-release--video.svelte-1qus7j1.svelte-1qus7j1 {
        width: 628px
    }
}

.latest-release__container.svelte-1qus7j1.svelte-1qus7j1 {
    align-items: center;
    display: flex
}

.latest-release__container.svelte-1qus7j1 .favorite+.explicit-wrapper {
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    margin-inline-start: 4px
}

.latest-release__container.svelte-1qus7j1 .explicit-wrapper {
    margin-top: 2px
}

.lockup-lines.svelte-1qus7j1.svelte-1qus7j1 {
    white-space: normal;
    -webkit-margin-start: 20px;
    -moz-margin-start: 20px;
    margin-inline-start: 20px;
    -webkit-margin-end: 20px;
    -moz-margin-end: 20px;
    margin-inline-end: 20px
}

.artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1 {
    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);
    cursor: pointer;
    position: relative
}

@media (hover:hover) and (pointer:fine) {
    .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1 {
        --scrimOpacity: 0
    }

    .artwork-wrapper.has-open-menu.svelte-1qus7j1.svelte-1qus7j1,
    .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1:focus-within,
    .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1:hover {
        --scrimOpacity: 1
    }

    @supports selector(:has(:focus-visible)) {
        .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1:focus-within {
            --scrimOpacity: 0
        }

        .artwork-wrapper.has-open-menu.svelte-1qus7j1.svelte-1qus7j1,
        .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1:has(:focus-visible),
        .artwork-wrapper.svelte-1qus7j1.svelte-1qus7j1:hover {
            --scrimOpacity: 1
        }
    }
}

.artwork-wrapper.svelte-1qus7j1 .artwork-component {
    --artwork-override-width: calc(50vw - 50px);
    --artwork-override-height: auto
}

@media (min-width:415px) {
    .artwork-wrapper.svelte-1qus7j1 .artwork-component {
        --artwork-override-width: 165px
    }
}

@media (min-width:1000px) {
    .artwork-wrapper.svelte-1qus7j1 .artwork-component {
        --artwork-override-width: calc(165px*var(--aspect-ratio));
        --artwork-override-height: 165px
    }
}

.latest-release--video.svelte-1qus7j1 .artwork-wrapper.svelte-1qus7j1 .artwork-component {
    --artwork-override-width: calc(50vw - 10px)
}

@media (min-width:484px) {
    .latest-release--video.svelte-1qus7j1 .artwork-wrapper.svelte-1qus7j1 .artwork-component {
        --artwork-override-width: calc((100vw - var(--web-navigation-width))/2)
    }
}

@media (min-width:1000px) {
    .latest-release--video.svelte-1qus7j1 .artwork-wrapper.svelte-1qus7j1 .artwork-component {
        --artwork-override-width: calc(165px*var(--aspect-ratio));
        --artwork-override-height: 165px
    }
}

.latest-release-artwork.svelte-1qus7j1.svelte-1qus7j1 {
    border-radius: 7px
}

.latest-release-artwork.svelte-1qus7j1.svelte-1qus7j1: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
}

.controls.svelte-1qus7j1.svelte-1qus7j1 {
    border-radius: inherit;
    height: 100%;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

@media (pointer:coarse) {
    .controls.svelte-1qus7j1.svelte-1qus7j1 {
        visibility: hidden
    }
}

.menu-button.svelte-1qus7j1.svelte-1qus7j1 {
    bottom: 10px;
    line-height: 0;
    position: absolute;
    z-index: var(--z-default)
}

.context-button.svelte-1qus7j1.svelte-1qus7j1 {
    inset-inline-end: 10px
}

.play-button.svelte-1qus7j1.svelte-1qus7j1 {
    inset-inline-start: 10px
}

.latest-release__headline.svelte-1qus7j1.svelte-1qus7j1 {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized);
    margin-bottom: 6px
}

.latest-release__title.svelte-1qus7j1.svelte-1qus7j1 {
    --badgeSize: calc(var(--explicitBadgeWidth, 0px) + var(--favoriteBadgeWidth, 0px));
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    display: -webkit-box;
    font: var(--title-3-tall);
    margin-inline-end: 4px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.latest-release__title--explicit.svelte-1qus7j1.svelte-1qus7j1 {
    --explicitBadgeWidth: 12px
}

.latest-release__title--favorited.svelte-1qus7j1.svelte-1qus7j1 {
    --favoriteBadgeWidth: 10px;
    --favoriteBadgeMarginInlineStart: 0
}

.latest-release__subtitle.svelte-1qus7j1.svelte-1qus7j1 {
    color: var(--systemSecondary);
    display: -webkit-box;
    font: var(--title-3-tall);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.latest-release__add.svelte-1qus7j1.svelte-1qus7j1 {
    margin-top: 9px
}

.shelf-grid-nav.svelte-1xmivhv {
    list-style: none;
    margin: 0
}

.shelf-grid-nav__arrow.svelte-1xmivhv {
    align-items: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transition: background-color .25s linear, color .25s linear, opacity .25s linear;
    translate: 0 -50%;
    width: 28px;
    z-index: var(--z-default)
}

@supports not (top:anchor(--a center)) {
    .shelf-grid-nav__arrow.svelte-1xmivhv {
        transform: translateY(calc(-50% + var(--offset)));
        translate: none
    }
}

.shelf:has(.shelf-grid__list--grid-rows-1) .shelf-grid-nav__arrow.svelte-1xmivhv {
    top: anchor(--shelf-first-artwork center, 50%)
}

.shelf-grid-nav__arrow.svelte-1xmivhv svg {
    height: 30.5px;
    width: 8.5px;
    fill: var(--systemSecondary)
}

.shelf-grid-nav__arrow.svelte-1xmivhv:focus-visible,
.shelf-grid-nav__arrow.svelte-1xmivhv:hover {
    background: var(--systemQuinary);
    text-decoration: none
}

@media (prefers-color-scheme:dark) {

    .shelf-grid-nav__arrow.svelte-1xmivhv:focus-visible,
    .shelf-grid-nav__arrow.svelte-1xmivhv:hover {
        background: var(--systemQuaternary)
    }
}

.shelf-grid-nav__arrow.svelte-1xmivhv:active {
    background: var(--systemQuaternary)
}

@media (prefers-color-scheme:dark) {
    .shelf-grid-nav__arrow.svelte-1xmivhv:active {
        background: var(--systemTertiary)
    }
}

.shelf-grid-nav__arrow.svelte-1xmivhv:active svg {
    fill: var(--systemPrimary)
}

.shelf-grid-nav__arrow.svelte-1xmivhv:disabled {
    cursor: default;
    opacity: 0
}

@media (max-width:999px) {
    .shelf-grid-nav__arrow.svelte-1xmivhv {
        display: none
    }
}

.shelf-grid-nav__arrow--right.svelte-1xmivhv {
    right: 6px;
    scale: -1 1
}

.shelf-grid-nav__arrow--left.svelte-1xmivhv {
    left: 6px
}

@media (max-width:999px) {
    .shelf-grid-nav.svelte-1xmivhv {
        display: none
    }
}

.shelf-grid.svelte-12rmzef.svelte-12rmzef {
    box-sizing: border-box;
    padding: 0 var(--shelfGridPaddingInline, var(--bodyGutter));
    position: relative;
    width: 100%;
    z-index: var(--z-default)
}

@media (max-width:999px) {
    .shelf-grid.svelte-12rmzef.svelte-12rmzef {
        padding-inline-end: 0;
        padding-inline-start: 0
    }

    .shelf-grid__header.svelte-12rmzef.svelte-12rmzef {
        margin-inline-end: 25px;
        padding-inline-start: 25px
    }
}

.shelf-grid__body.svelte-12rmzef.svelte-12rmzef {
    box-sizing: content-box;
    margin-inline-end: -2px;
    margin-inline-start: -2px;
    overflow: visible;
    padding-inline-end: 2px;
    padding-inline-start: 2px;
    width: 100%
}

@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
    @supports (-webkit-appearance:none) {
        @media (max-width:999px) {
            .shelf-grid__body.svelte-12rmzef.svelte-12rmzef {
                display: grid
            }
        }
    }
}

.shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    margin-bottom: calc(var(--override-shelf-overflow-bleed-bottom, var(--overflowBleedBottom, 15px))*-1);
    margin-top: calc(var(--override-shelf-overflow-bleed-top, var(--overflowBleedTop, 15px))*-1);
    overscroll-behavior-x: none;
    padding-bottom: var(--override-shelf-overflow-bleed-bottom, var(--overflowBleedBottom, 15px));
    padding-top: var(--override-shelf-overflow-bleed-top, var(--overflowBleedTop, 15px));
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

@media (max-width:999px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        margin-inline-end: 0;
        margin-inline-start: 0;
        padding-inline-end: var(--shelfGridGutterWidth, 25px);
        padding-inline-start: var(--shelfGridGutterWidth, 25px);
        scroll-padding-inline-start: 10px;
        width: 100%
    }

    @supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
        .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
            padding-inline-end: 10px
        }
    }
}

@media (min-width:1000px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        margin-inline-end: calc(var(--standard-lockup-shadow-offset, 15px)*-1);
        margin-inline-start: calc(var(--standard-lockup-shadow-offset, 15px)*-1);
        -webkit-mask: linear-gradient(90deg, transparent 0, #000 var(--standard-lockup-shadow-offset, 15px), #000 calc(100% - var(--standard-lockup-shadow-offset, 15px)), transparent 100%);
        mask: linear-gradient(90deg, transparent 0, #000 var(--standard-lockup-shadow-offset, 15px), #000 calc(100% - var(--standard-lockup-shadow-offset, 15px)), transparent 100%);
        padding-inline-end: var(--standard-lockup-shadow-offset, 15px);
        padding-inline-start: var(--standard-lockup-shadow-offset, 15px);
        width: calc(100% + 30px)
    }
}

.shelf-grid__list.svelte-12rmzef.svelte-12rmzef::-webkit-scrollbar {
    display: none
}

@media (prefers-reduced-motion:reduce) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        scroll-behavior: auto
    }
}

.shelf-grid__list-item.svelte-12rmzef.svelte-12rmzef {
    contain: content;
    margin-top: calc(var(--override-shelf-overflow-bleed-top, var(--standard-lockup-shadow-offset, 15px))*-1);
    margin-inline-end: calc(var(--standard-lockup-shadow-offset, 15px)*-1);
    margin-bottom: calc(var(--override-shelf-overflow-bleed-bottom, var(--standard-lockup-shadow-offset, 15px))*-1);
    margin-inline-start: calc(var(--standard-lockup-shadow-offset, 15px)*-1);
    padding-inline-end: var(--standard-lockup-shadow-offset, 15px);
    padding-bottom: var(--override-shelf-overflow-bleed-bottom, var(--standard-lockup-shadow-offset, 15px));
    padding-top: var(--override-shelf-overflow-bleed-top, var(--standard-lockup-shadow-offset, 15px));
    padding-inline-start: var(--standard-lockup-shadow-offset, 15px);
    scroll-snap-align: start
}

@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
    @supports (-webkit-appearance:none) {
        .shelf-grid__list-item.svelte-12rmzef.svelte-12rmzef {
            min-width: 0
        }
    }
}

.shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
    align-items: stretch;
    -moz-column-gap: var(--grid-column-gap-xsmall);
    column-gap: var(--grid-column-gap-xsmall);
    grid-auto-columns: var(--grid-max-content-xsmall, calc((100% - (var(--grid-xsmall) - 1)*var(--grid-column-gap-xsmall))/var(--grid-xsmall)));
    grid-template-rows: repeat(var(--grid-rows), max-content);
    row-gap: var(--grid-row-gap-xsmall)
}

@media (min-width:1000px) and (max-width:1259px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        -moz-column-gap: var(--grid-column-gap-small);
        column-gap: var(--grid-column-gap-small);
        grid-auto-columns: var(--grid-max-content-small, calc((100% - (var(--grid-small) - 1)*var(--grid-column-gap-small))/var(--grid-small)));
        grid-template-rows: repeat(var(--grid-rows), max-content);
        row-gap: var(--grid-row-gap-small)
    }
}

@media (min-width:1260px) and (max-width:1579px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        -moz-column-gap: var(--grid-column-gap-medium);
        column-gap: var(--grid-column-gap-medium);
        grid-auto-columns: var(--grid-max-content-medium, calc((100% - (var(--grid-medium) - 1)*var(--grid-column-gap-medium))/var(--grid-medium)));
        grid-template-rows: repeat(var(--grid-rows), max-content);
        row-gap: var(--grid-row-gap-medium)
    }

    .app-container.is-drawer-open .shelf-grid__list.svelte-12rmzef.svelte-12rmzef:not(.shelf-grid__list--grid-type-A, .shelf-grid__list--grid-type-music-radio, .shelf-grid__list--grid-type-H) {
        grid-auto-columns: var(--grid-max-content-medium, calc((100% - (var(--grid-medium) - 2)*var(--grid-column-gap-medium))/(var(--grid-medium) - 1)))
    }

    .app-container.is-drawer-open .shelf-grid__list.shelf-grid__list--grid-type-H.svelte-12rmzef.svelte-12rmzef {
        grid-auto-columns: var(--grid-max-content-medium, calc((100% - (var(--grid-medium) - 4)*var(--grid-column-gap-medium))/(var(--grid-medium) - 2)))
    }
}

@media (min-width:1580px) and (max-width:1939px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        -moz-column-gap: var(--grid-column-gap-large);
        column-gap: var(--grid-column-gap-large);
        grid-auto-columns: var(--grid-max-content-large, calc((100% - (var(--grid-large) - 1)*var(--grid-column-gap-large))/var(--grid-large)));
        grid-template-rows: repeat(var(--grid-rows), max-content);
        row-gap: var(--grid-row-gap-large)
    }

    .app-container.is-drawer-open .shelf-grid__list.svelte-12rmzef.svelte-12rmzef:not(.shelf-grid__list--grid-type-A, .shelf-grid__list--grid-type-music-radio, .shelf-grid__list--grid-type-H) {
        grid-auto-columns: var(--grid-max-content-large, calc((100% - (var(--grid-large) - 2)*var(--grid-column-gap-large))/(var(--grid-large) - 1)))
    }

    .app-container.is-drawer-open .shelf-grid__list.shelf-grid__list--grid-type-H.svelte-12rmzef.svelte-12rmzef {
        grid-auto-columns: var(--grid-max-content-large, calc((100% - (var(--grid-large) - 4)*var(--grid-column-gap-large))/(var(--grid-large) - 2)))
    }
}

@media (min-width:1940px) {
    .shelf-grid__list.svelte-12rmzef.svelte-12rmzef {
        -moz-column-gap: var(--grid-column-gap-xlarge);
        column-gap: var(--grid-column-gap-xlarge);
        grid-auto-columns: var(--grid-max-content-xlarge, calc((100% - (var(--grid-xlarge) - 1)*var(--grid-column-gap-xlarge))/var(--grid-xlarge)));
        grid-template-rows: repeat(var(--grid-rows), max-content);
        row-gap: var(--grid-row-gap-xlarge)
    }
}

@media (min-width:1000px) {
    .shelf-grid__list.svelte-12rmzef .svelte-12rmzef:first-child .artwork-component:not(.artwork-component--no-anchor) {
        anchor-name: --shelf-first-artwork
    }
}

.shelf-grid--onhover.svelte-12rmzef .shelf-grid-nav__arrow {
    opacity: 0;
    transition: background-color .25s linear, color .25s linear, opacity .25s linear;
    will-change: opacity
}

.shelf-grid--onhover.svelte-12rmzef .shelf-grid-nav__arrow:focus {
    opacity: 1
}

.shelf-grid--onhover.svelte-12rmzef:focus-within .shelf-grid-nav__arrow:not([disabled]),
.shelf-grid--onhover.svelte-12rmzef:hover .shelf-grid-nav__arrow:not([disabled]) {
    opacity: 1
}

.shelf-grid__list--align-items-end.svelte-12rmzef.svelte-12rmzef {
    --override-shelf-overflow-bleed-bottom: 35px;
    padding-top: 0
}

.shelf-grid__list--stack-xs-items.svelte-12rmzef.svelte-12rmzef {
    --override-shelf-overflow-bleed-bottom: 35px;
    align-items: stretch
}

@media (max-width:414px) {
    .shelf-grid__list--stack-xs-items.svelte-12rmzef.svelte-12rmzef {
        display: block;
        padding-inline-end: var(--bodyGutter)
    }

    .shelf-grid__list--stack-xs-items.svelte-12rmzef .svelte-12rmzef:not(:first-child) {
        margin-top: 32px
    }
}

.shelf.svelte-1dd7dqt {
    padding-bottom: 32px
}

.shelf--full-height-lockups.svelte-1dd7dqt .shelf-grid__list-item {
    align-self: end
}

.grid-wrapper.svelte-80nogj {
    display: grid;
    padding-bottom: 32px;
    grid-column-gap: 20px;
    grid-template-columns: 100%;
    -webkit-padding-start: var(--bodyGutter);
    -moz-padding-start: var(--bodyGutter);
    padding-inline-start: var(--bodyGutter);
    -webkit-padding-end: var(--bodyGutter);
    -moz-padding-end: var(--bodyGutter);
    padding-inline-end: var(--bodyGutter)
}

@media (min-width:1000px) {
    .grid-wrapper.svelte-80nogj {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width:1260px) {
    .grid-wrapper.svelte-80nogj {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1580px) {
    .grid-wrapper.svelte-80nogj {
        grid-template-columns: repeat(5, 1fr)
    }
}

.text-list.svelte-80nogj {
    padding-top: 32px
}

.text-list__header.svelte-80nogj {
    font: var(--title-2-emphasized);
    padding-bottom: 12px
}

.text-list__group.svelte-80nogj {
    margin-bottom: 17px
}

.text-list__group--with-badge.svelte-80nogj {
    margin-bottom: 25px
}

.text-list__group--without-title.svelte-80nogj {
    margin-top: 8px
}

.text-list__group__title.svelte-80nogj {
    color: var(--systemSecondary);
    font: var(--subhead);
    margin-bottom: 3px
}

.text-list__group__description.svelte-80nogj {
    font: var(--body-tall)
}

.badge-icon.svelte-80nogj {
    border-color: var(--systemSecondary);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: var(--systemSecondary);
    margin-bottom: 3px;
    min-width: 21px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    font: var(--caption-1-bold-short);
    padding-inline-end: 2px
}

.grid.svelte-1a54yxp.svelte-1a54yxp {
    margin: 0 var(--bodyGutter) 32px
}

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

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

.grid.grid--flow-row.grid--live-radio.svelte-1a54yxp.svelte-1a54yxp {
    grid-gap: 16px;
    grid-template-columns: repeat(3, 1fr)
}

@media (min-width:484px) {
    .grid.grid--flow-row.grid--live-radio.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(auto-fit, 88px)
    }

    .grid.grid--flow-row.grid--live-radio.svelte-1a54yxp.svelte-1a54yxp:has(>:nth-child(4)) {
        grid-template-columns: repeat(auto-fit, minmax(88px, 1fr))
    }
}

@media (min-width:1000px) {
    .grid.grid--flow-row.grid--live-radio.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 20px
    }
}

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

@media (min-width:1000px) {
    .grid.grid--flow-row.grid--top-results.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(3, 1fr)
    }
}

.grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
    --numSearchColumns: 1
}

.grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp {
    --numSearchColumns: 2
}

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

.grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp,
.grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
    grid-template-columns: repeat(var(--numSearchColumns), 1fr)
}

@media (min-width:1000px) {

    .grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp,
    .grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
        --numSearchColumns: 3
    }
}

@media (min-width:1260px) {

    .grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp,
    .grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
        --numSearchColumns: 4
    }
}

@media (min-width:1580px) {

    .grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp,
    .grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
        --numSearchColumns: 5
    }
}

@media (min-width:1260px) and (max-width:1939px) {

    .app-container.is-drawer-open .grid.grid--flow-row.grid--category-bricks.svelte-1a54yxp.svelte-1a54yxp,
    .app-container.is-drawer-open .grid.grid--flow-row.grid--recently-searched.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(calc(var(--numSearchColumns) - 1), 1fr)
    }
}

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

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

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

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

.grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp.svelte-1a54yxp {
    grid-template-columns: 1fr;
    margin: 0;
    grid-gap: 0 34px;
    align-items: center
}

@media (min-width:1000px) {
    .grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1260px) {
    .grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp.svelte-1a54yxp {
        grid-template-columns: repeat(3, 1fr)
    }
}

.grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp .grid-item.svelte-1a54yxp {
    height: 100%;
    position: relative;
    z-index: var(--z-default)
}

@media (min-width:1260px) {
    .grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp .grid-item.svelte-1a54yxp:not(:nth-last-child(-n+3)):after {
        border-bottom: var(--keyline-border-style);
        bottom: 0;
        content: "";
        display: block;
        inset-inline-end: 0;
        position: absolute;
        width: calc(100% - 57px);
        z-index: var(--z-default)
    }
}

@media (min-width:1000px) and (max-width:1259px) {
    .grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp .grid-item.svelte-1a54yxp:not(:nth-last-child(-n+2)):after {
        border-bottom: var(--keyline-border-style);
        bottom: 0;
        content: "";
        display: block;
        inset-inline-end: 0;
        position: absolute;
        width: calc(100% - 57px);
        z-index: var(--z-default)
    }
}

@media (max-width:999px) {
    .grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp .grid-item.svelte-1a54yxp:not(:nth-last-child(-n+1)):after {
        border-bottom: var(--keyline-border-style);
        bottom: 0;
        content: "";
        display: block;
        inset-inline-end: 0;
        position: absolute;
        width: calc(100% - 57px);
        z-index: var(--z-default)
    }
}

.grid.grid--flow-row.grid--credit-lockups.svelte-1a54yxp .grid-item.svelte-1a54yxp a {
    display: grid;
    height: 100%
}

.grid.grid--flow-row.svelte-1a54yxp.svelte-1a54yxp:not(.grid--custom-columns) {
    -webkit-margin-start: var(--bodyGutter);
    -moz-margin-start: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter);
    -webkit-margin-end: var(--bodyGutter);
    -moz-margin-end: var(--bodyGutter);
    margin-inline-end: var(--bodyGutter);
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    -moz-padding-end: 0;
    padding-inline-end: 0;
    --roomGridColumns: 2;
    --roomGridGap: 10px;
    display: grid;
    grid-template-columns: repeat(var(--roomGridColumns), 1fr);
    grid-gap: var(--roomGridGap)
}

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

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

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

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

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

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

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

.grid.grid--singular-link.svelte-1a54yxp.svelte-1a54yxp {
    -webkit-columns: 1;
    -moz-columns: 1;
    column-count: 1
}

@media (min-width:1000px) {
    .grid.grid--singular-link.svelte-1a54yxp.svelte-1a54yxp {
        max-width: calc(33.3% - 40px)
    }
}

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

.suggestion-lockup-item.svelte-5ff4t6 {
    --trackLockupPaddingInlineEnd: 0;
    -webkit-animation: svelte-5ff4t6-fadeIn 1s;
    animation: svelte-5ff4t6-fadeIn 1s
}

.suggestion-lockup-item.no-divider.svelte-5ff4t6 {
    --keyline-border-style: none
}

.suggestion-lockup-item.svelte-5ff4t6 .add-to-playlist-button {
    -webkit-margin-end: -4px;
    -moz-margin-end: -4px;
    margin-inline-end: -4px
}

@-webkit-keyframes svelte-5ff4t6-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes svelte-5ff4t6-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.button.svelte-rka6wn.svelte-rka6wn {
    width: 100%
}

@media (min-width:1260px) {
    .button.svelte-rka6wn.svelte-rka6wn {
        width: auto
    }
}

.button.svelte-rka6wn button {
    align-items: center;
    display: flex;
    font: var(--body-emphasized);
    height: var(--button-action-height, 36px);
    justify-content: center;
    min-width: var(--button-action-min-width, none);
    width: var(--button-action-width, 100%)
}

@media (min-width:1260px) {
    .button.svelte-rka6wn button {
        height: var(--button-action-height, 28px);
        min-width: var(--button-action-min-width, 100px);
        width: var(--button-action-width, auto)
    }
}

.button.primary.svelte-rka6wn button {
    background-color: var(--button-action-background-color, var(--keyColorBG));
    color: var(--button-action-color, #fff)
}

.button.primary.svelte-rka6wn button,
.button.secondary.svelte-rka6wn button {
    border-radius: var(--button-action-border-radius, 7px);
    padding: var(--button-action-padding, 0 10px)
}

.button.secondary.svelte-rka6wn button {
    background-color: var(--button-action-background-color, var(--systemQuinary));
    color: var(--button-action-color, var(--keyColor))
}

.icon.svelte-rka6wn svg {
    height: 12px;
    position: relative;
    top: var(--button-action-icon-top-offset, 1px)
}

.primary.svelte-rka6wn .icon.svelte-rka6wn svg {
    fill: #fff
}

.web-to-native__action {
    height: 10px;
    width: 10px;
    fill: var(--keyColor);
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    margin-inline-start: 4px
}

html[dir=rtl] .web-to-native__action {
    transform: scaleX(-1)
}

.collaborators__list.svelte-8adngo.svelte-8adngo {
    -webkit-padding-start: 25px;
    -moz-padding-start: 25px;
    padding-inline-start: 25px;
    -webkit-padding-end: 25px;
    -moz-padding-end: 25px;
    padding-inline-end: 25px
}

.collaborators__row.svelte-8adngo.svelte-8adngo {
    align-items: center;
    border-top: var(--keyline-border-style);
    display: flex;
    gap: 0 10px;
    height: 55px
}

.collaborators__row.svelte-8adngo:hover amp-contextual-menu-button {
    display: block
}

.collaborators__row.svelte-8adngo amp-contextual-menu-button {
    display: none;
    -webkit-margin-end: 4px;
    -moz-margin-end: 4px;
    margin-inline-end: 4px
}

.collaborators__row.svelte-8adngo .more-button.more-button--platter.more-button--material {
    --iconEllipsisFill: var(--contextMenuEllipsisFillOverride, var(--keyColor))
}

.collaborators__row.svelte-8adngo amp-contextual-menu-button:hover {
    --contextMenuEllipsisFillOverride: #fff
}

.collaborators__artwork.svelte-8adngo.svelte-8adngo {
    --social-badge-border-size: 0;
    border-radius: 50%;
    flex: 0 0 40px
}

.collaborators__details.svelte-8adngo.svelte-8adngo {
    align-items: center;
    display: flex;
    gap: 0 4px;
    justify-content: space-between;
    text-align: start;
    width: 100%
}

.collaborators__details.svelte-8adngo dl.svelte-8adngo,
.collaborators__details.svelte-8adngo.svelte-8adngo {
    overflow: hidden
}

.collaborators__handle.svelte-8adngo.svelte-8adngo,
.collaborators__name.svelte-8adngo.svelte-8adngo {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collaborators__name.svelte-8adngo.svelte-8adngo {
    color: var(--systemPrimary);
    font: var(--body);
    margin-bottom: 1px
}

.collaborators__handle.svelte-8adngo.svelte-8adngo {
    color: var(--systemSecondary);
    font: var(--callout)
}

.collaborators__follow-button.svelte-8adngo.svelte-8adngo {
    --linkHoverTextDecoration: none;
    align-items: center;
    align-self: center;
    background: var(--systemQuinary);
    border-radius: 16px;
    color: var(--keyColor);
    display: flex;
    font: var(--body-semibold-tall);
    height: 28px;
    padding: 0 16px
}

.collaborators__pending-actions.svelte-8adngo.svelte-8adngo {
    align-items: center;
    display: flex;
    gap: 0 16px
}

.action-button.svelte-8adngo.svelte-8adngo {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.action-button.svelte-8adngo svg {
    height: 13px;
    width: auto;
    fill: #fff
}

.action-button--approved.svelte-8adngo.svelte-8adngo {
    background: var(--systemGreen)
}

.action-button--declined.svelte-8adngo.svelte-8adngo {
    background: var(--systemRed)
}

.collaborators-modal__header.svelte-13fqnjx {
    margin-bottom: 16px;
    text-align: center
}

.collaborators-modal__title.svelte-13fqnjx {
    font: var(--title-2-emphasized)
}

.collaborators-modal__subtitle.svelte-13fqnjx {
    color: var(--systemSecondary);
    font: var(--callout);
    margin-top: 1px
}

.collaborators.svelte-1nkrtx5 {
    max-height: 400px;
    overflow-y: auto
}

.collaborators-button.svelte-1nkrtx5 {
    align-items: center;
    display: flex;
    gap: 7px;
    white-space: normal;
    width: 100%
}

.collaborators-button__names.svelte-1nkrtx5 {
    display: -webkit-box;
    text-align: start;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.collaborators-modal.svelte-1nkrtx5 {
    background: var(--pageBG);
    max-width: 100vw;
    padding-bottom: 0;
    padding-top: 20px;
    width: 420px
}

.collaborators-modal__actions.svelte-1nkrtx5 {
    --buttonWrapperWidth: auto;
    --buttonWidth: auto;
    --buttonHeight: 28px;
    border-top: var(--keyline-border-style);
    display: flex;
    justify-content: flex-end;
    padding: 12px 20px
}

.content-modal-container.svelte-1ih6d3u {
    align-items: center;
    background-color: var(--pageBG);
    border-radius: var(--modalBorderRadius);
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: calc(100vh - 160px);
    max-width: 691px;
    min-height: 230px;
    overflow: hidden;
    position: relative;
    width: 80vw
}

@media (min-width:320px) and (max-width:999px) {
    .content-modal-container.svelte-1ih6d3u {
        max-width: auto;
        width: calc(100vw - 50px)
    }
}

.content-modal-container.svelte-1ih6d3u:after {
    background: linear-gradient(to top, var(--pageBG) 0, rgba(var(--pageBG-rgb), 0) 100%);
    bottom: 0;
    content: "";
    height: 64px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition-delay: 0s;
    transition-duration: .3s;
    transition-property: height, width, background;
    width: calc(100% - 60px);
    z-index: var(--z-default)
}

@media (min-width:320px) and (max-width:999px) {
    .content-modal-container.svelte-1ih6d3u:after {
        width: calc(100% - 40px)
    }
}

.header-container.svelte-1ih6d3u {
    max-height: 120px;
    padding-bottom: 22px;
    pointer-events: none;
    position: sticky;
    transition-delay: 0s;
    transition-duration: .5s;
    transition-property: height, width;
    width: 100%;
    z-index: var(--z-default)
}

.content-is-scrolling.svelte-1ih6d3u {
    box-shadow: 0 3px 5px var(--systemQuaternary)
}

.button-container.svelte-1ih6d3u {
    align-self: flex-start;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.close-button.svelte-1ih6d3u {
    height: 18px;
    margin-bottom: 20px;
    margin-top: 16px;
    width: 18px;
    fill: var(--systemSecondary);
    margin-inline-start: 20px
}

.title.svelte-1ih6d3u {
    color: var(--systemPrimary);
    font: var(--title-1-emphasized);
    padding: 0 30px
}

@media (min-width:320px) and (max-width:999px) {
    .title.svelte-1ih6d3u {
        padding-inline-end: 20px;
        padding-inline-start: 20px
    }
}

@media (min-width:1000px) {
    .title.svelte-1ih6d3u {
        font: var(--large-title-emphasized)
    }
}

.subtitle.svelte-1ih6d3u {
    color: var(--systemSecondary);
    font: var(--body);
    padding: 0 30px
}

@media (min-width:320px) and (max-width:999px) {
    .subtitle.svelte-1ih6d3u {
        padding-inline-end: 20px;
        padding-inline-start: 20px
    }
}

.content-container.svelte-1ih6d3u {
    font: var(--title-3-tall);
    height: calc(100% - 120px);
    overflow-y: auto;
    padding-bottom: 42px;
    padding-inline-end: 30px;
    padding-inline-start: 30px;
    position: relative;
    text-align: start;
    white-space: pre-wrap;
    width: 100%
}

@media (min-width:320px) and (max-width:999px) {
    .content-container.svelte-1ih6d3u {
        padding-inline-end: 20px;
        padding-inline-start: 20px
    }
}

.hide-gradient.svelte-1ih6d3u:after {
    opacity: 0
}

.truncate-wrapper.svelte-p1v1m6 {
    position: relative;
    z-index: var(--z-default)
}

.content.svelte-p1v1m6 {
    display: -webkit-box;
    font: var(--truncate-font, var(--body-tall));
    white-space: pre-wrap;
    -webkit-line-clamp: var(--lines);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.content.title-3.svelte-p1v1m6 {
    font: var(--title-3);
    line-height: calc(var(--lineHeight)*1px)
}

.content.body.svelte-p1v1m6 {
    font: var(--body);
    line-height: calc(var(--lineHeight)*1px)
}

.with-more-button.svelte-p1v1m6 {
    --fade-direction: 270deg;
    -webkit-mask: linear-gradient(0deg, transparent 0, transparent calc(var(--line-height)*1px), #000 calc(var(--line-height)*1px)), linear-gradient(var(--fade-direction), transparent 0, transparent calc(var(--link-length)*var(--one-ch, 8)*1px), #000 calc((var(--link-length)*var(--one-ch, 8) + var(--line-height)*2)*1px));
    mask: linear-gradient(0deg, transparent 0, transparent calc(var(--line-height)*1px), #000 calc(var(--line-height)*1px)), linear-gradient(var(--fade-direction), transparent 0, transparent calc(var(--link-length)*var(--one-ch, 8)*1px), #000 calc((var(--link-length)*var(--one-ch, 8) + var(--line-height)*2)*1px));
    -webkit-mask-position: right bottom;
    mask-position: right bottom;
    -webkit-mask-size: initial, initial;
    mask-size: initial, initial;
    position: relative;
    word-break: break-word;
    z-index: var(--z-default)
}

html[dir=rtl] .with-more-button.svelte-p1v1m6 {
    --fade-direction: 90deg;
    -webkit-mask-position: left bottom;
    mask-position: left bottom
}

.more.svelte-p1v1m6 {
    bottom: var(--moreBottomPositionOverride, 1px);
    color: var(--moreTextColorOverride, var(--systemPrimary));
    font: var(--moreFontOverride, var(--subhead-emphasized));
    inset-inline-end: 0;
    padding-inline-start: 5px;
    position: absolute;
    z-index: var(--z-default)
}

.container-detail-header.svelte-1uuona0.svelte-1uuona0 {
    display: grid;
    grid-template-areas: "secondary-actions" "artwork" "headings" "primary-actions" "description";
    justify-items: center;
    margin: 0 var(--bodyGutter);
    margin-bottom: var(--containerDetailHeaderSpacer, 32px);
    padding-top: 20px
}

@media (min-width:1000px) {
    .container-detail-header.svelte-1uuona0.svelte-1uuona0 {
        grid-template-areas: "artwork    headings            canvas" "artwork    description         canvas" "artwork    primary-actions     canvas";
        grid-template-columns: auto auto 1fr;
        grid-template-rows: 1fr auto auto;
        justify-items: start;
        margin-bottom: var(--containerDetailHeaderSpacer, 40px);
        padding-top: 20px
    }
}

.container-detail-header--metadata-tall.svelte-1uuona0 .headings__title.svelte-1uuona0 {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.container-detail-header--metadata-tall.svelte-1uuona0 .headings__subtitles.svelte-1uuona0 {
    display: -webkit-box;
    font: var(--title-1);
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.container-detail-header--metadata-tall.svelte-1uuona0 .headings__subtitles--fluid-size.svelte-1uuona0 {
    font: var(--title-2)
}

.container-detail-header--metadata-tall.svelte-1uuona0 .headings__metadata-bottom.svelte-1uuona0,
.container-detail-header--metadata-tall.svelte-1uuona0 .headings__subtitles--fluid-spacing.svelte-1uuona0 {
    margin-top: 6px
}

.container-detail-header--metadata-tall.svelte-1uuona0 .description.svelte-1uuona0 {
    margin-top: 14px
}

.headings.svelte-1uuona0.svelte-1uuona0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: headings;
    margin-top: 18px;
    min-width: 0;
    width: 50%
}

@media (min-width:1000px) {
    .headings.svelte-1uuona0.svelte-1uuona0 {
        align-items: flex-start;
        align-self: end;
        margin-bottom: -5px;
        margin-top: -5px;
        padding-bottom: 5px;
        padding-top: 5px
    }

    .container-detail-header--no-description.svelte-1uuona0 .headings.svelte-1uuona0 {
        align-self: center
    }
}

.headings__title.svelte-1uuona0.svelte-1uuona0 {
    color: var(--systemPrimary);
    cursor: text;
    display: -webkit-box;
    font: var(--large-title-semibold);
    margin-bottom: -2px;
    text-align: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width:1000px) {
    .headings__title.svelte-1uuona0.svelte-1uuona0 {
        text-align: unset
    }
}

.headings__badges.svelte-1uuona0.svelte-1uuona0 {
    --explicitBadgeSize: 19px;
    --favoriteBadgeSize: 14px;
    --favoriteBadgeMarginInlineStart: 1px;
    align-items: center;
    display: inline-flex;
    gap: 6px;
    margin-inline-start: 4px
}

.headings__badges.svelte-1uuona0 .favorite svg {
    vertical-align: 2px
}

.headings__subtitles.svelte-1uuona0.svelte-1uuona0 {
    --linkColor: var(--keyColor);
    color: var(--keyColor);
    font: var(--large-title);
    margin-bottom: -5px;
    margin-top: -5px;
    margin-inline-end: -5px;
    margin-inline-start: -5px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-inline-end: 5px;
    padding-top: 5px;
    padding-inline-start: 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media (min-width:1000px) {
    .headings__subtitles.svelte-1uuona0.svelte-1uuona0 {
        text-align: unset
    }
}

.headings__metadata-top.svelte-1uuona0.svelte-1uuona0 {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized);
    margin-top: 9px
}

.headings__metadata-top.svelte-1uuona0 svg {
    fill: var(--systemSecondary)
}

.headings__metadata-top.svelte-1uuona0.svelte-1uuona0:empty {
    display: none
}

.headings__metadata-bottom.svelte-1uuona0.svelte-1uuona0 {
    color: var(--systemSecondary);
    font: var(--callout-emphasized);
    margin-top: 4px;
    text-align: center
}

.headings__metadata-bottom.svelte-1uuona0.svelte-1uuona0:empty {
    display: none
}

[slot=artwork] {
    --radiosity-effect-shadow-z: var(--z-gpu);
    align-self: start;
    border-radius: var(--global-border-radius-large, 10px);
    box-shadow: 0 10px 20px 0 var(--radiosityShadowColor);
    grid-area: artwork;
    margin: 15px auto 0;
    position: relative;
    width: var(--artworkSize, 270px);
    z-index: var(--radiosity-effect-shadow-z, var(--z-default))
}

[slot=artwork]:after {
    box-shadow: none
}

@media (min-width:1000px) {
    [slot=artwork] {
        margin-top: 0;
        margin-inline-end: 34px
    }
}

.description.svelte-1uuona0.svelte-1uuona0 {
    --truncate-font: var(--body-tall);
    color: var(--systemSecondary);
    grid-area: description;
    margin-top: 18px;
    max-width: 440px;
    min-height: 54px
}

@media (min-width:1000px) {
    .description.svelte-1uuona0.svelte-1uuona0 {
        align-self: end;
        margin-top: 28px
    }
}

.primary-actions.svelte-1uuona0.svelte-1uuona0 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    grid-area: primary-actions;
    justify-content: center;
    margin-top: 18px;
    row-gap: 16px
}

@media (min-width:1000px) {
    .primary-actions.svelte-1uuona0.svelte-1uuona0 {
        align-self: end;
        gap: 10px;
        justify-content: flex-start;
        margin-top: 36px
    }

    .container-detail-header--no-description.svelte-1uuona0 .primary-actions.svelte-1uuona0 {
        margin-top: 0
    }
}

.primary-actions__siri-banner.svelte-1uuona0.svelte-1uuona0 {
    align-items: center;
    display: flex;
    font: var(--title-3-emphasized);
    height: 48px;
    margin-top: auto;
    max-width: 440px
}

.primary-actions__siri-banner.svelte-1uuona0.svelte-1uuona0:before {
    background-image: url(/assets/siri_logo_light-19fae615.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 41px;
    margin-inline-end: 6px;
    margin-inline-start: -3px;
    width: 41px
}

@media (prefers-color-scheme:dark) {
    .primary-actions__siri-banner.svelte-1uuona0.svelte-1uuona0:before {
        background-image: url(/assets/siri_logo_dark-a105f79b.png)
    }
}

.primary-actions__button.svelte-1uuona0 .button button {
    border-radius: 6px;
    height: 28px;
    min-width: 127px;
    padding: 0 12px;
    transition: background-color .1s ease-in
}

.primary-actions__button.svelte-1uuona0 .button button:active {
    background-color: var(--keyColor-pressed)
}

@media (min-width:1000px) {
    .primary-actions__button.svelte-1uuona0 .button button {
        min-width: 100px
    }
}

.primary-actions__button.svelte-1uuona0 .icon {
    display: inline-block;
    vertical-align: baseline;
    width: 16px
}

.primary-actions__button.svelte-1uuona0.svelte-1uuona0:empty {
    display: none
}

.primary-actions__button--shuffle.svelte-1uuona0 .icon {
    margin-inline-end: 4px
}

.primary-actions__button--play.svelte-1uuona0 .icon {
    margin-bottom: 2px;
    margin-inline-end: 2px
}

.secondary-actions.svelte-1uuona0.svelte-1uuona0 {
    display: flex;
    gap: 10px;
    grid-area: secondary-actions;
    justify-self: end
}

@media (min-width:1000px) {
    .secondary-actions.svelte-1uuona0.svelte-1uuona0 {
        align-self: end
    }
}

.artwork__radiosity.svelte-vj7zg9 {
    --artwork-override-max-height: 100%;
    -webkit-filter: blur(20px) saturate(2);
    filter: blur(20px) saturate(2);
    height: 100%;
    opacity: .4;
    position: absolute;
    transform: scale(.88);
    transform-origin: bottom center;
    width: 100%;
    z-index: var(--radiosity-effect-z, var(--z-default))
}

@media (prefers-color-scheme:dark) {
    .artwork__radiosity.svelte-vj7zg9 {
        opacity: .3
    }
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .artwork__radiosity.svelte-vj7zg9 {
        transform: scale(.88) translateZ(0)
    }
}

.playlist-collaborators.svelte-vj7zg9 {
    --social-badge-size: 26px;
    --social-badge-overlap: -6px;
    --social-badge-border-color: var(--pageBG);
    -webkit-margin-end: 1px;
    -moz-margin-end: 1px;
    display: inline-block;
    margin-inline-end: 1px;
    vertical-align: -2px
}

@media (min-width:1000px) {
    .secondary-actions.svelte-vj7zg9 {
        -webkit-padding-start: 8px;
        -moz-padding-start: 8px;
        padding-inline-start: 8px;
        -webkit-margin-end: 18px;
        -moz-margin-end: 18px;
        margin-inline-end: 18px
    }
}

.secondary-actions.svelte-vj7zg9:has(.classical-button) {
    display: flex
}

.classical-button.svelte-vj7zg9 {
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    background: var(--systemQuinary);
    border-radius: 50%;
    height: 28px;
    margin-inline-end: 10px;
    width: 28px
}

.classical-button.svelte-vj7zg9 .click-action {
    display: block
}

.classical-button.svelte-vj7zg9 svg {
    fill: var(--keyColor)
}

.tracklist-footer.svelte-1tm9k9g.svelte-1tm9k9g {
    margin: 0 var(--bodyGutter);
    padding-bottom: 43px;
    padding-inline-start: 8px
}

@media (min-width:1000px) {
    .tracklist-footer.svelte-1tm9k9g.svelte-1tm9k9g {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 53px
    }
}

.section .tracklist-footer.svelte-1tm9k9g.svelte-1tm9k9g {
    margin-top: -12px
}

.footer-body.svelte-1tm9k9g.svelte-1tm9k9g {
    color: var(--systemSecondary);
    font: var(--body);
    max-width: 440px;
    position: relative
}

@media (min-width:1260px) {
    .footer-body.svelte-1tm9k9g.svelte-1tm9k9g {
        max-width: 540px
    }
}

@media (min-width:1580px) {
    .footer-body.svelte-1tm9k9g.svelte-1tm9k9g {
        max-width: 640px
    }
}

.tracklist-footer--playlist.svelte-1tm9k9g .footer-body.svelte-1tm9k9g {
    margin-top: 15px
}

.tracklist-footer--album.svelte-1tm9k9g .footer-body.svelte-1tm9k9g,
.tracklist-footer--recording.svelte-1tm9k9g .footer-body.svelte-1tm9k9g {
    font: var(--body-tall);
    margin-top: 44px
}

@media (min-width:1000px) {

    .tracklist-footer--album.svelte-1tm9k9g .footer-body.svelte-1tm9k9g,
    .tracklist-footer--recording.svelte-1tm9k9g .footer-body.svelte-1tm9k9g {
        margin-top: 34px
    }
}

.description.svelte-1tm9k9g.svelte-1tm9k9g {
    white-space: pre-wrap
}

.link-section.svelte-1tm9k9g.svelte-1tm9k9g {
    margin-top: 21px
}

.link-section.svelte-1tm9k9g .link-section__heading.svelte-1tm9k9g {
    font: var(--subhead-emphasized);
    margin-bottom: 4px
}

.link-section.svelte-1tm9k9g .link-section__link.svelte-1tm9k9g {
    --text-color: var(--keyColor);
    color: var(--text-color)
}

.link-section.svelte-1tm9k9g .link-section__link.svelte-1tm9k9g:hover {
    text-decoration: underline
}

.link-section.svelte-1tm9k9g .link-section__link.svelte-1tm9k9g .link-chevron {
    height: 9px;
    width: 5px;
    fill: var(--text-color);
    margin-inline-end: 11px;
    margin-inline-start: 5px;
    vertical-align: baseline
}

html[dir=rtl] .link-section.svelte-1tm9k9g .link-section__link.svelte-1tm9k9g .link-chevron {
    transform: scaleX(-1)
}

.tracklist-footer__native-cta-wrapper.svelte-1tm9k9g.svelte-1tm9k9g {
    --buttonHeight: auto;
    --buttonWidth: auto;
    margin-top: 10px
}

.tracklist-footer__friends.svelte-1tm9k9g.svelte-1tm9k9g {
    --social-badge-size: 38px;
    --social-badge-overlap: -8px;
    --social-badge-border-size: 2px;
    --social-badge-border-color: var(--pageBG)
}

.tracklist-footer__friends.svelte-1tm9k9g.svelte-1tm9k9g:empty {
    display: none
}

@media (min-width:1000px) {
    .tracklist-footer__friends.svelte-1tm9k9g.svelte-1tm9k9g {
        --social-badge-size: 44px;
        --social-badge-overlap: -10px;
        margin-top: 34px
    }
}

@media (max-width:999px) {
    .tracklist-footer--album.svelte-1tm9k9g .tracklist-footer__friends.svelte-1tm9k9g {
        margin-top: 27px
    }

    .tracklist-footer--playlist.svelte-1tm9k9g .tracklist-footer__friends.svelte-1tm9k9g {
        margin-top: 25px
    }
}

.uber.svelte-u2zh2b {
    position: relative
}

.uber__image.svelte-u2zh2b .artwork-component {
    --override-placeholder-bg-color: var(--curator-background-color);
    --artwork-override-height: 300px;
    max-height: 300px
}

@media (max-width:483px) {
    .uber__image.svelte-u2zh2b .artwork-component {
        --artwork-override-height: 57.14286vw
    }
}

@media (min-width:484px) and (max-width:999px) {
    .uber__image.svelte-u2zh2b .artwork-component {
        --artwork-override-height: calc((100vw - var(--web-navigation-width))/1.75)
    }
}

.uber__image.svelte-u2zh2b .artwork-component__image {
    --artwork-override-height: 100%;
    --artwork-override-width: auto;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

@media (min-width:1000px) {
    .uber__image.svelte-u2zh2b .artwork-component__image {
        -webkit-mask-image: url(../assets/uber/MasterArtMaskOptimized.png);
        mask-image: url(../assets/uber/MasterArtMaskOptimized.png);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 300px;
        mask-size: 100% 300px
    }
}

@media (min-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),
(min-width:1000px) and (min-resolution:1.5dppx),
(min-width:1000px) and (min-resolution:144dpi) {
    .uber__image.svelte-u2zh2b .artwork-component__image {
        -webkit-mask-image: url(../assets/uber/MasterArtMaskOptimized@2x.png);
        mask-image: url(../assets/uber/MasterArtMaskOptimized@2x.png)
    }
}

.uber__brand-logo.svelte-u2zh2b {
    border-radius: 50%;
    bottom: 15px;
    position: absolute;
    z-index: var(--z-default);
    -webkit-margin-start: var(--bodyGutter);
    -moz-margin-start: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter)
}

.uber__brand-logo.svelte-u2zh2b .artwork-component__image {
    --artwork-override-height: auto;
    --artwork-override-width: auto
}

.singular-content-page.svelte-8omwhm {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media (max-width:999px) {
    .singular-content-page.svelte-8omwhm {
        padding: var(--bodyGutter)
    }
}

@media (min-width:1000px) {
    .singular-content-page.svelte-8omwhm {
        bottom: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        justify-content: center;
        margin: auto;
        position: absolute;
        top: 0;
        z-index: 1
    }
}

.singular-content-page__content.svelte-8omwhm {
    display: flex;
    flex-direction: column;
    gap: 15px
}

@media (max-width:999px) {
    .singular-content-page__content.svelte-8omwhm {
        padding: 15px;
        width: 100%
    }
}

@media (min-width:1000px) {
    .singular-content-page__content.svelte-8omwhm {
        flex-direction: row;
        gap: 40px
    }
}

.singular-content-page__artwork.svelte-8omwhm {
    --artwork-override-width: 216px;
    align-self: center;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 var(--radiosityShadowColor);
    position: relative;
    z-index: var(--radiosity-effect-shadow-z, var(--z-default))
}

.singular-content-page__artwork.svelte-8omwhm:after {
    box-shadow: none
}

@media (max-width:999px) {
    .singular-content-page__artwork.svelte-8omwhm {
        --artwork-override-width: 100%;
        --artwork-override-min-width: 200px;
        --artwork-override-max-width: 296px;
        margin: auto;
        max-width: 296px;
        min-width: 200px;
        width: 100%
    }
}

.singular-content-page__artwork-radiosity.svelte-8omwhm {
    -webkit-filter: blur(20px) saturate(2);
    filter: blur(20px) saturate(2);
    height: 100%;
    opacity: .4;
    position: absolute;
    transform: scale(.88);
    transform-origin: bottom center;
    width: 100%;
    z-index: var(--radiosity-effect-z, var(--z-default))
}

@media (prefers-color-scheme:dark) {
    .singular-content-page__artwork-radiosity.svelte-8omwhm {
        opacity: .3
    }
}

.singular-content-page__content-details.svelte-8omwhm {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

@media (min-width:1000px) {
    .singular-content-page__content-details.svelte-8omwhm {
        align-items: flex-start;
        justify-content: center;
        max-width: var(--radioHeaderDetailWidth, 350px)
    }
}

.singular-content-page__singular-content-name.svelte-8omwhm {
    display: -webkit-box;
    font: var(--large-title-emphasized);
    margin-bottom: 2px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.singular-content-page__singular-content-artist-name.svelte-8omwhm,
.singular-content-page__singular-content-genre.svelte-8omwhm {
    color: var(--systemSecondary)
}

.singular-content-page__singular-content-artist-name.svelte-8omwhm {
    display: -webkit-box;
    font: var(--large-title);
    margin-bottom: 4px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.singular-content-page__singular-content-genre.svelte-8omwhm {
    font: var(--subhead-emphasized)
}

.singular-content-page__buttons.svelte-8omwhm {
    align-items: center;
    display: flex;
    margin-top: 21px;
    width: 100%
}

@media (max-width:999px) {
    .singular-content-page__buttons.svelte-8omwhm {
        justify-content: center
    }
}

.singular-content-page__buttons.svelte-8omwhm .button {
    min-width: 100px;
    width: auto
}

.singular-content-page__buttons.svelte-8omwhm .button button {
    height: 28px
}

.singular-content-page__buttons.svelte-8omwhm .icon {
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    -webkit-margin-end: 2px;
    -moz-margin-end: 2px;
    margin-inline-end: 2px
}

.singular-content-page__explicit-badge.svelte-8omwhm {
    --explicitBadgeSize: 19px;
    -webkit-margin-start: 5px;
    -moz-margin-start: 5px;
    margin-inline-start: 5px
}

.singular-content-page__contextual-menu.svelte-8omwhm {
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor);
    --contextMenuCircleHoverFill: var(--systemQuinary);
    --contextMenuEllipsisHoverFill: var(--keyColor);
    -webkit-margin-start: 12px;
    -moz-margin-start: 12px;
    margin-inline-start: 12px
}

.faq-accordion__button.svelte-7947hy {
    align-items: center;
    display: flex;
    font: var(--faq_accordion_title);
    gap: 0 1em;
    justify-content: space-between;
    padding: 1em 0;
    text-align: start;
    width: 100%
}

.faq-accordion__icon.svelte-7947hy {
    color: var(--systemTertiary);
    flex-shrink: 0;
    height: auto;
    width: 1em;
    stroke-width: 2.25;
    transition: color .1s linear
}

.faq-accordion__icon.svelte-7947hy:hover {
    color: var(--systemSecondary)
}

.faq-accordion__tray.svelte-7947hy {
    display: grid;
    grid-template-rows: 0fr;
    padding-bottom: 2.125em;
    transition: grid-template-rows .4s ease-in-out
}

.faq-accordion__tray.collapsed.svelte-7947hy {
    padding: 0
}

.faq-accordion__tray.expanded.svelte-7947hy {
    grid-template-rows: 1fr
}

.faq-accordion__content.svelte-7947hy {
    overflow: hidden
}

.faq-accordion__paragraph.svelte-7947hy {
    font: var(--title-2);
    max-width: 83.3333%
}

.pattern-faq-accordion-content.svelte-zf6th0.svelte-zf6th0 {
    overflow: hidden;
    padding-bottom: 32px;
    padding-inline-end: var(--bodyGutter);
    padding-top: 13px;
    padding-inline-start: var(--bodyGutter);
    position: relative;
    z-index: var(--z-default)
}

.faq-accordion-wrapper.svelte-zf6th0.svelte-zf6th0 {
    margin-inline-end: auto;
    margin-inline-start: auto;
    max-width: 980px;
    min-width: calc(300px - var(--bodyGutter)*2);
    width: 100%
}

.faq-content-title.svelte-zf6th0.svelte-zf6th0 {
    font: var(--title-1-emphasized);
    margin-bottom: 24px;
    margin-top: 21px;
    text-align: center
}

@media (min-width:1000px) {
    .faq-content-title.svelte-zf6th0.svelte-zf6th0 {
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 34px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.1176470588;
        margin-top: 26px
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(th) {
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        line-height: 1.5589435294
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ko) {
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (min-width:1580px) {
    .faq-content-title.svelte-zf6th0.svelte-zf6th0 {
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 42px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.1428571429;
        margin-top: 30px
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(th) {
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        line-height: 1.5952380952
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ja) {
        font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(ko) {
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .faq-content-title.svelte-zf6th0.svelte-zf6th0:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.faq-accordion.svelte-zf6th0.svelte-zf6th0 {
    color: var(--systemPrimary-vibrant)
}

.faq-accordion__item.svelte-zf6th0+.faq-accordion__item.svelte-zf6th0 {
    border-top: 1px solid #d2d2d7
}

.group-text-list.svelte-1lis0mr {
    overflow: hidden;
    padding-bottom: 32px;
    padding-top: 13px;
    position: relative;
    -webkit-padding-start: var(--bodyGutter);
    -moz-padding-start: var(--bodyGutter);
    padding-inline-start: var(--bodyGutter);
    -webkit-padding-end: var(--bodyGutter);
    -moz-padding-end: var(--bodyGutter);
    padding-inline-end: var(--bodyGutter);
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .group-text-list__content.svelte-1lis0mr {
        display: grid;
        grid-column-gap: 20px;
        grid-template-columns: 3fr 1fr
    }
}

@media (min-width:1260px) {
    .group-text-list__content.svelte-1lis0mr {
        grid-template-columns: 3fr 2fr
    }
}

@media (min-width:1580px) {
    .group-text-list__content.svelte-1lis0mr {
        grid-template-columns: 3fr 3fr
    }
}

.group-text-list__content__notes.svelte-1lis0mr {
    color: var(--systemSecondary);
    font: var(--body-tall);
    margin-bottom: 16px;
    position: relative;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .group-text-list__content__notes.svelte-1lis0mr {
        margin-bottom: 0;
        max-width: 544px
    }
}

.group-text-list__detail-title.svelte-1lis0mr {
    color: var(--systemSecondary);
    font: var(--subhead);
    margin-bottom: 1px;
    margin-top: 3px
}

.group-text-list__detail-description.svelte-1lis0mr {
    font: var(--body-tall)
}

.super-hero-lockup.svelte-1ozpa54 {
    --afterShadowBorderRadius: 14px;
    margin: 0 var(--bodyGutter);
    padding-bottom: 40px
}

@media (hover:hover) and (pointer:fine) {
    .super-hero-lockup.svelte-1ozpa54 {
        --scrimOpacity: 0
    }

    .super-hero-lockup.has-open-menu.svelte-1ozpa54,
    .super-hero-lockup.svelte-1ozpa54:focus-within,
    .super-hero-lockup.svelte-1ozpa54:hover {
        --scrimOpacity: 1
    }

    @supports selector(:has(:focus-visible)) {
        .super-hero-lockup.svelte-1ozpa54:focus-within {
            --scrimOpacity: 0
        }

        .super-hero-lockup.has-open-menu.svelte-1ozpa54,
        .super-hero-lockup.svelte-1ozpa54:has(:focus-visible),
        .super-hero-lockup.svelte-1ozpa54:hover {
            --scrimOpacity: 1
        }
    }
}

.container.svelte-1ozpa54 {
    border-radius: 14px;
    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);
    cursor: pointer;
    overflow: hidden;
    position: relative;
    vertical-align: baseline;
    white-space: normal;
    width: 100%;
    z-index: var(--z-default)
}

.super-hero-artwork.svelte-1ozpa54 {
    position: relative
}

.super-hero-artwork.svelte-1ozpa54: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
}

.super-hero-lockup__details.svelte-1ozpa54 {
    align-items: flex-end;
    border-radius: inherit;
    bottom: 0;
    display: flex;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    padding-bottom: 21px;
    position: absolute;
    z-index: var(--z-default)
}

.super-hero-lockup__details--legibility-gradient.svelte-1ozpa54 {
    min-height: 175px
}

.super-hero-lockup__details--legibility-gradient.svelte-1ozpa54:before {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .005) 6.2%, rgba(0, 0, 0, .019) 12.2%, rgba(0, 0, 0, .04) 18.3%, rgba(0, 0, 0, .067) 24.3%, rgba(0, 0, 0, .098) 30.4%, rgba(0, 0, 0, .133) 36.5%, rgba(0, 0, 0, .17) 42.7%, rgba(0, 0, 0, .209) 49.1%, rgba(0, 0, 0, .247) 55.6%, rgba(0, 0, 0, .283) 62.3%, rgba(0, 0, 0, .317) 69.2%, rgba(0, 0, 0, .346) 76.4%, rgba(0, 0, 0, .371) 84%, rgba(0, 0, 0, .389) 91.8%, rgba(0, 0, 0, .4));
    border-radius: inherit;
    bottom: 0;
    content: "";
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: var(--z-default)
}

.super-hero-lockup__description-primary.svelte-1ozpa54 {
    color: var(--systemPrimary-onDark);
    position: relative;
    text-align: center;
    width: 60%;
    z-index: var(--z-default)
}

.super-hero-lockup__primary-text.svelte-1ozpa54 {
    font: var(--title-3-tall);
    position: relative;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .2);
    z-index: var(--z-default)
}

.lockup-controls.svelte-1ozpa54 {
    height: 100%;
    line-height: 0;
    opacity: var(--scrimOpacity, 0);
    position: absolute;
    top: 0;
    transition: var(--global-transition);
    width: 100%;
    z-index: var(--z-default)
}

@media (pointer:coarse) {
    .lockup-controls.svelte-1ozpa54 {
        visibility: hidden
    }
}

.play-button.svelte-1ozpa54 {
    --iconCircleFillBGOverride: transparent;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.play-button.svelte-1ozpa54 .play-button.is-large {
    border-radius: 0;
    height: 100%;
    width: 100%
}

.play-button.svelte-1ozpa54 .play-button:not(.is-large) {
    bottom: 10px;
    inset-inline-start: 10px;
    line-height: 0;
    position: absolute
}

.context-button.svelte-1ozpa54,
.super-hero-lockup__social-badges.svelte-1ozpa54 {
    bottom: 10px;
    inset-inline-end: 10px;
    position: absolute;
    z-index: var(--z-default)
}

.super-hero-lockup__social-badges.svelte-1ozpa54 {
    opacity: calc(1 - var(--scrimOpacity, 0));
    pointer-events: none;
    transition: var(--global-transition)
}

.header-nav.svelte-ktyztp.svelte-ktyztp {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-inline-end: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter);
    padding-bottom: .05px;
    padding-top: 32px
}

.header-nav.svelte-ktyztp .more-button {
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor);
    --contextMenuCircleHoverFill: var(--systemQuinary);
    --contextMenuEllipsisHoverFill: var(--keyColor)
}

.header-nav--with-separator.svelte-ktyztp.svelte-ktyztp {
    border-bottom: var(--keyline-border-style);
    padding-bottom: 8px
}

.header-nav--library-header.svelte-ktyztp.svelte-ktyztp {
    align-items: center;
    height: 38px;
    margin-bottom: -12px;
    margin-inline-end: 25px;
    padding-top: 0
}

@media (min-width:484px) {
    .header-nav--library-header.svelte-ktyztp.svelte-ktyztp {
        margin-inline-end: 15px
    }
}

@media (min-width:1000px) {
    .header-nav--library-header.svelte-ktyztp.svelte-ktyztp {
        margin-inline-end: 20px
    }
}

.header-nav--library-header.svelte-ktyztp .header-nav__heading.svelte-ktyztp {
    color: var(--systemPrimary);
    font: var(--title-3-emphasized)
}

.header-nav--library-header.svelte-ktyztp svg {
    fill: var(--systemSecondary)
}

.header-nav__heading.svelte-ktyztp.svelte-ktyztp {
    color: var(--systemPrimary);
    font: var(--header-emphasized);
    grid-column: 1;
    grid-row: 1
}

.header-nav__heading--centered.svelte-ktyztp.svelte-ktyztp {
    margin-inline-end: 0;
    text-align: center
}

.header-nav__action.svelte-ktyztp.svelte-ktyztp {
    grid-column: 2;
    grid-row: 1;
    inset-inline-end: 0
}

.artist-header.svelte-1xfsgte.svelte-1xfsgte {
    height: var(--artistHeaderHeightXs, 324px);
    overflow: hidden;
    position: relative
}

@media (min-width:1000px) {
    .artist-header.svelte-1xfsgte.svelte-1xfsgte {
        height: 386px
    }
}

.artist-header.svelte-1xfsgte.svelte-1xfsgte:after {
    background: linear-gradient(transparent 0, var(--circularArtistHeaderGradientBottom));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--z-default)
}

.artist-header--no-artwork.svelte-1xfsgte.svelte-1xfsgte {
    height: 100%;
    min-height: 110px
}

.artist-header--no-artwork.svelte-1xfsgte.svelte-1xfsgte:after,
.artist-header--no-artwork.svelte-1xfsgte.svelte-1xfsgte:before {
    display: none
}

@media (max-width:999px) {
    .artist-header--no-artwork.svelte-1xfsgte .artist-header__name-container.svelte-1xfsgte {
        position: relative
    }

    .artist-header--no-artwork.svelte-1xfsgte .artist-header__metadata.svelte-1xfsgte {
        grid-row: 2;
        margin-top: 2px
    }

    .artist-header--no-artwork.svelte-1xfsgte .artist-header__name.svelte-1xfsgte {
        grid-row: 3/4
    }
}

.artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte:before {
    background-color: transparent;
    background-image: none;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: calc((100vw - var(--sidebar-width-expanded, 260px))/var(--fixed-artwork-ratio-lg, 2.2857142857));
    max-height: calc(1680px/var(--fixed-artwork-ratio-sm, 2.5714285714));
    max-width: 1680px;
    position: absolute;
    width: calc(100vw - var(--sidebar-width-expanded, 260px));
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte {
        height: calc((100vw - var(--sidebar-width-expanded, 260px))/var(--fixed-artwork-ratio-sm, 2.2857142857));
        max-height: calc(1680px/var(--fixed-artwork-ratio-lg, 2.5714285714));
        position: relative;
        z-index: var(--z-default)
    }

    .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte:before {
        background-color: var(--background-color);
        background-image: var(--background-image-xs)
    }

    .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, .25) 36%, transparent);
        height: 150px;
        top: auto
    }

    .artist-header--fixed.svelte-1xfsgte .artist-header__circular-artwork-gradient.svelte-1xfsgte,
    .artist-header--fixed.svelte-1xfsgte .artist-header__circular-artwork.svelte-1xfsgte {
        display: none
    }
}

@media (min-width:1260px) {
    .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte {
        height: calc((100vw - var(--sidebar-width-expanded, 260px))/var(--fixed-artwork-ratio-lg, 2.5714285714))
    }

    .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte:before {
        background-image: var(--background-image);
        height: calc((100vw - var(--sidebar-width-expanded, 260px))/var(--fixed-artwork-ratio-sm, 2.5714285714))
    }
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .app-container.is-refocused .artist-header--fixed.svelte-1xfsgte.svelte-1xfsgte {
        opacity: .9999;
        will-change: opacity
    }
}

.artist-header--video.svelte-1xfsgte.svelte-1xfsgte {
    height: calc((100vw - var(--web-navigation-width))/2.28571);
    min-height: 324px
}

@media (min-width:1260px) {
    .artist-header--video.svelte-1xfsgte.svelte-1xfsgte {
        height: calc((100vw - var(--web-navigation-width))/2.57143);
        max-height: 653.33333px
    }
}

.artist-header--video.svelte-1xfsgte.svelte-1xfsgte:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, .25) 36%, transparent);
    height: 150px;
    top: auto
}

.artist-header__name-container.svelte-1xfsgte.svelte-1xfsgte {
    align-items: end;
    bottom: 0;
    display: grid;
    grid-template-areas: ". classical favorite menu" ". . . ." "artist . play play";
    grid-template-columns: 1fr auto;
    grid-template-rows: auto minmax(16px, 1fr) auto;
    height: 100%;
    justify-content: end;
    padding: 20px var(--bodyGutter) 23px;
    position: absolute;
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .artist-header__name-container.svelte-1xfsgte.svelte-1xfsgte {
        transform: translate(0)
    }
}

@media (min-width:1000px) {
    .artist-header__name-container.svelte-1xfsgte.svelte-1xfsgte {
        grid-template-areas: "play artist classical favorite menu";
        grid-template-columns: auto 1fr auto auto auto;
        grid-template-rows: auto;
        height: auto
    }
}

.artist-header__name.svelte-1xfsgte.svelte-1xfsgte {
    color: var(--artist-header-name-color, var(--systemPrimary));
    cursor: text;
    display: -webkit-box;
    font: var(--header-emphasized);
    grid-area: artist;
    text-overflow: clip;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@supports ((-webkit-mask:linear-gradient(white, black)) or (mask:linear-gradient(white, black))) {
    .artist-header__name.svelte-1xfsgte.svelte-1xfsgte {
        -webkit-mask: linear-gradient(270deg, transparent, #000 36px);
        mask: linear-gradient(270deg, transparent, #000 36px);
        -webkit-mask-position: right;
        mask-position: right;
        position: relative;
        z-index: var(--z-default)
    }

    html[dir=rtl] .artist-header__name.svelte-1xfsgte.svelte-1xfsgte {
        -webkit-mask: linear-gradient(-270deg, transparent, #000 36px);
        mask: linear-gradient(-270deg, transparent, #000 36px)
    }

    .artist-header__name.svelte-1xfsgte.svelte-1xfsgte:not(.artist-header__name--full-width) {
        -webkit-mask: linear-gradient(270deg, transparent, #000 36px);
        mask: linear-gradient(270deg, transparent, #000 36px);
        -webkit-mask-position: right;
        mask-position: right;
        position: relative;
        z-index: var(--z-default)
    }

    html[dir=rtl] .artist-header__name.svelte-1xfsgte.svelte-1xfsgte:not(.artist-header__name--full-width) {
        -webkit-mask: linear-gradient(-270deg, transparent, #000 36px);
        mask: linear-gradient(-270deg, transparent, #000 36px)
    }
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__name.svelte-1xfsgte {
        --artist-header-name-color: #fff
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__name.svelte-1xfsgte,
.artist-header--video.svelte-1xfsgte .artist-header__name.svelte-1xfsgte {
    --artist-header-name-color: #fff
}

.artist-header__metadata.svelte-1xfsgte.svelte-1xfsgte {
    color: var(--artist-header-metadata-color, var(--systemSecondary));
    font: var(--callout-emphasized);
    grid-row: 2;
    margin-bottom: 3px;
    text-transform: uppercase
}

@media (min-width:1000px) {
    .artist-header__metadata.svelte-1xfsgte.svelte-1xfsgte {
        grid-row: 1
    }

    .artist-header--fixed.svelte-1xfsgte .artist-header__metadata.svelte-1xfsgte {
        --artist-header-metadata-color: #fff
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__metadata.svelte-1xfsgte,
.artist-header--video.svelte-1xfsgte .artist-header__metadata.svelte-1xfsgte {
    --artist-header-metadata-color: #fff
}

.artist-header__play-button.svelte-1xfsgte.svelte-1xfsgte {
    --playButtonSize: 36px;
    align-self: end;
    grid-area: play;
    height: var(--playButtonSize);
    justify-self: end;
    transform: translateY(-1px);
    width: var(--playButtonSize)
}

.artist-header__play-button.svelte-1xfsgte button {
    border-radius: 50%
}

.artist-header__play-button.svelte-1xfsgte button:not(:focus) {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.artist-header__play-button.svelte-1xfsgte button.play-button svg.icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent
}

.artist-header__play-button.svelte-1xfsgte button:disabled {
    opacity: .35
}

@media (min-width:1000px) {
    .artist-header__play-button.svelte-1xfsgte.svelte-1xfsgte {
        margin-inline-end: 16px
    }
}

.artist-header__circular-artwork-container.svelte-1xfsgte.svelte-1xfsgte {
    display: grid;
    grid-template-columns: 100%;
    justify-items: center;
    padding-top: 40px;
    position: relative;
    width: 100%;
    z-index: calc(var(--z-default) + 1)
}

@media (min-width:1000px) {
    .artist-header__circular-artwork-container.svelte-1xfsgte.svelte-1xfsgte {
        padding-top: 80px
    }
}

.artist-header__circular-artwork-gradient.svelte-1xfsgte.svelte-1xfsgte,
.artist-header__circular-artwork.svelte-1xfsgte.svelte-1xfsgte {
    border-radius: 50%;
    grid-column: 1/-1;
    grid-row: 1/-1;
    height: 174px;
    width: 174px
}

@media (min-width:1000px) {

    .artist-header__circular-artwork-gradient.svelte-1xfsgte.svelte-1xfsgte,
    .artist-header__circular-artwork.svelte-1xfsgte.svelte-1xfsgte {
        height: 190px;
        width: 190px
    }
}

.artist-header__circular-artwork.svelte-1xfsgte.svelte-1xfsgte {
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}

.artist-header__circular-artwork-gradient.svelte-1xfsgte.svelte-1xfsgte {
    border-radius: 50%;
    filter: blur(40px);
    opacity: .4;
    transform: translateY(10px) translateZ(0)
}

.artist-header__context-menu.svelte-1xfsgte.svelte-1xfsgte,
.artist-header__favorite-button.svelte-1xfsgte.svelte-1xfsgte,
.artist-header__share-button.svelte-1xfsgte.svelte-1xfsgte {
    --contextMenuButtonSize: 28px;
    line-height: 0;
    z-index: calc(var(--z-default) + 1)
}

.artist-header__share-button.svelte-1xfsgte.svelte-1xfsgte {
    --shareButtonBackground: var(--systemQuinary);
    --shareIconColor: var(--keyColor);
    border-radius: 50%;
    grid-area: menu;
    height: 28px;
    width: 28px
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
        --shareButtonBackground: transparent;
        --shareIconColor: #fff;
        background-color: #0a0a0a
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .artist-header--fixed.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(190%) blur(60px);
            backdrop-filter: saturate(190%) blur(60px);
            background-color: rgba(40, 40, 40, .5)
        }

        @media (min-width:1000px) and (prefers-color-scheme:dark) {
            .artist-header--fixed.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
                -webkit-backdrop-filter: saturate(180%) blur(60px);
                backdrop-filter: saturate(180%) blur(60px)
            }
        }
    }
}

@media (min-width:1000px) and (prefers-contrast:more) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte,
.artist-header--video.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
    --shareButtonBackground: transparent;
    --shareIconColor: #fff;
    background-color: #0a0a0a
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(40, 40, 40, .5)
    }

    @media (prefers-color-scheme:dark) {

        .artist-header--full-width.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte,
        .artist-header--video.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__share-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header__favorite-button.svelte-1xfsgte.svelte-1xfsgte {
    border-radius: 50%;
    grid-area: favorite;
    margin-inline-start: 8px
}

@media (max-width:999px) and (pointer:coarse) {
    .artist-header__favorite-button.svelte-1xfsgte.svelte-1xfsgte {
        margin-inline-end: 8px
    }
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
        --favoriteButtonBackground: transparent;
        --favoriteButtonStarOutline: #fff;
        --favoriteButtonStarCutout: #fff;
        --favoriteButtonStarFill: transparent;
        --favoriteButtonBackground-hover: transparent;
        --favoriteButtonStarCutout-hover: #fff;
        --favoriteButtonStarFill-hover: transparent;
        background-color: #0a0a0a
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .artist-header--fixed.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(190%) blur(60px);
            backdrop-filter: saturate(190%) blur(60px);
            background-color: rgba(40, 40, 40, .5)
        }

        @media (min-width:1000px) and (prefers-color-scheme:dark) {
            .artist-header--fixed.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
                -webkit-backdrop-filter: saturate(180%) blur(60px);
                backdrop-filter: saturate(180%) blur(60px)
            }
        }
    }
}

@media (min-width:1000px) and (prefers-contrast:more) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte,
.artist-header--video.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
    --favoriteButtonBackground: transparent;
    --favoriteButtonStarOutline: #fff;
    --favoriteButtonStarCutout: #fff;
    --favoriteButtonStarFill: transparent;
    --favoriteButtonBackground-hover: transparent;
    --favoriteButtonStarCutout-hover: #fff;
    --favoriteButtonStarFill-hover: transparent;
    background-color: #0a0a0a
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(40, 40, 40, .5)
    }

    @media (prefers-color-scheme:dark) {

        .artist-header--full-width.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte,
        .artist-header--video.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__favorite-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header__context-menu.svelte-1xfsgte.svelte-1xfsgte {
    border-radius: 50%;
    grid-area: menu;
    margin-inline-start: 8px
}

.artist-header__context-menu.svelte-1xfsgte .more-button {
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor);
    --contextMenuCircleHoverFill: var(--systemQuinary);
    --contextMenuEllipsisHoverFill: var(--keyColor);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
        --contextMenuCircleFillOverride: transparent;
        --contextMenuEllipsisFillOverride: #fff;
        --contextMenuCircleHoverFill: transparent;
        --contextMenuEllipsisHoverFill: #fff;
        background-color: #0a0a0a
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .artist-header--fixed.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
            -webkit-backdrop-filter: saturate(190%) blur(60px);
            backdrop-filter: saturate(190%) blur(60px);
            background-color: rgba(40, 40, 40, .5)
        }

        @media (min-width:1000px) and (prefers-color-scheme:dark) {
            .artist-header--fixed.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
                -webkit-backdrop-filter: saturate(180%) blur(60px);
                backdrop-filter: saturate(180%) blur(60px)
            }
        }
    }
}

@media (min-width:1000px) and (prefers-contrast:more) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button,
.artist-header--video.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
    --contextMenuCircleFillOverride: transparent;
    --contextMenuEllipsisFillOverride: #fff;
    --contextMenuCircleHoverFill: transparent;
    --contextMenuEllipsisHoverFill: #fff;
    background-color: #0a0a0a
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button,
    .artist-header--video.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(40, 40, 40, .5)
    }

    @media (prefers-color-scheme:dark) {

        .artist-header--full-width.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button,
        .artist-header--video.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button,
    .artist-header--video.svelte-1xfsgte .artist-header__context-menu.svelte-1xfsgte .more-button {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header__classical-button.svelte-1xfsgte.svelte-1xfsgte {
    background: var(--systemQuinary);
    border-radius: 50%;
    grid-area: classical;
    height: 28px;
    width: 28px
}

.artist-header__classical-button.svelte-1xfsgte.svelte-1xfsgte:focus-visible,
.artist-header__classical-button.svelte-1xfsgte.svelte-1xfsgte:hover {
    background: var(--keyColor)
}

.artist-header__classical-button.svelte-1xfsgte:focus-visible svg,
.artist-header__classical-button.svelte-1xfsgte:hover svg {
    fill: #fff
}

.artist-header__classical-button.svelte-1xfsgte .click-action {
    display: block
}

.artist-header__classical-button.svelte-1xfsgte svg {
    fill: var(--keyColor)
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
        background-color: #0a0a0a
    }

    @supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
        .artist-header--fixed.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(190%) blur(60px);
            backdrop-filter: saturate(190%) blur(60px);
            background-color: rgba(40, 40, 40, .5)
        }

        @media (min-width:1000px) and (prefers-color-scheme:dark) {
            .artist-header--fixed.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
                -webkit-backdrop-filter: saturate(180%) blur(60px);
                backdrop-filter: saturate(180%) blur(60px)
            }
        }
    }
}

@media (min-width:1000px) and (prefers-contrast:more) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

@media (min-width:1000px) {
    .artist-header--fixed.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte svg {
        fill: #fff
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte,
.artist-header--video.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
    background-color: #0a0a0a
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(40, 40, 40, .5)
    }

    @media (prefers-color-scheme:dark) {

        .artist-header--full-width.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte,
        .artist-header--video.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {

    .artist-header--full-width.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte,
    .artist-header--video.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #0a0a0a
    }
}

.artist-header--full-width.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte svg,
.artist-header--video.svelte-1xfsgte .artist-header__classical-button.svelte-1xfsgte svg {
    fill: #fff
}

.social-profile.svelte-1f33v8a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: var(--z-default)
}

.social-profile__title.svelte-1f33v8a {
    color: var(--systemPrimary-vibrant);
    font: var(--header-emphasized);
    margin-top: 15px
}

.social-profile__subtitle.svelte-1f33v8a {
    color: var(--systemSecondary-vibrant);
    font: var(--title-2);
    margin-top: 5px
}

.social-profile__circular-artwork-container.svelte-1f33v8a {
    display: grid;
    grid-template-columns: 100%;
    justify-items: center;
    padding-top: 40px;
    position: relative;
    z-index: calc(var(--z-default) + 1)
}

@media (min-width:1000px) {
    .social-profile__circular-artwork-container.svelte-1f33v8a {
        padding-top: 80px
    }
}

.social-profile__circular-artwork-gradient.svelte-1f33v8a,
.social-profile__circular-artwork.svelte-1f33v8a {
    border-radius: 50%;
    grid-column: 1/-1;
    grid-row: 1/-1;
    height: 174px;
    width: 174px
}

@media (min-width:1000px) {

    .social-profile__circular-artwork-gradient.svelte-1f33v8a,
    .social-profile__circular-artwork.svelte-1f33v8a {
        height: 190px;
        width: 190px
    }
}

.social-profile__circular-artwork.svelte-1f33v8a {
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    z-index: calc(var(--z-default) + 1)
}

.social-profile__circular-artwork-gradient.svelte-1f33v8a {
    border-radius: 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: .4;
    transform: translateY(10px) translateZ(0);
    z-index: var(--z-default)
}

.social-profile__circular-artwork-badge.svelte-1f33v8a {
    background-color: var(--pageBG);
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    height: 36px;
    inset-inline-end: 0;
    position: absolute;
    width: 36px;
    z-index: calc(var(--z-gpu) + 2)
}

.social-profile__circular-artwork-badge.svelte-1f33v8a svg {
    fill: var(--systemSecondary)
}

.paragraph-lockup.svelte-aypbas {
    color: var(--systemPrimary);
    font: var(--body-tall);
    margin: 0 var(--bodyGutter) 13px;
    white-space: pre-line
}

@media (min-width:484px) {
    .paragraph-lockup.svelte-aypbas {
        max-width: 544px
    }
}

.leading.svelte-aypbas {
    text-align: start
}

.trailing.svelte-aypbas {
    text-align: end
}

.centered.svelte-aypbas {
    text-align: center
}

.badges-list.svelte-7edidg {
    display: inline-block;
    height: 15px;
    padding-top: 2px;
    -webkit-margin-start: 22px;
    -moz-margin-start: 22px;
    margin-inline-start: 22px
}

.badge.svelte-7edidg {
    border: 1px solid #9a9aa2;
    border-radius: 3px;
    color: #9a9aa2;
    height: 13px;
    margin-top: 0;
    -webkit-margin-end: 6px;
    -moz-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    font: var(--caption-1-bold-short);
    padding-inline-end: 2px
}

.tv-movie-header.svelte-417pny.svelte-417pny {
    padding-bottom: 32px;
    padding-top: 40px;
    -webkit-padding-start: var(--bodyGutter);
    -moz-padding-start: var(--bodyGutter);
    padding-inline-start: var(--bodyGutter);
    -webkit-padding-end: var(--bodyGutter);
    -moz-padding-end: var(--bodyGutter);
    padding-inline-end: var(--bodyGutter)
}

@media (min-width:1000px) {
    .tv-movie-header.svelte-417pny.svelte-417pny {
        display: flex
    }

    @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)) {
        .tv-movie-header.svelte-417pny.svelte-417pny {
            position: relative;
            z-index: calc(var(--z-default) + 10)
        }
    }
}

.tv-movie-header__container.svelte-417pny.svelte-417pny {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (min-width:1000px) {
    .tv-movie-header__container.svelte-417pny.svelte-417pny {
        --artwork-override-width: calc(50vw - var(--web-navigation-width, 0)*1.5/3 - 50px);
        width: calc(50vw - var(--web-navigation-width, 0)*1.5/3 - 50px)
    }
}

@media (min-width:1260px) {
    .tv-movie-header__container.svelte-417pny.svelte-417pny {
        --artwork-override-width: calc(50vw - var(--web-navigation-width, 0)*2/4 - 50px);
        width: calc(50vw - var(--web-navigation-width, 0)*2/4 - 50px)
    }
}

@media (min-width:1580px) {
    .tv-movie-header__container.svelte-417pny.svelte-417pny {
        --artwork-override-width: calc(50vw - var(--web-navigation-width, 0)*2.5/5 - 50px);
        width: calc(50vw - var(--web-navigation-width, 0)*2.5/5 - 50px)
    }
}

@media (min-width:1940px) {
    .tv-movie-header__container.svelte-417pny.svelte-417pny {
        --artwork-override-width: 790px;
        width: 790px
    }
}

@media (min-width:1000px) {
    .tv-movie-header__container.svelte-417pny.svelte-417pny {
        display: block
    }
}

.tv-movie-header__artwork-container.svelte-417pny.svelte-417pny {
    border-radius: 7px;
    box-shadow: 0 10px 20px 0 var(--radiosityShadowColor);
    position: relative;
    width: 100%;
    z-index: var(--z-default);
    z-index: var(--radiosity-effect-shadow-z, var(--z-default))
}

.tv-movie-header__artwork-container.svelte-417pny.svelte-417pny:after {
    box-shadow: none
}

.tv-movie-header__radiosity.svelte-417pny.svelte-417pny {
    -webkit-filter: blur(20px) saturate(2);
    filter: blur(20px) saturate(2);
    height: 100%;
    opacity: .4;
    position: absolute;
    transform: scale(.88);
    transform-origin: bottom center;
    width: 100%;
    z-index: var(--radiosity-effect-z, var(--z-default))
}

@media (prefers-color-scheme:dark) {
    .tv-movie-header__radiosity.svelte-417pny.svelte-417pny {
        opacity: .3
    }
}

.tv-movie-header__play-button.svelte-417pny.svelte-417pny {
    --playButtonSize: 34px;
    --iconCircleFillBGOverride: transparent;
    background-color: var(--lockupHoverBGColor);
    bottom: 0;
    height: 100%;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.tv-movie-header__artwork-container.svelte-417pny:focus-within .tv-movie-header__play-button.svelte-417pny,
.tv-movie-header__artwork-container.svelte-417pny:hover .tv-movie-header__play-button.svelte-417pny {
    opacity: 1;
    transition: var(--global-transition)
}

.tv-movie-header__play-button.svelte-417pny .play-button {
    bottom: 0;
    height: var(--playButtonSize);
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: var(--playButtonSize);
    z-index: 1
}

.tv-movie-header__details.svelte-417pny.svelte-417pny {
    margin-top: 20px;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .tv-movie-header__details.svelte-417pny.svelte-417pny {
        align-items: flex-start;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        margin-top: 0;
        min-width: 200px;
        padding-top: 0;
        -webkit-padding-start: 20px;
        -moz-padding-start: 20px;
        padding-inline-start: 20px
    }
}

.tv-movie-header__buttons.svelte-417pny.svelte-417pny {
    margin-top: 19px
}

.tv-movie-header__meta.svelte-417pny+.tv-movie-header__buttons.svelte-417pny {
    margin-top: 27px
}

.tv-movie-header__eyebrow.svelte-417pny.svelte-417pny {
    color: var(--systemSecondary);
    font: var(--subhead)
}

.tv-movie-header__title.svelte-417pny.svelte-417pny {
    font: var(--large-title-semibold);
    line-height: 1;
    padding-top: 8px;
    text-overflow: ellipsis
}

.tv-movie-header__badges.svelte-417pny.svelte-417pny {
    --explicitBadgeSize: 19px;
    --favoriteBadgeSize: 14px;
    --favoriteBadgeMarginInlineStart: 1px;
    -webkit-margin-start: 4px;
    -moz-margin-start: 4px;
    align-items: center;
    display: inline-flex;
    gap: 6px;
    margin-inline-start: 4px
}

.tv-movie-header__badges.svelte-417pny .favorite svg {
    vertical-align: 3px
}

.tv-movie-header__subtitle.svelte-417pny.svelte-417pny {
    color: var(--keyColor);
    font: var(--large-title)
}

.tv-movie-header__notes.svelte-417pny.svelte-417pny {
    color: var(--systemSecondary);
    margin-bottom: 16px;
    margin-top: 28px;
    max-width: 600px;
    -webkit-padding-end: 40px;
    -moz-padding-end: 40px;
    display: -webkit-box;
    font: var(--body-tall);
    padding-inline-end: 40px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tv-movie-header__wrapper.svelte-417pny.svelte-417pny {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%
}

@media (min-width:1000px) {
    .tv-movie-header__wrapper.svelte-417pny.svelte-417pny {
        flex-direction: row
    }
}

.tv-movie-header__meta.svelte-417pny.svelte-417pny {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized);
    margin-top: 3px
}

.movie-description.svelte-1gj4uge.svelte-1gj4uge {
    margin-left: var(--bodyGutter);
    margin-right: var(--bodyGutter)
}

.movie-description.svelte-1gj4uge .year-and-badges.svelte-1gj4uge {
    align-items: center;
    display: inline-flex
}

.movie-description.svelte-1gj4uge .year-and-badges .heading.svelte-1gj4uge {
    color: var(--systemSecondary);
    font: var(--callout-emphasized-tall);
    -webkit-margin-end: 8px;
    -moz-margin-end: 8px;
    margin-inline-end: 8px
}

.movie-description.svelte-1gj4uge .year-and-badges .movie-badge.svelte-1gj4uge {
    border-color: var(--systemSecondary);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: var(--systemSecondary);
    margin-right: 5px;
    -webkit-margin-end: 6px;
    -moz-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    padding-inline-start: 2px;
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    font: var(--caption-1-bold);
    line-height: 1;
    padding-inline-end: 2px
}

.movie-description.svelte-1gj4uge .content-play-context.svelte-1gj4uge {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 18px;
    margin-top: 20px;
    width: 100%
}

.movie-description.svelte-1gj4uge .content-play-context .movie-playback.svelte-1gj4uge {
    --iconCircleFillBGOverride: var(--keyColor);
    align-items: center;
    display: flex
}

.movie-description.svelte-1gj4uge .content-play-context .movie-playback .title.svelte-1gj4uge {
    -webkit-margin-start: 12px;
    -moz-margin-start: 12px;
    font: var(--title-3);
    margin-inline-start: 12px
}

.spacer-wrapper.svelte-14fis98 {
    padding-top: 16px;
    width: 100%
}

.error-content.svelte-1mjxkpp {
    bottom: 0;
    color: var(--systemSecondary);
    display: flex;
    flex-direction: column;
    height: 166px;
    inset-inline-end: 0;
    inset-inline-start: 0;
    justify-content: center;
    margin: auto;
    max-width: 440px;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1
}

.error-content__header.svelte-1mjxkpp {
    font: var(--title-2-emphasized)
}

.error-content__icon.svelte-1mjxkpp svg {
    height: auto;
    margin-bottom: 8px;
    width: 70px;
    fill: var(--systemSecondary)
}

.error-content.svelte-fhaf7x {
    color: var(--systemSecondary);
    font: var(--body-tall);
    margin: 0 var(--bodyGutter) 13px
}

.error-content.isMobile.svelte-fhaf7x {
    text-align: center
}

.song__action-buttons.svelte-1xmd2gi {
    --contextMenuButtonSize: 28px;
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor);
    --contextMenuCircleHoverFill: var(--systemQuinary);
    --contextMenuEllipsisHoverFill: var(--keyColor);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-top: 16px;
    right: var(--bodyGutter)
}

.song-header-page.svelte-1xmd2gi {
    --artwork-override-width: 208px;
    --song-detail-grid-gap: 34px;
    margin: 0 var(--bodyGutter)
}

@media (max-width:999px) {
    .song-header-page.svelte-1xmd2gi {
        --artwork-override-width: 180x;
        --artwork-override-min-width: 180px;
        --artwork-override-max-width: 300px
    }
}

@media (min-width:1000px) {
    .song-header-page.svelte-1xmd2gi {
        --artwork-override-width: 208px;
        --artwork-override-min-width: 208px;
        --artwork-override-max-width: 208px;
        margin: 0 var(--bodyGutter) 40px
    }
}

@media (min-width:1260px) {
    .song-header-page.svelte-1xmd2gi {
        --artwork-override-width: 300px;
        --artwork-override-min-width: 300px;
        --artwork-override-max-width: 300px;
        --artwork-override-height: 300px;
        gap: 40px
    }
}

.song-header-page__details-container.svelte-1xmd2gi {
    margin: 16px 0
}

@media (min-width:1000px) {
    .song-header-page__details-container.svelte-1xmd2gi {
        display: grid;
        grid-template-columns: 208px 3fr;
        grid-gap: var(--song-detail-grid-gap)
    }
}

@media (min-width:1260px) {
    .song-header-page__details-container.svelte-1xmd2gi {
        grid-template-columns: auto 3fr
    }
}

.song-header-page__artwork.svelte-1xmd2gi {
    align-self: center;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 var(--radiosityShadowColor);
    position: relative;
    z-index: var(--radiosity-effect-shadow-z, var(--z-default))
}

.song-header-page__artwork.svelte-1xmd2gi:after {
    box-shadow: none
}

@media (max-width:999px) {
    .song-header-page__artwork.svelte-1xmd2gi {
        margin: auto;
        max-width: 180px;
        min-width: 180px;
        width: 100%
    }
}

.song-header-page__artwork-radiosity.svelte-1xmd2gi {
    -webkit-filter: blur(20px) saturate(2);
    filter: blur(20px) saturate(2);
    height: 100%;
    opacity: .4;
    position: absolute;
    transform: scale(.88);
    transform-origin: bottom center;
    width: 100%;
    z-index: var(--radiosity-effect-z, var(--z-default))
}

@media (prefers-color-scheme:dark) {
    .song-header-page__artwork-radiosity.svelte-1xmd2gi {
        opacity: .3
    }
}

.song-header-page-details.svelte-1xmd2gi {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

@media (max-width:999px) {
    .song-header-page-details.svelte-1xmd2gi {
        margin-top: 11px;
        text-align: center
    }
}

@media (min-width:1000px) {
    .song-header-page-details.svelte-1xmd2gi {
        align-items: flex-start;
        justify-content: center
    }
}

.song-header-page__song-header-title.svelte-1xmd2gi {
    font: var(--large-title-emphasized);
    margin-bottom: 2px;
    text-wrap: pretty
}

.song-header-page__song-header-subtitle.svelte-1xmd2gi {
    color: var(--systemSecondary);
    font: var(--subhead-emphasized);
    margin-top: 2px
}

.song-header-page__buttons.svelte-1xmd2gi {
    align-items: center;
    display: flex;
    margin-top: 12px;
    width: 100%
}

@media (max-width:999px) {
    .song-header-page__buttons.svelte-1xmd2gi {
        justify-content: center
    }
}

.song-header-page__buttons.svelte-1xmd2gi .button {
    min-width: 146px;
    width: auto
}

.song-header-page__buttons.svelte-1xmd2gi .button button {
    height: 28px
}

.song-header-page__buttons.svelte-1xmd2gi .icon {
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    -webkit-margin-end: 2px;
    -moz-margin-end: 2px;
    margin-inline-end: 2px
}

.song-header-page__explicit-badge.svelte-1xmd2gi {
    --explicitBadgeSize: 19px;
    -webkit-margin-start: 5px;
    -moz-margin-start: 5px;
    margin-inline-start: 5px
}

.song-header-page__favorite-button.svelte-1xmd2gi {
    -webkit-margin-start: 12px;
    -moz-margin-start: 12px;
    margin-inline-start: 12px
}

.song-subtitles-item.svelte-1xmd2gi:before {
    color: var(--systemSecondary);
    content: " · "
}

.search-query-context-citation-list.svelte-8e1fki {
    color: var(--systemTertiary);
    font: var(--callout);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: calc(var(--z-default) + 1)
}

@media (prefers-color-scheme:dark) {
    .search-query-context-citation-list.svelte-8e1fki {
        color: var(--systemSecondary)
    }
}

.search-query-context-citation-list.svelte-8e1fki .link-component {
    margin: 0;
    padding: 0
}

.form-dropdown.svelte-lxsy4c {
    position: relative;
    z-index: var(--z-default)
}

.form-dropdown__select.svelte-lxsy4c {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--rac-form-select-background-color, var(--pageBG));
    border: 1px solid var(--rac-form-select-border-color, var(--systemTertiary));
    border-radius: 12px;
    color: var(--rac-form-select-color, var(--systemPrimary));
    font: var(--rac-form-select-font, var(--title-3));
    height: 56px;
    padding-inline-end: 40px;
    padding-top: 2px;
    padding-inline-start: 16px;
    width: 100%;
    z-index: var(--z-default)
}

.form-dropdown__chevron.svelte-lxsy4c {
    inset-inline-end: 16px;
    pointer-events: none;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

.form-dropdown__chevron.svelte-lxsy4c svg {
    height: 8px;
    width: 12px;
    fill: var(--rac-form-select-chevron-color, var(--systemTertiary))
}

.form-text.svelte-lq86p9 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--rac-text-input-background-color, var(--pageBG));
    border: 1px solid var(--rac-text-input-border-color, var(--systemTertiary));
    border-radius: 12px;
    color: var(--rac-text-input-color, var(--systemPrimary));
    font: var(--rac-text-input-font, var(--title-3));
    height: var(--rac-text-input-height, 56px);
    padding-inline-end: 40px;
    padding-top: var(--rac-text-input-padding-top, 18px);
    padding-inline-start: 16px;
    resize: none;
    width: 100%;
    z-index: var(--z-default)
}

.form-text.svelte-lq86p9::-moz-placeholder {
    color: var(--systemTertiary)
}

.form-text.svelte-lq86p9::placeholder {
    color: var(--systemTertiary)
}

.report-a-concern-submitted__container.svelte-x3xww {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: var(--rac-form-height, unset);
    justify-content: center;
    min-height: 300px
}

.report-a-concern-submitted__container.svelte-x3xww svg {
    color: var(--keyColor);
    height: 35px;
    margin-top: auto;
    width: 35px
}

.report-a-concern-submitted__title.svelte-x3xww {
    font: var(--rac-form-submitted-title-font, var(--title-3-emphasized));
    margin: 15px 0 0
}

.report-a-concern__form.svelte-x3xww {
    border-top: var(--keyline-border-style);
    display: var(--rac-form-display, block);
    flex-direction: var(--rac-form-flex-direction, unset);
    height: var(--rac-form-height, unset);
    margin-top: var(--rac-form-margin, 14px)
}

.report-a-concern__title.svelte-x3xww {
    font: var(--rac-form-title-font, var(--title-2-emphasized));
    margin-bottom: 2px
}

@media (max-width:483px) {
    .report-a-concern__title.svelte-x3xww {
        margin-top: 50px
    }
}

.report-a-concern__subtitle.svelte-x3xww {
    color: var(--systemSecondary);
    font: var(--rac-form-subtitle-font, var(--title-3))
}

.report-a-concern__label.svelte-x3xww {
    display: block;
    font: var(--rac-form-label-font, var(--title-3-emphasized));
    margin: var(--rac-form-label-margin, 14px 0 14px)
}

.report-a-concern__input.svelte-x3xww {
    display: block;
    margin-bottom: var(--rac-form-margin, 28px)
}

.report-a-concern-submitted__done.svelte-x3xww {
    margin-top: auto;
    width: var(--rac-form-done-button-width, unset)
}

.report-a-concern__submit.svelte-x3xww {
    margin-top: var(--rac-form-submit-margin-top, 32px)
}

.report-a-concern__submit.svelte-x3xww .button>button {
    font: var(--title-2);
    padding: 12px 22px
}

@media (min-width:484px) {
    .report-a-concern__submit.svelte-x3xww {
        margin-top: 60px
    }

    .report-a-concern__submit.svelte-x3xww .button>button {
        margin: auto
    }
}

.report-a-concern.svelte-19ypdur {
    --buttonHeight: 36px;
    --buttonRadius: 8px;
    background: var(--pageBG);
    max-width: 100%;
    padding: 20px 20px 32px;
    width: 588px
}

@media (min-width:484px) {
    .report-a-concern.svelte-19ypdur {
        --buttonWidth: fit-content;
        --buttonHeight: 44px;
        padding: 32px
    }
}

.report-a-concern__close.svelte-19ypdur {
    background: var(--systemQuaternary);
    border-radius: 50%;
    display: grid;
    height: 36px;
    place-items: center;
    position: absolute;
    top: 20px;
    width: 36px;
    fill: var(--systemSecondary);
    inset-inline-end: 20px;
    z-index: var(--z-default)
}

.search-query-context-lockup-container.svelte-1ikhmc2.svelte-1ikhmc2 {
    display: contents
}

@media (min-width:484px) {
    .search-query-context-lockup-container.svelte-1ikhmc2.svelte-1ikhmc2 {
        display: flex;
        justify-content: center;
        -webkit-margin-start: auto;
        -moz-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        -moz-margin-end: auto;
        margin-inline-end: auto;
        width: calc(100% - var(--bodyGutter)*2)
    }
}

.search-query-context-lockup.svelte-1ikhmc2.svelte-1ikhmc2 {
    --ctxmenu-trigger-opacity: 0;
    background: var(--systemGroupedBackgroundSecondary);
    border-radius: 24px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .12), 0 0 .5px rgba(0, 0, 0, .05);
    display: flex;
    flex-flow: column;
    gap: 8px;
    margin: 16px 0;
    padding: 16px 20px;
    position: relative;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .search-query-context-lockup.svelte-1ikhmc2.svelte-1ikhmc2 {
        flex-basis: fit-content;
        margin-bottom: 20px;
        margin-top: 20px;
        max-width: 800px
    }
}

@media (min-width:767.32px) {
    .search-query-context-lockup.svelte-1ikhmc2.svelte-1ikhmc2 {
        -webkit-padding-start: 40px;
        -moz-padding-start: 40px;
        padding-inline-start: 40px;
        -webkit-padding-end: 40px;
        -moz-padding-end: 40px;
        padding-inline-end: 40px
    }
}

.search-query-context-lockup.svelte-1ikhmc2.svelte-1ikhmc2:focus-within,
.search-query-context-lockup.svelte-1ikhmc2.svelte-1ikhmc2:hover {
    --ctxmenu-trigger-opacity: 1
}

.search-query-context-lockup.svelte-1ikhmc2 amp-contextual-menu-button {
    --contextMenuEllipsisFillOverride: currentcolor;
    bottom: 8px;
    inset-inline-end: 10px;
    position: absolute;
    z-index: var(--z-default)
}

@media (max-width:483px) {
    .search-query-context-lockup.svelte-1ikhmc2 amp-contextual-menu-button {
        --contextMenuEllipsisFillOverride: transparent;
        bottom: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        margin: auto;
        pointer-events: none;
        position: absolute;
        top: 0;
        z-index: 1
    }

    .search-query-context-lockup.svelte-1ikhmc2 amp-contextual-menu-button .contextual-menu__trigger {
        border-radius: 24px;
        bottom: 0;
        inset-inline-end: 0;
        inset-inline-start: 0;
        margin: auto;
        position: absolute;
        top: 0;
        z-index: 1
    }
}

.search-query-context-lockup__title.svelte-1ikhmc2.svelte-1ikhmc2 {
    font: var(--title-2-emphasized-tall)
}

.search-query-context-lockup__desc.svelte-1ikhmc2.svelte-1ikhmc2 {
    font: var(--title-3-tall);
    pointer-events: none;
    position: relative;
    white-space: pre-line;
    z-index: calc(var(--z-default) + 1)
}

.search-query-context-lockup__title.svelte-1ikhmc2+.search-query-context-lockup__desc.svelte-1ikhmc2 {
    color: var(--systemSecondary)
}

.search-query-context-lockup__more.svelte-1ikhmc2.svelte-1ikhmc2 {
    background: linear-gradient(var(--maskDirection, to right), transparent, var(--systemGroupedBackgroundSecondary) 3ch);
    bottom: 2px;
    color: var(--systemPrimary);
    height: 18px;
    pointer-events: all;
    position: absolute;
    -webkit-padding-start: 4ch;
    -moz-padding-start: 4ch;
    font: var(--subhead-emphasized);
    inset-inline-end: 0;
    padding-inline-start: 4ch;
    z-index: var(--z-default)
}

.search-query-context-lockup__more.svelte-1ikhmc2.svelte-1ikhmc2:dir(rtl) {
    --maskDirection: to left
}

.content-footer.svelte-1khcxxf {
    background-color: var(--footerBg);
    display: block;
    flex-shrink: 0;
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    min-height: 0;
    padding-top: 25px;
    padding-inline: var(--bodyGutter);
    padding-bottom: 5px
}

.content-footer.svelte-1khcxxf:lang(th) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.82
}

.content-footer.svelte-1khcxxf: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
}

.content-footer.svelte-1khcxxf: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
}

.content-footer.svelte-1khcxxf:lang(hi) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.content-footer.svelte-1khcxxf:lang(ja) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.content-footer.svelte-1khcxxf: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
}

.content-footer.svelte-1khcxxf:lang(zh-CN) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.content-footer.svelte-1khcxxf:lang(zh-HK),
.content-footer.svelte-1khcxxf:lang(zh-MO) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.content-footer.svelte-1khcxxf:lang(zh-TW) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (min-width:740px) {
    .content-footer.svelte-1khcxxf {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.2727272727
    }

    .content-footer.svelte-1khcxxf:lang(th) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        line-height: 1.7818181818
    }

    .content-footer.svelte-1khcxxf: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
    }

    .content-footer.svelte-1khcxxf: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
    }

    .content-footer.svelte-1khcxxf:lang(hi) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .content-footer.svelte-1khcxxf:lang(ja) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .content-footer.svelte-1khcxxf: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
    }

    .content-footer.svelte-1khcxxf:lang(zh-CN) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .content-footer.svelte-1khcxxf:lang(zh-HK),
    .content-footer.svelte-1khcxxf:lang(zh-MO) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .content-footer.svelte-1khcxxf:lang(zh-TW) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (min-width:1680px) {
    .content-footer.svelte-1khcxxf {
        align-content: flex-start;
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }
}

.app-container.is-footer-hidden .content-footer.svelte-1khcxxf,
.maximize-content-area .content-footer.svelte-1khcxxf {
    display: none
}

.content-footer.svelte-1khcxxf .artist-detail-footer__arrow-icon {
    height: 8px;
    width: 8px;
    fill: currentColor
}

.live-radio-lockup.svelte-1m757pn {
    aspect-ratio: 1;
    border-radius: 20px;
    box-shadow: 0 15px 29px -15px rgba(0, 0, 0, .3);
    cursor: pointer;
    height: auto;
    position: relative;
    transition: transform .1s ease-in;
    width: 100%;
    z-index: var(--z-default)
}

@media (hover:hover) and (pointer:fine) {
    .live-radio-lockup.svelte-1m757pn {
        --scrimOpacity: 0
    }

    .live-radio-lockup.has-open-menu.svelte-1m757pn,
    .live-radio-lockup.svelte-1m757pn:focus-within,
    .live-radio-lockup.svelte-1m757pn:hover {
        --scrimOpacity: 1
    }

    @supports selector(:has(:focus-visible)) {
        .live-radio-lockup.svelte-1m757pn:focus-within {
            --scrimOpacity: 0
        }

        .live-radio-lockup.has-open-menu.svelte-1m757pn,
        .live-radio-lockup.svelte-1m757pn:has(:focus-visible),
        .live-radio-lockup.svelte-1m757pn:hover {
            --scrimOpacity: 1
        }
    }
}

.live-radio-lockup.svelte-1m757pn: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
}

@media (min-width:484px) {
    .live-radio-lockup.svelte-1m757pn {
        box-shadow: 0 7px 16px -6px rgba(0, 0, 0, .28)
    }
}

.live-radio-lockup--active.svelte-1m757pn {
    box-shadow: 0 2px 6px -4px rgba(0, 0, 0, .4);
    transform: scale(.9);
    transform-origin: center
}

@media (min-width:484px) {
    .live-radio-lockup--active.svelte-1m757pn {
        box-shadow: 0 3px 5px -4px rgba(0, 0, 0, .3)
    }
}

.live-radio-lockup__artwork.svelte-1m757pn,
.live-radio-lockup__controls.svelte-1m757pn {
    border-radius: inherit;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 1
}

.live-radio-lockup__controls.svelte-1m757pn {
    display: grid;
    opacity: var(--scrimOpacity, 0);
    z-index: calc(var(--z-default) + 1)
}

.live-radio-lockup__controls.svelte-1m757pn .play-button {
    border-radius: inherit;
    grid-area: 1/1/1/1;
    place-self: stretch
}

@media (max-width:1259px) {
    .live-radio-lockup__controls.svelte-1m757pn .play-button {
        --playButtonSize: 28px;
        place-self: end start;
        -webkit-margin-start: 10px;
        -moz-margin-start: 10px;
        margin-inline-start: 10px;
        margin-bottom: 10px
    }
}

.live-radio-lockup__controls.svelte-1m757pn amp-contextual-menu-button {
    grid-area: 1/1/1/1;
    place-self: end;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px;
    margin-bottom: 10px;
    z-index: calc(var(--z-default) + 1)
}

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

.header-nav--header-type-a:not(.header-nav--with-separator)+.section.svelte-wa5vzl.svelte-wa5vzl {
    padding-top: 28px
}

.section.svelte-wa5vzl.svelte-wa5vzl:has(.cell-container) {
    padding-top: 19px
}

@media (min-width:1000px) {
    .section.svelte-wa5vzl.svelte-wa5vzl:has(.cell-container) {
        padding-top: 0
    }
}

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

@media (max-width:999px) {
    .section.with-pinned-item.svelte-wa5vzl.svelte-wa5vzl {
        display: unset
    }
}

@media (min-width:1000px) {
    .section.with-pinned-item.svelte-wa5vzl .section-content.svelte-wa5vzl {
        flex: 1;
        width: auto;
        -webkit-margin-start: -20px;
        -moz-margin-start: -20px;
        margin-inline-start: -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-wa5vzl .section-content.svelte-wa5vzl {
            width: 0
        }
    }
}

.section--disc.svelte-wa5vzl.svelte-wa5vzl:not(.with-top-spacing),
.section--has-composer-header.svelte-wa5vzl.svelte-wa5vzl:not(.with-top-spacing),
.section.svelte-wa5vzl.svelte-wa5vzl:has(.songs-list):not(.with-top-spacing) {
    padding-top: 0
}

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

.section--suggested-songs.svelte-wa5vzl.svelte-wa5vzl {
    --shelfGridGutterWidth: 20px;
    --shelfGridPaddingInline: 20px;
    --override-shelf-overflow-bleed-top: 0;
    --override-shelf-overflow-bleed-bottom: 0;
    background-color: var(--systemQuinary);
    border-radius: 10px;
    margin: 0 var(--bodyGutter)
}

.section--suggested-songs.svelte-wa5vzl .header {
    margin: 5px var(--shelfGridGutterWidth) 8px
}

.section--suggested-songs.svelte-wa5vzl .accessory-button,
.section--suggested-songs.svelte-wa5vzl .subtitle {
    font: var(--body)
}

.section--suggested-songs.svelte-wa5vzl .shelf {
    margin-bottom: 32px;
    padding-bottom: 12px
}

.section-separator.svelte-wa5vzl.svelte-wa5vzl {
    border-bottom: var(--keyline-border-style);
    margin: 0 var(--bodyGutter)
}

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

@media (max-width:483px) {
    .section-recently-searched-top-search-lockup.svelte-wa5vzl.svelte-wa5vzl {
        display: none
    }
}

@media (max-width:999px) {
    .section-recently-searched-top-search-lockup.svelte-wa5vzl .grid-item:nth-child(n+4) {
        display: none
    }
}

@media (max-width:1259px) {
    .section-recently-searched-top-search-lockup.svelte-wa5vzl .grid-item:nth-child(n+7) {
        display: none
    }
}

@media (max-width:1579px) {
    .section-recently-searched-top-search-lockup.svelte-wa5vzl .grid-item:nth-child(n+9) {
        display: none
    }
}

.placeholder-table.svelte-wa5vzl.svelte-wa5vzl {
    margin: 0 var(--bodyGutter)
}

.placeholder-table-header.svelte-wa5vzl.svelte-wa5vzl {
    height: 32px
}

@media (max-width:999px) {
    .placeholder-table-header.svelte-wa5vzl.svelte-wa5vzl {
        display: none
    }
}

.placeholder-row.svelte-wa5vzl.svelte-wa5vzl {
    height: 54px
}

.placeholder-row.placeholder-row--album.svelte-wa5vzl.svelte-wa5vzl {
    height: 46px
}

.placeholder-row.placeholder-row--even.svelte-wa5vzl.svelte-wa5vzl {
    background-color: var(--tracklistAltRowColor);
    border-radius: 7px
}

.loading-spinner.svelte-15g9gr3.svelte-15g9gr3 {
    animation: svelte-15g9gr3-fade-in .1s;
    animation-fill-mode: forwards;
    margin: auto;
    opacity: 0;
    text-align: center;
    z-index: var(--z-default)
}

.loading-spinner.svelte-15g9gr3.svelte-15g9gr3:not(.inset) {
    left: 50%;
    position: absolute;
    top: 50%
}

@media (min-width:1000px) {
    .loading-spinner.svelte-15g9gr3.svelte-15g9gr3:not(.inset):not(.loading-spinner--small) {
        transform: translate(-50%, -50%)
    }
}

.loading-spinner.inset.svelte-15g9gr3.svelte-15g9gr3 {
    transform: translate(50%)
}

html[dir=rtl] .loading-spinner.inset.svelte-15g9gr3.svelte-15g9gr3 {
    transform: translate(-50%)
}

@keyframes svelte-15g9gr3-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pulse-spinner.svelte-15g9gr3.svelte-15g9gr3 {
    height: 16px;
    position: relative;
    width: 16px
}

.app-container.is-not-focused .pulse-spinner.svelte-15g9gr3.svelte-15g9gr3 {
    opacity: .5
}

@media (min-width:1000px) {
    .loading-spinner.svelte-15g9gr3:not(.loading-spinner--small) .pulse-spinner.svelte-15g9gr3 {
        height: 32px;
        width: 32px
    }
}

.pulse-spinner__container.svelte-15g9gr3.svelte-15g9gr3 {
    position: absolute;
    transform: scale(.075);
    width: 0;
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .loading-spinner.svelte-15g9gr3:not(.loading-spinner--small) .pulse-spinner__container.svelte-15g9gr3 {
        left: 50%;
        top: 50%;
        transform: scale(.15)
    }

    html[dir=rtl] .loading-spinner.svelte-15g9gr3:not(.loading-spinner--small) .pulse-spinner__container.svelte-15g9gr3 {
        right: 15%
    }
}

.pulse-spinner__nib.svelte-15g9gr3.svelte-15g9gr3 {
    background: transparent;
    border-radius: 25%/50%;
    height: 28px;
    position: absolute;
    top: -12.5px;
    transform-origin: left center;
    width: 66px
}

.pulse-spinner__nib.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-direction: normal;
    animation-duration: .8s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: svelte-15g9gr3-spinner-line-fade-default;
    animation-play-state: running;
    animation-timing-function: linear;
    background: #000;
    border-radius: 25%/50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

@media (prefers-color-scheme:dark) {
    .pulse-spinner__nib.svelte-15g9gr3.svelte-15g9gr3:before {
        background: #fff
    }
}

@media (prefers-contrast:more) {
    .pulse-spinner__nib.svelte-15g9gr3.svelte-15g9gr3:before {
        animation-name: svelte-15g9gr3-spinner-line-fade-increased-contrast
    }
}

.pulse-spinner__nib--1.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(0) translate(40px)
}

.pulse-spinner__nib--1.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.8s
}

.pulse-spinner__nib--2.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(45deg) translate(40px)
}

.pulse-spinner__nib--2.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.7s
}

.pulse-spinner__nib--3.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(90deg) translate(40px)
}

.pulse-spinner__nib--3.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.6s
}

.pulse-spinner__nib--4.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(135deg) translate(40px)
}

.pulse-spinner__nib--4.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.5s
}

.pulse-spinner__nib--5.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(180deg) translate(40px)
}

.pulse-spinner__nib--5.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.4s
}

.pulse-spinner__nib--6.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(225deg) translate(40px)
}

.pulse-spinner__nib--6.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.3s
}

.pulse-spinner__nib--7.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(270deg) translate(40px)
}

.pulse-spinner__nib--7.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.2s
}

.pulse-spinner__nib--8.svelte-15g9gr3.svelte-15g9gr3 {
    transform: rotate(315deg) translate(40px)
}

.pulse-spinner__nib--8.svelte-15g9gr3.svelte-15g9gr3:before {
    animation-delay: -.1s
}

@keyframes svelte-15g9gr3-spinner-line-fade-default {

    0%,
    to {
        opacity: .55
    }

    95% {
        opacity: .08
    }

    1% {
        opacity: .55
    }
}

@keyframes svelte-15g9gr3-spinner-line-fade-increased-contrast {

    0%,
    to {
        opacity: .8
    }

    95% {
        opacity: .1
    }

    1% {
        opacity: .8
    }
}

.infinite-scroll-spinner.svelte-152p1dr {
    height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .infinite-scroll-spinner.svelte-152p1dr {
        height: 52px
    }
}

@media (max-width:999px) {
    .infinite-scroll-spinner.svelte-152p1dr {
        padding: 0
    }
}

.radial-progress-wrapper.svelte-14hhbn2 {
    display: contents
}

.radial-progress-wrapper.svelte-14hhbn2 .play-button {
    background-color: #dcdcdc;
    border-radius: 50%;
    height: 28px;
    width: 28px
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .radial-progress-wrapper.svelte-14hhbn2 .play-button {
        -webkit-backdrop-filter: saturate(190%) blur(60px);
        backdrop-filter: saturate(190%) blur(60px);
        background-color: rgba(245, 245, 245, .48)
    }

    @media (prefers-color-scheme:dark) {
        .radial-progress-wrapper.svelte-14hhbn2 .play-button {
            -webkit-backdrop-filter: saturate(180%) blur(60px);
            backdrop-filter: saturate(180%) blur(60px)
        }
    }
}

@media (prefers-contrast:more) {
    .radial-progress-wrapper.svelte-14hhbn2 .play-button {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: #dcdcdc
    }
}

.radial-progress-wrapper.svelte-14hhbn2 .play-button:focus,
.radial-progress-wrapper.svelte-14hhbn2 .play-button:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent
}

.radial-progress-wrapper.svelte-14hhbn2 .play-svg {
    height: 14px;
    width: 14px
}

.radial-progress-wrapper.svelte-14hhbn2 svg {
    overflow: visible
}

.lyrics-sharing__modal.svelte-mnq1tk.svelte-mnq1tk {
    --iPhoneNowPlayingBackdropBG: var(--nowPlayingBackdropBG);
    background-color: var(--iPhoneNowPlayingBackdropBG);
    border-radius: 10px;
    box-shadow: 0 20px 16px -10px rgba(0, 0, 0, .25);
    max-height: none;
    overflow: visible;
    position: relative;
    width: 300px;
    z-index: var(--z-default)
}

@media (min-width:415px) {
    .lyrics-sharing__modal.svelte-mnq1tk.svelte-mnq1tk {
        width: 386px
    }
}

.lyrics-sharing__modal.svelte-mnq1tk.svelte-mnq1tk:before {
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    border-radius: 14px;
    content: "";
    display: block;
    -webkit-filter: blur(60px) brightness(.5);
    filter: blur(60px) brightness(.5);
    height: calc(100% + 20px);
    left: 50%;
    opacity: .7;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: calc(100% + 20px);
    z-index: var(--z-default)
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .lyrics-sharing__modal.svelte-mnq1tk.svelte-mnq1tk:before {
        will-change: opacity
    }
}

@media (prefers-color-scheme:dark) {
    .lyrics-sharing__modal.svelte-mnq1tk.svelte-mnq1tk:before {
        -webkit-filter: blur(60px) brightness(.1);
        filter: blur(60px) brightness(.1)
    }
}

.lyrics-sharing__modal.svelte-mnq1tk .lyrics-sharing__line.svelte-mnq1tk {
    margin: 0;
    padding-bottom: 8px;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    color: var(--systemPrimary-onDark);
    padding-inline-end: 34px
}

.lyrics-sharing__modal.svelte-mnq1tk .lyrics-sharing__line.svelte-mnq1tk:last-child {
    padding-bottom: 0
}

@media (max-width:414px) {
    .lyrics-sharing__modal.svelte-mnq1tk .lyrics-sharing__line.svelte-mnq1tk {
        -webkit-padding-end: 0;
        -moz-padding-end: 0;
        padding-inline-end: 0
    }
}

.lyrics-sharing__container.svelte-mnq1tk.svelte-mnq1tk {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    display: flex;
    flex-direction: row;
    -webkit-mask: linear-gradient(180deg, #000 calc(100% - 20px), transparent);
    mask: linear-gradient(180deg, #000 calc(100% - 20px), transparent);
    max-height: calc(100vh - 200px);
    overflow: hidden;
    padding: 20px 24px 16px;
    position: relative;
    z-index: var(--z-default)
}

@media (max-width:999px) and (orientation:landscape) {
    .lyrics-sharing__container.svelte-mnq1tk.svelte-mnq1tk {
        max-height: calc(100vh - 100px)
    }
}

.lyrics-sharing__close-button.svelte-mnq1tk.svelte-mnq1tk {
    height: 40px;
    inset-inline-end: -3px;
    position: absolute;
    top: 1px;
    width: 40px;
    z-index: calc(var(--z-default) + 1)
}

.lyrics-sharing__large.svelte-mnq1tk.svelte-mnq1tk {
    font: var(--large-title-emphasized)
}

.lyrics-sharing__small.svelte-mnq1tk.svelte-mnq1tk {
    font: var(--title-1-emphasized)
}

.lyrics-sharing__timestamp.svelte-mnq1tk.svelte-mnq1tk {
    align-self: flex-end;
    color: rgba(255, 255, 255, .3);
    font: var(--callout);
    min-width: 34px
}

.lyrics-sharing__timestamp.svelte-mnq1tk p.svelte-mnq1tk {
    text-align: end
}

.lyrics-sharing__chin.svelte-mnq1tk.svelte-mnq1tk {
    bottom: 0;
    color: var(--systemPrimary-onDark);
    display: grid;
    grid-template-columns: 1fr auto;
    height: 68px;
    min-height: 68px;
    position: -webkit-sticky;
    position: sticky;
    grid-gap: 12px;
    align-items: center;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    -webkit-padding-start: 24px;
    -moz-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    -moz-padding-end: 24px;
    padding-inline-end: 24px;
    z-index: var(--z-default)
}

.lyrics-sharing__chin.svelte-mnq1tk.svelte-mnq1tk:before {
    background-color: rgba(0, 0, 0, .3);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.lyrics-sharing__chin-text.svelte-mnq1tk.svelte-mnq1tk {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: calc(var(--z-default) + 1)
}

.lyrics-sharing__track-name.svelte-mnq1tk.svelte-mnq1tk {
    font: var(--title-3-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lyrics-sharing__artist-name.svelte-mnq1tk.svelte-mnq1tk {
    font: var(--title-3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-error.svelte-73dmah {
    --buttonTextColor: var(--systemSecondary);
    --buttonBorderColor: var(--systemSecondary);
    align-items: center;
    color: var(--systemSecondary);
    display: flex;
    flex-direction: column;
    gap: 12px;
    left: 50%;
    margin: auto;
    max-width: 440px;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: var(--z-default)
}

.page-error__title.svelte-73dmah {
    font: var(--title-2);
    margin-bottom: 5px
}

.album-container--has-tracklist-toggle.svelte-yu8vd2 {
    padding-bottom: 43px
}

@media (min-width:1000px) {
    .album-container--has-tracklist-toggle.svelte-yu8vd2 {
        padding-bottom: 53px
    }
}

.album-container--has-tracklist-toggle.svelte-yu8vd2 .tracklist-footer {
    padding-bottom: 0
}

.toggle-button.svelte-yu8vd2 {
    margin-top: 12px;
    -webkit-margin-start: calc(var(--bodyGutter) + 12px);
    -moz-margin-start: calc(var(--bodyGutter) + 12px);
    color: var(--keyColor);
    margin-inline-start: calc(var(--bodyGutter) + 12px)
}

.artist-detail-header.svelte-cjzn54 {
    --playButtonSize: 28px;
    --contextMenuButtonSize: 28px;
    --button-action-border-radius: 50%;
    --button-action-height: 28px;
    --button-action-width: 28px;
    --button-action-min-width: none;
    --button-action-icon-top-offset: 0;
    --linkHoverTextDecoration: none;
    --playButtonIconColor: var(--keyColor);
    --iconCircleFillBGOverride: var(--systemQuinary);
    align-items: flex-start;
    border-bottom: var(--keyline-border-style);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: space-between;
    margin: 0 var(--bodyGutter) 32px;
    padding-bottom: 9px;
    padding-top: 10px
}

.artist-detail-header.svelte-cjzn54:first-child {
    padding-top: 28px
}

.artist-detail-header.svelte-cjzn54 .more-button {
    --contextMenuCircleFillOverride: var(--systemQuinary);
    --contextMenuEllipsisFillOverride: var(--keyColor)
}

.artist-detail-header.svelte-cjzn54 .play-button .icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: none
}

.artist-detail-header.svelte-cjzn54 .click-action:has(.shuffle):focus-visible,
.artist-detail-header.svelte-cjzn54 .click-action:has(.shuffle):hover {
    --button-action-color: #fff;
    --button-action-background-color: var(--keyColor)
}

.artist-detail-header__buttons.svelte-cjzn54 {
    display: flex;
    gap: 16px
}

@media (min-width:1000px) {
    .artist-detail-header__buttons.svelte-cjzn54 {
        gap: 10px
    }
}

@media (pointer:coarse) {
    .artist-detail-header__buttons.svelte-cjzn54 button {
        position: relative
    }

    .artist-detail-header__buttons.svelte-cjzn54 button:after {
        content: "";
        inset: -6px;
        position: absolute
    }
}

.artist-detail-header__buttons.svelte-cjzn54 svg {
    fill: currentColor
}

h1.svelte-cjzn54 {
    font: var(--title-1-emphasized)
}

h1.svelte-cjzn54 svg {
    height: 13px;
    fill: var(--systemSecondary);
    vertical-align: 1px
}

html[dir=rtl] h1.svelte-cjzn54 svg {
    transform: scaleX(-1)
}

.artist-detail-header__classical-button.svelte-cjzn54 {
    background: var(--systemQuinary);
    border-radius: 50%;
    height: 28px;
    width: 28px
}

.artist-detail-header__classical-button.svelte-cjzn54:focus-visible,
.artist-detail-header__classical-button.svelte-cjzn54:hover {
    background: var(--keyColor)
}

.artist-detail-header__classical-button.svelte-cjzn54:focus-visible svg,
.artist-detail-header__classical-button.svelte-cjzn54:hover svg {
    fill: #fff
}

.artist-detail-header__classical-button.svelte-cjzn54 .click-action {
    display: block
}

.artist-detail-header__classical-button.svelte-cjzn54 svg {
    fill: var(--keyColor)
}

.artist-empty-state.svelte-oyb8jz {
    align-items: center;
    color: var(--systemSecondary);
    display: flex;
    flex-flow: column;
    margin: 158px auto 32px;
    max-width: 440px;
    padding: 0 25px;
    text-align: center
}

.artist-empty-state__artwork.svelte-oyb8jz {
    height: 96px;
    width: 96px
}

.artist-empty-state__message.svelte-oyb8jz {
    font: var(--title-3);
    margin-top: 25px
}

.artist-empty-state__station-button.svelte-oyb8jz {
    align-items: center;
    background: var(--systemQuinary);
    border-radius: 6px;
    color: var(--keyColor);
    display: flex;
    font: var(--body-emphasized);
    gap: 4px;
    height: 28px;
    margin-top: 25px;
    padding: 4px 16px
}

.artist-empty-state__station-button.svelte-oyb8jz svg {
    height: 18px;
    width: 18px;
    fill: var(--keyColor)
}

.artist-detail-grid.svelte-1q5jy1p {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 0 var(--bodyGutter)
}

@media (min-width:1260px) {
    .artist-detail-grid.svelte-1q5jy1p {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width:1580px) {
    .artist-detail-grid.svelte-1q5jy1p {
        grid-template-columns: repeat(4, 1fr)
    }
}

.error-content.svelte-1hhrcqm {
    bottom: 0;
    color: var(--systemSecondary);
    height: 166px;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    max-width: 440px;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1
}

.error-content__header.svelte-1hhrcqm {
    font: var(--body-emphasized);
    font-weight: 800
}

.error-content__description.svelte-1hhrcqm {
    font: var(--subhead);
    margin-bottom: 15px
}

.error-content__icon.svelte-1hhrcqm {
    margin-bottom: 40px
}

.error-content__icon.svelte-1hhrcqm svg {
    fill: var(--systemSecondary)
}

.button-container.svelte-1hhrcqm {
    align-items: center;
    display: flex;
    justify-content: center
}

.upsell-personal.svelte-1kpxsii.svelte-1kpxsii {
    --musicBrandBG: var(--keyColorBG);
    background-color: var(--pageBG);
    color: var(--keyColorBG);
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw
}

@media (min-width:484px) {
    .upsell-personal.svelte-1kpxsii.svelte-1kpxsii {
        inset-inline-start: var(--web-navigation-width)
    }
}

cwc-upsell-personal.svelte-1kpxsii.svelte-1kpxsii {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (max-width:483px) {
    cwc-upsell-personal.svelte-1kpxsii.svelte-1kpxsii {
        padding-bottom: 74px
    }
}

.listen-now-banner.svelte-1kpxsii.svelte-1kpxsii {
    align-items: center;
    background-color: var(--systemQuinary);
    border-radius: 12px;
    color: var(--keyColorBG);
    display: flex;
    inset-inline-end: var(--bodyGutter);
    justify-content: center;
    margin: 0 auto 32px;
    min-height: auto;
    padding: 21px 40px 40px 24px;
    width: calc(100vw - var(--bodyGutter)*2);
    z-index: var(--z-modal)
}

@media (min-width:484px) {
    .listen-now-banner.svelte-1kpxsii.svelte-1kpxsii {
        max-width: 1680px;
        width: calc(100vw - var(--web-navigation-width) - var(--bodyGutter)*2)
    }
}

.listen-now-banner.svelte-1kpxsii .title.svelte-1kpxsii {
    color: var(--systemPrimary);
    font: var(--title-2-emphasized)
}

.listen-now-banner.svelte-1kpxsii .subtitle.svelte-1kpxsii {
    color: var(--systemSecondary);
    font: var(--title-3)
}

.mobile-search-page.svelte-19ntdtp .header-nav__heading {
    display: -webkit-box;
    font: var(--large-title-emphasized);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mobile-search-page.svelte-19ntdtp .paragraph-lockup {
    color: var(--systemSecondary);
    font: var(--title-3-tall)
}

@media (max-width:483px) {
    .mobile-search-page--landing.svelte-19ntdtp .section-brick-lockup .header {
        display: none
    }
}

.search-tab-control.svelte-19ntdtp {
    margin-top: 12px;
    position: relative;
    -webkit-margin-start: var(--bodyGutter);
    -moz-margin-start: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter);
    -webkit-margin-end: var(--bodyGutter);
    -moz-margin-end: var(--bodyGutter);
    margin-inline-end: var(--bodyGutter);
    z-index: var(--z-default)
}

@media (max-width:483px) {
    .search-tab-control.svelte-19ntdtp .header {
        margin: 0 0 -4px
    }
}

.search-tablist.svelte-19ntdtp {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: calc(100% + var(--bodyGutter));
    -webkit-padding-end: var(--bodyGutter);
    -moz-padding-end: var(--bodyGutter);
    margin-bottom: -4px;
    margin-top: -4px;
    padding-inline-end: var(--bodyGutter);
    z-index: var(--z-default);
    -webkit-margin-start: -4px;
    -moz-margin-start: -4px;
    margin-inline-start: -4px;
    -webkit-margin-end: -4px;
    -moz-margin-end: -4px;
    margin-inline-end: -4px;
    padding-bottom: 4px;
    padding-top: 4px;
    -webkit-padding-end: 4px;
    -moz-padding-end: 4px;
    padding-inline-end: 4px;
    -webkit-padding-start: 4px;
    -moz-padding-start: 4px;
    padding-inline-start: 4px
}

@supports ((-webkit-mask:linear-gradient(white, black)) or (mask:linear-gradient(white, black))) {
    .search-tablist.svelte-19ntdtp {
        -webkit-mask: linear-gradient(270deg, transparent 0, transparent calc(var(--bodyGutter)/2), #000 var(--bodyGutter));
        mask: linear-gradient(270deg, transparent 0, transparent calc(var(--bodyGutter)/2), #000 var(--bodyGutter));
        -webkit-mask-position: right;
        mask-position: right;
        position: relative;
        z-index: var(--z-default)
    }

    html[dir=rtl] .search-tablist.svelte-19ntdtp {
        -webkit-mask: linear-gradient(-270deg, transparent 0, transparent calc(var(--bodyGutter)/2), #000 var(--bodyGutter));
        mask: linear-gradient(-270deg, transparent 0, transparent calc(var(--bodyGutter)/2), #000 var(--bodyGutter))
    }
}

.search-tablist.svelte-19ntdtp::-webkit-scrollbar {
    background: transparent;
    display: none
}

.search-tab.svelte-19ntdtp {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-shrink: 0;
    font: var(--body-emphasized-tall);
    height: 32px;
    padding: 0 12px;
    position: relative;
    z-index: var(--z-default)
}

.search-tab[aria-selected=true].svelte-19ntdtp {
    background: var(--keyColor);
    color: #fff
}

.search-tab__input.svelte-19ntdtp {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: inherit;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    outline-offset: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.content-scope-bar.svelte-1hzfv5e {
    align-items: center;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    background-color: var(--fallbackMaterialBG);
    background-image: none;
    border: none;
    display: grid;
    flex-shrink: 0;
    grid-template-columns: 1fr auto;
    height: 38px;
    position: sticky;
    top: 0;
    width: auto;
    z-index: var(--z-web-chrome)
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .content-scope-bar.svelte-1hzfv5e {
        -webkit-backdrop-filter: blur(60px);
        backdrop-filter: blur(60px);
        background-color: var(--systemHeaderMaterialSover)
    }
}

@media (prefers-contrast:more) {
    .content-scope-bar.svelte-1hzfv5e {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemHeaderMaterialSover-default_IC)
    }
}

.app-container.is-not-focused .content-scope-bar.svelte-1hzfv5e {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: var(--systemHeaderMaterialSover-default_IC)
}

.content-scope-bar__content.svelte-1hzfv5e {
    grid-column: 1;
    grid-row: 1;
    margin-inline-end: var(--bodyGutter);
    margin-inline-start: var(--bodyGutter)
}

.content-scope-bar__content--centered.svelte-1hzfv5e {
    grid-column: 1/-1;
    text-align: center
}

.content-scope-bar__controls.svelte-1hzfv5e {
    grid-column: 2;
    grid-row: 1;
    margin-inline-end: 25px
}

@media (min-width:484px) {
    .content-scope-bar__controls.svelte-1hzfv5e {
        margin-inline-end: 15px
    }
}

@media (min-width:1000px) {
    .content-scope-bar__controls.svelte-1hzfv5e {
        margin-inline-end: 20px
    }
}

.search-scope-bar.svelte-nkvllf.svelte-nkvllf {
    display: contents
}

@media (max-width:483px) {
    .search-scope-bar.svelte-nkvllf .content-scope-bar {
        margin: 12px 0;
        position: unset
    }
}

@media (max-width:999px) {
    .search-scope-bar.svelte-nkvllf .content-scope-bar__content {
        display: none
    }

    .search-scope-bar.svelte-nkvllf .content-scope-bar__controls {
        grid-column: 1/1;
        grid-row: 1;
        margin-inline-end: 0;
        margin-inline-start: 0
    }
}

@media (min-width:484px) and (max-width:999px) {
    .search-scope-bar.svelte-nkvllf .content-scope-bar__controls {
        margin-inline-end: auto;
        margin-inline-start: auto
    }
}

@media (min-width:484px) {
    .desktop-controls-centered.svelte-nkvllf .content-scope-bar {
        grid-template-columns: repeat(3, minmax(0, auto));
        margin-top: 24px
    }
}

@media (max-width:483px) {
    .desktop-controls-centered.svelte-nkvllf .content-scope-bar {
        margin-inline-end: var(--bodyGutter);
        margin-inline-start: var(--bodyGutter)
    }
}

@media (min-width:484px) {
    .desktop-controls-centered.svelte-nkvllf .content-scope-bar__content {
        display: none
    }

    .desktop-controls-centered.svelte-nkvllf .content-scope-bar__controls {
        grid-column: 2;
        margin-inline-end: 0;
        width: 100%
    }
}

.scope-bar-non-material.svelte-nkvllf .content-scope-bar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: var(--pageBG)
}

.search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf {
    background-color: var(--segmentedControlBG);
    border-radius: 9px;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    min-height: 32px;
    overflow: hidden;
    padding: 2px;
    position: relative
}

.search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:has(:focus-visible) {
    box-shadow: 0 0 0 4px rgba(var(--keyColor-rgb), .6);
    outline: none
}

.search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before {
    inset: 2px;
    transform: translate(calc(100%*var(--current-index)));
    transition: transform .2s cubic-bezier(.25, .46, .45, .94);
    width: calc(100%/var(--numControls, 2) - var(--controlOffset, 2px))
}

@media (min-width:484px) {
    .search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before {
        transition: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before {
        transition: none
    }
}

@media (min-width:484px) {
    .search-scope-bar__pill-container--small.svelte-nkvllf.svelte-nkvllf {
        border-radius: 6px;
        box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .04);
        min-height: 22px;
        padding: 1px
    }
}

@media (min-width:484px) and (prefers-color-scheme:dark) {
    .search-scope-bar__pill-container--small.svelte-nkvllf.svelte-nkvllf {
        box-shadow: inset 0 -.5px rgba(255, 255, 255, .2), inset 0 0 1px rgba(255, 255, 255, .15)
    }
}

@media (min-width:484px) and (prefers-color-scheme:dark) and (prefers-contrast:more) {
    .search-scope-bar__pill-container--small.svelte-nkvllf.svelte-nkvllf {
        box-shadow: none
    }
}

.search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before,
.search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:before {
    border-radius: var(--global-border-radius-medium, 7px);
    content: "";
    pointer-events: none;
    position: absolute
}

.search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf {
    --linkHoverTextDecoration: none;
    align-items: center;
    border-radius: var(--global-border-radius-medium, 7px);
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    z-index: var(--z-default)
}

.search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:before {
    display: block;
    height: 100%;
    top: 0;
    width: 100%
}

@media (min-width:484px) {
    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:before {
        border-radius: 6px
    }
}

.search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:not(:first-of-type):after {
    background-color: var(--labelDivider);
    content: "";
    height: 60%;
    inset: 0;
    margin-block: auto;
    position: absolute;
    width: 1px
}

@media (min-width:484px) {

    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:active:before,
    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:has(:focus-visible):before {
        background-color: var(--segmentedControlActiveBG);
        box-shadow: 0 0 0 .5px var(--segmentedControlSelectedBorder), 0 1px 1px var(--segmentedControlSelectedShadow1), 0 2px 1px var(--segmentedControlSelectedShadow2)
    }
}

@media (min-width:484px) and (prefers-color-scheme:dark) {

    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:active:before,
    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:has(:focus-visible):before {
        box-shadow: inset 0 .5px rgba(255, 255, 255, .25)
    }
}

@media (min-width:484px) and (prefers-contrast:more) {

    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:active:before,
    .search-scope-bar__pill-option.svelte-nkvllf.svelte-nkvllf:has(:focus-visible):before {
        box-shadow: 0 0 0 .5px #000
    }
}

.search-scope-bar__pill-option.svelte-nkvllf input.svelte-nkvllf {
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.search-scope-bar__pill-option.svelte-nkvllf .click-action {
    border-radius: inherit;
    display: grid;
    height: 100%;
    place-items: center;
    width: 100%
}

.search-scope-bar__pill-option--selected.svelte-nkvllf+.search-scope-bar__pill-option.svelte-nkvllf:after,
.search-scope-bar__pill-option.search-scope-bar__pill-option--selected.svelte-nkvllf.svelte-nkvllf:after {
    background-color: transparent
}

.search-scope-bar__pill-label.svelte-nkvllf.svelte-nkvllf {
    clip-path: none;
    display: block;
    height: auto;
    padding: 5px 12px;
    position: relative;
    width: 100%;
    z-index: calc(var(--z-default) - 1)
}

.search-scope-bar__pill-label.svelte-nkvllf.svelte-nkvllf:before {
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

@media (min-width:484px) {
    .search-scope-bar__pill-label.svelte-nkvllf.svelte-nkvllf {
        padding: 0 10px
    }
}

.search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before,
.search-scope-bar__pill-option--selected.svelte-nkvllf.svelte-nkvllf:before {
    background-color: var(--segmentedControlSelectedBG);
    box-shadow: 0 0 0 .5px var(--segmentedControlSelectedBorder), 0 3px 8px var(--segmentedControlSelectedShadow1), 0 3px 1px var(--segmentedControlSelectedShadow2)
}

@media (prefers-contrast:more) {

    .search-scope-bar__pill-container.svelte-nkvllf.svelte-nkvllf:before,
    .search-scope-bar__pill-option--selected.svelte-nkvllf.svelte-nkvllf:before {
        box-shadow: 0 0 0 .5px #000
    }
}

.search-scope-bar__pill-option--selected.svelte-nkvllf.svelte-nkvllf:before {
    display: none
}

.search-scope-bar__pill-option--selected.svelte-nkvllf .search-scope-bar__pill-label.svelte-nkvllf {
    color: var(--segmentedControlSelectedText)
}

@media (max-width:483px) {
    .search-scope-bar__pill-option--selected.svelte-nkvllf .search-scope-bar__pill-label.svelte-nkvllf {
        font: var(--body-emphasized);
        letter-spacing: -.4px
    }
}

.search-scope-bar__pill-label.svelte-nkvllf.svelte-nkvllf,
.search-scope-bar__pill-option--selected.svelte-nkvllf.svelte-nkvllf {
    position: relative;
    z-index: calc(var(--z-default) - 1)
}

.search-scope-bar__results-text.svelte-nkvllf.svelte-nkvllf {
    color: var(--systemSecondary)
}

.search-scope-bar__results-text.svelte-nkvllf mark {
    background-color: transparent;
    color: var(--systemPrimary);
    font-weight: 600
}

.desktop-search-page.svelte-1bbvl5d .paragraph-lockup.centered {
    margin: auto
}

.library-search-content.svelte-1bbvl5d {
    bottom: 0;
    color: var(--systemSecondary);
    height: 10vh;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1
}

.library-search-content__description.svelte-1bbvl5d {
    font: var(--body-emphasized)
}

.library-search-content__icon.svelte-1bbvl5d svg {
    fill: var(--systemSecondary);
    height: 55px;
    width: 55px
}

footer.svelte-wadixz.svelte-wadixz {
    background-color: var(--footerBg);
    display: block;
    flex-shrink: 0;
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    min-height: 147px;
    padding: 15px var(--bodyGutter)
}

footer.svelte-wadixz.svelte-wadixz:lang(th) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.82
}

footer.svelte-wadixz.svelte-wadixz: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
}

footer.svelte-wadixz.svelte-wadixz: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
}

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

footer.svelte-wadixz.svelte-wadixz:lang(ja) {
    font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

footer.svelte-wadixz.svelte-wadixz: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
}

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

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

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

@media (max-width:483px) {
    footer.svelte-wadixz.svelte-wadixz {
        padding-bottom: 69px
    }
}

@media (min-width:740px) {
    footer.svelte-wadixz.svelte-wadixz {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.2727272727;
        min-height: 88px;
        padding-bottom: 14px;
        padding-top: 14px
    }

    footer.svelte-wadixz.svelte-wadixz:lang(th) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
        line-height: 1.7818181818
    }

    footer.svelte-wadixz.svelte-wadixz: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
    }

    footer.svelte-wadixz.svelte-wadixz: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
    }

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

    footer.svelte-wadixz.svelte-wadixz:lang(ja) {
        font-family: -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    footer.svelte-wadixz.svelte-wadixz: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
    }

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

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

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

@media (min-width:1680px) {
    footer.svelte-wadixz.svelte-wadixz {
        align-content: flex-start;
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }
}

.app-container.is-footer-hidden footer.svelte-wadixz.svelte-wadixz,
.maximize-content-area footer.svelte-wadixz.svelte-wadixz {
    display: none
}

@media (min-width:740px) {
    .footer-contents.svelte-wadixz.svelte-wadixz {
        order: 1
    }
}

.footer-contents.svelte-wadixz p.svelte-wadixz {
    color: var(--systemSecondary);
    margin-bottom: 5px
}

.footer-contents.svelte-wadixz a.svelte-wadixz {
    --linkColor: var(--systemPrimary)
}

.footer-contents.svelte-wadixz ul.svelte-wadixz {
    display: flex;
    flex-wrap: wrap
}

.footer-contents.svelte-wadixz li.svelte-wadixz {
    display: inline-flex;
    line-height: 1;
    margin-top: 6px;
    vertical-align: middle
}

.footer-contents.svelte-wadixz li a.svelte-wadixz {
    height: 100%;
    padding-inline-end: 10px
}

.footer-contents.svelte-wadixz li.svelte-wadixz:after {
    border-inline-start: 1px solid var(--systemQuaternary);
    content: "";
    padding-inline-end: 10px
}

.footer-contents.svelte-wadixz li.svelte-wadixz:last-child:after {
    content: none
}

.footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    --linkColor: var(--systemSecondary);
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    order: 1
}

[lang]:lang(zh-CN) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang SC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-HK) .footer-secondary-slot.svelte-wadixz.svelte-wadixz,
[lang]:lang(zh-MO) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang HK, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-TW) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ar) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -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) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arial Hebrew, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(hi) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ja) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -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) .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (min-width:740px) {
    .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
        order: 2
    }
}

@media (max-width:739px) {
    .footer-secondary-slot.svelte-wadixz.svelte-wadixz {
        min-width: auto
    }
}

li.svelte-a89zv9.svelte-a89zv9,
ul.svelte-a89zv9.svelte-a89zv9 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ul.svelte-a89zv9.svelte-a89zv9 {
    -moz-columns: 1 auto;
    column-count: 1;
    margin-bottom: 25px
}

@media (width >=600px) {
    ul.svelte-a89zv9.svelte-a89zv9 {
        -moz-columns: 3 auto;
        column-count: 3
    }
}

@media (min-width:1000px) {
    ul.svelte-a89zv9.svelte-a89zv9 {
        -moz-columns: 4 auto;
        column-count: 4
    }
}

@media (min-width:1580px) {
    ul.svelte-a89zv9.svelte-a89zv9 {
        -moz-columns: 5 auto;
        column-count: 5
    }
}

@media (min-width:1940px) {
    ul.svelte-a89zv9.svelte-a89zv9 {
        -moz-columns: 6 auto;
        column-count: 6
    }
}

li.svelte-a89zv9.svelte-a89zv9 {
    display: inline-block;
    font: var(--callout);
    padding-bottom: 26px;
    padding-right: 40px;
    width: 100%
}

li.svelte-a89zv9 a.svelte-a89zv9 {
    --linkColor: var(--systemPrimary)
}

.region-header.svelte-vqg5px {
    align-items: baseline;
    border-top: 1px solid var(--labelDivider);
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 13px
}

h2.svelte-vqg5px {
    font: var(--title-2-emphasized);
    margin-inline-end: 5px
}

.locale-switcher-modal-container.svelte-1jierl0 {
    align-items: center;
    background-color: var(--pageBG);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: calc(100vh - 160px);
    max-width: calc(100vw - 50px);
    min-height: 230px;
    overflow: hidden;
    position: relative
}

[lang]:lang(zh-CN) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang SC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang SC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-HK) .locale-switcher-modal-container.svelte-1jierl0,
[lang]:lang(zh-MO) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang HK, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang HK, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(zh-TW) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, PingFang TC, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ar) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -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) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Arial Hebrew, SF Pro Icons, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(hi) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Kohinoor Devanagari, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ja) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Hiragino Sans, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

[lang]:lang(ko) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -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) .locale-switcher-modal-container.svelte-1jierl0 {
    font-family: Locale Switcher, Locale Switcher PingFang TC, -apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, Thonburi Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (min-width:1000px) {
    .locale-switcher-modal-container.svelte-1jierl0 {
        width: 990px
    }
}

@media (min-width:1940px) {
    .locale-switcher-modal-container.svelte-1jierl0 {
        width: 1250px
    }
}

.locale-switcher-modal-container.svelte-1jierl0:after {
    background: linear-gradient(to top, var(--pageBG) 0, rgba(var(--pageBG-rgb), 0) 100%);
    bottom: 0;
    content: "";
    height: 64px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition-delay: 0s;
    transition-duration: .3s;
    transition-property: height, width, background;
    width: calc(100% - 40px);
    z-index: var(--z-default)
}

@media (min-width:1000px) {
    .locale-switcher-modal-container.svelte-1jierl0:after {
        width: calc(100% - 60px)
    }
}

.header-container.svelte-1jierl0 {
    max-height: 120px;
    padding-bottom: 32px;
    padding-top: 54px;
    pointer-events: none;
    position: sticky;
    transition-delay: 0s;
    transition-duration: .5s;
    transition-property: height, width;
    width: 100%;
    z-index: var(--z-default)
}

.content-is-scrolling.svelte-1jierl0 {
    box-shadow: 0 3px 5px var(--systemQuaternary);
    transition: box-shadow .2s ease-in-out
}

.close-button.svelte-1jierl0 {
    align-self: flex-start;
    height: 18px;
    margin: 16px 20px 10px;
    position: absolute;
    top: 0;
    width: 18px;
    fill: var(--systemSecondary)
}

.title.svelte-1jierl0 {
    color: var(--systemPrimary);
    display: block;
    font: var(--title-1-emphasized);
    padding-inline-end: 20px;
    padding-inline-start: 20px;
    text-align: center;
    width: 100%
}

@media (min-width:1260px) {
    .title.svelte-1jierl0 {
        font: var(--large-title-emphasized)
    }
}

.region-container.svelte-1jierl0 {
    height: calc(100% - 120px);
    overflow-y: auto;
    padding-bottom: 42px;
    padding-inline-end: 20px;
    padding-inline-start: 20px;
    position: relative
}

@media (width >=600px) {
    .region-container.svelte-1jierl0 {
        padding-inline-end: 50px;
        padding-inline-start: 50px
    }
}

.back-button.svelte-1jierl0 {
    align-items: center;
    color: var(--keyColor);
    display: flex;
    margin-bottom: 16px
}

.back-button.svelte-1jierl0 .back-chevron {
    height: 12px;
    fill: var(--keyColor);
    margin-inline-end: 5px;
    transform: rotate(180deg)
}

html[dir=rtl] .back-button.svelte-1jierl0 .back-chevron {
    transform: rotate(0)
}

:host([dir=rtl]) .back-chevron {
    transform: rotate(0)
}

.see-all-button.svelte-1jierl0 {
    color: var(--keyColor);
    min-width: 42px
}

.see-all-button-hidden.svelte-1jierl0 {
    display: none
}

a.svelte-n776hm.svelte-n776hm {
    --linkColor: var(--systemSecondary);
    padding-inline-end: 10px;
    white-space: nowrap
}

ul.svelte-n776hm.svelte-n776hm {
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 10px
}

@media (max-width:1259px) {

    ul.languages-new-line.svelte-n776hm li:first-of-type a.svelte-n776hm,
    ul.languages-new-line.svelte-n776hm.svelte-n776hm {
        padding-inline-start: 0
    }

    ul.languages-new-line.svelte-n776hm li.svelte-n776hm:first-of-type:before {
        border-inline-start: none;
        content: "";
        height: 100%
    }
}

ul.svelte-n776hm li.svelte-n776hm {
    display: inline-flex;
    line-height: 1;
    margin-top: 6px;
    vertical-align: middle
}

ul.svelte-n776hm li:first-of-type a.svelte-n776hm {
    padding-inline-start: 10px
}

ul.svelte-n776hm li.svelte-n776hm:first-of-type:before {
    border-inline-start: 1px solid var(--systemQuaternary);
    content: "";
    height: 100%
}

ul.svelte-n776hm li.svelte-n776hm:after {
    border-inline-start: 1px solid var(--systemQuaternary);
    content: "";
    padding-inline-end: 10px
}

ul.svelte-n776hm li.svelte-n776hm:last-child:after {
    content: none
}

.button-container.svelte-14qifue.svelte-14qifue {
    --linkColor: var(--systemPrimary);
    display: flex;
    margin-bottom: 25px
}

@media (max-width:1259px) {
    .button-container.languages-new-line.svelte-14qifue.svelte-14qifue {
        flex-direction: column
    }

    .button-container.languages-new-line.svelte-14qifue button.svelte-14qifue {
        margin-bottom: 5px
    }
}

button.svelte-14qifue.svelte-14qifue {
    display: inline-flex;
    line-height: 1;
    margin-top: 6px;
    vertical-align: middle;
    white-space: nowrap
}

.select-container.svelte-1ma3nks.svelte-1ma3nks {
    --selectHeight: var(--overrideSelectHeight, 32px);
    display: grid;
    grid-template-columns: 1fr auto;
    position: relative;
    width: var(--overridSelectContainerWidth, auto);
    grid-gap: 22px;
    align-items: center;
    grid-template-areas: "away-select away-button";
    z-index: var(--z-default)
}

.dropdown-button.svelte-1ma3nks.svelte-1ma3nks {
    align-items: center;
    background-color: var(--dropdownBackground, #575757);
    border: 1px solid var(--dropdownLightGray, #707070);
    border-radius: var(--global-border-radius-medium, 7px);
    color: var(--systemPrimary-onDark);
    display: flex;
    font: var(--title-3);
    grid-area: away-select;
    justify-content: space-between;
    min-height: var(--selectHeight);
    padding-inline-start: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 160px
}

@media (width >=400px) {
    .dropdown-button.svelte-1ma3nks.svelte-1ma3nks {
        width: 200px
    }
}

@media (min-width:1260px) {
    .dropdown-button.svelte-1ma3nks.svelte-1ma3nks {
        width: 300px
    }
}

@media (max-width:999px) {
    .dropdown-button.svelte-1ma3nks.svelte-1ma3nks {
        width: 100%
    }
}

.dropdown-button.svelte-1ma3nks span.svelte-1ma3nks {
    display: -webkit-box;
    text-align: start;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.dropdown-button.svelte-1ma3nks .chevron,
.dropdown-select-item.svelte-1ma3nks .chevron {
    height: 12px;
    fill: var(--dropdownLightGrayIcon, #999);
    padding-inline-end: 12px;
    padding-inline-start: 12px;
    transform: rotate(90deg)
}

ul.svelte-1ma3nks.svelte-1ma3nks {
    background-color: var(--dropdownBackground, #575757);
    border: 1px solid var(--dropdownLightGray, #707070);
    border-radius: var(--global-border-radius-medium, 7px);
    color: var(--systemPrimary-onDark);
    min-height: var(--selectHeight);
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 160px;
    z-index: var(--z-default)
}

@media (width >=400px) {
    ul.svelte-1ma3nks.svelte-1ma3nks {
        width: 200px
    }
}

@media (min-width:1260px) {
    ul.svelte-1ma3nks.svelte-1ma3nks {
        width: 300px
    }
}

.open-up.svelte-1ma3nks ul.svelte-1ma3nks {
    bottom: -1px
}

.open-down.svelte-1ma3nks ul.svelte-1ma3nks {
    top: -1px
}

.dropdown-select-item.svelte-1ma3nks.svelte-1ma3nks {
    align-items: center;
    border-bottom: 1px solid var(--dropdownLightGray, #707070);
    display: flex;
    font: var(--title-3);
    justify-content: space-between
}

.dropdown-select-item.svelte-1ma3nks.svelte-1ma3nks:last-of-type {
    border-bottom: 0
}

.dropdown-select-item.svelte-1ma3nks.svelte-1ma3nks:hover {
    background: var(--dropdownLightGray, #707070)
}

.dropdown-select-item.svelte-1ma3nks.svelte-1ma3nks:hover:first-of-type {
    border-top-left-radius: calc(var(--global-border-radius-medium, 7px) - 2px);
    border-top-right-radius: calc(var(--global-border-radius-medium, 7px) - 2px)
}

.dropdown-select-item.svelte-1ma3nks.svelte-1ma3nks:hover:last-of-type {
    border-bottom-left-radius: calc(var(--global-border-radius-medium, 7px) - 2px);
    border-bottom-right-radius: calc(var(--global-border-radius-medium, 7px) - 2px)
}

.dropdown-select-item.svelte-1ma3nks span.svelte-1ma3nks {
    line-height: var(--selectHeight);
    overflow: hidden;
    padding-inline-start: 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selected.svelte-1ma3nks.svelte-1ma3nks:before {
    color: var(--dropdownLightGrayIcon, #999);
    content: "✓";
    inset-inline-start: 9px;
    position: absolute;
    z-index: var(--z-default)
}

.select-list.svelte-1ma3nks.svelte-1ma3nks {
    grid-area: away-select
}

@media (max-width:999px) {
    .select-list.svelte-1ma3nks.svelte-1ma3nks {
        width: 100%
    }
}

.select-button.svelte-1ma3nks.svelte-1ma3nks {
    background-color: var(--keyColor);
    border-radius: var(--global-border-radius-medium, 7px);
    color: var(--systemPrimary-onDark);
    font: var(--body-emphasized);
    grid-area: away-button;
    height: var(--selectHeight);
    min-width: 125px;
    padding-inline-end: 30px;
    padding-inline-start: 30px
}

.banner-container.svelte-1tek7x4 {
    background: var(--bannerDarkGray, #444);
    color: var(--systemPrimary-onDark);
    display: grid;
    grid-area: structure-locale-switcher;
    padding: 15px 25px 20px;
    padding-inline-end: 32px;
    padding-inline-start: 24px;
    position: relative;
    z-index: calc(var(--z-web-chrome) + 1)
}

@media (min-width:1000px) {
    .banner-container.svelte-1tek7x4 {
        min-height: 74px
    }
}

@media (max-width:483px) {
    .banner-container.svelte-1tek7x4 {
        margin-top: -54px
    }
}

@media (min-width:484px) {
    .banner-container.svelte-1tek7x4 {
        z-index: calc(var(--z-web-chrome) - 10)
    }
}

@media (max-width:578px) {
    .banner-container.svelte-1tek7x4 {
        min-height: 125px;
        padding-top: 12px
    }
}

.banner-content.svelte-1tek7x4 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: 1884px;
    width: 100%
}

@media (max-width:578px) {
    .banner-content.svelte-1tek7x4 {
        align-items: flex-start;
        justify-content: space-between
    }
}

.close-button.svelte-1tek7x4 {
    line-height: 0;
    fill: var(--systemPrimary-onDark)
}

@media (max-width:999px) {
    .close-button.svelte-1tek7x4 {
        inset-inline-start: 25px;
        position: absolute;
        top: 17px;
        z-index: var(--z-default)
    }
}

@media (max-width:999px) {
    :host .close-button.svelte-1tek7x4 {
        inset-inline-start: 25px
    }
}

.dropdown-container.svelte-1tek7x4 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-inline-start: 20px;
    width: 100%
}

@media (max-width:578px) {
    .dropdown-container.svelte-1tek7x4 {
        height: 100%;
        justify-content: space-between
    }
}

@media (max-width:999px) {
    .dropdown-container.svelte-1tek7x4 {
        --overridSelectContainerWidth: 100%;
        align-items: flex-start;
        flex-direction: column;
        padding-inline-start: 0
    }

    .dropdown-container.svelte-1tek7x4 .dropdown-button {
        flex-grow: 1
    }
}

.message.svelte-1tek7x4 {
    font: var(--title-3);
    margin-inline-end: 30px
}

@media (max-width:999px) {
    .message.svelte-1tek7x4 {
        margin-bottom: 20px;
        margin-inline-end: 20px;
        padding-inline-start: 40px
    }
}

.upsell-banner.svelte-t9o48i {
    --musicBrandBG: var(--keyColorBG);
    grid-area: structure-upsell;
    position: relative;
    z-index: calc(var(--z-web-chrome) - 10)
}

.cover--1.svelte-1jg9ngt.svelte-1jg9ngt {
    background-image: radial-gradient(circle at bottom left, rgb(var(--c2-rgb)) 0, transparent 68%), radial-gradient(circle at top left, rgb(var(--c1-rgb)) 0, transparent 60%), radial-gradient(circle at top right, rgb(var(--c2-rgb)) 0, transparent 66%), radial-gradient(circle at bottom right, rgb(var(--c4-rgb)) 0, transparent 60%), linear-gradient(143deg, rgb(var(--c1-rgb)) 7%, rgb(var(--c4-rgb)) 101%)
}

.cover--2.svelte-1jg9ngt.svelte-1jg9ngt {
    background: radial-gradient(circle at 50% 0, rgb(var(--c4-rgb)) 0, transparent 50%), linear-gradient(143deg, rgb(var(--c4-rgb)) 0, rgb(var(--c4-rgb)) 25%, rgb(var(--c1-rgb)) 75%, rgb(var(--c1-rgb)) 100%);
    overflow: hidden;
    position: relative
}

.cover--2.svelte-1jg9ngt.svelte-1jg9ngt:after,
.cover--2.svelte-1jg9ngt.svelte-1jg9ngt:before {
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) skew(326deg, 1deg) rotate(153deg);
    z-index: var(--z-default)
}

.cover--2.svelte-1jg9ngt.svelte-1jg9ngt:before {
    aspect-ratio: 425.47/368.94;
    background-image: radial-gradient(circle at 50% 50%, rgb(var(--c4-rgb)) 5%, rgb(var(--c4-rgb)) 0, transparent 28%), conic-gradient(from 5.1682rad at 50% 50%, rgb(var(--c3-rgb)) 2%, rgb(var(--c4-rgb)) 8%, rgb(var(--c4-rgb)) 11%, rgb(var(--c1-rgb)) 21%, rgb(var(--c1-rgb)) 26%, rgb(var(--c4-rgb)) 39%, rgb(var(--c4-rgb)) 43%, rgb(var(--c3-rgb)) 48%, rgb(var(--c3-rgb)) 53%, rgb(var(--c4-rgb)) 57%, rgba(var(--c4-rgb), .8) 62%, rgba(var(--c4-rgb), .5) 81%, rgba(var(--c4-rgb), .5) 84%, rgba(var(--c4-rgb), .8) 91%, rgb(var(--c4-rgb)) 93%, rgb(var(--c3-rgb)) 98%);
    left: -3%;
    width: 107%
}

@supports not (aspect-ratio:1/1) {
    .cover--2.svelte-1jg9ngt.svelte-1jg9ngt:before {
        height: 70%
    }
}

.cover--2.svelte-1jg9ngt.svelte-1jg9ngt:after {
    aspect-ratio: 139.23/117.74;
    background: rgb(var(--c1-rgb));
    left: 33%;
    width: 35%
}

@supports not (aspect-ratio:1/1) {
    .cover--2.svelte-1jg9ngt.svelte-1jg9ngt:after {
        height: 23%
    }
}

.cover--2.cover--tall.svelte-1jg9ngt.svelte-1jg9ngt:after,
.cover--2.cover--tall.svelte-1jg9ngt.svelte-1jg9ngt:before {
    transform: translateY(calc(-50% + 30px)) skew(326deg, 1deg) rotate(153deg)
}

.cover--3.svelte-1jg9ngt.svelte-1jg9ngt {
    background: linear-gradient(180deg, rgb(var(--c1-rgb)) 0, rgb(var(--c1-rgb)) 16%, rgb(var(--c2-rgb)) 31%, rgb(var(--c3-rgb)) 51%, rgb(var(--c2-rgb)) 80%, rgb(var(--c2-rgb)) 100%) no-repeat border-box, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c1-rgb)) 16%, rgb(var(--c2-rgb)) 31%, rgb(var(--c3-rgb)) 51%, rgb(var(--c2-rgb)) 80%, rgb(var(--c2-rgb)) 100%) no-repeat border-box;
    background-origin: padding-box;
    background-position: 0 100%, 100% 100%;
    background-size: 50% 100%, 50% 100%;
    position: relative;
    z-index: var(--z-default)
}

.cover--3.svelte-1jg9ngt.svelte-1jg9ngt:before {
    background: linear-gradient(180deg, rgb(var(--c1-rgb)) 0, transparent 100%);
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.cover--4.svelte-1jg9ngt.svelte-1jg9ngt {
    background: linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 50%, transparent 86%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 49%, transparent 90%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 45%, transparent 96%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 49%, transparent 94%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 59%, transparent 80%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 59%, transparent 83%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 64%, transparent 87%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 59%, transparent 86%) no-repeat, linear-gradient(0deg, rgb(var(--c1-rgb)) 0, rgb(var(--c2-rgb)) 59%, transparent 83%) no-repeat, rgb(var(--c4-rgb));
    background-position: 0 100%, 12.6% 100%, 25.2% 100%, 37.8% 100%, 50.3% 100%, 62.9% 100%, 75.5% 100%, 88.3% 100%, 100% 100%, 0 0;
    background-size: 11.4% 72%, 11.4% 66%, 11.4% 61%, 11.1% 66%, 11.2% 72%, 11.5% 81%, 11.2% 91%, 11.72% 81%, 10.4% 72%, 100% 100%;
    position: relative
}

.cover--4.svelte-1jg9ngt.svelte-1jg9ngt:after {
    background: radial-gradient(circle at 25% 25%, rgb(var(--c4-rgb)) 0, transparent 60%);
    bottom: 0;
    content: "";
    display: block;
    height: 60%;
    left: 0;
    position: absolute;
    top: 10%;
    width: 75%;
    z-index: var(--z-default)
}

.cover--5.svelte-1jg9ngt.svelte-1jg9ngt {
    background-image: linear-gradient(180deg, rgb(var(--c1-rgb)) 0, transparent 50%), conic-gradient(from 1.5708rad at 50% 50%, rgb(var(--c3-rgb)) 12%, rgb(var(--c4-rgb)) 37.5%, rgb(var(--c1-rgb)) 37.5%, rgb(var(--c3-rgb)) 62%, rgb(var(--c4-rgb)) 87.5%, rgb(var(--c1-rgb)) 87.5%, rgb(var(--c3-rgb)) 100%)
}

.cover--6.svelte-1jg9ngt.svelte-1jg9ngt {
    position: relative
}

.cover--6.svelte-1jg9ngt svg.svelte-1jg9ngt {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cover--6.svelte-1jg9ngt .gradient-r6-c1.svelte-1jg9ngt {
    stop-color: rgb(var(--c1-rgb));
    stop-opacity: 1
}

.cover--6.svelte-1jg9ngt .gradient-r6-c2.svelte-1jg9ngt {
    stop-color: rgb(var(--c2-rgb));
    stop-opacity: 1
}

.cover--6.svelte-1jg9ngt .gradient-r6-c4.svelte-1jg9ngt {
    stop-color: rgb(var(--c4-rgb));
    stop-opacity: 1
}

.cover--7.svelte-1jg9ngt.svelte-1jg9ngt {
    background-color: rgb(var(--c4-rgb));
    background-image: linear-gradient(159deg, rgb(var(--c1-rgb)) 0, rgb(var(--c1-rgb)) 19%, rgb(var(--c2-rgb)) 69%, rgb(var(--c4-rgb)) 100%);
    overflow: hidden;
    position: relative;
    z-index: var(--z-default)
}

.cover--7.svelte-1jg9ngt.svelte-1jg9ngt:after {
    background-image: linear-gradient(180deg, rgb(var(--c1-rgb)) 0, transparent 96%);
    height: 50%
}

.cover--7.svelte-1jg9ngt.svelte-1jg9ngt:after,
.cover--7.svelte-1jg9ngt.svelte-1jg9ngt:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.cover--7.svelte-1jg9ngt.svelte-1jg9ngt:before {
    background-image: linear-gradient(341deg, transparent 0, rgb(var(--c2-rgb)) 72%, rgb(var(--c4-rgb)) 88%);
    height: 100%;
    opacity: .4;
    transform: scaleX(-1) scaleY(-1)
}

.cover--7.svelte-1jg9ngt svg.svelte-1jg9ngt {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.cover--7.svelte-1jg9ngt .gradient-r8-c1.svelte-1jg9ngt {
    stop-color: rgba(var(--c1-rgb), .5)
}

.cover--7.svelte-1jg9ngt .gradient-r8-c2.svelte-1jg9ngt {
    stop-color: rgba(var(--c2-rgb), .5)
}

.cover--7.svelte-1jg9ngt .gradient-r8-c4.svelte-1jg9ngt {
    stop-color: rgba(var(--c4-rgb), .5)
}

.cover--8.svelte-1jg9ngt.svelte-1jg9ngt {
    overflow: hidden;
    position: relative
}

.cover--8.svelte-1jg9ngt.svelte-1jg9ngt:after {
    background-image: linear-gradient(0deg, transparent 50%, rgb(var(--c4-rgb)) 96%)
}

.cover--8.svelte-1jg9ngt.svelte-1jg9ngt:after,
.cover--8.svelte-1jg9ngt.svelte-1jg9ngt:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: var(--z-default)
}

.cover--8.svelte-1jg9ngt.svelte-1jg9ngt:before {
    background-image: linear-gradient(135deg, rgb(var(--c1-rgb)) 0, rgb(var(--c1-rgb)) 20%, rgb(var(--c3-rgb)) 50%, rgba(var(--c4-rgb), .9) 80%, rgb(var(--c4-rgb)) 100%);
    transform: scaleX(-1) scaleY(-1)
}

.cover--8.svelte-1jg9ngt svg.svelte-1jg9ngt {
    bottom: 0;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    fill: rgb(var(--c4-rgb));
    z-index: var(--z-default)
}

.cover-container.svelte-1jg9ngt.svelte-1jg9ngt {
    height: 150px;
    width: 150px
}

p.svelte-1jg9ngt.svelte-1jg9ngt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    position: relative;
    z-index: 10
}

.svelte-1jg9ngt.svelte-1jg9ngt {
    box-sizing: border-box
}

.cover.svelte-1jg9ngt.svelte-1jg9ngt {
    border-radius: 10px;
    color: rgba(0, 0, 0, .85);
    overflow: hidden;
    padding: 10px
}

.cover--dark.svelte-1jg9ngt.svelte-1jg9ngt {
    color: rgba(255, 255, 255, .85)
}

.cover--tall.svelte-1jg9ngt.svelte-1jg9ngt {
    height: 400px;
    width: 300px
}

.cover--square.svelte-1jg9ngt.svelte-1jg9ngt {
    height: 150px;
    width: 150px
}

.cover--0.svelte-1jg9ngt.svelte-1jg9ngt {
    background-color: #e5e5e5
}

.playlist-cover-art-picker.svelte-70eoo {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.playlist-cover-art-picker__cover-grid.svelte-70eoo {
    --shelfGridPaddingInline: 0;
    --shelfGridGutterWidth: 0;
    width: 150%
}

.playlist-cover-art-picker__cover-grid.svelte-70eoo .shelf-grid__list-item {
    scroll-snap-align: center
}

.playlist-cover-art-picker__cover-grid.svelte-70eoo .shelf-grid-nav__arrow--left {
    left: 77px
}

.playlist-cover-art-picker__cover-grid.svelte-70eoo .shelf-grid-nav__arrow--right {
    right: 77px
}

.playlist-cover-art-picker__bubble-navigation.svelte-70eoo {
    align-items: center;
    display: flex;
    gap: 5px;
    height: 10px;
    justify-content: center;
    margin-top: 20px;
    width: 120px
}

.playlist-cover-art-picker__bubble-navigation__bubble.svelte-70eoo {
    background-color: #e5e5e5;
    border-radius: 3px;
    cursor: pointer;
    height: 6px;
    transition: background-color .2s ease-in;
    width: 6px
}

.playlist-cover-art-picker__bubble-navigation__bubble.isActive.svelte-70eoo {
    background-color: var(--systemPrimary)
}

@media (prefers-color-scheme:dark) {
    .playlist-cover-art-picker__bubble-navigation__bubble.isActive.svelte-70eoo {
        background-color: var(--systemSecondary-vibrant)
    }
}

.playlist-form.svelte-1kd2e9n {
    background: var(--pageBG);
    display: flex;
    flex-flow: column;
    max-height: 100vh;
    overflow-y: auto;
    width: 310px
}

.modal-title.svelte-1kd2e9n {
    font: var(--title-3-bold);
    margin: 12px;
    text-align: center;
    word-break: break-word
}

.description.svelte-1kd2e9n,
.playlist-title.svelte-1kd2e9n {
    border: 1px solid var(--searchBarBorderColor);
    border-radius: 3px;
    font: var(--body);
    font-family: inherit;
    margin: 0 20px;
    padding: 5px;
    resize: none
}

.description.svelte-1kd2e9n::-webkit-input-placeholder,
.playlist-title.svelte-1kd2e9n::-webkit-input-placeholder {
    color: var(--systemSecondary)
}

.description.svelte-1kd2e9n::-moz-placeholder,
.playlist-title.svelte-1kd2e9n::-moz-placeholder {
    color: var(--systemSecondary)
}

.description.svelte-1kd2e9n::-ms-input-placeholder,
.playlist-title.svelte-1kd2e9n::-ms-input-placeholder {
    color: var(--systemSecondary)
}

.description.svelte-1kd2e9n::placeholder,
.playlist-title.svelte-1kd2e9n::placeholder {
    color: var(--systemSecondary)
}

.playlist-title.svelte-1kd2e9n {
    margin-top: 26px
}

.description.svelte-1kd2e9n {
    margin-top: 10px
}

.public.svelte-1kd2e9n {
    accent-color: var(--keyColor);
    display: flex;
    gap: 4px;
    margin: 17px 20px 21px;
    word-break: break-word
}

.buttons.svelte-1kd2e9n {
    background: var(--pageBG);
    bottom: 0;
    display: flex;
    height: 52px;
    justify-content: space-between;
    padding: 12px;
    position: -webkit-sticky;
    position: sticky;
    --buttonWidth: auto;
    --buttonMinWidth: 100px;
    --buttonHeight: 28px;
    border-top: var(--keyline-border-style);
    z-index: var(--z-default)
}

.cancel-button.svelte-1kd2e9n {
    --buttonTextColor: var(--systemPrimary);
    --buttonBorderColor: var(--searchBarBorderColor)
}

.error-modal__container.svelte-1qlmxda {
    background-color: var(--systemStandardThickMaterialSover-default_IC);
    border: .5px solid rgba(0, 0, 0, .2);
    border-radius: var(--global-border-radius-large, 10px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 122px;
    min-width: auto;
    padding: 20px 16px 16px;
    text-align: center
}

@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
    .error-modal__container.svelte-1qlmxda {
        -webkit-backdrop-filter: blur(60px) saturate(210%);
        backdrop-filter: blur(60px) saturate(210%);
        background-color: var(--systemStandardThickMaterialSover)
    }

    @media (prefers-color-scheme:dark) {
        .error-modal__container.svelte-1qlmxda {
            -webkit-backdrop-filter: blur(60px) saturate(220%);
            backdrop-filter: blur(60px) saturate(220%)
        }
    }
}

@media (prefers-contrast:more) {
    .error-modal__container.svelte-1qlmxda {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: var(--systemStandardThickMaterialSover-default_IC)
    }
}

.error-modal__top-content.svelte-1qlmxda {
    margin: 0 auto;
    width: 260px
}

.error-modal__bottom-content.svelte-1qlmxda,
.error-modal__top-content.svelte-1qlmxda {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.error-modal__bottom-content.svelte-1qlmxda {
    gap: 8px
}

@media (min-width:1000px) {
    .error-modal__bottom-content--row.svelte-1qlmxda {
        flex-direction: row-reverse
    }
}

@media (min-width:1260px) {
    .error-modal__bottom-content--has-action.svelte-1qlmxda .button.alert button {
        padding: 0 10px;
        white-space: nowrap
    }
}

.error-modal__message.svelte-1qlmxda {
    font: var(--headline)
}

.error-modal__sub-message.svelte-1qlmxda {
    font: var(--subhead);
    margin: 11px 0 16px
}

@keyframes svelte-1qlmxda-modalZoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0)
    }
}

@keyframes svelte-1qlmxda-modalFadeIn {
    0% {
        opacity: 0
    }
}

.join-share-play.svelte-1wgwkg2 {
    padding-bottom: 30px;
    padding-top: 20px
}

.join-share-play.svelte-1wgwkg2>svg {
    display: block;
    height: 56px;
    margin: 21px auto 22px;
    fill: var(--systemSecondary)
}

.join-share-play__subtitle.svelte-1wgwkg2,
.join-share-play__title.svelte-1wgwkg2 {
    margin: 2px auto 9px;
    padding: 0 35px;
    text-align: center
}

.join-share-play__title.svelte-1wgwkg2 {
    font: var(--large-title-emphasized)
}

.join-share-play__subtitle.svelte-1wgwkg2 {
    color: var(--systemSecondary);
    font: var(--title-2);
    margin-bottom: 32px
}

.join-share-play__profile-loading-spinner.svelte-1wgwkg2 {
    height: 40px;
    margin: 0 auto 36px;
    position: relative;
    z-index: var(--z-default)
}

.join-share-play__lockup-header.svelte-1wgwkg2 {
    color: var(--systemSecondary);
    margin-bottom: 6px;
    padding: 0 42px
}

.share-play-lockup.svelte-1wgwkg2 {
    align-items: center;
    background-color: var(--systemQuaternary);
    border-radius: 16px;
    color: var(--systemPrimary);
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding-bottom: 11px;
    padding-top: 11px;
    position: relative;
    -webkit-margin-start: 30px;
    -moz-margin-start: 30px;
    margin-inline-start: 30px;
    -webkit-margin-end: 30px;
    -moz-margin-end: 30px;
    margin-inline-end: 30px;
    -webkit-padding-start: 10px;
    -moz-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 34px;
    -moz-padding-end: 34px;
    padding-inline-end: 34px
}

.share-play-lockup__content.svelte-1wgwkg2 {
    --linkHoverTextDecoration: none;
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: hidden;
    text-align: start;
    -webkit-padding-start: 12px;
    -moz-padding-start: 12px;
    padding-inline-start: 12px;
    -webkit-padding-end: 12px;
    -moz-padding-end: 12px;
    padding-inline-end: 12px
}

.share-play-lockup__input.svelte-1wgwkg2 {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    color: var(--systemSecondary);
    font: var(--title-2-emphasized);
    width: 100%
}

.share-play-lockup__input.svelte-1wgwkg2::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/assets/icons/sidebar-searchfield-close-on-light.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    width: 14px
}

@media (prefers-color-scheme:dark) {
    .share-play-lockup__input.svelte-1wgwkg2::-webkit-search-cancel-button {
        background-image: url(/assets/icons/sidebar-searchfield-close-on-dark.svg)
    }
}

.share-play-lockup__button.svelte-1wgwkg2 .button button {
    --buttonMinWidth: none;
    font: var(--title-2)
}

.share-play-lockup__social.svelte-1wgwkg2 {
    position: relative;
    width: 54px;
    z-index: var(--z-default)
}

.share-play-lockup__social.svelte-1wgwkg2: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: calc(var(--z-default) + 1)
}

.share-play-lockup__social.svelte-1wgwkg2 .artwork-component {
    --artwork-override-width: calc(54px*var(--aspect-ratio));
    --artwork-override-height: 54px
}

.share-play-lockup__social.svelte-1wgwkg2 .person-circle-fill {
    fill: var(--systemSecondary)
}

.share-play-lockup__social--circular.svelte-1wgwkg2 {
    border-radius: 50%;
    line-height: 0
}

.join-share-play__lockup-footer.svelte-1wgwkg2 {
    margin: 6px 42px 24px
}

.join-share-play__button.svelte-1wgwkg2 {
    height: 50px;
    margin: 0 30px;
    position: relative;
    z-index: var(--z-default)
}

.join-share-play__button.svelte-1wgwkg2 .pill.button button {
    --buttonMinWidth: none;
    --buttonHeight: 50px;
    --buttonWidth: 100%;
    --buttonPadding: 12px;
    --buttonBackgroundColor: var(--keyColor);
    --buttonTextColor: #fff;
    --buttonBorderRadius: 10px;
    font: var(--title-2-emphasized)
}

.join-share-play__button.is-connecting.svelte-1wgwkg2 {
    align-items: center;
    color: var(--systemPrimary);
    display: flex;
    font: var(--title-2-emphasized);
    justify-content: center;
    text-align: center
}

.join-share-play__button-loading-spinner.svelte-1wgwkg2 {
    display: inline-block;
    position: relative;
    -webkit-margin-end: 20px;
    -moz-margin-end: 20px;
    margin-inline-end: 20px
}

.close-button.svelte-1wgwkg2 {
    fill: var(--systemSecondary);
    inset-inline-start: 20px;
    position: absolute;
    top: 20px;
    z-index: var(--z-default)
}

.close-button.svelte-1wgwkg2 svg {
    height: 14px;
    width: 14px
}

.initiate-collab.svelte-17nj6y>svg {
    display: block;
    margin: 0 auto 22px;
    fill: var(--systemSecondary)
}

.initiate-collab.svelte-17nj6y .person-2-fill {
    --person-2-fill-color: var(--keyColor);
    height: 56px;
    width: 63px
}

.initiate-collab__subtitle.svelte-17nj6y.svelte-17nj6y,
.initiate-collab__title.svelte-17nj6y.svelte-17nj6y {
    margin: 2px auto 10px;
    padding: 0 35px;
    text-align: center
}

.initiate-collab__title.svelte-17nj6y.svelte-17nj6y {
    font: var(--large-title-emphasized)
}

.initiate-collab__subtitle.svelte-17nj6y.svelte-17nj6y {
    color: var(--systemSecondary);
    font: var(--title-2);
    margin-bottom: 36px
}

.initiate-collab__approve__toggle.svelte-17nj6y.svelte-17nj6y {
    align-items: center;
    background: var(--tracklistHoverColor);
    border-radius: 16px;
    display: flex;
    margin: 0 30px 30px;
    padding: 10px 20px;
    position: relative
}

.initiate-collab__approve__toggle.svelte-17nj6y span.svelte-17nj6y {
    flex: 1;
    font: var(--title-2)
}

.initiate-collab__button.svelte-17nj6y.svelte-17nj6y {
    height: 30px;
    margin: 0 30px 30px;
    position: relative
}

.initiate-collab__button.svelte-17nj6y .button button {
    --buttonMinWidth: none;
    font: var(--title-2)
}

.initiate-collab__button.svelte-17nj6y .pill.button button {
    --buttonMinWidth: none;
    --buttonHeight: 50px;
    --buttonWidth: 100%;
    --buttonPadding: 12px;
    --buttonBackgroundColor: var(--keyColor);
    --buttonTextColor: #fff;
    --buttonBorderRadius: 25px;
    font: var(--title-2-emphasized)
}

.toggle-container.svelte-17nj6y.svelte-17nj6y {
    height: 34px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 60px
}

.toggle-checkbox.svelte-17nj6y.svelte-17nj6y {
    height: 0;
    opacity: 0;
    width: 0
}

.toggle-label.svelte-17nj6y.svelte-17nj6y {
    background-color: #d8d8d8;
    border-radius: 17px;
    cursor: pointer;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .3s;
    width: 60px
}

.toggle-label.svelte-17nj6y.svelte-17nj6y:before {
    background-color: #fff;
    border-radius: 15px;
    content: "";
    height: 30px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform .3s;
    width: 30px
}

.toggle-checkbox.svelte-17nj6y:checked+.toggle-label.svelte-17nj6y {
    background-color: #4cd964
}

.toggle-checkbox.svelte-17nj6y:checked+.toggle-label.svelte-17nj6y:before {
    transform: translate(26px)
}

.join-collab.svelte-jx03v1>svg {
    display: block;
    margin: 0 auto 22px;
    fill: var(--systemSecondary)
}

.join-collab.svelte-jx03v1 .person-2-fill {
    --person-2-fill-color: var(--keyColor);
    height: 56px;
    width: 63px
}

.join-collab__subtitle.svelte-jx03v1,
.join-collab__title.svelte-jx03v1 {
    margin: 2px auto 10px;
    padding: 0 35px;
    text-align: center
}

.join-collab__title.svelte-jx03v1 {
    font: var(--large-title-emphasized)
}

.join-collab__subtitle.svelte-jx03v1 {
    color: var(--systemSecondary);
    font: var(--title-2);
    margin-bottom: 36px
}

.join-collab__button.svelte-jx03v1 {
    height: 30px;
    margin: 0 30px 30px;
    position: relative
}

.join-collab__button.svelte-jx03v1 .button button {
    --buttonMinWidth: none;
    font: var(--title-2)
}

.join-collab__button.svelte-jx03v1 .pill.button button {
    --buttonMinWidth: none;
    --buttonHeight: 50px;
    --buttonWidth: 100%;
    --buttonPadding: 12px;
    --buttonBackgroundColor: var(--keyColor);
    --buttonTextColor: #fff;
    --buttonBorderRadius: 25px;
    font: var(--title-2-emphasized)
}

.collaborators__header.svelte-1dey4ps {
    align-items: center;
    display: flex;
    gap: 0 16px;
    height: 48px;
    justify-content: space-between
}

.collaborators__title.svelte-1dey4ps {
    color: var(--systemSecondary);
    font: var(--body-emphasized)
}

.collaborators__subtitle.svelte-1dey4ps {
    color: var(--systemSecondary);
    font: var(--callout)
}

.collaborators__cancel-button.svelte-1dey4ps .pill.button button {
    background: var(--keyColor);
    color: #fff;
    min-width: auto;
    transition: background-color .1s ease-in
}

.collaborators__cancel-button.svelte-1dey4ps .pill.button button:active {
    background-color: var(--keyColor-pressed)
}

.collaborators-modal-container.svelte-1gestyr>svg {
    display: block;
    margin: 0 auto 22px;
    fill: var(--systemSecondary)
}

.collaborators-modal-container.svelte-1gestyr .person-2-fill {
    --person-2-fill-color: var(--keyColor);
    height: 56px;
    width: 63px
}

.collaborators.svelte-1gestyr.svelte-1gestyr {
    max-height: 400px;
    overflow-y: auto
}

.collaborators__header.svelte-1gestyr.svelte-1gestyr {
    align-items: center;
    display: flex;
    gap: 0 16px;
    height: 48px;
    justify-content: space-between
}

.collaborators__title.svelte-1gestyr.svelte-1gestyr {
    color: var(--systemSecondary);
    font: var(--body-emphasized)
}

.collaborators__share-link.svelte-1gestyr .copy-link-button.svelte-1gestyr {
    align-items: center;
    border-top: var(--keyline-border-style);
    display: flex;
    gap: 0 10px;
    height: 55px;
    width: 100%
}

.collaborators__share-icon.svelte-1gestyr.svelte-1gestyr {
    --social-badge-border-size: 0;
    align-items: center;
    background: var(--systemQuaternary);
    border-radius: 50%;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center
}

.collaborators__share-icon.svelte-1gestyr svg {
    display: block;
    height: auto;
    width: 15px;
    fill: var(--systemPrimary);
    overflow: visible
}

.collaborators__share-label.svelte-1gestyr.svelte-1gestyr {
    color: var(--systemPrimary);
    font: var(--body)
}

.link-copied-flash.svelte-1gestyr.svelte-1gestyr {
    align-items: center;
    -webkit-animation: svelte-1gestyr-fadeOut 1s 2s both;
    animation: svelte-1gestyr-fadeOut 1s 2s both;
    color: var(--systemSecondary);
    display: inline-flex;
    font: var(--body-emphasized);
    height: 100%;
    justify-content: center;
    -webkit-margin-end: 10px;
    -moz-margin-end: 10px;
    margin-inline-end: 10px
}

@-webkit-keyframes svelte-1gestyr-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes svelte-1gestyr-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.collaborators__approval-actions.svelte-1gestyr.svelte-1gestyr {
    -webkit-padding-start: 25px;
    -moz-padding-start: 25px;
    padding-inline-start: 25px;
    -webkit-padding-end: 25px;
    -moz-padding-end: 25px;
    padding-inline-end: 25px
}

.collaborators__footnote.svelte-1gestyr.svelte-1gestyr {
    border-top: var(--keyline-border-style);
    color: var(--systemSecondary);
    font: var(--footnote);
    height: 64px;
    padding-top: 14px
}

.collaborators__toggle.svelte-1gestyr.svelte-1gestyr {
    align-items: center;
    border-top: var(--keyline-border-style);
    display: flex;
    height: 55px;
    position: relative
}

.collaborators__toggle-label.svelte-1gestyr.svelte-1gestyr {
    color: var(--systemPrimary);
    flex: 1;
    font: var(--body)
}

.toggle-container.svelte-1gestyr.svelte-1gestyr {
    height: 34px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 60px
}

.toggle-checkbox.svelte-1gestyr.svelte-1gestyr {
    height: 0;
    opacity: 0;
    width: 0
}

.toggle-label.svelte-1gestyr.svelte-1gestyr {
    background-color: #d8d8d8;
    border-radius: 17px;
    cursor: pointer;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .3s;
    width: 60px
}

.toggle-label.svelte-1gestyr.svelte-1gestyr:before {
    background-color: #fff;
    border-radius: 15px;
    content: "";
    height: 30px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform .3s;
    width: 30px
}

.toggle-checkbox.svelte-1gestyr:checked+.toggle-label.svelte-1gestyr {
    background-color: var(--keyColor)
}

.toggle-checkbox.svelte-1gestyr:checked+.toggle-label.svelte-1gestyr:before {
    transform: translate(26px)
}

.collaborators-modal__actions.svelte-1gestyr.svelte-1gestyr {
    --buttonWrapperWidth: auto;
    --buttonWidth: auto;
    --buttonHeight: 28px;
    border-top: var(--keyline-border-style);
    display: flex;
    justify-content: flex-end;
    padding: 12px 25px
}

.collaborators-modal__actions.svelte-1gestyr .button.primary button {
    transition: background-color .1s ease-in
}

.collaborators-modal__actions.svelte-1gestyr .button.primary button:active {
    background-color: var(--keyColor-pressed)
}

.collaborators-modal-wrapper.svelte-1dofulq {
    display: contents
}

@media (max-width:999px) {
    .collaborators-modal-wrapper.svelte-1dofulq .sliding-modal-wrapper {
        --modalWidth: inherit;
        --modalHeight: inherit;
        --modalTop: 0;
        --modalBorderRadius: inherit
    }
}

@media (max-width:483px) {
    .collaborators-modal-wrapper.svelte-1dofulq .sliding-modal-wrapper {
        --modalWidth: 100%;
        --modalHeight: var(--slidingModalHeight, 100%);
        --modalTop: calc(100% - var(--slidingModalHeight, 100%));
        --modalOverflow: hidden;
        --modalBorderRadius: var(--slidingModalBorderRadius, 0) var(--slidingModalBorderRadius, 0) 0 0
    }
}

@media (min-width:484px) {
    .collaborators-modal-wrapper.svelte-1dofulq .sliding-modal {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.collaborators-modal.svelte-1dofulq {
    background: var(--pageBG);
    padding-top: 20px;
    width: 420px
}

@media (max-width:483px) {
    .collaborators-modal.svelte-1dofulq {
        width: 100%
    }
}

.drag-image.svelte-1qeygwd.svelte-1qeygwd {
    height: 48px;
    left: -500px;
    max-height: 64px;
    max-width: 64px;
    position: fixed;
    top: -500px;
    width: 48px;
    z-index: calc(var(--z-default) - 2)
}

.drag-image.svelte-1qeygwd.svelte-1qeygwd.drag-image--container {
    height: 64px;
    width: 64px
}

.drag-image.svelte-1qeygwd.svelte-1qeygwd:not(.visible, .preset) {
    display: none;
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    clip-path: inset(0 0 99.9% 99.9%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    width: 1px
}

@supports (background-image:-webkit-named-image(apple-pay-logo-black)) or (-webkit-appearance:-apple-pay-button) {
    .drag-image.svelte-1qeygwd.svelte-1qeygwd {
        z-index: calc(var(--z-default) + 50)
    }

    .drag-image.svelte-1qeygwd.svelte-1qeygwd.preset {
        left: -47px;
        overflow: hidden;
        top: -47px
    }

    .drag-image.svelte-1qeygwd.svelte-1qeygwd.preset.drag-image--container {
        left: -63px;
        top: -63px
    }

    .drag-image.svelte-1qeygwd.svelte-1qeygwd.visible {
        left: 0;
        top: 0
    }
}

.drag-image.svelte-1qeygwd .image-wrapper .fallback-image.svelte-1qeygwd,
.drag-image.svelte-1qeygwd .image-wrapper .image.svelte-1qeygwd {
    border-radius: var(--global-border-radius-xsmall, 3px);
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.drag-image.svelte-1qeygwd .image-wrapper .fallback-image.svelte-1qeygwd svg,
.drag-image.svelte-1qeygwd .image-wrapper .image.svelte-1qeygwd svg {
    height: 100%;
    width: 100%
}

.drag-image.svelte-1qeygwd .image-wrapper .fallback-image.svelte-1qeygwd:after {
    --afterShadowBorderRadius: var(--global-border-radius-xsmall, 3px);
    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: calc(var(--z-default) + 1)
}

.drag-image.svelte-1qeygwd.svelte-1qeygwd:has(.aspect-landscape) {
    height: auto;
    min-height: 32px
}

.fallback-image.svelte-1qeygwd.svelte-1qeygwd {
    aspect-ratio: 1
}

.fallback-image.svelte-1qeygwd.svelte-1qeygwd.aspect-landscape {
    aspect-ratio: 16/9;
    background: var(--genericJoeColor)
}

.badge.svelte-1qeygwd.svelte-1qeygwd {
    background-color: var(--systemRed, #000);
    border-radius: 9px/50%;
    bottom: -9px;
    color: #fff;
    display: none;
    font: var(--callout-bold);
    inset-inline-start: 100%;
    line-height: normal;
    max-height: 18px;
    min-height: 18px;
    min-width: 18px;
    opacity: .9;
    padding: 1px 5px;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    z-index: var(--z-default)
}

.badge.svelte-1qeygwd.svelte-1qeygwd:lang(th) {
    line-height: normal
}

html[dir=rtl] .badge.svelte-1qeygwd.svelte-1qeygwd {
    transform: translate(50%)
}

.badge.svelte-1qeygwd.svelte-1qeygwd.visible {
    display: block
}

.song-shift-modal-wrapper.svelte-o6st8q {
    display: contents
}

.song-shift-modal-wrapper.svelte-o6st8q .sliding-modal-wrapper {
    --modalWidth: 100%;
    --modalMaxWidth: 800px;
    --modalBorderRadius: 0;
    --modalHeight: auto;
    --modalMaxHeight: inherit;
    --slidingModalHeight: 100%;
    --modalTop: inherit;
    --modalOverflow: auto
}

@media (min-width:739px) {
    .song-shift-modal-wrapper.svelte-o6st8q .sliding-modal-wrapper {
        --modalMaxHeight: 560px;
        --slidingModalHeight: inherit;
        --modalBorderRadius: inherit
    }
}

.song-shift-modal-wrapper.svelte-o6st8q .sliding-modal {
    overflow: clip
}

@media (min-width:739px) {
    .song-shift-modal-wrapper.svelte-o6st8q .sliding-modal {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.ss-container {
    background-color: transparent;
    border-width: 0;
    z-index: var(--z-modal)
}

.ss-container iframe {
    color-scheme: light;
    display: block;
    height: calc(100dvh - 50px);
    width: 100%
}

@media (min-width:739px) {
    .ss-container iframe {
        height: 100%;
        min-height: 560px
    }
}

.close-button-wrapper.svelte-o6st8q {
    display: block;
    padding-bottom: 14px;
    padding-top: 14px;
    width: 100%;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    padding-inline-start: 20px
}

@media (min-width:739px) {
    .close-button-wrapper.svelte-o6st8q {
        display: contents
    }

    .close-button.svelte-o6st8q {
        fill: var(--systemSecondary);
        align-items: center;
        background: var(--modalCloseButtonBGColor);
        border-radius: 50%;
        display: flex;
        height: 36px;
        inset-inline-start: 20px;
        justify-content: center;
        position: absolute;
        top: 20px;
        transition: background .1s linear;
        width: 36px;
        z-index: var(--z-default)
    }

    .close-button.svelte-o6st8q:hover {
        fill: var(--systemPrimary);
        background: var(--modalCloseButtonBGColor-rollover)
    }

    .close-button.svelte-o6st8q:active {
        background: var(--modalCloseButtonBGColor-pressed)
    }
}

.close-button.svelte-o6st8q svg {
    display: none
}

@media (min-width:739px) {
    .close-button.svelte-o6st8q svg {
        display: block;
        height: 14px;
        width: 14px
    }
}

.close-button__text.svelte-o6st8q {
    color: var(--keyColor);
    font: var(--title-2)
}

@media (min-width:739px) {
    .close-button__text.svelte-o6st8q {
        display: none
    }
}

.app-container.svelte-t3vj1e {
    display: grid;
    grid-template-areas: "structure-header" "structure-upsell" "structure-main-section" "structure-locale-switcher";
    grid-template-columns: minmax(0, 1fr);
    height: 100vh;
    grid-gap: 0;
    grid-template-rows: 44px auto 1fr auto
}

@media (min-width:484px) {
    .app-container.svelte-t3vj1e {
        --toast-position-inline-start: calc(50% + 16.94vw);
        grid-template-areas: "structure-header structure-main-section" "structure-upsell structure-upsell" "structure-locale-switcher structure-locale-switcher";
        grid-template-columns: 33.88vw minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto auto
    }
}

@media (min-width:767.32px) {
    .app-container.svelte-t3vj1e {
        --toast-position-inline-start: calc(50% + 130px);
        grid-template-columns: 260px minmax(0, 1fr)
    }
}

.app-container.is-android.svelte-t3vj1e {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%
}

@media (pointer:coarse) {
    .app-container.svelte-t3vj1e {
        max-height: -webkit-fill-available;
        max-height: -moz-available;
        max-height: stretch
    }
}

apple-music-video-player.svelte-t3vj1e {
    position: relative;
    z-index: calc(var(--z-modal) - 1)
}

.transition-height{
    transition: height 0.5s ease; /* 设置过渡效果 */
}

.navigation-item.navigation-item__playlist.svelte-1a5yt87.drop-reset.songs-category-list{
    cursor: pointer;
}

.more-button.svelte-1sn4kz.more-button--non-platter svg {
    height: 15px;
    width: 15px;
    fill: var(--keyColor);
    margin-top: 6.5px;
}

.visualization {
    position: relative;
    display: none;
    height: 270px;
    width: 100%;
    grid-area: canvas;
}




/* Toast */
 /* Toast消息样式 */
 .toast-container {
    position: fixed;
    z-index: 100000;
    padding: 20px;
}

.toast {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    color: white;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    animation: fadeIn 0.5s, fadeOut 0.5s 2.5s;
    max-width: 350px;
}

.toast i {
    margin-right: 15px;
    font-size: 1.5rem;
}

.toast.success {
    background: #2ecc71;
}

.toast.error {
    background: #e74c3c;
}

.toast.warning {
    background: #f39c12;
}

.toast.info {
    background: #3498db;
}

/* 位置样式 */
.top-right {
    top: 0;
    right: 0;
}

.top-left {
    top: 0;
    left: 0;
}

.top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-right {
    bottom: 0;
    right: 0;
}

.bottom-left {
    bottom: 0;
    left: 0;
}

.bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-20px); }
}

.code-container {
    background: #2d3436;
    color: #dfe6e9;
    padding: 20px;
    border-radius: 8px;
    margin-top: 30px;
    font-family: 'Fira Code', monospace;
    overflow-x: auto;
}

.issue-fix {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}

.test-results {
    background: #e9f5ff;
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
}