.TrackInfo_trackInfo__UZyjI{display:grid;width:100%;grid-template-areas:"album-cover track-name" "album-cover artist";grid-template-columns:var(--size56) auto;grid-column-gap:var(--ds-space-5);column-gap:var(--ds-space-5)}.TrackInfo_trackInfo__UZyjI .TrackInfo_albumCover__kTA8h{grid-area:album-cover;background-color:var(--ds-color-white-10);border-radius:var(--ds-space-1)}.TrackInfo_trackInfo__UZyjI .TrackInfo_albumCover__kTA8h .TrackInfo_image__Kmrgb{position:relative;width:var(--size56);height:var(--size56);padding:0;background-color:transparent;display:flex;align-items:center}.TrackInfo_trackInfo__UZyjI .TrackInfo_albumCover__kTA8h .TrackInfo_image__Kmrgb img{position:relative;display:block;object-fit:cover;flex-shrink:0;min-width:var(--size56);min-height:var(--size56);border-radius:var(--ds-space-1);background-color:var(--ds-color-white-10);overflow:hidden}.TrackInfo_trackInfo__UZyjI .TrackInfo_trackName__1S0Os{grid-area:track-name;font-size:var(--size16);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-white)}.TrackInfo_trackInfo__UZyjI .TrackInfo_artist__CVLhO{grid-area:artist;font-size:var(--size16);font-weight:var(--ds-font-weight-normal);color:var(--ds-color-white-70)}.Menu_trackListingRowMenuButton__X0Q5X{display:flex;flex-direction:row;align-items:center;justify-content:center;background:transparent;border-radius:0;padding:4px;border-radius:100%;anchor-name:--menu-button}@container (min-width: 23.4375em){.Menu_trackListingRowMenuButton__X0Q5X:hover:not(.Menu_active__Vr3Wh){background:var(--ds-color-pale-blue-10)}.Menu_trackListingRowMenuButton__X0Q5X.Menu_active__Vr3Wh{background:var(--ds-color-pale-blue-20)}}.Menu_menuContainer__r1JJL{align-items:flex-start;gap:var(--ds-space-10);min-height:-moz-fit-content;min-height:fit-content;touch-action:manipulation}.Menu_menuContainer__r1JJL,.Menu_menu__ViPwe{display:flex;flex-direction:column;width:100%}.Menu_menu__ViPwe{list-style:none;padding:0;margin:0}.Menu_menu__ViPwe li{width:100%}.Menu_menu__ViPwe .Menu_header__ANE9j{width:100%;color:var(--ds-color-white);font-size:14px;font-weight:700;line-height:130%;padding:8px;border-bottom:1px solid var(--ds-color-white-10)}.Menu_menu__ViPwe .Menu_button__bAXA2{display:grid;grid-template-areas:"icon text suffix";grid-template-columns:20px 1fr min-content;align-items:center;grid-gap:8px;gap:8px;width:100%;padding:8px;color:var(--ds-color-white-70);font-size:14px;font-weight:400;background:transparent;border-radius:4px;pointer-events:all;touch-action:manipulation}.Menu_menu__ViPwe .Menu_button__bAXA2:hover{color:var(--ds-color-white)}.Menu_menu__ViPwe .Menu_button__bAXA2.Menu_noIcon__1HT4t{grid-template-areas:"text suffix";grid-template-columns:1fr min-content}.Menu_menu__ViPwe .Menu_button__bAXA2 .Menu_icon__b6tZG{grid-area:icon;justify-self:center}.Menu_menu__ViPwe .Menu_button__bAXA2 .Menu_spotifyIcon__s7ATR path{fill:var(--ds-color-white-70)}.Menu_menu__ViPwe .Menu_button__bAXA2:hover .Menu_spotifyIcon__s7ATR path{fill:var(--ds-color-white)}.Menu_menu__ViPwe .Menu_button__bAXA2 .Menu_text__LzCtp{grid-area:text;text-wrap:wrap;justify-self:flex-start;text-align:left}.Menu_menu__ViPwe .Menu_button__bAXA2 .Menu_suffix__3W0nH{grid-area:suffix;justify-self:end}.Menu_menu__ViPwe .Menu_button__bAXA2 .Menu_right__fwORm,.Menu_menu__ViPwe .Menu_button__bAXA2 span:nth-child(3){margin-left:auto}.Menu_menu__ViPwe.Menu_mobile__ly9m2 .Menu_button__bAXA2{padding:16px 0;font-size:16px;gap:16px}.Menu_contextMenuMobile__awPAX{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-space-6);color:var(--ds-color-white);width:100%}.Menu_contextMenuMobile__awPAX .Menu_header__ANE9j{display:flex;flex-direction:row;align-items:center;gap:var(--ds-space-6);margin-top:var(--ds-space-6);font-size:20px;font-weight:700;color:var(--ds-color-white)}.Menu_footer__JntBM{position:fixed;bottom:0;left:0;right:0;z-index:11;display:flex;justify-content:center;gap:var(--ds-space-4);padding:var(--ds-space-6);padding-top:60px;background:linear-gradient(180deg,rgba(12,29,45,0),rgba(12,29,45,.973) 40%,#0c1d2d);pointer-events:none}.Menu_footerButton__OOg8l{display:flex;padding:var(--ds-space-4) var(--ds-space-8);align-items:center;gap:var(--ds-space-4);background-color:var(--ds-color-pale-blue-10);color:var(--ds-color-white);border-radius:var(--ds-border-radius-full);font-weight:400;border:none;cursor:pointer;pointer-events:all}.Menu_footerButton__OOg8l:hover{background-color:var(--ds-color-pale-blue-15)}.Menu_backButton__FggV5{padding:var(--ds-space-4) var(--ds-space-8);align-items:center;gap:var(--ds-space-4);background-color:var(--ds-color-pale-blue-10);color:var(--ds-color-white);border-radius:var(--ds-border-radius-full);font-weight:400;border:none;cursor:pointer;pointer-events:all}.Menu_backButton__FggV5:hover{background-color:var(--ds-color-pale-blue-15)}.AddToPlaylistMenu_wrapper__oK1lY{display:flex;flex-direction:column;align-items:flex-start;width:100%;color:var(--ds-color-white);height:400px}@container (min-width: 48em){.AddToPlaylistMenu_wrapper__oK1lY{height:40vh}}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M{display:flex;flex-direction:row;background:var(--ds-color-pale-blue-10);padding:0 var(--ds-space-5);border-radius:8px;width:100%}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M .AddToPlaylistMenu_icon__aypMT{color:var(--ds-color-white-70)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M input{color:var(--ds-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--ds-space-5);width:100%;font-size:16px}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M input:focus{outline:none}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M input::placeholder{color:var(--ds-color-white-70);opacity:1}@container (min-width: 48em){.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_input__Nbr5M input{font-size:14px}}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK{list-style:none;padding:0;display:flex;flex-direction:column;align-items:flex-start;width:100%;overflow-y:auto;--scrollbar-track-color:transparent;--scrollbar-thumb-color:transparent;font-size:14px;font-weight:400}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK::-webkit-scrollbar{width:var(--ds-space-4);height:var(--ds-space-4)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:calc(var(--ds-space-4)/2)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK::-webkit-scrollbar-thumb:hover{background:var(--ds-color-border-strong)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK::-webkit-scrollbar-corner{background:var(--scrollbar-track-color)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK:hover{--scrollbar-track-color:var(--ds-color-surface-tertiary-50);--scrollbar-thumb-color:var(--ds-color-border-default)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK li{width:100%}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK.AddToPlaylistMenu_mobile__T5vq_{font-size:16px;height:380px}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_messageBox__SaXri{width:100%;display:flex;flex-direction:column;align-items:center;opacity:.6;padding:var(--ds-space-8) var(--ds-space-4) var(--ds-space-4);height:100%}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_messageBox__SaXri svg{margin-top:var(--ds-space-10)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_messageBox__SaXri .AddToPlaylistMenu_retry__QVEDi{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-8)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_messageBox__SaXri .AddToPlaylistMenu_retry__QVEDi p{font-size:16px;line-height:140%;text-align:center}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ds-color-white-70);font-size:inherit;font-weight:inherit;padding:8px;border-radius:4px;width:100%;display:grid;grid-template-columns:28px 1fr;flex-direction:row;grid-gap:var(--ds-space-5);gap:var(--ds-space-5);align-items:center;cursor:pointer}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd:hover{color:var(--ds-color-white);background:var(--ds-color-pale-blue-10)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd .AddToPlaylistMenu_check__Klnu0{display:flex;width:28px;height:28px;align-items:center;padding:var(--ds-space-2);border-radius:6px;border:2px solid var(--ds-color-pale-blue-18)}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd .AddToPlaylistMenu_check__Klnu0.AddToPlaylistMenu_loading__Uarv4{animation:AddToPlaylistMenu_loader__uBKxz .6s ease-in-out infinite alternate}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd.AddToPlaylistMenu_checked__bNh_y .AddToPlaylistMenu_check__Klnu0{background:var(--ds-color-pale-blue-18);border:none;padding:2px}.AddToPlaylistMenu_wrapper__oK1lY .AddToPlaylistMenu_list__b_jgK .AddToPlaylistMenu_button__GPsUd .AddToPlaylistMenu_name__g16jr{text-wrap:wrap;text-align:left;width:100%}@keyframes AddToPlaylistMenu_loader__uBKxz{0%{background:transparent;border:2px solid var(--ds-color-pale-blue-18)}to{background:var(--ds-color-pale-blue-25);border:2px solid var(--ds-color-pale-blue-18)}}.MenuPopup_menuPopup__Erq2q{display:flex;flex-direction:column;align-items:flex-start;background:var(--ds-color-nautic-blue);border-radius:8px;width:240px;gap:4px;padding:8px;box-shadow:var(--ds-color-shade) 0 1px 0 1px;position:absolute;z-index:999;right:0}.MenuPopup_menuPopup__Erq2q.MenuPopup_above__69Fdj{bottom:40px}.MenuPopup_menuPopup__Erq2q.MenuPopup_below__lubyS{top:calc(100% + 2px)}.MenuPopup_menuPopup__Erq2q.MenuPopup_left__yX8m8{right:calc(100% + 2px)}.MenuPopup_menuPopup__Erq2q.MenuPopup_left__yX8m8.MenuPopup_below__lubyS{top:calc(100% - 100px)}.MenuPopup_menuPopup__Erq2q.MenuPopup_left__yX8m8.MenuPopup_above__69Fdj{bottom:0}.MenuPopup_menuPopup__Erq2q.MenuPopup_right__UvM0_.MenuPopup_below__lubyS{right:calc(-100% - 2px);top:calc(100% - 100px)}.MenuPopup_menuPopup__Erq2q.MenuPopup_right__UvM0_.MenuPopup_above__69Fdj{right:calc(-100% - 2px);bottom:0}.MenuPopup_menuPopup__Erq2q .MenuPopup_button__gIYMk:hover{background:var(--ds-color-pale-blue-10)}.TrackInfoContainer_trackInfoContainer__NJ_wz{--padding:var(--ds-space-6);position:relative;display:flex;flex-direction:column;background:var(--ds-color-pale-blue-10);color:var(--ds-color-white);border-radius:var(--ds-border-radius-lg)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f{position:fixed;top:0;left:0;z-index:9999;height:100%;width:100%;background-color:rgba(12,29,45,.8);border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:end}@media(min-width:48em){.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f{justify-content:safe center}}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck{width:100%;padding:var(--ds-space-6) var(--ds-space-6) 120px;overflow-y:auto;--scrollbar-track-color:transparent;--scrollbar-thumb-color:transparent}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck::-webkit-scrollbar{width:var(--ds-space-4);height:var(--ds-space-4)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:calc(var(--ds-space-4)/2)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck::-webkit-scrollbar-thumb:hover{background:var(--ds-color-border-strong)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck::-webkit-scrollbar-corner{background:var(--scrollbar-track-color)}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck:hover{--scrollbar-track-color:var(--ds-color-surface-tertiary-50);--scrollbar-thumb-color:var(--ds-color-border-default)}@media(min-width:34em){.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck{padding-left:var(--ds-space-9);padding-right:var(--ds-space-9)}}@media(min-width:48em){.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_content__KeYck{width:80vw;height:80vh;border-radius:var(--ds-border-radius-lg);background:var(--ds-color-pale-blue-10);padding:var(--ds-space-6)}}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_title__avCAL{font-size:var(--ds-font-size-xl);font-weight:var(--ds-font-weight-bold);line-height:115%}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_closeButton__N9Bsu{display:none}@media(min-width:48em){.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_closeButton__N9Bsu{position:absolute;top:var(--ds-space-2);right:var(--ds-space-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;background:transparent;padding:var(--ds-space-2);cursor:pointer;color:var(--ds-color-text-primary);z-index:10}.TrackInfoContainer_trackInfoContainer__NJ_wz.TrackInfoContainer_modal__801_f .TrackInfoContainer_closeButton__N9Bsu{margin-top:10vh;margin-right:10vw}}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck{display:grid;align-content:start;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:var(--ds-space-6);gap:var(--ds-space-6);overflow-y:auto;padding:var(--padding);--scrollbar-track-color:transparent;--scrollbar-thumb-color:transparent}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck::-webkit-scrollbar{width:var(--ds-space-4);height:var(--ds-space-4)}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:calc(var(--ds-space-4)/2)}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck::-webkit-scrollbar-thumb:hover{background:var(--ds-color-border-strong)}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck::-webkit-scrollbar-corner{background:var(--scrollbar-track-color)}.TrackInfoContainer_trackInfoContainer__NJ_wz .TrackInfoContainer_content__KeYck:hover{--scrollbar-track-color:var(--ds-color-surface-tertiary-50);--scrollbar-thumb-color:var(--ds-color-border-default)}