.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0px;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font-family: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;line-height:1.5;font-weight:400;color-scheme:dark;-webkit-user-select:none;user-select:none;cursor:default;--page-background-color: #121212;--header-height: 3rem;--header-content-height: 2.5rem;--header-bottom-margin: .5rem;--add-songs-header-height: calc( (var(--header-height) * 2) + var(--header-bottom-margin) * .25 );--artwork-grid-size: 40vw;--artwork-grid-size-minimum: 64px;--artwork-grid-size-maximum: 256px;--tab-bar-height: 4rem;--tab-bar-bottom-padding: .5rem;--tab-bar-bottom-inset: max( var(--tab-bar-bottom-padding), env(safe-area-inset-bottom, 0px) );--player-height-small: 4rem;--app-side-padding: .75rem;--color-danger: rgba(255, 96, 62, 1);--color-danger-background: rgba(255, 96, 62, .1);--color-danger-outline: rgba(255, 96, 62, .3);--color-gold: rgb(215, 183, 64);--artwork-grid-size-minimum: 128px;--artwork-grid-size-maximum: 192px;--large-screen-player-size: 40vw}#root{z-index:0}@media screen and (min-width:480px){:root{--artwork-grid-size: 35vw;--artwork-grid-size-minimum: 0}}@media screen and (min-width:768px){:root{--header-height: 3.5rem;--app-side-padding: 1.5rem}}html,body{font-family:var(--font-family);background-color:var(--page-background-color);margin:0;padding:0;color:#fff;overflow-x:hidden}html,body,button,a,input,textarea{font-family:var(--font-family)}#app{min-height:100vh}ul,ul li{list-style:none;margin:0;padding:0}html.has-focused-player,html.has-focused-player body{overflow:hidden}@media screen and (min-width:768px){html.has-focused-player,html.has-focused-player body{overflow-y:auto;overflow-x:hidden}}html:not(.player-is-visible) #player{opacity:0;pointer-events:none}::-webkit-scrollbar,body::-webkit-scrollbar,.user-grid::-webkit-scrollbar,.defaultScrollbar::-webkit-scrollbar{width:12px;height:12px;background-color:#0000}::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.user-grid::-webkit-scrollbar-track,.defaultScrollbar::-webkit-scrollbar-track{margin:0}::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.user-grid::-webkit-scrollbar-thumb,.defaultScrollbar::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid var(--page-background-color);background-color:#333;background-clip:padding-box}h1,h2,h3,h4,h5,h6,p{line-height:1.25;position:relative;display:block;margin:0}.track-item-title{line-height:1.3}.track-item{padding:.25rem 0;display:flex;align-items:start;cursor:pointer;overflow:hidden}.search-scroll-key+.track-item,.track-item+.track-item{margin-top:0}.playlist-item.is-playing .artwork{border-radius:0}.playlist-item.is-playing .artwork:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--color-gold)}.playlist-item.is-playing .artwork:after{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);box-shadow:inset 0 0 0 4px var(--page-background-color)}.track-item.is-playing .cover{animation-duration:.4s;animation-timing-function:ease-out;animation-name:wobble_sm;transform-style:preserve-3d;perspective:2000px;transform-origin:50% 50%;box-shadow:inset 0 0 0 2px var(--color-gold);border-radius:0}button:active{transform:scale(.99)}.track-item-artwork+.track-item-info{margin:0 .75rem}.track-item .track-item-info{flex:1;width:0;display:block;position:relative}.track-item .track-item-action{display:flex;align-items:center;position:relative}.track-item .track-item-action>button.track-item-action-add,.track-item .track-item-action>button.track-item-action-success{margin-top:20px;margin-bottom:20px}.track-item-title{font-weight:400;font-size:1rem;color:#bbb;color:#fff}.track-item-title .text{font-weight:500}.track-item-subtitle{font-size:.8rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbb;width:calc(100vw - 160px)}.track-item-subtitle .separator,.sortable-track-item-info-artist .separator{margin:0 6px}.track-item-title+.track-item-subtitle{margin-top:.25rem}.track-item-rate{margin:0 .75rem;color:#fff;font-weight:700;text-align:center;min-width:30px}.track-item-duration{margin:0;color:#bbb}.track-item.is-playing .track-item-duration{color:#fff}.track-item-title+.track-item-artist{margin:2px 0}.track-item-title>span:first-child{margin-right:.5rem}.track-item-artwork{display:block;width:72px;height:72px;position:relative;border-radius:4px;aspect-ratio:1/1}.track-item-artwork .cover{transition:opacity .25s ease}.track-item-artwork.is-loading .cover{opacity:0}.player-artwork .cover,.player-splash .cover,.track-item-artwork .cover{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;aspect-ratio:1/1;border-radius:3px}#player{z-index:100;position:fixed;left:0;width:100%;bottom:0;padding:calc(var(--tab-bar-bottom-padding) + 2px) calc(var(--app-side-padding) * 1.5);box-sizing:border-box;display:flex;align-items:start;height:calc(var(--player-height-small) + (var(--tab-bar-bottom-padding)));cursor:pointer;box-shadow:0 var(--player-height-small) var(--player-height-small) var(--player-height-small) #000000bf;transition:all .33s cubic-bezier(.445,.05,.55,.95),border-radius 0s,opacity 0s}@media screen and (min-width:768px){#player:not(.has-tabbar){transition:none}html.has-focused-player #player:not(.has-tabbar){transition:none}}html.has-focused-player #player .player-artwork .cover{animation:fade-in .5s cubic-bezier(.445,.05,.55,.95)}@keyframes fade-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:768px){html.has-focused-player #player,html.has-focused-player #player .player-artwork .cover{animation:none}}#player.has-tabbar{bottom:calc(var(--tab-bar-height) + var(--tab-bar-bottom-inset));box-shadow:0 0 1rem #000000bf;height:calc(var(--player-height-small) + (var(--tab-bar-bottom-padding)));align-items:center}@media screen and (min-width:768px){#player{box-shadow:none}}html.has-focused-player #player{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;bottom:0;left:0;width:100%;cursor:inherit;padding:0;border-radius:0}@media screen and (min-width:768px){html.has-focused-player #player,#player{right:0;left:auto;border-radius:0;padding:0;width:var(--large-screen-player-size);cursor:inherit}}.player-header-playlist-name .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:.25rem}.player-header-queue-time-left{text-align:center;white-space:nowrap}@media screen and (min-width:768px){.player-header-playlist-name .text{max-width:calc(var(--large-screen-player-size) - 128px)}}html.has-focused-player #player h2.player-attribution-track-name{color:#fff;font-size:1.75rem;padding:0 1rem}@media screen and (min-width:768px){html #player h2.player-attribution-track-name{color:#fff;font-size:1.75rem;padding:0 1rem}}#player:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:0;background:#22222290;-webkit-backdrop-filter:blur(10vw);backdrop-filter:blur(10vw)}html.has-focused-player #player:before{border-radius:0}#player .player-attribution.sm-controls{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:center;height:44px}.player-controls.sm-controls{height:44px}@keyframes wobble_sm{0%{transform:scaleZ(1)}30%{transform:scale3d(.95,.95,.95)}60%{transform:scale3d(1.02,1.02,1.02)}}#player apple-music-progress{width:80vw;margin:1rem auto 0}#player apple-music-playback-controls{transform:scale(1.75);margin:0 0 1.5rem}@media screen and (min-width:768px){#player{inset:0 0 0 auto;width:var(--large-screen-player-size);border-radius:0}html.player-is-visible section.page{padding-right:var(--large-screen-player-size)}html.player-is-visible .tab-bar{width:calc(100% - var(--large-screen-player-size));left:0;right:var(--large-screen-player-size)}#player apple-music-playback-controls{transform:scale(1)}}#player .lg-controls{display:flex;justify-content:space-around;width:100%}#player .player-controls.lg-controls{max-width:300px;margin:1rem auto}#player .playback-controls.lg-controls{max-width:200px;margin-top:.75rem;height:var(--header-height);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;line-height:var(--header-height);margin-bottom:3rem;display:flex;align-items:center}@media screen and (min-width:768px){#player .player-controls.lg-controls{max-width:256px;margin:0 auto}}#player .player-speed-indicator{display:block;padding:0 1rem;color:#fff;font-weight:700;font-size:1.5rem;text-align:center;min-width:4rem}.playing-indicator{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html:not(.player-is-playing) .loading-sticks .loading{animation:none}.track-item-title .playing-indicator{position:relative;top:auto;left:auto;transform:none;float:left}.track-item-title .track-number{margin-right:.25rem}.loading-sticks{height:1rem;width:1rem;display:flex;justify-content:space-between;align-items:center}.playlist-item .loading-sticks{width:2rem;height:2rem}.loading-sticks .loading{flex:0 0 15%;height:0;animation:pulse .75s ease infinite;background-color:#fff;box-shadow:0 2px 5px #00000026;animation-delay:0;border-radius:999px}.loading-sticks .loading:nth-child(2){animation-delay:.2s}.loading-sticks .loading:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{height:40%}50%{height:100%}to{height:40%}}.explicit-indicator{display:inline-block;position:relative;width:14px;height:14px;color:red;margin:0 .5rem 0 0;vertical-align:middle}.track-item-subtitle .explicit-indicator{margin:0 .5rem 1px 0}.player-attribution-track-name .explicit-indicator{margin:1px .5rem 0 0}.explicit-indicator:before{content:"";width:100%;height:100%;background-image:url(/img/icon-explicit-ff0000.svg);background-position:center;background-size:120%;background-repeat:no-repeat;position:absolute;top:0;left:0}.lg-controls .explicit-indicator{height:32px;width:32px}.music-auth-warning{display:block;z-index:10}.music-auth-warning:first-child{margin-top:.5rem}.music-auth-warning.is-minimal{display:block;position:relative}.playlist-feature+.music-auth-warning{margin-top:.5rem;margin-bottom:1rem}.music-auth-warning.is-minimal .warning{display:flex;align-items:center;gap:10px;background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:.75rem;text-align:left;cursor:pointer}.music-auth-warning.is-minimal button:last-child .button-text-extra{display:none}@media screen and (min-width:640px){.music-auth-warning.is-minimal button:last-child .button-text-extra{display:inline}}html.player-is-visible .music-auth-warning.is-minimal button:last-child .button-text-extra{display:none}@media screen and (min-width:1024px){html.player-is-visible .music-auth-warning.is-minimal button:last-child .button-text-extra{display:inline}}.music-auth-warning.is-minimal .music-logo-wrapper,.music-auth-warning.is-minimal h2{display:none}.music-auth-warning.is-minimal p{margin:0;font-size:.85rem;flex:1}@media screen and (min-width:768px){.music-auth-warning.is-minimal p{font-size:1rem}}.music-auth-btn{margin:1rem auto 0;display:block}#player .player-artwork{display:block;position:relative;width:44px;height:44px;margin:0 12px 0 0;aspect-ratio:1/1;transition:.55s cubic-bezier(.23,1,.32,1)}html.has-focused-player #player .player-artwork{width:75vw;height:75vw;margin:10vh auto 1rem;max-width:256px;max-height:256px;aspect-ratio:1/1}#player .player-splash{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.5;opacity:1;border-radius:0}#player .player-splash .cover{border-radius:0}#player .player-artwork .cover{background-color:#ffffff40;box-shadow:0 4px 20px #00000026;box-shadow:none;border-radius:.5rem;aspect-ratio:1/1}#player .player-artwork.sm-controls .cover{border-radius:50%}@media screen and (min-width:768px){#player .playback-controls{margin:1rem auto;max-width:256px}}.player-attribution-playlist-name,.player-attribution-track-name{color:#fff;display:block;position:relative;font-size:.65rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100vw - 180px)}html.has-focused-player .player-attribution-playlist-name,html.has-focused-player .player-attribution-track-name{white-space:normal;max-width:calc(100vw - 2rem)}@media screen and (min-width:768px){.player-attribution-playlist-name,.player-attribution-track-name{white-space:normal;max-width:calc(100vw - 2rem)}}.player-attribution-playlist-name{color:#ffffffa6}.player-attribution-artist-name.hidden,html.has-focused-player #player .player-header-playlist-name.hidden,.player-attribution-playlist-name.hidden{display:none}.player-attribution-artist-name{color:#ffffffa6}.player-attribution.sm-controls .player-attribution-playlist-name{font-weight:700}.player-attribution.sm-controls .player-attribution-playlist-name .position-indicator{font-weight:400}.player-attribution.sm-controls .player-attribution-playlist-name .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 240px);display:inline-block;vertical-align:top}.player-attribution.sm-controls .player-attribution-track-name.has-explicit-indicator>span:first-child{margin-right:.5rem;max-width:calc(100vw - 195px)}.player-attribution.lg-controls .player-attribution-track-name.has-explicit-indicator>span:first-child{margin-right:1rem}.player-attribution-track-name{font-weight:700;font-size:1rem;line-height:1.4}.player-controls{display:flex;align-items:center}.player-controls .playback-btns{position:relative;display:block;width:40px;height:40px;border-radius:999px}.player-controls.lg-controls .playback-btns{width:var(--header-height);height:var(--header-height);margin:0 .75rem}@media screen and (min-width:768px){.player-controls.lg-controls .playback-btns{width:64px;height:64px;margin:0 .5rem}}@media screen and (min-width:768px){html.has-focused-player #player .player-artwork.lg-controls,#player .player-artwork.lg-controls{width:256px!important;height:256px!important;aspect-ratio:1;display:block}}.player-controls .play-btn,.player-controls .pause-btn{position:absolute;inset:0;border-radius:999px;background-position:center;background-repeat:no-repeat;background-size:contain;border:none;outline:none;cursor:pointer;padding:0;margin:0;box-shadow:none;background-color:transparent;z-index:1}.player-controls.lg-controls .play-btn,.player-controls.lg-controls .pause-btn{background-size:60px}.player-controls.lg-controls .play-btn{background-image:url(/img/btn-play-sharp-fff.svg)}.player-controls .play-btn{background-image:url(/img/btn-play-sharp-fff.svg)}.player-controls.lg-controls .pause-btn{background-image:url(/img/btn-pause-sharp-fff.svg)}.player-controls .pause-btn{background-image:url(/img/btn-pause-sharp-fff.svg)}.player-controls .prev-btn,.player-controls .next-btn{padding:0;margin:0;width:22px;height:42px;background-position:right;background-repeat:no-repeat;background-size:1rem;border:none;outline:none;cursor:pointer;box-shadow:none;background-color:transparent}.player-controls .seek15-btn,.player-controls .unseek15-btn{padding:0;margin:0;width:28px;height:28px;background-position:center;background-repeat:no-repeat;background-size:contain;border:none;outline:none;cursor:pointer;box-shadow:none;background-color:transparent}.player-controls .seek15-btn{margin:0;background-image:url(/img/btn-skip15-fff.svg)}.player-controls .unseek15-btn{margin:0;background-image:url(/img/btn-back15-fff.svg)}@media screen and (min-width:768px){.player-controls .seek15-btn,.player-controls .unseek15-btn{width:42px}}.player-controls .next-btn{margin:0;background-image:url(/img/btn-skip1-fff.svg)}.player-controls .prev-btn{margin:0;background-image:url(/img/btn-skip1-fff.svg);transform:scalex(-1)}html:not(.player-is-playing) .player-controls .pause-btn,html.player-is-playing .player-controls .play-btn{opacity:0;pointer-events:none}.player-controls #player-progress-sm{display:block;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;pointer-events:none;z-index:0}.player-attribution-playlist-name+.player-attribution-track-name{margin:0}#create h2{margin:3rem 0;font-size:1.5rem}#create_playlist_form{padding:5rem 1rem 2rem}.player-controls .next-btn,.player-controls .prev-btn{width:28px;height:36px}html.has-focused-player #player .sm-controls{display:none}@media screen and (min-width:768px){#player .sm-controls{display:none}}html.has-focused-player #player:before{background:#22222290}@media screen and (min-width:768px){html.has-focused-player #player:before,#player:before{background:#22222290}}html:not(.has-focused-player) #player .lg-controls{display:none}@media screen and (min-width:768px){html:not(.has-focused-player) #player .lg-controls{display:flex;justify-content:space-around;width:100%}}#player .toggle-btn{position:absolute;top:0;right:0;display:block;text-align:right}@media screen and (min-width:768px){#player{transition:none}html.player-is-visible section.is-list-view{padding-bottom:0;opacity:1;transition:none}#player:before,#player .player-splash,#player .player-splash .cover{border-radius:0}#player apple-music-progress{width:30vw;margin-top:0}}#player .lg-controls.player-attribution{display:block;text-align:center;margin:0 auto}@media screen and (min-width:768px){html:not(.has-focused-player) #player .lg-controls.player-attribution{display:block;text-align:center;margin:0 auto}}h2.player-attribution-track-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}h3.player-attribution-artist-name{font-size:1rem;font-weight:400;color:#ffffffa6;max-width:calc(100vw - 180px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto}#player .sm-controls .player-attribution-artist-name{font-size:.75rem}#player .control-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}#player .lg-controls.player-music-auth-warning{display:block;box-sizing:border-box;padding:0 1.5rem;margin-top:calc(var(--header-height) + .5rem);margin-bottom:1rem;cursor:pointer}#player .lg-controls.player-music-auth-warning.is-static{cursor:default}#player .player-music-auth-warning .music-auth-warning{width:100%;margin:0}#player .control-group:has(>.player-music-auth-warning){align-self:stretch}.music-auth-warning.is-minimal .music-auth-btn{flex-shrink:0;margin:0 0 0 .5rem;padding:0 1rem;height:32px;line-height:32px;font-size:.85rem}html.has-focused-player #player .player-music-auth-warning+.player-artwork{margin-top:0}@media screen and (min-width:768px){html.has-focused-player #player,#player{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between}}section.page{z-index:1;transition:opacity .55s cubic-bezier(.23,1,.32,1);min-height:100vh}section.page{position:relative;display:block;z-index:0}section.page .content{position:relative;padding:0 var(--app-side-padding) 1.5rem;z-index:2;box-sizing:border-box}#home.page .header+.content{margin-top:var(--header-bottom-margin)}html.player-is-visible section.page .content{padding-bottom:calc(var(--player-height-small) + var(--tab-bar-bottom-padding) * 2)}@media screen and (min-width:768px){html.player-is-visible section.page .content{padding-bottom:calc(var(--tab-bar-bottom-padding) * 2)}}#home .content,#trending .content{padding-bottom:calc(var(--tab-bar-height) + var(--tab-bar-bottom-inset) + 1.5rem)}html.player-is-visible #home .content,html.player-is-visible #trending .content{padding-bottom:calc(var(--player-height-small) + var(--tab-bar-height) + var(--tab-bar-bottom-inset) + var(--tab-bar-bottom-padding))}@media screen and (min-width:768px){html.player-is-visible #home .content,html.player-is-visible #trending .content{padding-bottom:calc(var(--tab-bar-height) + var(--tab-bar-bottom-inset) + var(--tab-bar-bottom-padding))}}section.page .content.trending,section.page .content.results{padding-top:calc(var(--add-songs-header-height) + var(--header-bottom-margin));padding-bottom:calc(var(--tab-bar-height) + var(--tab-bar-bottom-padding))}#trending .content.trending,#trending .content.results{padding-top:calc(var(--header-height) + (var(--header-bottom-margin) * 2))}#shareplaylist_content,#editplaylist_content{padding-top:calc(var(--header-height) + var(--header-bottom-margin) + 1rem)}#editplaylist_content{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}html.player-is-visible #editplaylist_content{padding-bottom:calc(var(--player-height-small) + var(--tab-bar-bottom-padding) * 2 + env(safe-area-inset-bottom,0px))}@media screen and (min-width:768px){html.player-is-visible #editplaylist_content{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}}#signin .content{padding-bottom:0}.header{display:flex;justify-content:space-between;padding:0 var(--app-side-padding) var(--header-bottom-margin);height:calc(var(--header-height) + var(--header-bottom-margin));align-items:end;z-index:10;box-sizing:border-box;position:fixed;top:0;left:0;width:100%;background-color:var(--page-background-color)}.header.has-transparent-bg{background-color:transparent}.header-actions{display:flex;align-items:center;flex-shrink:0;height:var(--header-content-height)}.header.is-static{position:relative;top:auto;left:auto}#playlist-add .header>.nav:first-child>.nav-row{height:var(--header-height)}@media screen and (min-width:768px){html.player-is-visible #playlist .header,html.player-is-visible #editplaylist .header,html.player-is-visible #shareplaylist .header{width:calc(100% - var(--large-screen-player-size))}}#playlist .header .background,#playlist-add .header .background,#editplaylist .header .background,#shareplaylist .header .background{position:fixed;top:0;left:0;width:100%;height:calc(var(--header-height) + (var(--header-bottom-margin) * 2));background-color:var(--page-background-color)}#editplaylist .header .background,#playlist .header .background{height:calc(var(--header-height) + (var(--header-bottom-margin)))}@media screen and (min-width:768px){#editplaylist .header .background,#playlist .header .background{height:calc(var(--header-height) + (var(--header-bottom-margin) * 2))}}#playlist-add .header .background{height:calc(var(--add-songs-header-height) + (var(--header-bottom-margin)))}.header.has-transparent-bg .background{opacity:0;background-color:#333}#playlist .header.has-transparent-bg .background,#playlist-add .header.has-transparent-bg .background,#editplaylist .header.has-transparent-bg .background{background-color:var(--playlist-header-bg, #333)}html.scrolled .header.has-transparent-bg .background{transition:opacity .25s ease-out}.header .playlist-name{display:block;font-weight:400}.header .playlist-name .playlist-name-text{font-weight:700}#playlist .header .playlist-name{opacity:0}#editplaylist .header>.nav:first-of-type{flex:1;min-width:0}#editplaylist .header>.nav:first-of-type ul li:last-child{min-width:0;overflow:hidden}html.scrolled #playlist .header .playlist-name{transition:opacity .25s ease-out;transition:none}.content>h2{margin-top:.5rem}#editplaylist .header h5,#shareplaylist .header h5,#playlist .header h5{position:relative;font-weight:400;font-size:.75rem;color:#ffffffbf}html:not(.scrolled) #playlist .header h5{opacity:0}html.scrolled #playlist .header h5{transition:opacity .25s ease-out;transition:none}@media screen and (min-width:768px){#playlist .header .playlist-name{width:36vw}}html.scrolled #playlist .header .playlist-name,html.scrolled .header .background{opacity:1}#playlist .header+.content .playlist-editor,#playlist .header+.content .playlist-sharing{padding-top:calc(64px - .75rem)}.header .nav h2{line-height:var(--header-content-height);font-size:1.75rem}.header ul:not(.app-menu){list-style:none;margin:0;padding:0;position:relative;display:flex;align-items:center;gap:.5rem;line-height:var(--header-content-height);height:var(--header-content-height);width:100%}.header .nav.is-fullwidth{width:100%}.header .nav>ul:not(.app-menu) li:not(:last-child){margin-right:0}#signin{display:flex;flex-direction:column;justify-content:end;position:relative;margin:0 auto calc(2rem + env(safe-area-inset-bottom));padding:0;box-sizing:border-box;max-width:480px;height:90vh;text-align:center;position:absolute;left:50%;bottom:0;width:100%;transform:translate(-50%)}#signin_with_google{background-color:#fff;color:#000}#signin h1{font-size:2.5rem;font-weight:700;margin:0 0 4rem}.warning{display:block;text-align:center;border-radius:.25rem;overflow:hidden;padding:1.5rem 2rem 1.25rem;margin:0 0 1.5rem;background-color:#fa57c125;background-color:#b166cc25;margin:0;background:linear-gradient(.875turn,#27e,#81b,#197,#27e,#81b,#197,#27e);background-size:200% 200%;animation:slide 5s linear infinite}@keyframes slide{0%{background-position:100% 100%}to{background-position:0% 0%}}.warning h2{margin:0 0 .5rem}.warning p{margin:0 0 1rem}.warning .button:last-child{width:100%;margin:0 auto}.is-minimal .warning .button:last-child{width:auto}@media screen and (min-width:768px){.warning .button:last-child{width:auto}}#form_signin .content ul{display:flex;flex-direction:column;gap:1rem}#form_signin .button{height:3rem;display:flex;gap:.75rem;margin:0}#form_signin .button .button-icon{width:1.5rem;margin:0;justify-content:center}#form_signin .button .button-icon-apple svg{width:1.25rem;height:auto}#form_signin .button .button-icon-google svg{width:1.5rem;height:1.5rem}#form_signin .button .button-text{width:160px;text-align:left}.button{display:flex;align-items:center;justify-content:center;z-index:0;position:relative;font-size:1rem;text-align:center;box-sizing:border-box;outline:none;border:none;background-color:#999;color:#000;font-weight:700;border-radius:999px;margin:0 0 .75rem;cursor:pointer;text-decoration:none;padding:0 2.5rem;height:36px;line-height:36px;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0px;gap:.75rem}.nav .button{margin:2px 0;padding-left:2rem;padding-right:2rem}.button.is-light{background-color:#fff;color:#000}.button.is-dark{background-color:#4a4a4a;color:#fff}.button.is-danger{color:#000;background-color:var(--color-danger);position:relative;display:block}.button.is-danger:empty{color:var(--color-danger);background-color:transparent;width:32px;height:32px;line-height:32px;font-size:.75rem;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--color-danger)}.button.is-danger:empty:before,.button.is-danger:empty:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--color-danger);transform-origin:center;width:3px;height:12px}.button.is-danger:before{transform:translate(-50%,-50%) rotate(45deg)}.button.is-danger:after{transform:translate(-50%,-50%) rotate(-45deg)}.button.is-outlined{background-color:transparent;box-shadow:inset 0 0 0 2px #fff;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.button.is-dark.is-outlined:active,.button.is-dark.is-outlined:hover{background:linear-gradient(to bottom,#fff,#eee);color:#000;box-shadow:none}.button{transition:background-color .15s ease,filter .15s ease}@media(hover:hover)and (pointer:fine){.button.is-dark:not(.is-outlined):not(:disabled):hover{background-color:#5e5e5e}.button.is-light:not(:disabled):hover{background-color:#e4e4e4}.button.is-danger:not(:empty):not(:disabled):hover{filter:brightness(1.12)}}.button.is-fullwidth{width:100%}.button.is-busy,button.is-busy{position:relative;overflow:hidden;pointer-events:none}.button.is-busy:before,button.is-busy:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:#121212bf;z-index:100;border-radius:inherit}.button.is-busy:after,button.is-busy:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:button-sheen 1.5s ease-in-out infinite;z-index:101}@keyframes button-sheen{0%{transform:translate(-100%)}to{transform:translate(250%)}}.button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button-icon svg{width:1.25em;height:1.25em}.button-icon.button-icon-apple svg{width:1.5rem;height:auto}.button-spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite;vertical-align:-.15em}@keyframes button-spin{to{transform:rotate(360deg)}}html.has-back-btn .header h2{display:none}html:not(.has-back-btn) #back_btn,.header-scan-btn{display:flex;align-items:center;gap:.4rem;height:32px;margin-right:.75rem;padding:0 .85rem 0 .7rem;border-radius:999px;background-color:#ffffff1a;color:#fff;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .15s ease}.header-scan-btn svg{width:18px;height:18px}@media(hover:hover){.header-scan-btn:hover{background-color:#ffffff2e}}#back_btn{margin:0;height:var(--header-content-height);line-height:var(--header-content-height)}#user_btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--header-content-height);height:var(--header-content-height);border-radius:999px;background-color:var(--user-avatar-bg, #66666615);cursor:pointer;outline:none;border:0;color:#fff;font-weight:700;padding:0;container-type:size;font-size:1rem}#user_btn .user-avatar-initials{line-height:1}#user_btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:999px}.user-avatar-trigger{display:inline-block}.user-avatar-photo{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-page{display:flex;flex-direction:column;gap:2rem;max-width:560px;margin:0 auto;padding-bottom:2rem}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0 1rem}.profile-avatar-wrap{position:relative;margin-bottom:1rem}.profile-avatar-wrap #user_btn{width:144px;height:144px;font-size:3.5rem;cursor:default;box-shadow:0 8px 24px #00000073;transition:opacity .2s ease}.profile-avatar-wrap.is-busy #user_btn{opacity:.4}.profile-photo-btn{position:absolute;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#fff;color:#121212;box-shadow:0 0 0 3px var(--page-background-color, #121212),0 2px 8px #0006;cursor:pointer}.profile-photo-btn svg{width:22px;height:22px}.profile-photo-btn.is-disabled{opacity:.5;pointer-events:none}.profile-color-btn{position:absolute;left:0;bottom:0;z-index:2;width:36px;height:36px;border-radius:50%;background:conic-gradient(#e5484d,#e2a336,#46a758,#12a594,#0090ff,#8e4ec6,#d6409f,#e5484d);box-shadow:0 0 0 3px var(--page-background-color, #121212),0 2px 8px #0006;cursor:pointer}.profile-color-btn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.profile-hero-name{margin:0;font-size:1.5rem}.profile-hero-status{margin:.75rem 0 0;color:#bbb;font-size:.85rem}.profile-link-btn{padding:0;border:0;background:none;color:#bbb;font:inherit;font-size:.85rem;cursor:pointer}.profile-link-btn:hover{color:#fff}.profile-manage-btn{margin:1rem 0 .75rem}.profile-link-btn:disabled{opacity:.5;cursor:default}.profile-link-btn.is-danger{color:var(--color-danger)}.profile-link-btn.is-danger:hover{text-decoration:underline}.profile-card{padding:1.25rem;border-radius:12px;background-color:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f;scroll-margin-top:1rem}.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.profile-card-title{margin:0 0 1rem;font-size:1.25rem}@media screen and (min-width:768px){.profile-card-title{font-size:1.375rem}}.profile-card-header .profile-card-title{margin:0}.profile-card-desc{margin:0 0 1rem;color:#ccc;font-size:.95rem}.profile-card-note{margin:-.5rem 0 1rem;color:#999;font-size:.85rem}.profile-card-note.profile-billing-help{margin:1rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.profile-billing-help a{color:#ddd;text-decoration:underline;text-underline-offset:2px}.profile-billing-help a:hover{color:#fff}.profile-form .button{margin:1.25rem 0 0}.label-optional{color:#888;font-size:.85em}.profile-hero-location{display:flex;align-items:center;gap:.3rem;margin:.25rem 0 0;color:#999;font-size:.9rem}.profile-hero-location svg{width:14px;height:14px;flex-shrink:0}.profile-plan-badge{padding:.2rem .6rem;border-radius:999px;background-color:#ffffff1a;color:#bbb;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.profile-plan-badge.is-pro{background-color:var(--color-gold);color:#121212}.profile-plans{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.profile-plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;border:0;border-radius:10px;background-color:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.profile-plan:hover{background-color:#ffffff1a}.profile-plan.is-featured{box-shadow:inset 0 0 0 2px var(--color-gold)}.profile-plan:disabled{opacity:.6;cursor:default}.profile-plan-tag{position:absolute;top:-.6rem;right:.75rem;padding:.1rem .5rem;border-radius:999px;background-color:var(--color-gold);color:#121212;font-size:.7rem;font-weight:700}.profile-plan-name{color:#bbb;font-size:.85rem}.profile-plan-price{font-size:1.125rem;font-weight:700}.profile-signin{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 1.25rem}.profile-signin-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#ffffff14;color:#fff}.profile-signin-icon.is-google{background-color:#fff}.profile-signin-icon svg{width:20px;height:20px}.profile-signin-icon.is-apple svg{margin-top:-2px}.profile-signin-text{display:flex;flex-direction:column;min-width:0}.profile-signin-provider{font-weight:600}.profile-signin-email{overflow:hidden;color:#999;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.profile-account-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-account-actions .button{margin:0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;text-align:center}.not-found-title{font-size:6rem;margin:0;color:#667eea}.not-found-text{font-size:1.25rem;color:#999;margin-top:.5rem}.not-found-link{margin-top:1.5rem;padding:.5rem 1rem;font-weight:500}:root{--app-menu-item-padding: .8rem 1.25rem .8rem 1rem}@media(pointer:coarse){:root{--app-menu-item-padding: 1rem 1.5rem 1rem 1.25rem}}ul.app-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;min-width:160px;max-width:200px;max-height:40vh;overflow:auto}@media screen and (min-width:768px){ul.app-menu{max-width:260px}}ul.app-menu li{position:relative;display:block;width:100%;box-sizing:border-box;list-style:none}ul.app-menu li a{position:relative;line-height:1.35;display:flex;color:#fff;width:100%;font-size:1rem;text-decoration:none;padding:var(--app-menu-item-padding);box-sizing:border-box;gap:.5rem}ul.app-menu li a:hover,ul.app-menu li a:active{background-color:#222}.app-menu-icon{display:inline-flex;align-items:start;justify-content:center;padding:3px 0 0}.app-menu-icon svg{width:1rem;height:1rem;color:#fff}ul.app-menu li a.is-danger .app-menu-icon svg{color:var(--color-danger)}ul.app-menu li+li{border-top:1px solid #4a4a4a}ul.app-menu li .app-menu-item.is-added{display:flex;gap:.5rem;width:100%;padding:var(--app-menu-item-padding);box-sizing:border-box;color:#888;font-size:1rem;line-height:1.35;cursor:default}ul.app-menu li .app-menu-item.is-added .app-menu-icon svg{color:var(--color-gold)}ul.app-menu li .app-menu-item.is-locked{display:flex;gap:.5rem;width:100%;padding:var(--app-menu-item-padding);box-sizing:border-box;color:#777;font-size:1rem;line-height:1.35;cursor:not-allowed}ul.app-menu li .app-menu-item.is-locked .app-menu-icon svg{color:#777}ul.app-menu li a.is-danger{color:var(--color-danger)}.field{display:block;position:relative}.field .control{display:flex;position:relative}#search_trending_form .field .control input{flex:1}label{color:#bbb}.input,.textarea{position:relative;width:100%;padding:.5rem;font-size:1.25rem;display:block;border:none;box-shadow:none;border-radius:4px}label+.control{margin-top:.5rem}.field+.field{margin-top:1.25rem}.tippy-box.app-tippy,.tippy-box[data-theme=dark]{background-color:#222;color:#fff;box-shadow:0 0 50px #000000bf;z-index:99999}.tippy-box.app-tippy .tippy-arrow,.tippy-box[data-theme=dark] .tippy-arrow{color:#222}.tippy-box{z-index:99999;border-radius:12px}.tippy-content{padding:0;border-radius:inherit;overflow:hidden}.user-grid-title{font-size:1.25rem;margin-bottom:1rem}html.has-focused-track .track-item:not(.is-focused),html.has-focused-track .user-grid-title,html.has-focused-track .playlist-feature,html.has-focused-track .header{filter:blur(5px)}html.has-focused-track .track-item.is-focused{border-top-color:transparent}html.has-focused-track .track-item,html.has-focused-track .track-item button.toggle,html.has-focused-track .track-item button.track-item-action-add,html.has-focused-track .track-item button.track-item-action-context{pointer-events:none!important}.user-grid{position:relative;display:flex;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;justify-content:start;margin:0 calc(var(--app-side-padding) * -1) .5rem;padding:0 var(--app-side-padding) .5rem}.user-grid>a{position:relative;display:block;box-sizing:border-box;text-decoration:none;color:#fff;padding:0 0 .5rem;flex:0 0 auto;min-width:var(--artwork-grid-size-minimum);max-width:var(--artwork-grid-size-maximum);width:var(--artwork-grid-size)}.user-grid>a .artwork{position:relative;display:block;min-width:var(--artwork-grid-size-minimum);max-width:var(--artwork-grid-size-maximum);width:var(--artwork-grid-size);min-height:var(--artwork-grid-size-minimum);max-height:var(--artwork-grid-size-maximum);height:var(--artwork-grid-size);margin:0 0 .75rem;background-color:#242424;border-radius:4px;aspect-ratio:1/1;overflow:hidden}.user-grid>a .info{white-space:initial;overflow-wrap:anywhere}.user-grid>a.is-locked{cursor:not-allowed}.user-grid>a.is-locked .artwork>:not(.playlist-item-lock){opacity:.35;filter:grayscale(1)}.user-grid>a.is-locked .info{opacity:.5}.playlist-item-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.playlist-item-lock svg{width:28%;height:28%;max-width:2.5rem;max-height:2.5rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.user-grid{gap:1.5rem}@media screen and (min-width:768px){.user-grid{gap:2rem}}.user-grid-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.user-grid-header:not(:first-child){margin-top:2rem}.user-grid-header .user-grid-title{margin:0}.user-grid-heading{display:flex;align-items:center;gap:.75rem}.user-grid-add{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff14;color:#fff}.user-grid-add:hover{background-color:#ffffff29}.user-grid-add svg{width:18px;height:18px;stroke-width:2.75}@media screen and (min-width:768px){.user-grid-add{display:flex}#home .actions{display:none}#home .actions+.user-grid-header{margin-top:.5rem}}.view-toggle{display:flex;flex-shrink:0;padding:2px;border-radius:999px;background-color:#ffffff14}.view-toggle button{display:flex;align-items:center;justify-content:center;width:36px;height:28px;padding:0;border:0;border-radius:999px;background-color:transparent;color:#ffffff80;cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-toggle button:not(.is-active):hover{color:#fff}.view-toggle button.is-active{background-color:#ffffff29;color:#fff}.view-toggle svg{width:18px;height:18px}.view-toggle svg.is-flipped{transform:scaleX(-1)}.user-grid-controls{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.sort-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background-color:#ffffff14;color:#ffffffbf;cursor:pointer;transition:background-color .15s ease,color .15s ease}.sort-toggle:hover,.sort-toggle[aria-expanded=true]{color:#fff}.sort-toggle[aria-expanded=true]{background-color:#ffffff29}@media(hover:hover)and (pointer:fine){.sort-toggle:hover{background-color:#ffffff29}}.sort-toggle svg{width:16px;height:16px}.sort-menu ul.app-menu{min-width:180px}.sort-menu ul.app-menu li a{justify-content:space-between;white-space:nowrap}ul.app-menu li a.is-selected{justify-content:space-between;gap:.75rem;font-weight:600}ul.app-menu li a.is-selected .app-menu-icon svg{color:var(--color-gold)}.user-grid.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem;white-space:normal;overflow:visible;margin:0;padding:0}.user-grid.is-grid>a{padding-bottom:0;width:auto;min-width:0;max-width:none}.user-grid.is-grid>a .artwork,.user-grid.is-grid .playlist-skeleton-artwork{width:100%;height:auto;min-width:0;max-width:none;min-height:0;max-height:none;aspect-ratio:1/1}.user-grid.is-grid .artwork .row .artwork-tile{width:auto;height:auto;min-width:0;max-width:none;min-height:0;max-height:none;aspect-ratio:1/1}#user-playlists.user-grid,#shared-playlists.user-grid{margin-bottom:0}#home .user-grid>.playlist-item{scroll-margin:calc(var(--header-height) + 1rem) var(--app-side-padding) calc(var(--tab-bar-height) + var(--tab-bar-bottom-inset) + var(--player-height-small) + 1rem)}.user-grid+.actions{margin-top:0}.user-grid.is-grid+.actions{margin-top:1rem}.actions .button{margin:0}.playlist-item-title{font-weight:700;font-size:1rem}.playlist-item-title.is-light{color:#484848}.playlist-item-desc{font-size:.75rem;color:#999;font-weight:400}.playlist-item-info{font-size:.75rem;color:#bbb;font-weight:400;margin-top:6px}.playlist-item-title,.playlist-item-info{display:flex;align-items:center;gap:.25rem}@media screen and (min-width:768px){.playlist-item-title{font-size:1.125rem}.playlist-item-desc,.playlist-item-info{font-size:.875rem}}.playlist-item-title+.playlist-item-desc:not(:empty){margin-top:6px;margin-bottom:.5rem}.playlist-invalid-indicator{color:var(--color-danger);font-weight:400;font-size:.9em}.playlist-item-invalid-icon{width:1rem;height:1rem;vertical-align:middle;flex-shrink:0;display:inline-block}.playlist-item-add .artwork{background-color:#ffffff14;display:flex;align-items:center;justify-content:center}.playlist-item-add-icon{font-size:2.5rem;font-weight:200;line-height:1;color:#fff9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playlist-item-add:hover .artwork,.playlist-item-add:active .artwork,.playlist-item-add:focus-visible .artwork{background-color:#ffffff1f}.playlist-item-add:hover .playlist-item-add-icon,.playlist-item-add:active .playlist-item-add-icon,.playlist-item-add:focus-visible .playlist-item-add-icon{color:#ffffffd9}.playlist-item-add:hover .playlist-item-title{color:#666}.playlist-invalid-warning{display:flex;align-items:center;gap:10px;background-color:var(--color-danger-background);box-shadow:inset 0 0 0 1px var(--color-danger-outline);border-radius:8px;padding:.75rem;color:var(--color-danger);font-size:.85rem;margin:1rem 0;z-index:10;position:relative}.playlist-invalid-warning-icon{fill:#fff}@media screen and (min-width:768px){.playlist-invalid-warning{font-size:1rem}}.track-item-artwork .track-item-unavailable-warning,.playlist-invalid-warning svg{fill:var(--color-danger)}.music-auth-warning+.playlist-invalid-warning,.playlist-invalid-warning+.playlist-invalid-warning{margin-top:-.25rem}.playlist-invalid-warning-icon{width:22px;height:22px;flex-shrink:0}.playlist-invalid-warning p{margin:0}.tab-bar{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--tab-bar-height) + var(--tab-bar-bottom-inset));padding-bottom:var(--tab-bar-bottom-inset);z-index:100;transition:all .33s cubic-bezier(.445,.05,.55,.95);box-sizing:border-box}.tab-bar.is-hidden{transform:translateY(100%)}.tab-bar:before{content:"";position:absolute;bottom:100%;height:1rem;width:100%}html.has-focused-player .tab-bar{bottom:calc((var(--tab-bar-height) + var(--tab-bar-bottom-inset)) * -1)}@media screen and (min-width:768px){html.has-focused-player .tab-bar{bottom:0}}.has-translucent-bg{background-color:#12121295;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-bar ul{margin:0;list-style:none;padding:0;width:100%;height:100%;position:relative;display:flex;align-items:center}.tab-bar ul li{width:25%;position:relative;display:block;flex:auto;text-align:center}.tab-bar ul li a{position:relative;display:flex;flex-direction:column;justify-content:space-around;text-decoration:none}.tab-bar ul li a .icon{width:24px;height:24px;margin:0 auto .25rem}.tab-bar ul li a .icon svg{fill:#bbb}.tab-bar ul li a.is-active .icon svg{fill:#fff}.tab-bar ul li a.is-active .icon.outline,.tab-bar ul li a:not(.is-active) .icon.filled{display:none}.tab-bar ul li a .label{font-size:.75rem;color:#bbb}.tab-bar ul li a.is-active .label{color:#fff}.track-item.is-playing .track-item-title,.playlist-item.is-playing .playlist-item-title{color:var(--color-gold)}.track-item.is-playing .loading-sticks .loading,.playlist-item.is-playing .loading-sticks .loading{background-color:var(--color-gold);background-color:#fff;box-shadow:0 0 20px #000000bf}.track-item.is-playing .loading-sticks,.playlist-item.is-playing .loading-sticks{z-index:101}.playlist-item.is-playing .loading-sticks .loading{box-shadow:none}html.player-is-playing .playlist-item.is-playing .loading-sticks:before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,.2) 50%,transparent);pointer-events:none}html.player-is-playing .track-item.is-playing .track-item-artwork:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:radial-gradient(rgba(0,0,0,.15),transparent)}.track-item.is-playing .track-item-artwork .cover{background-size:60px}html.player-is-playing .track-item.is-playing .track-item-artwork:after,html.player-is-playing .playlist-item.is-playing .artwork-shimmer{content:"";position:absolute;inset:0;z-index:101;padding:2px;box-sizing:border-box;background:linear-gradient(115deg,#fff0 0% 44%,#ffffff59 48%,#ffffffe6,#ffffff59 52%,#fff0 56% 100%);background-size:320% 320%;animation:logo-outline-shimmer 10s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mix-blend-mode:color-dodge;pointer-events:none}@media(prefers-reduced-motion:reduce){html.player-is-playing .track-item.is-playing .track-item-artwork:after,html.player-is-playing .playlist-item.is-playing .artwork-shimmer{animation:none;opacity:0}}.header>.nav:first-child:last-child{width:100%}.header .field .control{position:relative;background-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24;border-radius:8px;padding:0;overflow:hidden;height:calc(var(--header-height) * .75);transition:box-shadow .15s ease,background-color .15s ease}.header .field .control:hover{box-shadow:inset 0 0 0 1px #ffffff47}.header .field .control:focus-within{background-color:#ffffff1a;box-shadow:inset 0 0 0 1px var(--color-gold)}.header .field .control:has(input:disabled){opacity:.6}.header .field .control input::placeholder{color:#ffffff73}.header .field .control input{margin:0;background-color:transparent;width:100%;position:relative;display:block;border:none;outline:0;color:#fff;caret-color:var(--color-gold);font-weight:400;font-size:1rem;display:flex;padding:0 1rem 0 0;flex:1}.control>.icon{position:relative;width:44px;height:44px}.icon{position:relative}.icon>svg{position:absolute;top:0;left:0;width:100%;height:100%}#search_trending_form .icon.search,#search_playlist_add_form .icon.search{width:calc(var(--header-height) * .45);height:calc(var(--header-height) * .45);align-self:center;margin:0 .5rem}#search_trending_form .icon.search svg,#search_playlist_add_form .icon.search svg{fill:#fff9;transition:fill .15s ease}#search_trending_form .control:focus-within .icon.search svg,#search_playlist_add_form .control:focus-within .icon.search svg{fill:#fff}.search-scroll-key:not(.used):before{content:"";display:block;border:3px solid transparent;border-top-color:#666;margin:0 auto 1rem;width:32px;height:32px;border-radius:999px;animation:spinner2 .5s infinite linear}@keyframes spinner2{to{transform:rotate(360deg)}}.search-skeleton{pointer-events:none}.search-skeleton-artwork{width:72px;height:72px;min-width:72px;border-radius:4px;overflow:hidden}.search-skeleton-info{margin:0 .75rem}.search-skeleton-line{height:1rem;border-radius:4px}.search-skeleton-title{width:72%;max-width:220px;margin-bottom:.5rem}.search-skeleton-subtitle{width:52%;max-width:160px;margin-bottom:.75rem}.search-skeleton-rate-row{margin:.5rem 0 .75rem}.search-skeleton-rate{width:3rem;height:.9rem}.search-skeleton-action{width:2rem;height:2rem;border-radius:50%}.skeleton-shimmer{background:linear-gradient(105deg,#1a1a1a 0% 35%,#252525 50%,#1f1f1f 65%,#1a1a1a);background-size:200% 100%;animation:skeleton-shimmer 2.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-skeleton:nth-child(1) .skeleton-shimmer{animation-delay:0ms}.search-skeleton:nth-child(2) .skeleton-shimmer{animation-delay:80ms}.search-skeleton:nth-child(3) .skeleton-shimmer{animation-delay:.16s}.search-skeleton:nth-child(4) .skeleton-shimmer{animation-delay:.24s}.search-skeleton:nth-child(5) .skeleton-shimmer{animation-delay:.32s}.search-skeleton:nth-child(6) .skeleton-shimmer{animation-delay:.4s}.search-skeleton:nth-child(7) .skeleton-shimmer{animation-delay:.48s}.search-skeleton:nth-child(8) .skeleton-shimmer{animation-delay:.56s}.playlist-skeleton{display:block;box-sizing:border-box;padding:0 0 .75rem;pointer-events:none}.playlist-skeleton-artwork{min-width:var(--artwork-grid-size-minimum);max-width:var(--artwork-grid-size-maximum);width:var(--artwork-grid-size);min-height:var(--artwork-grid-size-minimum);max-height:var(--artwork-grid-size-maximum);height:var(--artwork-grid-size);margin:0 0 .75rem;border-radius:4px;overflow:hidden}.playlist-skeleton-info{white-space:initial}.playlist-skeleton-line{height:1rem;border-radius:4px}.playlist-skeleton-title{width:80%;max-width:12rem;margin-bottom:.5rem}.playlist-skeleton-meta{width:55%;max-width:8rem}.playlist-skeleton:nth-child(1) .skeleton-shimmer{animation-delay:0ms}.playlist-skeleton:nth-child(2) .skeleton-shimmer{animation-delay:80ms}.playlist-skeleton:nth-child(3) .skeleton-shimmer{animation-delay:.16s}.playlist-skeleton:nth-child(4) .skeleton-shimmer{animation-delay:.24s}.playlist-skeleton:nth-child(5) .skeleton-shimmer{animation-delay:.32s}.playlist-skeleton:nth-child(6) .skeleton-shimmer{animation-delay:.4s}.playlist-skeleton:nth-child(7) .skeleton-shimmer{animation-delay:.48s}.playlist-skeleton:nth-child(8) .skeleton-shimmer{animation-delay:.56s}.playlist-feature{position:relative;margin:0 auto;text-align:center;padding:0 1rem;z-index:1}.playlist-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(to bottom,#333 44vh,#121212);z-index:1;transition:opacity 0s}.playlist-gradient.is-fixed{position:fixed;top:0;left:0;transform:none;width:100%;height:100%;background:linear-gradient(to bottom,#333 44vh,#121212);z-index:0}.playlist-feature>.playlist-feature-artwork{width:256px;height:256px;margin:0 auto;border-radius:4px;overflow:hidden}.playlist-feature{padding-top:calc(var(--header-height) + .5rem)}@media screen and (min-width:768px){.playlist-feature>.playlist-feature-artwork{width:320px;height:320px}.playlist-feature>.playlist-feature-artwork .row .artwork-tile{width:128px;height:128px}}.playlist-feature>.playlist-feature-artwork+.playlist-feature-title{margin-top:1rem;margin-bottom:.5rem}@media screen and (min-width:768px){.playlist-feature>.playlist-feature-artwork+.playlist-feature-title{margin-top:1rem}}.playlist-feature-desc{font-size:.85rem;color:#fff;font-weight:400}.playlist-feature+.playlist-songs{margin-top:1.5rem}.playlist-songs{position:relative;z-index:1;margin-left:auto;margin-right:auto;padding-top:.75rem;border-top:1px solid #333}.playlist-invalid-warning{margin-left:auto;margin-right:auto}@media screen and (min-width:768px){html:not(.player-is-visible) .playlist-songs,html:not(.player-is-visible) .playlist-invalid-warning{max-width:calc(100% - var(--large-screen-player-size))}}.playlist-feature-title{font-size:1.5rem;font-weight:700}@media screen and (min-width:768px){.playlist-feature-title{font-size:1.75rem}}.playlist-feature>.playlist-feature-artwork .artwork-tile,.artwork .artwork-tile{display:block;width:100%;height:100%;background-color:#000;background-image:var(--artwork-url);background-size:cover;background-repeat:no-repeat;background-position:center}.playlist-feature>.playlist-feature-artwork .artwork-tile.empty,.artwork .artwork-tile.empty{background-image:url(/img/icon-music-666.svg);background-color:#333}.playlist-feature>.playlist-feature-artwork .row,.artwork>.row{display:grid;grid-template-columns:1fr 1fr}.playlist-feature>.playlist-feature-artwork .row+.row,.artwork>.row+.row{margin-top:0}.playlist-feature>.playlist-feature-artwork{box-shadow:0 4rem 4rem #00000080}.playlist-feature>.playlist-feature-artwork .row .artwork-tile{width:128px;height:128px}@media screen and (min-width:768px){.playlist-feature>.playlist-feature-artwork .row .artwork-tile{width:160px;height:160px}}.playlist-feature-artwork-wrapper{position:relative;display:block;width:100%;height:100%;cursor:pointer}.playlist-feature-artwork-play-btn{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background-color:#00000080;background-image:url(/img/btn-play-sharp-fff.svg);background-repeat:no-repeat;background-position:center;background-size:28px;pointer-events:none;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);transition:transform .15s ease,background-color .15s ease}@media(hover:hover)and (pointer:fine){.playlist-feature-artwork-wrapper:hover .playlist-feature-artwork-play-btn{transform:scale(1.08);background-color:#000000b3}.playlist-feature-artwork-wrapper:active .playlist-feature-artwork-play-btn{transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.playlist-feature-artwork-play-btn{transition:background-color .15s ease}.playlist-feature-artwork-wrapper:hover .playlist-feature-artwork-play-btn,.playlist-feature-artwork-wrapper:active .playlist-feature-artwork-play-btn{transform:none}}@media screen and (min-width:768px){.playlist-feature-artwork-play-btn{width:80px;height:80px;background-size:34px}}.artwork .row .artwork-tile{min-width:calc(var(--artwork-grid-size-minimum) / 2);max-width:calc(var(--artwork-grid-size-maximum) / 2);width:calc(var(--artwork-grid-size) / 2);min-height:calc(var(--artwork-grid-size-minimum) / 2);max-height:calc(var(--artwork-grid-size-maximum) / 2);height:calc(var(--artwork-grid-size) / 2)}.back-btn-arrow{position:relative;width:calc(var(--header-content-height) * .75);height:var(--header-content-height);box-sizing:border-box;display:block;margin-left:-4px}.back-btn-arrow .icon{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}.back-btn-arrow .icon svg{fill:#fff;width:24px;height:24px}.back-btn-arrow:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}button.track-item-action-context,button.playlist-action-btn{border-radius:50%;transition:background-color .15s ease}.playlist-feature-actions{align-items:center;gap:.75rem}.user-grid>a .info.has-menu{position:relative}.user-grid>a .info.has-menu .playlist-item-title{min-height:24px;padding-right:28px}button.playlist-item-menu-btn{position:absolute;top:-4px;right:-6px;width:32px;height:32px;padding:0;border:0;border-radius:50%;outline:none;background-color:transparent;background-image:url(/img/btn-context-fff.svg);background-position:center;background-size:20px;background-repeat:no-repeat;cursor:pointer;transition:background-color .15s ease}@media(hover:hover){button.playlist-item-menu-btn:hover{background-color:#ffffff1a}}ul.app-menu li a.app-menu-toggle .switch{align-self:center;margin-left:auto;padding-left:0}ul.app-menu li a.app-menu-toggle[aria-disabled=true]{cursor:default}.switch.is-small{display:block;width:38px;height:23px}.switch.is-small .switch-thumb{width:19px;height:19px}.switch.is-small.is-on .switch-thumb{transform:translate(15px)}#player button.toggle-focus:before,#player button.toggle-trim:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}#player .add-to-playlist-btn button{transition:background-color .15s ease,transform .15s ease}@media(hover:hover)and (pointer:fine){.back-btn-arrow:hover:before{opacity:1}#player button.toggle-focus:hover:before,#player button.toggle-trim:hover:before{opacity:1}#player .add-to-playlist-btn button:not(:disabled):hover,button.track-item-action-add:not(:disabled):hover{background-color:#ffffff1a}button.track-item-action-context:hover,button.playlist-action-btn:not(:disabled):hover{background-color:#ffffff1a}}#player button.toggle-focus,#player button.toggle-trim,#player button.add-to-playlist-btn{width:var(--header-height);height:var(--header-content-height);outline:none;background:transparent;border:none;cursor:pointer;display:block;position:relative;margin:0}#player button.toggle-trim svg{fill:#fff;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#player button.toggle-focus svg{fill:#fff;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:768px){#player button.toggle-focus{opacity:0;pointer-events:none}}button.track-item-action-add,button.track-item-action-success{position:relative;display:block;outline:none;border:0;width:32px;height:32px;background-color:transparent;cursor:pointer;pointer-events:all;box-shadow:inset 0 0 0 2px #fff;border-radius:999px;margin:0 .25rem;transition:background-color .15s ease,transform .15s ease}#player .add-to-playlist-btn{position:relative;display:flex;align-items:end;justify-content:flex-end;height:calc(var(--header-content-height));width:var(--header-height)}html:not(.playing-trending-song) #player .add-to-playlist-btn{display:none}button.track-item-action-add:active{transform:scale(.9)}#player .add-to-playlist-btn button{transform-origin:center}#player .add-to-playlist-btn button.track-item-action-success{margin:0 .25rem}button.track-item-action-add:before{content:"";position:absolute;top:50%;left:50%;height:2px;width:12px;transform:translate(-50%,-50%);border-radius:999px;background-color:#fff}button.track-item-action-add:after{content:"";position:absolute;left:50%;top:50%;height:12px;width:2px;transform:translate(-50%,-50%);border-radius:999px;background-color:#fff}#player button.track-item-action-add:before,#player button.track-item-action-add:after{background-color:#fff}.track-item-rate-control{font-size:.85rem;margin:.5rem 0 .75rem;font-weight:700;display:flex;align-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.track-item-rate-control.is-read-only .track-item-rate{margin:0;padding:.15rem .6rem;border-radius:999px;background-color:#ffffff1f;font-size:.8rem;line-height:1.2}#player .player-speed-indicator.is-read-only{padding:.15rem 1rem;line-height:1.3;border-radius:999px;background-color:#ffffff1f;font-size:1.25rem}.track-item-rate-control button.toggle{position:relative;display:block;width:1.5rem;height:1.5rem;outline:none;border:0;border-radius:999px;background-color:transparent;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button.toggle{position:relative;display:block;width:2rem;height:2rem;outline:none;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:auto;cursor:pointer;border-radius:999px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button.toggle.minus{background-image:url(/img/btn-slow-666.svg)}.lg-controls button.toggle.minus{background-image:url(/img/btn-slow-fff.svg)}.lg-controls button.toggle.plus{background-image:url(/img/btn-fast-fff.svg)}.track-item.is-playing button.toggle.minus{background-image:url(/img/btn-slow-yellow.svg)}button.toggle.plus{background-image:url(/img/btn-fast-666.svg)}.track-item.is-playing button.toggle.plus{background-image:url(/img/btn-fast-yellow.svg)}.track-item+.track-item{border-top:1px solid #333;padding-top:1rem}.playlist-feature-info{display:flex;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.85rem;font-weight:400;color:#bbb;justify-content:center}.playlist-feature-info-invalid-icon{width:1rem;height:1rem;flex-shrink:0}.playlist-feature-actions{display:flex;justify-content:center;margin:0;padding:1rem 0 .75rem;text-align:center}.playlist-feature-actions .button.is-outlined{margin:0}.playlist-feature-desc:not(:empty)+.playlist-feature-info{margin-top:.75rem;margin-bottom:.25rem}.ignore-animations{animation:none!important;transition:none!important}#player-progress-linear-sm{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:0;overflow:hidden;z-index:-1}#player-progress-linear-sm .progress{position:absolute;top:0;left:0;width:0%;height:100%;border-radius:0;transition:width 1s linear}#player-progress-linear-sm .progress:before{content:"";height:2px;position:absolute;top:0;left:0;width:100vw;background-color:#ffffff26;z-index:100}#player-progress-linear-sm .progress:after{content:"";height:2px;position:absolute;top:0;left:0;width:100%;background-color:var(--color-gold);z-index:100}html.player-is-playing #player-progress-linear-sm .progress:after{background-image:linear-gradient(115deg,#fff0 0% 44%,#ffffff59 48%,#ffffffe6,#ffffff59 52%,#fff0 56% 100%);background-size:320% 100%;background-repeat:no-repeat;background-blend-mode:color-dodge;animation:logo-outline-shimmer 10s linear infinite}@media(prefers-reduced-motion:reduce){html.player-is-playing #player-progress-linear-sm .progress:after{animation:none;background-image:none}}html.player-is-loading #player-progress-linear-sm .progress{display:none}@media screen and (min-width:768px){html.player-is-visible #trending>.header,html.player-is-visible #playlist-add>.header{width:calc(100% - var(--large-screen-player-size))}}#playlist-add>.header .nav .nav-row h2{flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 3rem)}h4.search-title{white-space:nowrap;max-width:calc(100vw - 64px);text-overflow:ellipsis;overflow:hidden}button.track-item-action-context{position:relative;display:block;outline:none;border:0;width:32px;height:32px;background-color:transparent;cursor:pointer;pointer-events:all;background-image:url(/img/btn-context-fff.svg);background-position:center;background-size:24px;background-repeat:no-repeat;margin:20px 0}.track-item-artwork .track-item-unavailable-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.track-item-action{display:flex;align-items:center}.track-item.is-added-to-playlist-from-trending button.track-item-action-add,button.track-item-action-success{position:relative;display:block;outline:none;border:0;width:32px;height:32px;background-color:transparent;cursor:pointer;pointer-events:all;box-shadow:inset 0 0 0 2px var(--color-gold);background-image:url(/img/btn-checkmark-yellow.svg);background-position:center;background-size:18px;background-repeat:no-repeat;margin:0 .25rem;border-radius:999px;animation-duration:.4s;animation-timing-function:ease-out;animation-name:wobble_sm;transform-style:preserve-3d;perspective:2000px;transform-origin:50% 50%}html.has-focused-player{background-color:#000;transition:.55s cubic-bezier(.23,1,.32,1)}@media screen and (min-width:768px){html.has-focused-player{background-color:var(--page-background-color)}}#player,#player:before,#player .player-splash,#player .player-splash .cover{border-radius:0}#player.has-tabbar,#player.has-tabbar:before,#player.has-tabbar .player-splash,#player.has-tabbar .player-splash .cover{border-radius:0}html.has-focused-player #player,html.has-focused-player #player:before,html.has-focused-player #player .player-splash,html.has-focused-player #player .player-splash .cover{border-radius:1.5rem}html.has-focused-player #player{margin:0;height:100vh;height:100dvh;box-shadow:none}html.has-focused-player section.page{opacity:0}@media screen and (min-width:768px){#player,#player:before,#player .player-splash,#player .player-splash .cover,#player.has-tabbar,#player.has-tabbar:before,#player.has-tabbar .player-splash,#player.has-tabbar .player-splash .cover,html.has-focused-player #player,html.has-focused-player #player:before,html.has-focused-player #player .player-splash,html.has-focused-player #player .player-splash .cover,html.has-focused-player #player.has-tabbar,html.has-focused-player #player.has-tabbar:before,html.has-focused-player #player.has-tabbar .player-splash,html.has-focused-player #player.has-tabbar .player-splash .cover{border-radius:0}html.has-focused-player #player{margin:0;height:100vh;height:100dvh}html.has-focused-player section.page{opacity:1}}@media screen and (min-width:768px){section.page,.tab-bar,#player{transition:none}}button.playlist-action-btn{position:relative;display:block;outline:none;border:0;width:32px;height:32px;background-color:transparent;cursor:pointer;pointer-events:all;background-image:url(/img/btn-context-fff.svg);background-position:center;background-size:24px;background-repeat:no-repeat;margin:0}.stripe-subscription-status{display:block;margin:0}.stripe-subscription-status button{display:block;width:100%}.restricted-width{margin:0 7vw;position:relative}.settings-box{position:relative;background-color:#000;padding:1.5rem;border-radius:6px;font-size:1rem;line-height:1.5}.settings-box .notification+button{margin-top:1.25rem}.settings-box button{margin:0}.settings-box button+button{margin-top:.5rem}.settings-title+.settings-box{margin-top:.75rem}.settings-title{margin:2rem 0 1rem;font-weight:700;font-size:1.5rem}.content-title{font-size:1.75rem;margin:0 0 3rem}.settings-box{text-align:center}a{text-decoration:none;color:var(--color-gold)}.settings-box button+a{margin-top:.75rem;display:block}.sortable-tracks .sortable-track-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.sortable-tracks .sortable-track-item .sortable-track-item-info{flex:1;position:relative;padding:0 1rem}.sortable-tracks .sortable-track-item .sortable-track-item-info .sortable-track-item-info-title{font-weight:500;font-size:1rem;line-height:1.4}.sortable-tracks .sortable-track-item .sortable-track-item-info .sortable-track-item-info-artist{font-size:.75rem;color:#bbb}.sortable-track-item .delete-button{margin:0}.drag-handle{cursor:grab;display:block;width:38px;height:44px;background-size:24px;background-position:center;background-repeat:no-repeat;background-image:url(/img/icon-drag-bar-bbb.svg);touch-action:none}.sortable-track-item-artwork{margin:0 0 0 1rem}.sortable-track-item-artwork .artwork{width:44px;height:44px;background-color:#333;background-image:var(--artwork-url);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:2px}.sortable-tracks .sortable-track-item{border-top:1px solid #333;border-bottom:1px solid #333}.sortable-tracks .sortable-track-item+.sortable-track-item{margin-top:-1px}.sortable-tracks .sortable-track-item.sortable-ghost{opacity:.3}.sortable-tracks .sortable-track-item.sortable-chosen{border-color:transparent;touch-action:none}.sortable-tracks .sortable-track-item .button{margin:0;padding:0}.playlist-editor input,.playlist-editor textarea{font-size:1rem}.playlist-editor .playlist-editor-inputs{padding:0 0 1.5rem}#user-playlists:empty{display:none}#user-subscriptions:empty{display:none}.user-grid-title:not(:first-child){margin-top:2rem}#signin h1{display:none}.logo-animated{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vw;max-width:256px;max-height:256px;aspect-ratio:1/1;margin:0;padding:0;background-image:url(/img/logo-mask-121212.svg);background-position:center;background-size:cover;overflow:hidden}@media screen and (min-height:640px){.logo-animated{max-width:512px;max-height:512px}}.logo-animated>.logo-animated-outline,.logo-animated>.logo-animated-mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;margin:0;padding:0}.logo-animated>.logo-animated-outline{background-image:url(/img/logo-outline-gold.svg);background-position:center;background-size:cover;z-index:11111;pointer-events:none}.logo-animated>.logo-animated-outline:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff0 0% 47%,#ffffff59 49%,#ffffffe6,#ffffff59 51%,#fff0 53% 100%);background-size:320% 320%;animation:logo-outline-shimmer 10s linear infinite;-webkit-mask-image:url(/img/logo-outline-gold.svg);mask-image:url(/img/logo-outline-gold.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;pointer-events:none;z-index:1;mix-blend-mode:color-dodge}@keyframes logo-outline-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.logo-animated>.logo-animated-mask{z-index:10}.logo-animated>.logo-animated-colors{position:absolute;top:2rem;left:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem);margin:0;padding:0;box-sizing:border-box;overflow:hidden;z-index:220;border-radius:999px;animation:spinner2 6s infinite linear;z-index:0}.logo-animated>.logo-animated-colors>div{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.logo-animated>.logo-animated-colors>div.color-1{background:linear-gradient(to bottom,var(--color-gold),transparent);z-index:2;top:0;height:100%}.logo-animated>.logo-animated-colors>div.color-2{background:linear-gradient(to right,rgb(0,255,255),transparent 66%);z-index:2;left:0;width:100%}.logo-animated>.logo-animated-colors>div.color-3{background:linear-gradient(to left,rgb(207 0 255),transparent);left:auto;right:0;width:100%;z-index:0}.track-item.is-explicit .track-item-artwork .cover:after{content:"";position:absolute;bottom:0;right:0;margin:1px;background-image:url(/img/icon-explicit-ff0000.svg);background-position:center;background-size:contain;z-index:10;width:1.5rem;height:1.5rem}.track-item.is-explicit .track-item-artwork .cover:before{content:"";position:absolute;bottom:4px;right:4px;margin:1px;background-color:var(--page-background-color);background-size:50%;z-index:0;width:16px;height:16px;border-radius:4px}#player.is-explicit .player-artwork .cover:after{content:"";position:absolute;bottom:0;right:0;margin:0;background-image:url(/img/icon-explicit-ff0000.svg);background-position:center;background-size:contain;z-index:10;width:1.5rem;height:1.5rem}#player.is-explicit .player-artwork .cover:before{content:"";position:absolute;bottom:4px;right:4px;margin:0;background-color:var(--page-background-color);background-size:50%;z-index:0;width:16px;height:16px;border-radius:4px}#player.is-explicit .player-artwork.sm-controls .cover:after{bottom:-3px;right:-3px;width:1.25rem;height:1.25rem}#player.is-explicit .player-artwork.sm-controls .cover:before{bottom:0;right:0;width:14px;height:14px;border-radius:3px}html.has-focused-player #player.is-explicit .player-artwork .cover:after{width:2.5rem;height:2.5rem;margin:.25rem}html.has-focused-player #player.is-explicit .player-artwork .cover:before{width:30px;height:30px;margin:.25rem;bottom:5px;right:5px}@media screen and (min-width:768px){html #player.is-explicit .player-artwork .cover:after{width:2.5rem;height:2.5rem;margin:.25rem}html #player.is-explicit .player-artwork .cover:before{width:30px;height:30px;margin:.25rem;bottom:5px;right:5px}}input[type=range]{-webkit-appearance:none;appearance:none;margin:0 auto;height:.25rem;outline:none;background:linear-gradient(to right,#fff calc(0% + 10px),#ffffff40 calc(0% + 10px));box-sizing:border-box;border-radius:999px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background-color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:none;cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.seek-track .row{display:flex;margin:0 auto;justify-content:space-between;font-size:.75rem;padding-top:.5rem;margin-bottom:.75rem;box-sizing:border-box}#player .waveform,#player .waveform div{width:200px;height:2rem}#waveform{display:block;position:relative;height:2rem;overflow:hidden}input[type=range],.seek-track .row,#waveform{width:calc(100vw - 3rem)}@media screen and (min-width:768px){input[type=range],.seek-track .row,#waveform{width:calc(var(--large-screen-player-size) - 4rem)}}html.player-is-loading .seek-track .row,html.player-is-loading input[type=range]::-webkit-slider-thumb{opacity:0}#seek-track-input-lg{position:relative}html.player-is-loading #seek-track-input-lg{background:transparent!important;overflow:hidden}html.player-is-loading #seek-track-input-lg:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:repeating-linear-gradient(to right,#ffffff40,#fff,#ffffff40);background-size:200% auto;background-position:0 100%;animation:seekpulse .5s infinite;animation-fill-mode:forwards;animation-timing-function:linear}@keyframes seekpulse{0%{background-position:0 0}to{background-position:-200% 0}}html.player-is-loading #player .player-controls.lg-controls,html.player-is-loading #player .playback-controls.lg-controls{opacity:.25!important;pointer-events:none!important}.seek-track{position:relative}.seek-track .in-out-indicator{position:absolute;left:0;width:100%;height:100%;border-radius:999px;height:2px;top:6px}.seek-track .region{position:absolute;top:13px;left:0;width:100%;height:.25rem;background-color:#ffffff40;border-radius:999px;display:none}.trim-indicator{width:20px;position:relative;margin-right:1rem;display:none}.track-item.is-trimmed .trim-indicator{display:inline}.track-item.is-unavailable .track-item-artwork .cover,.track-item.is-unavailable .track-item-info{opacity:.25}.track-item.is-unavailable,.track-item.is-unavailable .track-item-info button{pointer-events:none}.trim-indicator svg{fill:#bbb;width:11px;height:11px;position:absolute;top:3px}.track-item.is-playing .trim-indicator svg{fill:#fff}.player-header-playlist-name{font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-header-playlist-name b{font-weight:700}.player-header-playlist-info{display:block;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;height:100%;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;width:100%}.content-section.is-narrow{position:relative;margin:0}@media screen and (min-width:768px){.content-section.is-narrow{max-width:320px}}.music-logo-wrapper{width:50%;max-width:150px;margin:0 auto .5rem;color:#fff}.music-logo-wrapper svg{fill:#fff}.support-columns{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.support-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}.support-column{min-width:0}.support-faq{display:flex;flex-direction:column;gap:0;margin-bottom:.5rem}.support-faq-item{border-bottom:1px solid #333}.support-faq-item:last-of-type{border-bottom:none}.support-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 0;background:none;border:none;color:#fff;font-size:1rem;text-align:left;cursor:pointer;font-family:var(--font-family)}.support-faq-question:hover,.support-faq-item.is-expanded .support-faq-question{color:var(--color-gold)}.support-faq-icon{flex-shrink:0;font-size:1.25rem;color:#999;transition:transform .2s ease}.support-faq-item.is-expanded .support-faq-icon{transform:rotate(45deg);color:var(--color-gold)}.support-faq-answer{padding:0 0 1.25rem;font-size:1rem;color:#bbb;line-height:1.5}#playlist .content .playlist-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}#playlist .content .playlist-not-found-icon{width:30vw;height:30vw;margin-bottom:1rem;flex-shrink:0}#playlist .content .playlist-not-found-message{color:#999;font-size:1rem;margin:0}#playlist .content .playlist-not-found-back-btn{margin-top:1.25rem}#playlist .content .playlist-locked-icon{width:3rem;height:3rem;margin-bottom:1rem;color:#999}#playlist .content .playlist-locked .playlist-not-found-message{max-width:22rem}#playlist .content .playlist-locked-home-link{margin-top:1rem;color:#999}.support-form .field,.support-form .field+.field{margin-top:1.25rem}.support-result{border-radius:4px;font-size:1rem}.support-result.is-success{color:#8f8}.support-result.is-error{background-color:var(--color-danger-background);color:var(--color-danger)}.search-empty{margin:3rem var(--app-side-padding) 0;color:#999;text-align:center;overflow-wrap:anywhere}.Toastify__toast-container.Toastify__toast-container--top-center{top:calc(env(safe-area-inset-top,0px) + .75rem);bottom:auto;left:50%;width:min(360px,calc(100vw - 2rem));margin:0;padding:0;transform:translate(-50%)}@media screen and (min-width:768px){html.player-is-visible .Toastify__toast-container.Toastify__toast-container--top-center{left:calc((100% - var(--large-screen-player-size)) / 2)}}.Toastify__toast-container .Toastify__toast{--toastify-toast-width: 100%;width:100%;min-height:0;margin:.5rem 0 0;padding:.75rem 1rem;border-radius:12px;background:#00000080;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);box-shadow:0 8px 24px #0000004d;color:#fff;font-family:var(--font-family);font-size:.95rem;font-weight:600}.Toastify__toast-icon{width:18px;margin-inline-end:.625rem}.Toastify__toast--success{--toastify-icon-color-success: var(--color-gold)}.Toastify__toast--error{--toastify-icon-color-error: var(--color-danger)}.Toastify__toast--info{--toastify-icon-color-info: #bbb}.toast-plan-message{font-weight:400}.toast-plan-message b{font-weight:600}.switch{position:relative;flex-shrink:0;width:51px;height:31px;padding:0;border:none;border-radius:999px;background-color:#4a4a4a;cursor:pointer;transition:background-color .2s ease}.switch.is-on{background-color:var(--color-gold)}.switch:disabled{cursor:default}.switch:focus-visible{outline:2px solid #fff;outline-offset:2px}.switch-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.switch.is-on .switch-thumb{transform:translate(20px)}.playlist-share-content{display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:calc(var(--header-height) + .5rem) var(--app-side-padding) 2rem;text-align:center}.playlist-share-title{font-size:1.75rem}.playlist-share-hint{margin-top:.5rem;color:#999;line-height:1.4}.playlist-share-qr{display:flex;align-items:center;justify-content:center;width:min(100%,360px);aspect-ratio:1 / 1;margin-top:1.5rem;padding:1rem;box-sizing:border-box;border-radius:16px;background-color:#fff}.playlist-share-qr img{display:block;width:100%;height:100%;image-rendering:pixelated}.playlist-share-link{display:flex;gap:.5rem;width:min(100%,360px);margin-top:1.5rem}.playlist-share-link .input{flex:1;min-width:0;font-weight:400;font-size:.85rem}.playlist-share-link .button{flex-shrink:0;height:auto;min-height:44px;margin:0;padding:0 1.25rem}.playlist-share-link .button svg{width:18px;height:18px}h2+.track-item{margin-top:.75rem}#playlist-add .header{height:var(--add-songs-header-height)}#playlist-add .header .nav{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;width:100%;height:100%}#playlist-add .header .nav ul{margin-top:calc(var(--header-height) - var(--header-content-height))}#playlist-add .header .nav .nav-row{height:calc(calc((var(--header-height) * 2) + var(--header-bottom-margin)))}.nav .nav-row{display:flex;align-items:center;gap:.5rem}h4.playlist-name{font-weight:400}label{color:#fff}.input,.textarea{background-color:transparent;color:#fff;font-weight:600;caret-color:var(--color-gold);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input,.textarea{padding:.625rem .75rem;border:0;border-radius:8px;background-color:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff24}.input:hover,.textarea:hover{box-shadow:inset 0 0 0 1px #ffffff47}.input:focus,.textarea:focus{outline:none;background-color:#ffffff12;box-shadow:inset 0 0 0 1px var(--color-gold)}.textarea,.input.textarea{padding:.75rem;font-size:1rem;font-weight:400;line-height:1.5;resize:vertical}.input::placeholder,.textarea::placeholder{color:#ffffff59;font-weight:400}.input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 1000px #1e1e1e}select.input{appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;cursor:pointer}select.input option{background-color:#222;color:#fff}.playlist-header-title-container{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.playlist-header-title-container{display:flex;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;padding-right:.75rem}.playlist-header-title-container h4.playlist-name{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.playlist-invalid-warning.is-auth-error{background-color:#fa57c125;background-color:#b166cc25;color:#fff;background:linear-gradient(.875turn,#27e,#81b,#197,#27e,#81b,#197,#27e);background-size:200% 200%;animation:slide 5s linear infinite}.playlist-invalid-warning.is-auth-error svg{fill:#fff}.create-playlist-title-wrap{text-align:center;position:relative}.create-playlist-title-ruler{position:absolute;left:-9999px;top:0;visibility:hidden;pointer-events:none;white-space:nowrap;font-weight:700;font-family:inherit}.create-playlist-title-input{position:relative;text-align:center;background-color:transparent;color:#fff;font-weight:700;font-size:2rem;height:3rem;border:none;box-shadow:none;padding:0}.create-playlist-title-control:after{content:"";top:calc(100% + .5rem);position:absolute;left:-1rem;width:calc(100% + 2rem);height:1px;background-color:#333;z-index:1}.create-playlist-title-input::placeholder{color:#ffffff80}.create-playlist-title-input:focus{outline:none;box-shadow:none}#create-playlist-form{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:0 1.5rem;max-width:640px;margin:0 auto}#create-playlist-form .create-playlist-title-wrap{width:100%}#create-playlist-form button[type=submit]{background-color:var(--color-gold);color:#121212;border-color:var(--color-gold)}#create-playlist-form button[type=submit]:disabled:not(.is-busy){opacity:.5;cursor:not-allowed}#create-playlist-form .button{margin:0;font-size:1.25rem;height:auto;padding:.25rem 2.5rem}#create-playlist-form h4{font-size:18px;font-weight:400;color:#fff;margin-bottom:10vh}.playlist-save-btn-container{display:flex;justify-content:end;width:100%;flex:0}#player .header{position:absolute;top:0;left:0;width:100%;background-color:transparent;justify-content:space-between;align-items:end;font-size:.75rem;padding-right:.75rem;padding-left:.75rem}@media screen and (min-width:768px){#player .header{padding-right:1rem;padding-left:1rem}}#player .header>.player-header-playlist-info{height:calc(var(--header-content-height));display:flex;align-items:center;justify-content:center}#player .header>button.toggle-focus,#player .header>button.toggle-trim,#player .header>.add-to-playlist-btn{flex-shrink:0}html:not(.playing-trending-song) #player .header:not(:has(>.toggle-trim)):after{content:"";flex-shrink:0;width:var(--header-height)}.player-header-playlist-info .separator{margin:0 6px;color:#bbb}.is-check-overflow{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;text-align:center}.footer-button-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:1000;height:calc(var(--tab-bar-height) + var(--tab-bar-bottom-padding));padding-top:var(--tab-bar-bottom-padding);display:flex;justify-content:end;box-sizing:border-box;transition:bottom .25s cubic-bezier(.445,.05,.55,.95)}html.player-is-visible .footer-button-container{bottom:calc(var(--tab-bar-height));height:calc(var(--tab-bar-height))}@media screen and (min-width:768px){.footer-button-container{display:none}}.footer-button-container .button{box-sizing:border-box;margin:0}.support-content{display:flex;flex-direction:column;gap:2rem;max-width:560px;margin:.5rem auto 0;padding-bottom:2rem}.support-content .profile-card-title.support-faq-title,.support-content .support-faq{margin-bottom:0}.support-content .support-faq-item:last-child .support-faq-question{padding-bottom:0}.support-content .support-faq-item.is-expanded:last-child .support-faq-question{padding-bottom:1.25rem}.support-content .support-faq-item:last-child .support-faq-answer{padding-bottom:0}h2+p{margin-top:.25rem}.tippy-content ul li:hover a,.tippy-content ul li:active a{background-color:#333}.add-to-playlist-picker{width:min(260px,calc(100vw - 2rem))}.add-to-playlist-picker ul.app-menu{max-width:none}.app-menu-heading{margin:0;padding:.75rem 1rem .25rem;font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.04em}@media(pointer:coarse){.app-menu-heading{padding:1rem 1.25rem .25rem}}.app-menu-message{color:#ccc;padding:1rem;line-height:1.4}html.has-focused-player #player .position-indicator{display:none}html.has-focused-player #player .player-header-playlist-name .position-indicator{display:inline;font-weight:400}button.show-is-disabled{opacity:.4;cursor:default!important}.owner-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;background-color:var(--owner-avatar-bg, #666);color:#fff;font-weight:700;line-height:1;overflow:hidden}.owner-avatar.is-small{width:18px;height:18px;font-size:.5rem}.owner-avatar-photo{position:absolute;inset:0;background-size:cover;background-position:center}.managed-by{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;margin-top:6px;font-size:.75rem;color:#999}.managed-by-owner{display:inline-flex;align-items:center;gap:.5rem;min-width:0;color:#ddd}.owner-badge{display:flex;flex-shrink:0;border-radius:999px;outline:none;cursor:pointer}#player .header>.player-owner{display:none}@media screen and (max-width:767px){#player .header>.player-owner{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--header-height);height:var(--header-content-height)}html:not(.playing-trending-song) #player .header:has(>.player-owner):after{content:none}}.player-owner .owner-avatar.is-medium{width:28px;height:28px;font-size:.7rem}.owner-badge.is-static{cursor:inherit}.owner-avatar.is-large{width:52px;height:52px;font-size:1.25rem}.owner-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem 1rem 1rem}.owner-card-label{margin-bottom:.2rem;color:#aaa;font-size:.75rem;line-height:1}.owner-card-label+.owner-card-name{line-height:1.2}.owner-card-name{font-weight:700;font-size:1rem}.owner-card-location{margin-top:.05rem;color:#aaa;font-size:.875rem}.playlist-item.is-shared .playlist-item-title{align-items:flex-start;justify-content:space-between;gap:.5rem}.playlist-item.is-shared .playlist-item-title>span:first-child{min-width:0}.owner-avatar.is-medium{width:24px;height:24px;font-size:.6rem}.managed-by-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-grid>a.is-unavailable .artwork,.user-grid>a.is-unavailable .playlist-item-title{opacity:.5}.playlist-feature .managed-by{justify-content:center;margin:.25rem 0 .75rem;font-size:.875rem}.playlist-feature .owner-avatar.is-small{width:26px;height:26px;font-size:.7rem}.scan-content{display:flex;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:calc(var(--header-height) + .5rem) var(--app-side-padding) 2rem;text-align:center}.scan-title{font-size:1.75rem}.scan-hint{margin-top:.5rem;color:#999}.scan-camera{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,360px);aspect-ratio:1 / 1;margin-top:1.5rem;border-radius:16px;background-color:#000;overflow:hidden}.scan-camera video{width:100%;height:100%;object-fit:cover}.scan-camera-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#bbb;line-height:1.4;background-color:#1c1c1c}.scan-photo-btn{margin:1.25rem 0 0;height:44px;padding:0 1.5rem}.scan-photo-btn svg{width:18px;height:18px}.scan-form{display:flex;gap:.5rem;width:min(100%,360px);margin-top:1.5rem}.scan-form .input{flex:1;min-width:0;font-weight:400}.scan-form .button{flex-shrink:0;height:auto;min-height:44px;margin:0;padding:0 1.5rem}
