@charset "UTF-8";@keyframes shake{10%,90%{transform:translate3d(-1.5px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}@keyframes swipeDown{0%{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}@keyframes pulsate{0%,to{opacity:1}50%{opacity:.5}}@keyframes backgroundFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backgroundFadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes animateUp{0%{transform:translate3d(0,300%,0)}to{transform:translate3d(0,0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate3d(40px,0,0)}to{transform:translate3d(0,0,0)}}:root{--drawerTopMargin:5.5vh}body,div,h1,h2,h3,h4,input,li,p,section{font-family:"elza",system,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-weight:600}span.icon{font-size:1em;position:relative;top:.25em;line-height:0}a.logo{font-family:aktiv-grotesk-extended,"elza",sans-serif;font-weight:700}.logo{align-self:center;font-family:aktiv-grotesk-extended;letter-spacing:-.02em;line-height:1.2em;display:inline-block}p.small{font-weight:400}section .h1,section .h2,section h1,section h2{font-family:elza-condensed,"HelveticaNeue-CondensedBlack","SFProDisplay-Black","Arial Narrow",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}section h1{line-height:.9em;margin:0 0 .260163em;font-size:7em}section .h1,section .h2,section h2{font-weight:900}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body,html{height:100%}body{margin:0;border:0;vertical-align:baseline;line-height:1.2em;font-size:100%;background-color:var(--background_color);color:#fff;-webkit-overflow-scrolling:touch;touch-action:manipulation;font-weight:500;padding:0;overflow:hidden;display:flex;justify-content:space-around;flex-direction:row;position:fixed;width:100%;will-change:background-color;transition:background-color 0s 1s linear}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#0a0a0a}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a.button,button{-webkit-appearance:none;appearance:none;padding:0}section h1,strong{font-weight:600}input,select,textarea{appearance:none;border:0;box-sizing:border-box;font-size:1em}input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{font-size:1em;box-sizing:border-box;width:.825em;height:.825em;padding:0;border-radius:1px;cursor:pointer;box-shadow:0 0 0 .0875em #fff;top:1.45em;transition:box-shadow .2s,background-color .2s;z-index:10;position:relative}input[type=checkbox]:focus,input[type=checkbox]:hover,select[type=checkbox]:focus,select[type=checkbox]:hover,textarea[type=checkbox]:focus,textarea[type=checkbox]:hover{border-color:#fff}input[type=checkbox]:before,select[type=checkbox]:before,textarea[type=checkbox]:before{background-image:url(../../assets/img/icons/check.svg);background-repeat:no-repeat;background-size:contain;background-position:0 .125em;content:" ";position:absolute;top:0;margin-left:.07em;opacity:0;transition:opacity .2s;pointer-events:none;width:.6875em;height:.6875em;display:block;left:auto}input[type=checkbox]:checked,select[type=checkbox]:checked,textarea[type=checkbox]:checked{background-color:#ff7d57;box-shadow:0 0 0 .0875em #ff7d57}input[type=checkbox]:checked:before,select[type=checkbox]:checked:before,textarea[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:hover input[type=checkbox],select[type=checkbox]:hover input[type=checkbox],textarea[type=checkbox]:hover input[type=checkbox]{opacity:1}select.hidden{position:absolute;appearance:none;top:auto}span.button{display:flex;justify-content:space-around;align-items:center}input.toggle+label{font-family:"elza",sans-serif;font-size:1em;border:0;font-weight:inherit;margin-left:0;margin-bottom:0;opacity:1;color:#fff!important}input.toggle+label:after{display:block;content:" "}form.large .section{margin-bottom:2.5em}form.large input{font-weight:400;color:#fff;background:0 0;border-radius:0;box-sizing:border-box;font-family:"elza",sans-serif;outline:0}form.large input[type=password],form.large input[type=text]{font-size:1.125em;line-height:2em;padding:.35em 0 0;position:relative;border-bottom:1.4px solid rgba(255,255,255,.3);transition:border .25s}form.large input[type=password]:focus,form.large input[type=text]:focus{border-bottom:1.4px solid #fff}form.large input::-webkit-input-placeholder{color:rgba(255,255,255,.25)}form.large input:-moz-placeholder{color:rgba(255,255,255,.25)}form.large input::-moz-placeholder{color:rgba(255,255,255,.25)}form.large input:-ms-input-placeholder{color:rgba(255,255,255,.25)}form.large .url{font-size:15px;opacity:1;color:#fff;margin-top:10px;font-weight:500}input[type=checkbox].toggle{padding:0;display:inline-block;background-color:transparent;width:1.5625em;height:.9375em;min-height:.9375em;top:.1em;margin:0 0 0 .125em;position:relative;transition:transform .25s cubic-bezier(0,.6,.4,1),border .25s cubic-bezier(0,.6,.4,1),background-color .25s cubic-bezier(0,.6,.4,1);cursor:pointer;border:0;box-shadow:none}input[type=checkbox].toggle:after,input[type=checkbox].toggle:before{left:0;top:0;position:absolute;transition:inherit;content:" ";border-radius:.5em}input[type=checkbox].toggle:before{box-shadow:0 0 0 .0875em #fff;border-width:0;width:1.5em;height:.825em;opacity:1;box-sizing:border-box}input[type=checkbox].toggle:after{transform:translate3d(.0875em,.0875em,0);width:.65em;height:.65em;background-color:#fff;display:block;pointer-events:none}input[type=checkbox].toggle:checked:before{background:0 0;background-color:#fff}input[type=checkbox].toggle:checked:after{transform:translate3d(.65em,0,0);background-color:#0a0a0a;width:.825em;height:.825em}label[for]{margin:0}html.safari .label,html.safari label{padding:.375em .6em .35em}html .label,html label{display:inline-flex;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(255,255,255,.3);padding:.25em .6em .35em;justify-content:space-around;align-items:center;align-self:flex-start;border-radius:1em;font-size:.75em;margin:1em 0;color:rgba(255,255,255,.75);font-weight:600;opacity:1;line-height:1em}input:-webkit-autofill,input:-webkit-autofill:focus textarea:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out 0s}.shake{animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}svg.icon{fill:transparent}svg.icon:not(.nochange){width:1em;height:1em}svg.icon:not(.nochange) [stroke=black]{stroke:var(--icon_color);transition:stroke .3s}svg.icon:not(.nochange) [fill=black]{fill:var(--icon_color);transition:fill .3s}.safari .avatar:after{line-height:2.1em}.avatar{flex:0 0 2.75em;width:2.75em;height:2.75em;max-width:2.75em;display:block;position:relative;flex-shrink:0;border-radius:100%}.avatar:empty{background-color:#000}.avatar img,body.dashboard table .user .avatar img{object-fit:cover;object-position:center center;width:100%;height:100%}.avatar:after{color:var(--toggle_icon_color);background-color:var(--text_color);content:attr(count);display:block;position:absolute;width:1.9em;height:1.9em;border-radius:100%;font-size:.656em;font-weight:600;line-height:1.9em;text-align:center;z-index:1;overflow:hidden;left:-.63334em;top:-.63334em;transform:translate3d(0,0,0)}.avatar:not([count]):after,.avatar:not([votedifference]):after{opacity:0}.avatar[count]:after,.avatar[votedifference]:after,body.fileHover .background:after{opacity:1}.avatar[count="0"]:after,.avatar[votedifference="0"]:after{opacity:0;pointer-events:none;content:" "}.avatar svg.avatarSvg #albumColour{fill:var(--album_color)}.avatar svg.avatarSvg #vinylOuter{stroke:var(--toggle_background_color)}.avatar svg.avatarSvg #avatarBackground{fill:var(--avatar_background_color)}.avatar svg.avatarSvg #shadow{z-index:-1;fill:#000;opacity:.4}.avatar svg text.initials{fill:#fff;font-family:"elza-condensed";font-size:3.25rem;opacity:1;text-transform:uppercase;letter-spacing:.04em;font-weight:900;pointer-events:none;text-decoration:none;transform:translateY(2%)}.avatar a{text-decoration:none}.track .avatar:after{content:attr(votedifference)}.search .wrapper .results section.page div.avatar{aspect-ratio:1;flex-shrink:0;flex-grow:0;flex-basis:120px}body .background,body .background:after{width:100%;height:100%;top:0;left:0;pointer-events:none}body .background{display:block;position:fixed;z-index:-1;background-color:var(--background_color)}body .background,body .background svg{backface-visibility:hidden}body .background svg linearGradient#gradient{transform:rotate(22.5deg)!important}body .background svg stop{will-change:stop-color;transition:stop-color .7s 0s linear;stop-color:var(--background_start_color)}body .background svg stop.stop2{stop-color:var(--background_end_color)}body .background:after{content:" ";position:absolute;opacity:0;transition:opacity .2s,box-shadow .7ss;box-shadow:inset 0 0 20px 5px var(--shadow_color)}.presentation .background{z-index:-2}body.standalone:not(.presentation){min-height:100vh}body.cover_only .playlist,body.cover_only .search,body.cover_only .transporter progress,body.cover_only .transporter trackinfo{display:none}body.cover_only .transporter .cover{max-height:none;height:100vw}body.presentation.hideMouse{cursor:none}.tinyScroll,.tinyScrollWhite{scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar}.tinyScroll::-webkit-scrollbar,.tinyScrollWhite::-webkit-scrollbar{width:8px;background:0 0}.tinyScroll::-webkit-scrollbar-thumb,.tinyScrollWhite::-webkit-scrollbar-thumb{border-radius:4px;background:0 0}.tinyScroll:hover::-webkit-scrollbar-thumb,.tinyScrollWhite:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5)}.tinyScrollWhite:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}body>iframe{opacity:1;position:absolute;pointer-events:none;left:0;top:0;z-index:-1}.scroll_container{top:0;left:0;right:0;padding:5em 5vh 5vh;margin:0 auto;box-sizing:border-box;min-height:100%;display:flex;flex-wrap:wrap;position:relative;transition:transform .8s cubic-bezier(0,.7,.3,1)}.scroll_container main{min-height:calc(100vh - 5em)}.scroll_container .horizontal_scroll,.scroll_container.loaded{transition:transform .5s cubic-bezier(0,.6,.4,1)}body.mobile .scroll_container {transition:none}.long_copy .scroll_container{position:initial}.controls .guests{overflow-y:hidden;overflow-x:auto;width:100%;display:block;-ms-overflow-style:-ms-autohiding-scrollbar;z-index:10;padding-right:0}.controls .guests::-webkit-scrollbar{height:.375em}.controls .guests::-webkit-scrollbar-track{background:0 0;height:.375em;width:.375em}.controls .guests::-webkit-scrollbar-thumb{background:0 0;border-radius:.1875em;height:.375em}.controls .guests:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.controls .guests .avatars{padding:0;display:flex;flex-direction:row;color:inherit;align-items:stretch;height:2.5em;align-self:stretch;overflow:hidden}.controls .guests .avatars span{font-size:.9375em}.controls .guests .avatars .avatarList .avatar,.controls .guests .avatars .share{display:flex;flex-grow:0;flex-shrink:0;flex-direction:column;color:inherit;align-items:center}.controls .guests .avatars .share button{position:relative;border:0;color:inherit;appearance:none;overflow:hidden;cursor:pointer}.controls .guests .avatars .avatarList .avatar p,.controls .guests .avatars .share p{text-align:center;font-size:.8125em;line-height:1.3076923077em;opacity:.8;margin-top:.3846153846em;color:inherit}.controls .guests .avatars .share p{font-weight:700}.controls .guests .avatars .avatarList{list-style:none;display:flex;flex-direction:row;align-self:stretch;overflow-x:auto;overflow-y:hidden;height:3.125em}.controls .guests .avatars .avatarList .avatar{position:relative;top:.125em;width:3.125em;flex-basis:3.125em}.controls .guests .avatars .avatarList .avatar>div{width:2.25em;height:2.25em;background:0 0}.controls .guests .avatars .avatarList .avatar>div>a,.controls .guests .avatars .avatarList .avatar>div>img,.controls .guests .avatars .avatarList .avatar>div>svg{width:2.25em;height:2.25em;display:block;border-radius:50%;overflow:hidden}.controls .guests .avatars .avatarList .avatar>div img,.controls .guests .avatars .avatarList .avatar>div svg{object-fit:cover;object-position:center center;width:100%;height:100%;margin:0}.controls .guests .avatars .avatarList .avatar p{display:none}.controls>div.misc,body.host .controls .misc{order:2}body.host .controls .misc:before{border-width:1px}body.host .controls .misc button{position:relative}body.host .controls .viewFunc{order:3}body.host .controls .guests{order:4}body:not(.standalone) .controls>div{background:0 0!important}body.screensaver .controls{display:none}body.host .controls{opacity:0;pointer-events:none}body.host.ready .controls{opacity:1;pointer-events:auto}.controls{position:absolute;z-index:15;left:0;bottom:0;padding-left:.25em;color:inherit;display:flex;transform:none;width:100%;box-sizing:border-box;opacity:1;transition:opacity 1s .5s;margin:1em 0;height:3em;flex-basis:3em}.controls:empty{opacity:0}.controls>.player{padding:0 .5em;flex:0;display:flex;flex-direction:row}.controls>.player:before{border-width:0}.controls>div{height:2.5em;padding:0 .625em;color:#fff;display:flex;position:relative}.controls>div .userTitle{display:none}.controls>div.guests{order:4;height:2.5em}.controls>div.viewFunc{order:3}.controls>div:before{position:absolute;left:0;top:-.1em;height:2.25em;content:" ";display:block;border-left:1px solid var(--divider_color)}.controls button{width:1.6em;height:1.6em;min-width:1.6em;flex-basis:1.6em;display:inline-flex;text-align:center;font-size:1.45em;color:inherit;appearance:none;border:0;background-color:transparent;cursor:pointer;font-weight:400;position:relative;padding:0;transition:background-color .2s,backdrop-filter .2s}.controls button.active{color:var(--text_color)}.controls button.active:before{content:" ";display:block;position:absolute;width:.14em;height:.14em;background-color:var(--text_color);border-radius:.14em;left:50%;top:87.5%;transform:translate3d(-50%,-50%,0)}.controls button.active.shuffle:before{left:45.5%}.controls button.active svg{display:inline-block}.controls button:first-child,body .scroll_container>footer .legal ul li:first-child{margin-left:0}.controls button:active{background-color:rgba(0,0,0,.07);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(1em);-moz-backdrop-filter:blur(1em);transition:background .2s,backdrop-filter 0s,-webkit-backdrop-filter 0s,-moz-backdrop-filter 0s}body:not(.keys) .controls button,body:not(.keys) .drawer button.toggle{outline:0}.presentation .transporter .controls{padding-left:0;width:auto;transform:translate3d(0,0,0);left:auto;right:auto;margin:0;align-items:center;height:2em;opacity:1;font-size:inherit;pointer-events:all}.presentation .transporter .controls .userTitle,.scroll_container section#hero p.small,a.button.border,a.button.link,a.button.navigation,a.button.primary,a.button.secondary,button.border,button.link,button.navigation,button.primary,button.secondary,dialog form{font-size:1em}.presentation .transporter .controls .guests,.standalone.login header{display:none}dialog,dialog form menu{display:flex;flex-direction:row;justify-content:center}dialog,dialog[open=true]{transition:opacity .2s,transform .2s}dialog{border:0;position:fixed;z-index:10000;pointer-events:none;opacity:0;width:100%;height:100%;top:0;left:0;background:0 0!important}dialog[open=true]{opacity:1;pointer-events:all;animation:fadeIn .2s forwards}dialog form{background-color:#0a0a0a!important;width:380px;padding:2.5em 2em 0;box-sizing:border-box;color:#fff;align-self:center;line-height:1.5em;text-align:left;box-shadow:0 0 30px rgba(0,0,0,.25);border-radius:1.25em;overflow:hidden}dialog form .iconContainer{height:3em;width:3em;display:flex;align-items:center;justify-content:center;background-color:var(--dialogIconBGColor);border-radius:.625em;margin-bottom:1.75em}dialog form .iconContainer svg.icon{width:1.75em;height:1.75em}dialog form .iconContainer svg.icon [stroke=black]{stroke:var(--dialogIconColor)}dialog form .iconContainer svg.icon [fill=black]{fill:var(--dialogIconColor)}dialog form menu{margin:2em -2em 0;width:calc(100% + 4em);border-top:1px solid #333;align-content:center}dialog form button.primary,dialog form button.secondary{box-sizing:border-box;height:3.5em;margin-bottom:0;align-self:stretch;border-radius:0;background:0 0!important;color:#fff!important;text-align:center;width:50%;flex-grow:1;padding:0 0 .25em!important}dialog form button.primary:nth-child(2),dialog form button.secondary:nth-child(2){border-left:1px solid #333;margin:0!important}dialog form h2{font-size:1.125em;font-weight:600;line-height:1.1428571429em;margin-bottom:.8571428571em}.drawer button.toggle,dialog form p{font-size:1em;color:#fff;font-weight:400}.standalone.menuBarPaddingTop .drawer button.toggle{top:40px}.standalone .drawer button.toggle{top:calc(env(safe-area-inset-top) + 12px)}.drawer button.toggle{font-size:inherit;display:flex;position:absolute;width:2em;height:2em;align-items:center;justify-content:center;background-color:#2c2a2a;top:calc(1.5em + env(safe-area-inset-top));right:1.5em;border-radius:50%;transform-origin:50% 50%;text-align:center;transition:transform .2s;z-index:102;line-height:1.2em;box-sizing:border-box}.drawer button.toggle svg{width:1.5em;height:1.5em}.drawer button.toggle svg [stroke=black],.drawer>nav button .icons svg [stroke=black]{stroke:#fff}.drawer button.toggle svg [fill=black],.drawer>nav button .icons svg [fill=black]{fill:#fff}.drawer button.toggle:hover{transform:scale(1.1,1.1)}.drawer button.toggle:active{transform:scale(.97,.97)}body.standalone .drawer section.pageContainer div>section h3:first-child,body.standalone .drawer section.pageContainer>div>h3:first-child{margin-top:calc(env(safe-area-inset-top) - 16px)}body.standalone.menuBarPaddingTop .drawer section.pageContainer div>section h3:first-child,body.standalone.menuBarPaddingTop .drawer section.pageContainer>div>h3:first-child{margin-top:16px}.drawer,.presentation.screensaver .drawer,.presentation.screensaver .drawer.active{transform:translate3d(-100%,0,0)}.drawer .pageContainer .settings{width:100%}.drawer{position:fixed;top:0;left:0;display:flex;overflow:hidden;width:600px;max-width:100%;height:100%;max-height:100%;flex-direction:row;z-index:106;overflow-x:hidden;transition:transform .5s cubic-bezier(.6,0,.2,1),box-shadow .5s cubic-bezier(.6,0,.2,1);color:#fff;pointer-events:none;justify-content:space-around;align-items:stretch;background-color:rgba(10,10,10,.92);backdrop-filter:blur(2em);-webkit-backdrop-filter:blur(2em)}.drawer.active{box-shadow:0 0 50px 0 rgba(0,0,0,.2);transform:translate3d(0,0,0);pointer-events:all}.drawer>nav,.drawer>nav button{display:flex;flex-direction:column}.drawer>nav{position:relative;box-sizing:border-box;z-index:100;width:70px;flex-basis:70px;height:100%;min-width:70px;border-right:1px solid rgba(255,255,255,.1)}.drawer>nav button{font-size:inherit;appearance:none;align-self:center;width:calc(100% - .9em);margin:.5em 0;padding:.25em 0 0;aspect-ratio:1/1;align-items:center;color:#fff;justify-content:center;cursor:pointer;background:rgba(255,255,255,.02);border-radius:.25em;font-weight:500;transition:background .2s}.drawer>nav button span{position:relative;color:inherit;pointer-events:none}.drawer>nav button .icons{transition:color .2s;line-height:1.4166666667em;top:0}.drawer>nav button .icons svg{width:1.5em;height:1.5em;fill:transparent}.drawer>nav button .title{font-size:.6875em;top:-.25em}.drawer>nav button.active{background:#a3c6f5}.drawer>nav button:hover{background:#c5deff}.drawer>nav button.active,.drawer>nav button:hover,body.bright .accumulatedNotifications button.close:before,body.bright .notifications .notification button.close:before{color:#0a0a0a}.drawer>nav button.active svg [stroke=black],.drawer>nav button:hover svg [stroke=black]{stroke:#0a0a0a}.drawer>nav button.active svg [fill=black],.drawer>nav button:hover svg [fill=black]{fill:#0a0a0a}.drawer>nav button:hover{background:#fff}.drawer>nav button:last-child{margin-top:auto;margin-bottom:8px}.drawer section.pageContainer,.drawer section.pageContainer>div{display:flex;flex-direction:column;overflow:hidden;flex-grow:1;align-self:stretch}.drawer section.pageContainer{width:100%;order:1;align-items:stretch;align-content:stretch;max-height:100%;height:100%}.drawer section.pageContainer>div{flex-basis:100%;padding:24px 60px 60px;align-items:flex-start;width:calc(100% - 71px);box-sizing:border-box;overflow-y:auto;position:absolute;top:0;opacity:0;visibility:hidden;pointer-events:none}.drawer section.pageContainer>div .button+.button:not(.arrow),.drawer section.pageContainer>div button+button:not(.arrow){margin-left:1.5em}.drawer section.pageContainer>div>div{align-self:stretch}.drawer section.pageContainer>div.active{pointer-events:all;opacity:1;position:relative;visibility:visible}.drawer section.pageContainer>div section h3:first-child,.drawer section.pageContainer>div>h3:first-child{align-self:flex-start;line-height:40px;font-weight:400;font-size:1em;margin:0}.drawer section.pageContainer>div h2{font-family:"elza-condensed";text-transform:uppercase;font-size:2.8em;line-height:1em;font-weight:400;display:inline-block;width:auto;transform:translate3d(0,0,0)}.drawer section.pageContainer>div h3{font-size:1.5em;line-height:1.333em;color:#fff;margin:0 0 .333em;font-family:"elza",sans-serif;font-weight:400}.drawer section.pageContainer>div input{max-width:100%}.drawer section.pageContainer>div input.toggle+label{color:rgba(255,255,255,.6)}.drawer section.pageContainer>div h4.eyebrow{font-family:"elza",sans-serif;font-size:1.25em;line-height:1em;margin-bottom:.5em;color:rgba(255,255,255,.6);font-weight:400;margin-top:var(--drawerTopMargin)}.drawer section.pageContainer>div .date{color:rgba(255,255,255,.75);font-size:.75em;margin-top:1em;margin-bottom:.5em}.drawer section.pageContainer>div .filters,.login header nav ul.secondary a.link,body.dashboard .box h2{margin-bottom:1em}.drawer .wrapper{position:absolute;top:0;left:0;width:calc(100% - 2px);height:100%;z-index:101;display:none}.drawer .wrapper.show{display:block}.drawer .wrapper.snap{-webkit-scroll-snap-type:y mandatory;scroll-snap-type:mandatory;scroll-snap-points-y:repeat(100%);overflow-y:auto}.drawer .wrapper.snap section,.drawer section.pageContainer>div.stats .scrollContainer.scrollsnap section{scroll-snap-align:start;-webkit-scroll-snap-align:start;-moz-scroll-snap-align:start}.drawer .wrapper section{height:100%;width:100%;padding:30px}.accumulatedNotifications .container ul,.drawer .pageContainer .invite{width:100%}.drawer .pageContainer .invite form{padding:0;width:100%}.drawer .pageContainer .invite h2{margin-bottom:.667em}.drawer .pageContainer .invite .url_pretty{color:#fff;font-size:.875em;line-height:1.6667em;font-weight:500;margin-bottom:2em}.drawer .pageContainer .invite input.url{opacity:0;position:absolute;left:0;width:100%}.drawer .pageContainer .invite .buttons{width:100%;box-sizing:border-box}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}:root{--icon_color:white}body .scroll_container>footer{box-sizing:border-box;width:100%;font-weight:400;grid-column:1/15;display:grid;height:1em;align-self:flex-end;flex-grow:0;grid-column-gap:.5em;grid-template-columns:repeat(14,14fr)}.drawer .pageContainer .history form>div p,.drawer section.pageContainer>div.stats h2+h3,body .scroll_container>footer>div{margin-top:1em}body .scroll_container>footer .copyright{grid-column:1/7}body .scroll_container>footer .legal{grid-column:7/10}body .scroll_container>footer .legal a{text-decoration:none;font-weight:500}body .scroll_container>footer .legal ul{white-space:nowrap}body .scroll_container>footer .legal ul li{margin-left:24px}body .scroll_container>footer .social{grid-column:10/15;text-align:right;margin-top:calc(1em - 6px)}body .scroll_container>footer ul{list-style:none;padding:0;margin:0}body .scroll_container>footer ul li{display:inline-block;margin-left:16px}.login header nav ul li:first-child,body .scroll_container>footer ul li:first-child{margin-left:0}body.login{background-color:#0a0a0a;color:#fff;display:block;position:relative;overflow:auto;overflow-x:hidden;height:100%}body.login a.logo{position:absolute;top:max(env(safe-area-inset-top,18px),18px);left:auto;align-self:center;color:#fff;text-decoration:none;font-size:1.125em;letter-spacing:-.01875em;font-weight:700;text-align:center}body.login.standalone a.logo{top:50px}a.button,button,button.states:before{justify-content:center;align-items:center;box-sizing:border-box}a.button,button{font-family:"elza",system,-apple-system,BlinkMacSystemFont,sans-serif;border:0;display:inline-flex;flex-direction:row;flex-grow:0;letter-spacing:.014em;line-height:1em;cursor:pointer;text-decoration:none;transition:background-color .2s,color .2s;border-radius:0;font-weight:500;background:0 0}a.button.border:hover,a.button.border_large:hover,a.button.primary:hover,button.border:hover,button.border_large:hover,button.primary:hover{background-color:#fff;color:#0a0a0a}a.button.border[disabled],a.button.border_large[disabled],a.button.primary[disabled],a.button.secondary[disabled],button.border[disabled],button.border_large[disabled],button.primary[disabled],button.secondary[disabled]{color:rgba(255,255,255,.5)}a.button.states,button.states{overflow:hidden;position:relative;pointer-events:none}button.states:before{display:flex;position:absolute;padding:0 1.25em .2em;color:#0a0a0a}a.button.states:before{position:absolute}a.button.states:after,a.button.states:before,button.states:after{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 1.25em .2em;color:#0a0a0a}a.button.states.saving:before,button.states.saving:before{transform:translate3d(0,0,0)}a.button.states.saving:after,button.states.saving:after{transform:translate3d(0,100%,0)}a.button.states.done,button.states.done{pointer-events:none}a.button.states.done:before,button.states.done:before{transform:translate3d(0,-100%,0)}.login header.offscreen.active,.scroll_container section#hero h1 span.show div,a.button.states.done:after,button.states.done:after{transform:translate3d(0,0,0)}a.button.states.ready:before,button.states.ready:before{transform:translate3d(0,100%,0);opacity:0}a.button.states.ready:after,button.states.ready:after{transform:translate3d(0,100%,0);opacity:1}a.button.states:after,a.button.states:before,button.states:after,button.states:before{content:"Saving...";transform:translate3d(0,100%,0);left:0;top:0;width:100%;height:100%;background-color:#a3c6f5;transition:transform .3s,background-color .3s,opacity 0s}a.button.states:after,button.states:after{content:"Saved";position:absolute;transition:background-color .3s,transform .3s;opacity:1}a.button.states[disabled],button.states[disabled]{background-color:#75767c}a.button.navigation,button.navigation{background-color:#0a0a0a;color:#fff}a.button.navigation.active,button.navigation.active{background-color:#c5deff;color:#0a0a0a}a.button.navigation:hover,button.navigation:hover{background-color:#fff;color:#0a0a0a}a.button.arrow,a.button.link,button.arrow,button.link{text-decoration:none;color:#fff;background:0 0}a.button.arrow svg.icon,a.button.link svg.icon,button.arrow svg.icon,button.link svg.icon{position:relative;margin-left:.4em;transform:scaleX(-1)}a.button.arrow svg.icon [stroke=black],a.button.link svg.icon [stroke=black],button.arrow svg.icon [stroke=black],button.link svg.icon [stroke=black]{stroke:#fff;transition:stroke .2s}a.button.arrow svg.icon [fill=black],a.button.link svg.icon [fill=black],button.arrow svg.icon [fill=black],button.link svg.icon [fill=black]{fill:#fff;transition:fill .2s}a.button.arrow.active,a.button.arrow:hover,a.button.link.active,a.button.link:hover,button.arrow.active,button.arrow:hover,button.link.active,button.link:hover{color:#ff7d57}a.button.arrow.active svg.icon [stroke=black],a.button.arrow:hover svg.icon [stroke=black],a.button.link.active svg.icon [stroke=black],a.button.link:hover svg.icon [stroke=black],button.arrow.active svg.icon [stroke=black],button.arrow:hover svg.icon [stroke=black],button.link.active svg.icon [stroke=black],button.link:hover svg.icon [stroke=black]{stroke:#ff7d57;transition:stroke .2s}a.button.arrow.active svg.icon [fill=black],a.button.arrow:hover svg.icon [fill=black],a.button.link.active svg.icon [fill=black],a.button.link:hover svg.icon [fill=black],button.arrow.active svg.icon [fill=black],button.arrow:hover svg.icon [fill=black],button.link.active svg.icon [fill=black],button.link:hover svg.icon [fill=black]{fill:#ff7d57;transition:fill .2s}a.button.arrow[disabled],a.button.link[disabled],button.arrow[disabled],button.link[disabled]{color:rgba(255,255,255,.3);pointer-events:none;cursor:pointer}a.button.arrow[disabled] svg.icon [stroke=black],a.button.link[disabled] svg.icon [stroke=black],button.arrow[disabled] svg.icon [stroke=black],button.link[disabled] svg.icon [stroke=black]{stroke:rgba(255,255,255,.3);transition:stroke .2s}a.button.arrow[disabled] svg.icon [fill=black],a.button.link[disabled] svg.icon [fill=black],button.arrow[disabled] svg.icon [fill=black],button.link[disabled] svg.icon [fill=black]{fill:rgba(255,255,255,.3);transition:fill .2s}a.button.border,a.button.navigation,a.button.primary,a.button.secondary,button.border,button.navigation,button.primary,button.secondary{height:3em;border-radius:1.5em;padding:0 1.25em .2em}a.button.border.selected,a.button.border_large.selected,a.button.navigation.selected,button.border.selected,button.border_large.selected,button.navigation.selected{background:#c5deff}a.button.border,a.button.border_large,a.button.navigation,a.button.primary,a.button.secondary,button.border,button.border_large,button.navigation,button.primary,button.secondary{text-decoration:none}a.button.border,button.border{box-shadow:0 0 0 1.4px #fff;color:#fff}a.button.primary,button.primary{background-color:#c5deff}a.button.secondary,button.secondary{background-color:transparent;color:#c5deff;padding-left:0;padding-right:0}a.button.secondary:hover,button.secondary:hover{background-color:transparent;color:#fff}a.button.icons,button.icons{width:1.6em;min-width:1.6em;flex-basis:1.6em;border-radius:.25em;height:auto}.drawer .settings .section.smallBottomMargin label,.playlist button,a.button.arrow,button.arrow{font-weight:400}a:not(.mobile){display:inline-flex;color:#fff}a:not(.mobile) svg{margin-top:.05em;margin-left:.5em;width:1.5em;height:1.5em}a:not(.button).standout_link,a:not(.mobile):active,a:not(.mobile):hover{color:#ff7d57;text-decoration:none}a:not(.mobile):active svg [stroke=black],a:not(.mobile):hover svg [stroke=black]{stroke:#ff7d57}a:not(.button){display:inline}a:not(.button).standout_link:active,a:not(.button).standout_link:hover{color:#c5deff}a:not(.button).standout_link.disabled,a:not(.button).standout_link[disabled]{color:#999}html .scroll_container{filter:none}.login header{position:fixed;top:0;right:0;left:0;margin:0 auto;display:flex;justify-content:space-between;justify-items:center;height:5em;z-index:2;transition:backdrop-filter .3s,-webkit-backdrop-filter .3s;opacity:1;padding:0 5vh;box-sizing:border-box;pointer-events:none;flex-direction:row}.history li.track:hover input[type=checkbox],.login header.loaded{opacity:1}.login header.offscreen{background:rgba(10,10,10,.7);-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);transition:all .4s}.login header.offscreen,.login header.offscreen.inactive{transform:translate3d(0,-100%,0)}.login header .logo{font-size:1.125em;top:-.2em;z-index:-1;position:relative}.login header>.main{display:flex;justify-content:space-between;align-self:flex-start;height:5em;pointer-events:auto}.login header>.main>a,.login header>.main>button{top:-.15em;padding:0;margin:0;align-self:center;width:1.5em;height:1.5em;border:0!important;box-shadow:none;background:0 0}.login header>.main>a:active,.login header>.main>a:hover,.login header>.main>button:active,.login header>.main>button:hover{background:0 0}.login header>.main>a svg,.login header>.main>button svg{width:2em!important;height:2em!important}.login header>.main>a svg [stroke=black],.login header>.main>button svg [stroke=black]{stroke:#fff}.login header .icon-burger svg>g g{transition:transform .2s;transform-origin:12px 12px}.login header .icon-burger svg>g g:first-child{transform:rotate(0deg)}.login header .icon-burger svg>g g:first-child g#offsetPoint{transform:translateY(-7px)!important;transition:transform .1s .1s ease-out}.login header .icon-burger svg>g g:first-child g#offsetPoint path{transition-delay:0!important}.login header .icon-burger svg>g path:nth-child(3){opacity:1;transition:opacity .4s .1s}.login header.open .icon-burger svg>g g:first-child{transform:rotate(45deg)!important}.login header.open .icon-burger svg>g g:first-child g#offsetPoint{transform:translateY(0)!important;transition:transform .2s}.login header.open .icon-burger svg>g g:nth-child(2){transform:rotate(-45deg)!important}.login header.open .icon-burger svg>g path:nth-child(3){opacity:0;transition:.1s}.login header.open nav{pointer-events:all;opacity:1;transition:opacity .5s .2s ease-out}.login header nav{align-self:center}.login header nav ul{list-style:none;margin:0;padding:0;display:flex}.login header nav ul.primary,.transporter>div{pointer-events:auto}.login header nav ul li{margin-left:1.5em}.login header nav a{color:#c5deff;border-radius:2em;padding:.7em 1em .75em;transition:background .2s}.chrome header nav ul li a{padding:.5em 1em .75em}.chrome .login .scroll_container section#hero.loaded span{padding:.115em 0}.scroll_container{justify-content:flex-start;align-items:stretch;align-content:stretch;flex-direction:column}.scroll_container section#hero{flex-grow:4;align-self:stretch;opacity:0;transform:translate3d(0,-5em,0);width:100%;margin-bottom:0;display:flex;flex-direction:row;align-items:flex-start;background-color:#25252c;box-sizing:border-box;padding:2.5em;border-radius:1.25em;position:relative;overflow:hidden;z-index:1}.scroll_container section#hero.loaded{transition:opacity .7s,transform .7s cubic-bezier(0,.8,.2,1);opacity:1;transform:translate3d(0,0,0)}.scroll_container section#hero.loaded.assessed img{transform-origin:center;transform:translate3d(0,0,0);transition:opacity .7s,transform .7s cubic-bezier(0,.8,.2,1)}.scroll_container section#hero.assessed img{transform:translate3d(0,0,15em)}.scroll_container section#hero img{object-fit:contain;object-position:center;width:100%;height:100%;top:auto;bottom:0}.scroll_container section#hero h1{color:#c5deff}.scroll_container section#hero h1 span{overflow:hidden;display:inline-block;margin-bottom:-.2em;position:relative;top:-.05em;padding:.23em 0 0;margin-right:.2em;line-height:.65em;-webkit-alignment-baseline:after-edge}.scroll_container section#hero h1 div{transform:translate3d(0,1em,0);position:relative;transition:transform .5s cubic-bezier(0,.8,.2,1)}.scroll_container section#hero .form,.scroll_container section#hero form{flex-basis:45%;z-index:30}.scroll_container section#hero .form .illustratiton,.scroll_container section#hero form .illustratiton{z-index:2}.scroll_container section#hero .form .ctas,.scroll_container section#hero form .ctas{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.125em}.scroll_container section#hero .form .ctas .button.arrow,.scroll_container section#hero .form .ctas button.arrow,.scroll_container section#hero form .ctas .button.arrow,.scroll_container section#hero form .ctas button.arrow{font-size:1.5em;margin-bottom:.375em}.scroll_container section#hero .form .error,.scroll_container section#hero form .error{color:#f35;margin-top:8px;font-size:1em}.scroll_container section#hero .form .fields,.scroll_container section#hero form .fields{display:flex;flex-direction:column;max-width:390px;margin-bottom:1.125em}.scroll_container section#hero .form .error:empty,.scroll_container section#hero form .error:empty{display:none;margin-top:0}.scroll_container section#hero .form .input-pair input:first-child,.scroll_container section#hero form .input-pair input:first-child{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;height:49px}.scroll_container section#hero .form .input-pair input:last-child,.scroll_container section#hero form .input-pair input:last-child{border-top:1px solid rgba(255,255,255,.5);margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.scroll_container section#hero p:not([class]){font-size:1.125em;line-height:1.333em;width:50%;font-weight:400}.scroll_container section#hero p+a{margin-top:1.5em}.scroll_container section#hero .illustration.phone{width:680px;max-width:900px;overflow:hidden;background:0 0;perspective:1000px;display:flex;justify-content:space-around;align-self:flex-end;aspect-ratio:34/45;transform-origin:bottom right;transform:scale(var(--scale_factor)) translateY(20%) translateX(-20%);position:absolute;top:auto;bottom:0;right:0;z-index:-1}.scroll_container section#hero .illustration.phone img{object-fit:contain;object-position:center;width:100%;height:100%}.scroll_container section#hero .illustration.phone .iframe_container{height:auto;position:absolute;left:0;top:0;z-index:-1}.scroll_container section#hero .illustration.phone .iframe_container iframe#guest{border-radius:2.5em;overflow:hidden;transform:skewY(-2deg) skewX(-5.1deg) scaleX(57.5%) scaleY(58%) translateY(-32%) translateX(63.3%);pointer-events:none}html.pc .narrow_scrollbar::-webkit-scrollbar{width:8px;background:0 0}html.pc .narrow_scrollbar::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}html.pc .narrow_scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}html.pc .narrow_scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent;-ms-overflow-style:-ms-autohiding-scrollbar}html.pc .narrow_scrollbar:hover{scrollbar-color:rgba(255,255,255,.2) transparent;scrollbar-width:thin}html.pc playlist.narrow_scrollbar{scrollbar-color:rgba(255,255,255,.25) transparent}html.pc body.bright playlist.narrow_scrollbar{scrollbar-color:rgba(0,0,0,.35) transparent}html.pc playlist.narrow_scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}html.pc body.bright playlist.narrow_scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35)}.notifications{position:fixed;bottom:80px;left:24px;z-index:101;font-size:inherit}.accumulatedNotifications,.notifications>.notification{border-radius:8px;box-sizing:border-box;font-size:inherit}.notifications>.notification{position:absolute;bottom:0;color:#fff;overflow:hidden;padding:24px;width:380px;transition:transform .4s cubic-bezier(0,.7,.3,1),opacity .4s;z-index:101}.notifications>.notification .message{font-size:.96875em;display:flex}.notifications>.notification .message.clickable{cursor:pointer;pointer-events:all}.notifications>.notification .message .avatar{margin:0 16px 0 0;flex:0 0 2.75em!important;width:2.75em!important;height:2.75em!important;max-width:2.75em!important;display:block;position:relative}.notifications>.notification .message .avatar img{object-fit:cover;object-position:center center;width:100%;height:100%;border-radius:100%}.notifications>.notification .message .avatar svg{width:100%;height:100%}.notifications>.notification .message .avatar svg #record{transition:fill .3s}.notifications>.notification .message p{font-weight:600;margin:2px 0}.accumulatedNotifications .container li button time,.notifications>.notification .message time{font-size:.875em;opacity:.75}.notifications>.notification button.close{position:absolute;top:10px;right:10px;padding:0;margin:0;height:auto;line-height:1em;font-size:inherit}.notifications>.notification button.close svg,.playlist li.track.ghost button svg,.search .wrapper form div.icon svg{width:1.5em;height:1.5em}.notifications>.notification.new{opacity:0;transform:translate3d(0,-60px,0)}.notifications>.notification.kill{opacity:0;transform:translate3d(0,60px,0);transition:transform .4s cubic-bezier(.7,0,1,.3),opacity .4s}.accumulatedNotifications{position:fixed;z-index:100;left:1.5em;bottom:5.5em;width:22em;max-height:280px;padding:0;transition:transform .3s cubic-bezier(.8,0,1,.2),opacity .2s;opacity:0;pointer-events:none;display:flex;flex-grow:0;transform:translate3d(0,0,0)}.accumulatedNotifications .tip{position:absolute;height:1.5em;width:1.5em;bottom:-.375em;overflow:hidden;transform:rotate(45deg);z-index:-1;margin-left:-.8em;left:50%}.accumulatedNotifications:after{content:" ";display:none;width:calc(100% - 24px);position:absolute;bottom:0;left:0;height:16px;z-index:10;border-radius:8px}.accumulatedNotifications.show{transition:transform .3s cubic-bezier(0,.8,.2,1),opacity .2s;opacity:1;pointer-events:all}.accumulatedNotifications .container{position:relative;z-index:2;top:0;height:auto;min-height:60px;border-radius:8px;overflow:hidden;width:100%}.accumulatedNotifications .container div.mask{height:100%;overflow-y:scroll;scrollbar-width:thin;-webkit-overflow-scrolling:touch;-moz-mask-image:-webkit-gradient(linear,left calc(100% - 12px),left bottom,from(#000),to(transparent));mask-image:-webkit-gradient(linear,left calc(100% - 12px),left bottom,from(#000),to(transparent));-webkit-mask-image:-webkit-gradient(linear,left 96%,left 99%,from(#000),to(transparent))}.accumulatedNotifications .container li{padding:0;margin:0;display:block;width:100%}.accumulatedNotifications .container li button{box-sizing:border-box;padding:12px 24px;font-size:.96875em;display:flex;text-align:left;height:auto;border-radius:0;cursor:default;color:inherit;margin:0;width:100%}.accumulatedNotifications .container li button.clickable{cursor:pointer;transition:background-color .2s}.accumulatedNotifications .container li button.clickable:hover{background-color:rgba(0,0,0,.1)}.accumulatedNotifications .container li button .avatar{margin:0 1em 0 0}.accumulatedNotifications .container li button p{font-weight:600;line-height:1.2em;margin:2px 0}.accumulatedNotifications .container li button p span{cursor:help}.controls .misc button.notifications_toggle:after{display:block;content:attr(count);position:absolute;width:1.6em;height:1.6em;border-radius:100%;font-family:"elza";font-size:.4em;font-weight:600;line-height:1.6em;text-align:center;top:0;left:0;transform:translate3d(2em,.2em,0);z-index:1;color:#0a0a0a;background-color:#fff;overflow:hidden;opacity:0;transition:opacity .2s}.bright .controls .misc button.notifications_toggle:after,.bright .playlist .track.added .badge{color:#fff;background-color:#0a0a0a}.bright .container li button.clickable:hover{background-color:rgba(255,255,255,.3)}body.presentation div.accumulatedNotifications{left:auto;transform:translateX(0)}.accumulatedNotifications,.accumulatedNotifications .tip,.notifications .notification,dialog{color:var(--icon_color);background-color:var(--track_progress_background_color)}body.onboarding.login h1{z-index:20;position:relative}body.onboarding.login div.url.notAvailable{color:#f35}body.onboarding.login div.url.notAvailable:after{color:inherit;content:" is not available"}body.onboarding.login footer{flex-grow:0;flex-shrink:1}body.onboarding.login section#hero form{z-index:3}body.onboarding.login section#hero form img{width:100%;top:auto}body.onboarding.login section#hero form>div{display:flex;flex-direction:column;margin-bottom:1.5em;max-width:70%}body.onboarding.login.step3 .icons{position:relative;top:.2em}body.onboarding.login.step3 p{font-weight:400;font-size:1.125em;line-height:1.333em;margin-bottom:1.7777777778em}body.onboarding.login .illustration{width:min(130vh,130vw);max-width:1260px;overflow:hidden;background:0 0;perspective:1000px;display:flex;justify-content:space-around;align-self:flex-end;aspect-ratio:315/197;transform:scale(var(--scale_factor)) translateX(20%) translateY(0);transform-origin:bottom right;position:absolute;top:auto;bottom:0;right:0;z-index:2}body:not(.keys) .playlist button,body:not(.keys) .playlist li{outline:0}.playlist .current li[order="0"]:before{animation:backgroundFadeIn .4s .4s linear both}.playlist .finished li{margin:0}.playlist .finished li:before{animation:backgroundFadeOut .25s 0s linear both!important}.playlist .finished li .avatar svg,.playlist .finished li .kebab{animation:none!important}.playlist li{transition:height .5s cubic-bezier(0,.8,.2,1),order .3s linear,color .2s .2s;overflow:hidden;margin-bottom:.25em;border-radius:.5em;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);display:flex;color:var(--icon_color)}.playlist li[order="0"]:before{content:" ";display:block;position:absolute;z-index:-1;background:rgba(0,0,0,.2);opacity:1;width:100%;height:100%}.playlist li:last-child{transition:order 0s linear,height .5s cubic-bezier(0,.8,.2,1)}.playlist li[order="0"][userid="000000000000000000000000"] .avatar svg{transform-origin:center center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.playlist li[order="0"][userid="000000000000000000000000"] .kebab{animation:fadeIn .4s linear both}.history .track,.playlist li.track.added{position:relative;transition:height .3s cubic-bezier(.6,0,.4,1),transform .3s cubic-bezier(.6,0,.4,1),opacity .2s,color .2s 0s linear,font-size 0s 0s;font-size:inherit;align-items:stretch;list-style:none}.history .track:before,.playlist li.track.added:before{transition:background-color .3s 0s,opacity .3s 0s}.history .track>div,.playlist li.track.added>div{display:flex;justify-content:space-between;align-items:stretch;transition:transform .3s cubic-bezier(.6,0,.4,1),opacity .2s,color 0s 0s,font-size 0s 0s;position:relative;width:100%}.history .track.moving,.playlist li.track.added.moving{transition:order .3s cubic-bezier(.6,0,.4,1)}.history .track.new,.playlist li.track.added.new{animation:pulsate 1s ease-in-out infinite alternate}.history .track.removing,.playlist li.track.added.removing{opacity:0;height:0!important;transition:transform .2s cubic-bezier(.6,0,.4,1),opacity .2s,order .3s linear!important}.history .track.context>div,.playlist li.track.added.context>div{transform:translateX(50%)}.history .track.context[owner=false]>div,.playlist li.track.added.context[owner=false]>div{transform:translateX(25%)}.history .track .context_menu,.playlist li.track.added .context_menu{position:absolute;transform:translateX(-100%)}.history .track button,.playlist li.track.added button{appearance:none;background:0 0;border:0;padding:0}.history .track:hover button.kebab,.playlist li.track.added:hover button.kebab{opacity:.85}.history .track button.kebab.icons,.playlist li.track.added button.kebab.icons{padding:0;margin:1.35em .25em 0;opacity:.85;position:relative;outline:0;cursor:pointer;transition:opacity .2s;font-size:inherit;height:1.5em;color:inherit;align-self:flex-start;min-width:0;flex-basis:1.5em;flex-shrink:0}.history .track button.kebab.icons svg,.playlist .track .votes button svg,.playlist li.track.added button.kebab.icons svg{height:1.5em;width:1.5em}.history .track .avatar,.playlist li.track.added .avatar{margin:.7em 0 .8em}.history .track .trackinfo,.playlist li.track.added .trackinfo{margin:.75em 0 .75em 1em;line-height:1.25em;font-size:1em;flex-grow:1;width:100%}.history .track .trackinfo .name,.playlist li.track.added .trackinfo .name{font-size:.96875em;font-weight:600;display:block}.history .track .trackinfo .album:before,.playlist li.track.added .trackinfo .album:before{margin:0 .3em;content:"–";display:inline-block;font-size:.875em;font-weight:500}.history .track .trackinfo .album,.history .track .trackinfo .artist,.playlist li.track.added .trackinfo .album,.playlist li.track.added .trackinfo .artist{opacity:.7;font-size:.875em;word-break:break-word;font-weight:500;line-height:1em}.history .track .progress,.playlist li.track.added .progress{transition:opacity .2s linear;will-change:transform;z-index:-1;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(0,1);pointer-events:none;opacity:1;position:absolute;display:block}.playlist ol.current .track.added[order="0"]:before{background-color:var(--overlay_background_color)}.playlist ol.current .track.added[order="0"] .progress{background-color:var(--track_progress_background_color)}body.presentation .playlist ol li.track{overflow:visible;margin-left:-.5em}body.presentation .playlist ol li.track .avatar{width:calc(2.75em + 2vw)!important;margin-left:.5em}body.keys .history form li.track input[type=checkbox]{opacity:1!important}body.keys .history form li.track input[type=checkbox]:checked:focus{border-color:rgba(255,255,255,.5)}.history form.expose_checkboxes li.track input[type=checkbox]{opacity:1;position:absolute}.history li.track{background-color:transparent}.history li.track .votes{display:none}.history li.track input[type=checkbox]{opacity:0;position:absolute;left:-1.75em}.playlist .track.added[owner=false] .context_menu{width:25%}.playlist .track.added[owner=false] .context_menu button{flex:0 0 100%;border-right:0 solid transparent}.playlist .track.added[owner=false] .context_menu button.delete{display:none!important}.drawer nav.pagination ul li.active:before,.playlist .track.added.context .context_menu{background-color:#fff}.playlist .track.added .context_menu{transition:background-color .4s cubic-bezier(.7,0,.3,1);height:100%;width:50%;display:flex;align-content:stretch;font-size:inherit}.playlist .track.added .context_menu button{position:relative;text-align:center;flex:0 0 50%;color:rgba(0,0,0,.75);background-repeat:no-repeat;background-position:center calc(50% - 9px);align-self:center;height:100%;font-size:inherit;font-weight:500;letter-spacing:0;border-left:1px solid rgba(0,0,0,.1);border-radius:0}.playlist .track.added .context_menu button svg{width:1.5em;height:1.5em;position:absolute;transform:translate3d(0,-.6em,0)}.playlist .track.added .context_menu button svg [stroke=black]{stroke:#0a0a0a}.playlist .track.added .context_menu button svg [fill=black]{fill:#0a0a0a}.playlist .track.added .context_menu button:first-child{border-left:none}.playlist .track.added .context_menu button span{font-size:.75em;display:inline-block;background:0 0;position:absolute;top:calc(50% + .45em);left:0;width:100%}.playlist .track.added .context_menu button span:before{position:absolute;top:-1.1em;left:0;width:100%;text-align:center;font-size:2em;color:inherit}.playlist .track.added .context_menu button.delete{position:relative}.playlist .track{box-sizing:border-box}.playlist .track:active .votes,.playlist .track:focus .votes,.playlist .track:hover .votes{opacity:1}.playlist .track[owner=true] .votes button.up{cursor:default;opacity:.1;pointer-events:none}.playlist .track .votes{opacity:0;flex:0;width:1.5em;display:flex;justify-content:center;flex-direction:column;margin:0 .5em 0 0;padding:0;transition:opacity .2s;position:relative}.playlist .track .votes button{width:1.5em;height:1.5em;opacity:.35;font-size:inherit;cursor:pointer;transition:opacity .2s;color:inherit}.playlist .track .votes button:last-child{margin-top:.0875em}.drawer nav.pagination ul li.active,.playlist .track .votes button:hover,.playlist li.track.ghost button:hover+.trackinfo,.playlist li.track.ghost button:hover+.trackinfo .name{opacity:1}.playlist .track .votes button svg [stroke=black]{stroke:var(--icon_color)}.playlist .track .votes button svg [fill=black]{fill:var(--icon_color)}.playlist .track .votes button.voted{opacity:1;position:relative}.playlist .track .votes button.down{transform:rotate(180deg)}.drawer .pageContainer .history form .actionPanel button,.drawer .pageContainer .history form .actionPanel div,.presentation .playlist .track .votes{display:none}.playlist li.track.ghost{position:relative;display:flex;justify-content:space-between;transition:transform .2s .2s,color .2s .2s,opacity .2s .2s,font-size 0s 0s;top:-.1em;font-size:inherit}.playlist li.track.ghost:last-child .trackinfo{padding-right:5em}.playlist li.track.ghost button{appearance:none;background:0 0;border:0;font-size:inherit;padding:0;flex:0 0 2.75em;width:2.75em;height:2.75em;margin:.6em 0 0 2em;cursor:pointer;opacity:.5;color:inherit;transition:opacity .2s}.playlist li.track.ghost button:hover+.trackinfo .album,.playlist li.track.ghost button:hover+.trackinfo .artist{opacity:.75}.playlist li.track.ghost button:before{color:inherit;position:relative}.playlist li.track.ghost .trackinfo{margin:.75em 2.125em .5em 1em;line-height:1.25em;font-size:inherit;flex-grow:1;opacity:1;transition:opacity .2s}.playlist li.track.ghost .trackinfo span{transition:opacity .2s}.playlist li.track.ghost .trackinfo .name{font-size:.96875em;font-weight:600;display:block;opacity:.7}.playlist li.track.ghost .trackinfo .album:before{margin:0 4px;content:"–";display:inline-block;font-size:.875em;font-weight:500}.playlist li.track.ghost .trackinfo .album,.playlist li.track.ghost .trackinfo .artist{opacity:.55;font-size:.875em;font-weight:500;line-height:1em}.presentation .playlist li.track.ghost{margin-left:.5em}.presentation .playlist li.track.ghost button.add{margin-left:-.5em}.drawer .pageContainer .history,.drawer .settings .section input[type=password],.drawer .settings .section input[type=text]{width:100%}.drawer .pageContainer .history h4.eyebrow{margin-top:var(--drawerTopMargin)}.drawer .pageContainer .history h2{margin-bottom:24px}.drawer .pageContainer .history form>div{display:flex;flex-direction:column;align-items:flex-start}.drawer .pageContainer .history .track .avatar svg #vinylOuter{stroke:rgba(255,255,255,.15)}.drawer .pageContainer .history form .actionPanel{position:fixed;bottom:0;background-color:#0a0a0a;width:calc(100% - 71px);left:71px;height:90px;padding:0 60px 6px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.1);align-items:center;pointer-events:none;flex-direction:row;transform:translate3d(0,100%,0);transition:transform .25s cubic-bezier(.6,0,1,.4);z-index:12}.drawer .pageContainer .history form .actionPanel button:last-child,.drawer .pageContainer .history form .actionPanel div:last-child{display:block}.drawer .pageContainer .history form.expose_checkboxes .actionPanel{transition:transform .4s cubic-bezier(0,.8,.2,1);transform:translate3d(0,0,0);pointer-events:all;opacity:1}.safari .playlist .finished:before,.safari .playlist .recommendations:before,.safari .search .results header{padding-bottom:.25em}html.safari .playlist .finished:before,html.safari .playlist .recommendations:before{padding:.375em .6em .35em}.playlist{min-width:22.5em;max-width:25.625em;height:100%;z-index:3;overflow:auto;flex-basis:27%;color:#fff;align-self:flex-end;box-sizing:border-box;padding:.5em;min-height:calc(100vh - 100vw - 70px - 64px);font-size:inherit;transition:transform .8s 0s cubic-bezier(.9,0,.1,1),color .3s 0s,opacity .4s 0s,font-size 0s 0s;opacity:1}.playlist.fileHover{box-shadow:inset 12px 0 12px 0 rgba(0,0,0,.15);display:block}.playlist ol:before{color:var(--text_color);border-color:var(--label_border_color)}.playlist .finished:before{margin:1em 0}.playlist .finished:before,.playlist .recommendations:before{display:inline-flex;box-sizing:border-box;border-width:1px;border-style:solid;padding:.25em .6em .35em;justify-content:space-around;align-items:center;align-self:flex-start;border-radius:1em;font-size:.75em;font-weight:600;opacity:.85;line-height:1em}.playlist .finished:before{content:"Upcoming tracks"}.playlist .recommendations:before{content:"Related tracks";margin:1em 0 0}.playlist .current,.playlist .recommendations{opacity:1}.playlist .current,.playlist .finished,.playlist .recommendations{display:flex;flex-direction:column;font-size:inherit;transition:opacity 1s}.playlist .current:empty,.playlist .recommendations:empty{opacity:0}.playlist .finished{opacity:1!important}.playlist .finished:empty{opacity:1!important}.playlist:empty{opacity:0}.presentation .playlist{padding:0;margin-bottom:-1.25em}.drawer .settings.show+nav,.presentation .playlist .current:before,.presentation .playlist .recommendations:before,.presentation .playlist ol li.track .kebab,.presentation .playlist.hide{display:none}.presentation .playlist ol li.track{font-size:inherit;display:none}.presentation .playlist ol li.track.topThree{display:flex}.presentation .playlist ol li.track button.add{margin-left:0;font-size:inherit}.standalone .drawer .preferences h2{margin-top:35px}.host .drawer .preferences .section:first-child{display:flex}.drawer .settings{width:100%;justify-content:space-between}.drawer .settings form{align-self:flex-start;margin-bottom:2em}.drawer .settings.show{display:flex;justify-content:space-between;overflow:auto;flex-direction:column;box-sizing:border-box}.drawer .settings .section{margin-bottom:1.75em}.drawer .settings .section.smallBottomMargin{margin-bottom:.5em}.drawer .settings .section:last-child{align-self:center center;margin-bottom:0}.drawer .settings .section input[type=password]{transition:height .5s cubic-bezier(0,.6,.4,1),opacity .5s}.drawer .settings .section input[type=checkbox]:checked+label+input[type=password]{height:2em;pointer-events:all;opacity:1;visibility:visible}.drawer .settings .section input[type=checkbox]+label+input[type=password]{height:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden}.drawer .settings .section button:enabled{pointer-events:all}.drawer .settings div.url.notAvailable{color:#fc719d}.drawer .settings div.url.notAvailable:after{color:inherit;content:" is not available"}.search .wrapper form{position:relative}.search .wrapper form div.icon{box-sizing:border-box;position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:10;color:#fff;padding-left:1.75em;padding-top:1.2em}.search .results .track button svg [stroke=black],.search .results section.page button.back svg [stroke=black],.search .wrapper form div.icon svg [stroke=black],.search input[type=search]+button.reset svg path{stroke:#fff}.search .results .track button svg [fill=black],.search .results section.page button.back svg [fill=black],.search .wrapper form div.icon svg [fill=black]{fill:#fff}.search input[type=search]{box-sizing:border-box;background:0 0;border:0;background-position:31px 21px;height:64px;line-height:64px;width:100%;padding:0 20px 0 80px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;-webkit-appearance:none;appearance:none;position:relative;pointer-events:all;z-index:400;font-weight:500}.search input[type=search]::placeholder{color:rgba(255,255,255,.5)}.search input[type=search]:active,.search input[type=search]:focus{outline:0;appearance:none;-webkit-appearance:none}.search input[type=search]+button.reset:active,.search input[type=search]+button.reset:focus,.search input[type=search]:active+.reset,.search input[type=search]:focus+.reset{opacity:1}.search input[type=search]:focus::-webkit-search-cancel-button{background:#fff}.search input[type=search]::-webkit-search-cancel-button,.search input[type=search]::-webkit-search-decoration,.search input[type=search]::-webkit-search-results-button,.search input[type=search]::-webkit-search-results-decoration{display:none}.search input[type=search]::search-cancel-button,.search input[type=search]::search-decoration,.search input[type=search]::search-results-button,.search input[type=search]::search-results-decoration{display:none}.search input[type=search]+button.reset{cursor:pointer;position:absolute;right:.8em;transform:translateY(-50%);top:50%;width:1.8em;height:1.8em;flex-basis:1.8em;z-index:1000;opacity:0;transition:opacity .2s}.search input[type=search]+button.reset svg{width:100%;height:100%}.search form{background-color:rgba(0,0,0,.2)}.search .results header{box-sizing:border-box;display:inline-block;color:rgba(255,255,255,.75);font-size:.75em;font-weight:600;margin:1em 0 .25em 1.25em;border-width:1px;border-style:solid;border-radius:1em;border-color:rgba(255,255,255,.35);padding:.25em .75em .35em;justify-content:space-around;align-items:center;line-height:1em;width:auto}.search .results .track{display:flex;padding-left:20px;cursor:pointer}.search .results .track button{appearance:none;background:0 0;border:0;padding:0;flex:0 0 3.1428571429em;width:3.1428571429em;height:3.1428571429em;margin:.6428571429em 1.1428571429em 0 0;cursor:pointer;transition:opacity .2s;pointer-events:none;color:inherit}.search .results .track button svg{font-size:1.7142857143em;stroke:#fff;font-weight:400;position:relative;width:1em;height:1em}.search .results .track .trackinfo{pointer-events:none;cursor:pointer;padding:.5em 20px 12px 0;line-height:1.25em;font-size:inherit;flex-grow:1}.search .results .track .trackinfo .name{font-size:.96875em;font-weight:700;display:block}.search .results .track .trackinfo .album:before{margin:0 .275862069em;content:"–";display:inline-block;font-size:inherit}.search .results .track .trackinfo .album,.search .results .track .trackinfo .artist{font-size:.90625em;font-weight:500;opacity:.75}.search .results button{display:flex;cursor:pointer;padding:.7142857143em 1.4285714286em .8571428571em;line-height:1.4285714286em;font-size:.875em;appearance:none;font-weight:inherit}.search .results section.page{position:relative;display:block}.search .results section.page button.back{font-size:1em;padding:0;background:0 0;width:34px;height:34px;position:-webkit-sticky;position:sticky;left:20px;top:21px;display:block;z-index:100}.search .results section.page button.back svg{width:2.75em;height:2.75em}.search .results section.page .avatar,.search .results section.page>.cover{position:relative;width:120px;height:120px;display:block;background-repeat:no-repeat;background-size:cover}.search .results section.page .avatar{border-radius:50%;max-width:none;margin:0 auto 20px}.search .results section.page .avatar img{object-position:center;width:120px;height:120px;border-radius:5px;max-width:none}.search .results section.page>.cover{border-radius:4px;margin:40px auto 20px}.search .results section.page h1{font-family:"elza";font-weight:400;font-size:1.5em;line-height:30px;text-align:center;margin-bottom:1.6666666667em;padding:0 .8333333333em}.search .results section.page h1+button.addAll{margin:-2em auto 2.8571428571em;align-self:center;box-sizing:border-box;padding:.55em 1em .6em;height:auto;line-height:1em;background:#ff7d57;border-radius:2em;color:#0a0a0a}.search .results section ul .standardList:last-child{margin-bottom:2em}.search .results section ul .standardList button{display:flex;height:auto;box-sizing:border-box;width:100%;padding:0 0 0 20px;margin:1em 0 0;cursor:pointer}.search .results section ul .standardList button .cover,.search .results section ul .standardList button span{pointer-events:none}.search .results section ul .standardList button:empty,.search .wrapper .results section query:empty{display:none}.search .results section ul .standardList button .cover{flex:0 0 44px;margin:0 16px 0 0;width:44px;height:44px;background-repeat:no-repeat;background-color:transparent;background-size:cover;border-radius:5px}.search .results section ul .standardList button span{align-self:center;text-align:left;cursor:pointer;padding:0 20px 0 0;line-height:20px;font-size:15px;font-weight:600;display:block;flex-grow:1}.search .wrapper .results{display:flex;align-content:flex-start;flex-wrap:nowrap;transition:transform .5s cubic-bezier(.6,0,.2,1);color:#fff;height:calc(100% - 64px)}.search .wrapper .results section{width:100%;height:100%;overflow-y:scroll;flex:0 0 100%;overflow:auto}.search .wrapper .results section .album,.search .wrapper .results section .artist,.search .wrapper .results section .track,.search .wrapper .results section header{opacity:0;transition:opacity .6s cubic-bezier(0,.8,.2,1),transform .6s cubic-bezier(0,.8,.2,1);transform:translate3d(0,-20px,0)}.search .wrapper .results section .album.added,.search .wrapper .results section .artist.added,.search .wrapper .results section .track.added,.search .wrapper .results section header.added{opacity:1;transform:translate3d(0,0,0)}.search .wrapper .results section query+header{margin-top:2em}.search .wrapper .results section h1{font-family:"elza-condensed";font-size:2em;margin-bottom:.5em}.drawer section.pageContainer>div.stats p.context a:hover,.search .wrapper .results button{color:#fff}body:not(.keys) .drawer nav.pagination ul li button,body:not(.keys) .drawer section.pageContainer>div.stats .scrollContainer .chart a,body:not(.keys) .drawer section.pageContainer>div.stats .scrollContainer .chart button,body:not(.keys) .search button.toggle{outline:0}.search{color:inherit;font-size:inherit}.search>button.toggle{background-color:var(--toggle_background_color);stroke:var(--toggle_icon_color);box-shadow:0 0 50px 0 var(--shadow_color);position:fixed;width:60px;height:60px;border-radius:50%;bottom:max(30px,env(safe-area-inset-bottom,30px));right:30px;z-index:105;text-align:center;display:flex;justify-content:center;flex-direction:row;align-items:center;font-size:1.5em;color:#0a0a0a;line-height:1em;font-weight:400;will-change:transform,background-color;transition:transform .2s,box-shadow .2s,background-color .2s!important;transform-origin:center center;animation-name:animateUp;animation-delay:1.45s;animation-fill-mode:backwards;animation-timing-function:cubic-bezier(0,.8,.2,1);animation-duration:.5s}.search,.search>button.toggle svg.icon,.search>button.toggle svg.icon path{stroke:inherit}.search>button.toggle:hover{transform:scale(1.03,1.03)}.search>button.toggle:active{transform:scale(.97,.97);box-shadow:0 0 40px 0 rgba(0,0,0,.3)!important}.search>button.toggle:focus{box-shadow:0 0 30px 0 rgba(0,0,0,.6)!important}.search.active{background:#fff!important}.search.active button.toggle{background:#fff;transform:rotate(135deg);box-shadow:0 0 40px 0 rgba(0,0,0,.3)}.search.active button.toggle svg path{stroke:#0a0a0a}.bright .search.active>button.toggle{background:#fff;color:#0a0a0a;box-shadow:0 0 50px 0 rgba(0,0,0,.4)!important}.standalone.menuBarPaddingTop .search>button.toggle{bottom:30px}.search .wrapper{position:fixed;min-width:360px;max-width:410px;width:27%;z-index:104;right:0;top:0;height:100%;transform:translate3d(100%,0,0);overflow-x:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-content:stretch;box-sizing:border-box;background-color:rgba(10,10,10,.92);backdrop-filter:blur(1.5em);-webkit-backdrop-filter:blur(1em);box-shadow:0 0 50px 0 transparent}.search.active .wrapper{transform:translate3d(0,0,0);box-shadow:0 0 50px 0 rgba(0,0,0,.2)}.standalone .search .wrapper{padding-top:30px}.presentation .search{display:none}.drawer nav.pagination{position:fixed;top:calc(50% + 48px);transform:translate3d(0,-50%,0);right:10px;z-index:200;pointer-events:none}.drawer nav.pagination ul{display:block;list-style:none;padding:0}.drawer nav.pagination ul li{width:20px;height:20px;cursor:pointer;display:block;position:relative;margin-bottom:3px;opacity:.4}.drawer nav.pagination ul li button{width:18px;height:18px;overflow:hidden;color:transparent;pointer-events:all}.drawer nav.pagination ul li:last-child{margin-bottom:0}.drawer nav.pagination ul li:before{top:6px;left:6px;width:6px;height:6px;background-color:#fff;border-radius:50%;display:block;content:" ";position:absolute}section.stats div,section.stats h2,section.stats h3,section.stats h4,section.stats p,section.stats>span{transition:transform 1s cubic-bezier(.1,.6,.4,1),top 1s cubic-bezier(.1,.6,.4,1),opacity .3s}.drawer section.pageContainer>div.stats{padding:0;overflow-y:hidden;flex-wrap:wrap;width:100%;display:flex;align-content:stretch;align-items:stretch;justify-content:stretch;flex-direction:column}.drawer section.pageContainer>div.stats .scrollContainer{align-self:stretch;box-sizing:border-box;position:relative;height:100%;flex-grow:2}.drawer section.pageContainer>div.stats .scrollContainer.scrollsnap{-webkit-scroll-snap-type:y mandatory;scroll-snap-points-y:repeat(100%);scroll-snap-type:y mandatory;overflow-y:auto}.drawer section.pageContainer>div.stats section.stats{padding:24px 60px 60px;height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;max-width:100vw;box-sizing:border-box;position:absolute;width:100%}.drawer section.pageContainer>div.stats section.stats:nth-child(2){top:100%}.drawer section.pageContainer>div.stats section.stats:nth-child(3){top:200%}.drawer section.pageContainer>div.stats section.stats:nth-child(4){top:300%}.drawer section.pageContainer>div.stats section.stats:nth-child(5){top:400%}.drawer section.pageContainer>div.stats section.stats:nth-child(6){top:500%}.drawer section.pageContainer>div.stats section.stats:nth-child(7){top:600%}.drawer section.pageContainer>div.stats section>div:first-child>h3{position:absolute;top:24px}.drawer section.pageContainer>div.stats section>div{margin-top:-30px}.drawer section.pageContainer>div.stats section div h3{line-height:1.333em;font-size:1.5em;margin:0 0 .333em}.drawer section.pageContainer>div.stats h4.eyebrow{margin-top:calc(0px + var(--drawerTopMargin))}.drawer section.pageContainer>div.stats section div>h3,.drawer section.pageContainer>div.stats section div>h4,.drawer section.pageContainer>div.stats section div>p,.drawer section.pageContainer>div.stats section>div,.drawer section.pageContainer>div.stats section>div>h2{transition:all 1s cubic-bezier(.1,.6,.4,1),opacity .3s;opacity:0}.drawer section.pageContainer>div.stats section:not(.up)>div,.drawer section.pageContainer>div.stats section:not(.up)>div>h2,.drawer section.pageContainer>div.stats section:not(.up)>div>h3,.drawer section.pageContainer>div.stats section:not(.up)>div>h4,.drawer section.pageContainer>div.stats section:not(.up)>div>p{transform:translate3d(0,40px,0)}.drawer section.pageContainer>div.stats section.up>div,.drawer section.pageContainer>div.stats section.up>div>h2,.drawer section.pageContainer>div.stats section.up>div>h3,.drawer section.pageContainer>div.stats section.up>div>h4,.drawer section.pageContainer>div.stats section.up>div>p{transform:translate3d(0,-40px,0)}.drawer section.pageContainer>div.stats .chartContainer{align-self:center}.drawer section.pageContainer>div.stats .chart{margin-top:5vh;margin-bottom:5vh;position:relative;width:38vh;height:38vh;align-self:center}.drawer section.pageContainer>div.stats .chart .downvotes,.drawer section.pageContainer>div.stats .chart .upvotes{position:absolute;top:50%;font-size:14px;height:57px;width:100px;opacity:0;text-align:center;transition:all .6s cubic-bezier(.1,.6,.4,1) .5s}.drawer section.pageContainer>div.stats .chart .downvotes:after,.drawer section.pageContainer>div.stats .chart .upvotes:after{left:0;content:" ";display:block;position:absolute;height:30px;width:100%;background-image:url(../../assets/img/icons/white/back.svg);background-repeat:no-repeat;background-position:center;opacity:.6;transform:rotate(90deg)}.drawer section.pageContainer>div.stats .chart .downvotes:after{transform:rotate(-90deg)}.drawer section.pageContainer>div.stats .chart .upvotes{transform:translate3d(-80px,calc(-50% + 40px),0);left:0}.drawer section.pageContainer>div.stats .chart .downvotes{transform:translate3d(80px,calc(-50% - 40px),0);right:0}.drawer section.pageContainer>div.stats .chart button,.drawer section.pageContainer>div.stats .chart img,.drawer section.pageContainer>div.stats .chart svg{position:absolute}.drawer section.pageContainer>div.stats .chart img{object-fit:cover;transform:scale(0,0);transition:all .4s cubic-bezier(.06,.65,.2,1) .6s;display:block;border-radius:50%;left:15%;top:15%;width:70%;height:70%;box-shadow:0 0 100px 0 rgba(0,0,0,.38)}.drawer section.pageContainer>div.stats .chart svg.circle{transition:all .4s cubic-bezier(.1,.6,.4,1) .4s;width:100%;height:100%;z-index:103;left:0;transform-origin:center center}.drawer section.pageContainer>div.stats .chart svg.circle g.circles{transform:rotate(-180deg);transition:all .9s .3s cubic-bezier(.6,0,.2,1);transform-origin:center center}.drawer section.pageContainer>div.stats .chart svg.circle circle{transform-origin:center center;fill:transparent;stroke-linecap:round}.drawer section.pageContainer>div.stats .chart svg.circle circle.baseline{stroke:rgba(255,255,255,.5)!important}.drawer section.pageContainer>div.stats .chart svg.circle circle:nth-child(2){transform:scale(-1,1) rotate(-90deg);transition:all .7s 0s cubic-bezier(.6,0,.2,1)}.drawer section.pageContainer>div.stats .chart svg.circle .value_1{stroke-width:6px;transform:rotate(-90deg);z-index:2}.drawer section.pageContainer>div.stats .chart svg.circle .value_2{stroke-width:6px;transform:rotate(-90deg)}.drawer section.pageContainer>div.stats .chart svg.circle .value_1{transform:scale(1,1) rotate(-90deg);transition:all .7s .2s cubic-bezier(.6,0,.2,1);stroke:#ff7d57}.drawer section.pageContainer>div.stats .chart svg.circle .value_2{stroke:#fffbc4;z-index:-1;transform:scale(-1,1) rotate(-90deg);transition:all .7s .3s cubic-bezier(.6,0,.2,1)}.drawer section.pageContainer>div.stats .chart a,.drawer section.pageContainer>div.stats .chart button{appearance:none;display:block;width:100%;height:100%;border-radius:50%}.drawer section.pageContainer>div.stats section.active div>h3,.drawer section.pageContainer>div.stats section.active div>h4,.drawer section.pageContainer>div.stats section.active div>p,.drawer section.pageContainer>div.stats section.active>div,.drawer section.pageContainer>div.stats section.active>div>h2{opacity:1;transform:translate3d(0,0,0);transition:all .8s cubic-bezier(.1,.6,.4,1) .3s}.drawer section.pageContainer>div.stats section.active .eyebrow{transition:all .8s cubic-bezier(.1,.6,.4,1) .3s}.drawer section.pageContainer>div.stats section.active h2{transition:all .8s cubic-bezier(.1,.6,.4,1) .4s}.drawer section.pageContainer>div.stats section.active h3{transition:all .8s cubic-bezier(.1,.6,.4,1) .5s}.drawer section.pageContainer>div.stats section.active p.context{transition:all .8s cubic-bezier(.1,.6,.4,1) .6s}.drawer section.pageContainer>div.stats section.active .chart img,.drawer section.pageContainer>div.stats section.active .chart svg{transform:scale(1,1);transform-origin:center center}.drawer section.pageContainer>div.stats section.active .chart img{box-shadow:0 75px 100px 0 rgba(0,0,0,.38);transition:all .8s cubic-bezier(0,.16,0,1.08)}.drawer section.pageContainer>div.stats section.active .chart svg{transition:all .8s cubic-bezier(.52,-.04,0,1.24)}.drawer section.pageContainer>div.stats section.active .chart svg g.circles{transform:rotate(0deg);transition:all .7s cubic-bezier(.1,.6,.4,1)}.drawer section.pageContainer>div.stats section.active .chart .avatar{width:auto;height:auto;max-width:none}.drawer section.pageContainer>div.stats section.active .chart .upvotes{transform:translate3d(-80px,-50%,0);opacity:1}.drawer section.pageContainer>div.stats section.active .chart .downvotes{transform:translate3d(80px,-50%,0);opacity:1}.drawer section.pageContainer>div.stats p.context{line-height:1.333em;margin-bottom:5vh;font-weight:400;color:rgba(255,255,255,.6)}.drawer section.pageContainer>div.stats p.context a{color:inherit;text-decoration:none;line-height:inherit;transition:all .2s}.drawer section.pageContainer>div.stats p.context img,.drawer section.pageContainer>div.stats p.context svg{width:24px;height:24px;border-radius:50%;display:inline-block;margin-right:10px;position:relative;margin-top:-5px;top:6px;object-fit:cover}.drawer section.pageContainer>div.stats p.context img circle#vinylOuter,.drawer section.pageContainer>div.stats p.context svg circle#vinylOuter{stroke-width:8px;stroke:rgba(255,255,255,.07)}.drawer section.pageContainer>div.stats p.eyebrow{font-size:16px;font-weight:400;font-family:"elza",serif;color:rgba(255,255,255,.6);margin-bottom:10px}body.dashboard table table tr:not(:first-child),body:not(.presentation) .transporter .progress{display:none}body.presentation .transporter .progress{display:block;z-index:-1}.transporter.playing .progress{transition:transform 2000ms linear}.transporter.paused .progress{transition:transform .1s linear}.transporter .progress{will-change:transform;z-index:3;top:0;left:0;width:100%;height:100%;transform-origin:0 0;transform:scale(0,1);pointer-events:none;position:absolute;backface-visibility:hidden;background-color:var(--transporter_progress_background_color)}.safari .transporter .cover .dj div.playing_info{margin-top:.125em}.safari .presentation .transporter .trackinfo div.dj div.playing_info{position:relative;top:.175em}.transporter .cover{aspect-ratio:1/1;-webkit-aspect-ratio:1/1;display:block;position:absolute;overflow:hidden;z-index:5;border-radius:max(.35vw,.5em);width:100%;background-color:inherit;animation:fadeIn,slideIn;animation-delay:0s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0,.8,.2,1);transition:transform 1s,opacity 1s;box-shadow:0 0 150px 0 var(--shadow_color)}.transporter .cover:empty{opacity:0}.transporter .cover:before{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:calc(100% + 32px);pointer-events:none;background:var(--cover_pause_overlay);transition:opacity .3s;z-index:10;opacity:0}.transporter .cover:hover .dj{transition:transform .4s cubic-bezier(0,.8,.2,1);transform:translate3d(0,0,0)}.transporter .cover .qrcode{position:absolute;z-index:400;width:25%;right:0;bottom:0;aspect-ratio:1/1}.transporter .cover .qrcode.hidden,.webgl .transporter .cover img.hide{display:none}.transporter .cover .qrcode svg{position:absolute;object-fit:contain;width:100%;height:100%}.transporter .cover canvas,.transporter .cover img{object-fit:cover;height:100%;width:100%;position:absolute;bottom:0;backface-visibility:hidden}.transporter .cover canvas{z-index:3;transition:opacity .3s ease-out,width 0s,height 0s}.transporter .cover img{opacity:1}.transporter .cover .dj{color:#fff;display:flex;position:absolute;z-index:1000;bottom:0;left:0;box-sizing:border-box;padding:1em 2em;width:100.1%;transform:translate3d(0,100%,0);transition:transform .15s cubic-bezier(.6,0,1,.4);justify-content:flex-start;align-items:center;background-color:var(--cover_dj_hover_background_color)}.transporter .cover .dj div.avatar{margin:0 .875em 0-1em}.transporter .cover .dj div.playing_info{background-color:inherit;margin:-.25em 0 0;line-height:1.125em;font-size:1em;color:var(--text_color)}.transporter .cover .dj div.playing_info span{font-family:inherit;letter-spacing:inherit;color:inherit;font-size:.875em;background-color:inherit}.transporter .cover .dj div.playing_info a{color:inherit;text-decoration:none;pointer-events:all;font-weight:700;font-size:.96875em}.transporter .cover .dj div.playing_info a:hover{text-decoration:underline}.transporter.paused .cover:before{opacity:1;transition:opacity .5s 1s}.transporter.playing .cover:before{opacity:0}body.tvlink.presentation.hasParentWindow .transporter{margin-top:2.75em}.presentation .transporter .trackinfo .dj{color:var(--text_color)}.presentation .transporter .cover{top:auto;left:auto;position:relative;order:1;aspect-ratio:1/1;flex-shrink:0;border-radius:.35vh}.transporter{display:flex;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;flex-basis:73%;flex-grow:1;align-items:center;justify-content:space-around;flex-direction:column;font-size:inherit;pointer-events:auto}.transporter .dj{will-change:transform}.transporter,.transporter .trackinfo{position:relative;box-sizing:border-box}.transporter .trackinfo{z-index:6;pointer-events:none;display:none}.transporter .trackinfo h1,.transporter .trackinfo h2{will-change:transform,opacity}.transporter .trackinfo h1{pointer-events:auto;font-size:1.75em;line-height:1.1052631579em;min-height:1em;transition:transform .4s cubic-bezier(0,.8,.2,1),opacity .4s linear;opacity:1;order:2;color:var(--text_color);font-family:"elza-condensed","elza",sans-serif;text-transform:uppercase}.transporter .trackinfo h1.off,.transporter .trackinfo h1:empty,.transporter .trackinfo h2.off,.transporter .trackinfo h2:empty{opacity:0;transform:translate3d(0,20px,0);transition:transform .2s cubic-bezier(.7,0,1,.3),opacity .2s linear,color .2s .2s!important}.transporter .trackinfo h2{color:var(--text_color);order:1;pointer-events:auto;font-weight:400;letter-spacing:.02em;transition:transform .4s cubic-bezier(0,.8,.2,1),opacity .4s linear;font-size:1.25em;margin-bottom:.25em;line-height:1em}.transporter .trackinfo .dj>.playing_info{color:var(--icon_color)}.chrome .presentation .transporter .trackinfo h2{margin-bottom:0}.presentation .transporter .trackinfo{box-sizing:border-box;order:0;align-self:flex-start;flex-grow:1;flex-shrink:1;margin-left:0;width:auto;flex-basis:auto;display:block}.presentation .transporter .trackinfo>span{display:flex;flex-direction:column}.presentation .transporter .trackinfo.balancing h1{padding-right:-2em}.presentation .transporter .trackinfo h2{font-size:2em;line-height:1.25em;margin-bottom:.45em}.presentation .transporter .trackinfo h1{box-sizing:border-box;font-size:7.5em;line-height:1em;margin-left:-2px;margin-bottom:.09em}.presentation .transporter .trackinfo div.dj{display:flex;width:auto;flex-direction:row;font-size:inherit;position:relative;align-items:center;align-content:start;transition:transform .4s cubic-bezier(0,.8,.2,1),opacity .4s linear}.presentation .transporter .trackinfo div.dj.off{opacity:0;transform:translate3d(0,20px,0);transition:transform .2s cubic-bezier(.7,0,1,.3),opacity .2s linear,color .2s .2s!important}.presentation .transporter .trackinfo div.dj[votedifference]:after{display:block;content:attr(votedifference);position:absolute;width:1.9em;height:1.9em;border-radius:100%;font-size:.656em;font-weight:600;line-height:1.9em;text-align:center;left:0;transform:translate3d(-50%,0,0);bottom:0;top:2.8em;z-index:1;color:#0a0a0a;background-color:#fff;overflow:hidden}.presentation .transporter .trackinfo div.dj[votedifference="0"]:after{display:none}.presentation .transporter .trackinfo div.dj .playing_info{margin-left:.85em;line-height:1.2em}body.presentation .transporter{flex-basis:100%;align-self:stretch;z-index:unset;font-size:inherit;justify-content:stretch;align-items:center;padding:0;flex-direction:row}body .skipLink{position:fixed;top:1em;left:1em;pointer-events:none;opacity:0;z-index:105}body .skipLink:active,body .skipLink:focus,body .skipLink:focus-within{opacity:1}body.bright .skipLink{color:#0a0a0a}body.dashboard{background:#0a0a0a;color:#fff;display:block;padding:1em;overflow:auto;overflow-x:hidden;position:static!important;box-sizing:border-box}body.dashboard nav.toolbar{display:none;box-sizing:border-box;width:80px;height:100%;position:fixed;border-right:1px solid rgba(255,255,255,.1);left:0;top:0;text-align:center;padding:1em .5em}body.dashboard nav.toolbar img{width:56px}body.dashboard .map{width:100%;overflow:hidden}body.dashboard .map svg{width:100%;aspect-ratio:6/3;-webkit-aspect-ratio:6/3;height:auto;margin-top:-5%}body.dashboard .map svg .active path{fill:#ff7d57;stroke:none}body.dashboard .map svg path{fill:#444450;stroke:none}body.dashboard th{text-align:left}body.dashboard header{overflow-x:hidden;position:static;margin:2em 2em 0}body.dashboard header .imageContainer{width:2em;height:2em;border-radius:50%;overflow:hidden;display:inline-block;position:relative;top:-.5em;border:1px solid rgba(255,255,255,.2)}body.dashboard header .imageContainer img{object-fit:cover;object-position:center center;width:100%;height:100%;display:none}body.dashboard header h2{font-family:elza-condensed;font-size:4em;text-transform:uppercase;font-weight:700;line-height:120%;margin-bottom:0;display:inline-block;margin-right:.25em;position:relative}body.dashboard .container{overflow-x:hidden;grid-template-columns:repeat(12,12fr);column-gap:1.5em;row-gap:1.5em;padding-bottom:1.5em;display:grid;margin:0 2em}body.dashboard .visitors canvas{aspect-ratio:2/1;width:100%}body.dashboard table{font-size:.9em;width:100%;box-sizing:border-box}body.dashboard table table{font-size:inherit;border-bottom:1px solid rgba(255,255,255,.1)}body.dashboard table tr:not(.child){cursor:pointer}body.dashboard table table.open tr{display:table-row}body.dashboard table td:not(:last-child),body.dashboard table th:not(:last-child){padding-right:1.5em}body.dashboard table tr:last-child table{border-bottom:none;margin-bottom:0}body.dashboard table table td,body.dashboard table table th{box-sizing:border-box;vertical-align:middle;padding-bottom:.375em;padding-top:.375em}body.dashboard table thead{color:#7a7a7a;border-bottom:1px solid rgba(255,255,255,.25);font-size:.9em}body.dashboard table table tbody tr:first-child td,body.dashboard table tbody tr:first-child th{padding-top:.625em}body.dashboard table .user_container{display:flex;align-items:center}body.dashboard table .user{vertical-align:middle}body.dashboard table .user .avatar{box-sizing:padding-box;flex-basis:2em;width:2em;height:2em;border:2px solid #25252c;margin:-2px;overflow:hidden;border-radius:50%;display:none;background-color:#25252c;aspect-ratio:1/1}body.dashboard table .user .avatar:nth-child(1),body.dashboard table .user .avatar:nth-child(2),body.dashboard table .user .avatar:nth-child(3){display:block}body.dashboard table .user .avatar+div:not(.avatar){margin-left:4px}body.dashboard table .user .avatar+.avatar{margin-left:-.75em}body.dashboard table .user .name{align-self:center;margin-left:.5em}body.dashboard table .user .name .host svg [stroke=black]{stroke:#0a0a0a}body.dashboard table .user .name .host svg [fill=black]{fill:#0a0a0a}body.dashboard .activeHours .week{grid-template-rows:repeat(8,8fr);row-gap:4px;display:grid;width:100%;font-size:.7em;color:#7a7a7a}body.dashboard .activeHours .week .day{grid-template-columns:repeat(25,25fr);column-gap:4px;display:grid}body.dashboard .activeHours .week .day.header div{background:0 0}body.dashboard .activeHours .week .day div{background-color:#ff7d57;min-height:1em;text-align:right;padding-right:4px;box-sizing:border-box}body.dashboard .activeHours .week .day div:empty{background:0 0}body.dashboard .activeHours .week .day div:first-child{background:0 0}body.dashboard .box{box-sizing:border-box;background-color:#25252c;padding:1.25em 1.5em;border-radius:.5em;width:auto;box-shadow:0 0 25px 0 rgba(0,0,0,.07)}body.dashboard .box.col4{grid-column-end:span 4}body.dashboard .box.col5{grid-column-end:span 5}body.dashboard .box.col6{grid-column-end:span 6}body.dashboard .box.col7{grid-column-end:span 7}body.dashboard .box.col8{grid-column-end:span 8}body.dashboard .box.col12{grid-column-end:span 12}@media (max-width:920px) and (orientation:portrait){:root{--drawerTopMargin:10vh}}@media (max-width:700px) and (orientation:portrait){:root{--drawerTopMargin:24px}}@media (min-aspect-ratio:10/9) and (max-height:450px){section h1{font-size:5em}.controls,.playlist{right:auto;height:auto;position:relative}.controls{font-size:2em;top:auto;bottom:auto;padding-left:0;padding-right:0;align-self:center;left:auto;flex-basis:auto;width:auto;order:3}.controls .guests,.presentation .playlist{display:none}.presentation .transporter .controls{font-size:.85rem;order:0;position:absolute;left:calc(10vh - .5em);bottom:10vh}.drawer section.pageContainer>div h2{font-size:2.5em}.drawer section.pageContainer>div h3{font-size:1.3333em}body.onboarding.login .illustration{width:80vw;transform:scale(90%) translateX(20%) translateY(5%)}.playlist{width:100%;overflow:visible;display:block;min-width:auto;max-width:none;padding:0 .5em .5em}.presentation .transporter .cover{width:80vh;height:80vh;margin-right:calc(env(safe-area-inset-right) + 10vh);margin-bottom:0;order:4;margin-top:0;max-width:80vh;max-height:80vh;border-radius:.65vh}.presentation .transporter .trackinfo{order:0;margin-left:calc(env(safe-area-inset-right) + 10vh);margin-top:10vh;font-size:75%;height:auto}}@media (min-aspect-ratio:10/9) and (min-height:450px){section h1{font-size:max(5em,12vh)}.presentation .transporter .controls{transform:translate3d(50%,50%,0);left:auto;right:calc(env(safe-area-inset-right) + 7.5vh + 42.5vh);margin-bottom:3.75vh}body.onboarding.login.step3 p{max-width:60%}.presentation .transporter .cover{width:85vh;height:85vh;max-width:85vh;max-height:85vh;margin-right:calc(env(safe-area-inset-right) + 7.5vh);margin-bottom:0;order:4;border-radius:.65vh}body:not(.presentation) .transporter .trackinfo{width:72vh;height:72vh;padding:0;font-size:inherit}body:not(.presentation) .transporter .trackinfo>span{box-sizing:border-box;width:72vh;height:72vh;left:0;top:0;position:absolute;display:flex;flex-direction:column;font-size:inherit;transform:rotate(90deg) translate3d(0,calc(100% + 1.5em),0);padding-top:.2em}body:not(.presentation) .transporter .trackinfo.balancing span{transform:rotate(0);opacity:.01}body:not(.presentation) .transporter .trackinfo.balancing span h1{display:block;height:auto;hyphens:none}body:not(.presentation) .transporter .trackinfo>.dj{display:none}.presentation .transporter .trackinfo{order:1;margin-left:7.5vh;margin-top:7.5vh;margin-right:2em}.transporter{padding-bottom:2%;top:0;left:0;height:100%;z-index:4}}@media (min-width:900px) and (max-aspect-ratio:10/9){section h1{font-size:min(7em,14vw)}.presentation .transporter .controls{order:4;margin-bottom:.5em}.scroll_container section#hero .illustration.phone{top:auto;transform:scale(calc(var(--scale_factor)*.75)) translateY(20%) translateX(20%)}body.onboarding.login .illustration{width:70vh;transform:scale(calc(var(--scale_factor)*.6)) translateX(25%) translateY(0)}.presentation .transporter .cover{width:90vw;height:90vw;margin-bottom:5vw;margin-top:5vw;margin-top:max(5vw,env(safe-area-inset-top));max-width:65vh;max-height:70vh;border-radius:.35vh}.presentation .transporter .trackinfo{order:3;width:90vw;max-width:65vh;align-self:center}}@media (max-width:899px) and (max-aspect-ratio:10/9){section h1{font-size:min(7em,14vw);margin-bottom:.5em}.presentation .transporter .controls{order:4;margin-bottom:1.5em}.scroll_container section#hero .form,.scroll_container section#hero form{flex-basis:100%}.scroll_container section#hero p:not([class]){width:50%}.scroll_container section#hero .illustration.phone{top:auto;transform:scale(40%) translateX(20%)}.presentation .transporter .trackinfo div.dj,body.onboarding.login h1 br{display:none}body.onboarding.login h1{width:80%}body.onboarding.login.step3 p{max-width:320px}body.onboarding.login .illustration{width:70vh;transform:scale(calc(var(--scale_factor)*.9)) translateX(20%) translateY(0)}.transporter .cover .qrcode{width:33%}.presentation .transporter .cover{width:90vw;height:90vw;margin-bottom:2em;margin-top:max(7.5vw,2.5vw + env(safe-area-inset-top));border-radius:.35vh}.presentation .transporter .trackinfo{order:3;width:90vw;align-self:center}.presentation .transporter .trackinfo h2{font-size:1em;margin-bottom:.25em}.presentation .transporter .trackinfo h1{font-size:3.75em;font-weight:800}}@media (pointer:coarse){input[type=checkbox],select[type=checkbox],textarea[type=checkbox]{opacity:1}.history form li.track input[type=checkbox]{opacity:.25}.history li.track{padding-left:32px}}@media (max-width:920px){form.large .section{margin-bottom:1.875em}body.login{box-sizing:border-box}body.login a.logo{left:auto;align-self:center}body.onboarding.login div.url{opacity:1;color:#fff}.drawer .pageContainer .history form .actionPanel{padding:0 30px;width:100%;bottom:60px;height:64px;left:0;pointer-events:none;opacity:0}.drawer .pageContainer .history form .actionPanel a,.drawer .pageContainer .history form .actionPanel button{margin-top:-4px;pointer-events:all}.drawer .settings .section:first-child{margin-top:40px}.drawer .settings .section input[type=password],.drawer .settings .section input[type=text]{width:100%}.search .wrapper{width:100%;transform:translate3d(100%,0,0)}.drawer nav.pagination{right:15px;top:calc(50% - 24px)}.drawer section.pageContainer>div.stats section.stats{padding:24px 30px 30px}.drawer section.pageContainer>div.stats section:not(.up)>div,.drawer section.pageContainer>div.stats section:not(.up)>div>h2,.drawer section.pageContainer>div.stats section:not(.up)>div>h3,.drawer section.pageContainer>div.stats section:not(.up)>div>h4,.drawer section.pageContainer>div.stats section:not(.up)>div>p{transform:translate3d(0,0,0)}.drawer section.pageContainer>div.stats section.up>div,.drawer section.pageContainer>div.stats section.up>div>h2,.drawer section.pageContainer>div.stats section.up>div>h3,.drawer section.pageContainer>div.stats section.up>div>h4,.drawer section.pageContainer>div.stats section.up>div>p{transform:translate3d(0,0,0)}.drawer section.pageContainer>div.stats .chart .downvotes,.drawer section.pageContainer>div.stats .chart .upvotes{top:40px;width:30px}.drawer section.pageContainer>div.stats .chart .upvotes{transform:translate3d(-100%,calc(-50% + 40px),0)}.drawer section.pageContainer>div.stats .chart .downvotes{transform:translate3d(100%,calc(-50% - 40px),0)}.drawer section.pageContainer>div.stats section.active .chart .upvotes{transform:translate3d(-100%,-50%,0)}.drawer section.pageContainer>div.stats section.active .chart .downvotes{transform:translate3d(100%,-50%,0)}body.dashboard .map svg{width:calc(100% + 3em);margin-left:-1.5em}body.dashboard header{margin:2em 0 0}body.dashboard header h2{line-height:100%}body.dashboard .container{margin:0;column-gap:1em;row-gap:1em}body.dashboard .visitors canvas{aspect-ratio:1/1}body.dashboard table td:nth-child(1),body.dashboard table th:nth-child(1){padding-top:.25em;margin-bottom:.25em}body.dashboard table td:nth-child(2),body.dashboard table th:nth-child(2){padding-left:0}body.dashboard table td:nth-child(2){display:none!important}body.dashboard table table td,body.dashboard table table th{display:block;padding-top:0;padding-right:0;padding-bottom:0}body.dashboard table table td:nth-child(2),body.dashboard table table td:nth-child(3),body.dashboard table table th:nth-child(2),body.dashboard table table th:nth-child(3){display:inline;padding-right:0;color:#7a7a7a;position:relative}body.dashboard table table td:nth-child(3):before,body.dashboard table table th:nth-child(3):before{content:" ("}body.dashboard table table td:nth-child(3):after,body.dashboard table table th:nth-child(3):after{content:")"}body.dashboard table table td:last-child,body.dashboard table table th:last-child{padding-bottom:.75em;padding-left:0}body.dashboard table thead{display:none}body.dashboard table table tbody tr:first-child td,body.dashboard table tbody tr:first-child th{padding-top:0}body.dashboard table .user_container{margin-top:.5em}body.dashboard table .user .name{font-weight:700;word-break:break-all;margin-left:.25}body.dashboard .activeHours .week{zoom:.25}body.dashboard .box{grid-column-end:span 12!important;padding:1em}}@media (max-width:920px),(orientation:portrait){body .background{transform:rotateZ(180deg)}body{overflow:auto;height:auto}body.host .controls .guests:before{border-width:1px!important}body.host .controls>div:nth-child(2):before{border-width:1px}.controls>div.guests:before{border-width:1px}.notifications{left:4px;width:calc(100% - 8px);top:80px;bottom:auto}.notifications>.notification{bottom:auto;width:100%}.playlist .finished:before{margin-top:0}.standalone .transporter .progress{top:calc(100vw + env(safe-area-inset-top) + 44px)}.standalone.presentation .transporter .progress{top:0;height:100vh}.transporter .progress{display:none}.transporter .cover .dj div.playing_info{margin-left:0}body:not(.presentation) .transporter{padding:0}}@media (orientation:portrait){body.standalone:not(.presentation){display:block}body.presentation{min-height:100%}body:not(.standalone) .controls{order:2}.controls>div.misc{order:1}}@media (max-aspect-ratio:10/9){body{flex-direction:column;position:static;width:auto}.standalone.login .scroll_container{padding-top:5.5em}.scroll_container{min-height:95%}body.standalone:not(.tvlink):not(.presentation) .controls{height:calc(100vw + max(4em,2.3125em + env(safe-area-inset-top)) + 3em);top:0}body.standalone:not(.tvlink):not(.presentation) .controls>div.misc:before{display:none!important}body.standalone:not(.tvlink):not(.presentation) .controls .misc{padding:0 .65em;box-sizing:border-box;position:fixed;left:0;top:0;width:100%;transition:background-color .4s;z-index:100;background-color:var(--window_background_color);height:max(4em,3em + env(safe-area-inset-top));display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 .125em 1.25em 0 rgba(0,0,0,.15)}body.standalone:not(.tvlink):not(.presentation) .controls .misc button{margin-bottom:.675em}body.standalone:not(.tvlink):not(.presentation) .controls .misc button:after{transform:translate3d(2em,-.2em,0)}body.standalone:not(.tvlink):not(.presentation) .controls .viewFunc{order:2}body.standalone:not(.tvlink):not(.presentation) .controls>div:not(.misc){margin:0;bottom:auto}body.standalone:not(.tvlink):not(.presentation) .controls .history,body:not(.presentation) .transporter .trackinfo{display:none}body.standalone:not(.tvlink):not(.presentation) .controls .userTitle{position:absolute;left:0;font-family:"elza",sans-serif;font-weight:800;width:100%;text-align:center;margin-bottom:1em;z-index:1;display:block;pointer-events:none;color:var(--icon_color)}.controls{position:relative;top:auto;bottom:auto;height:auto;padding-left:0;padding-right:0;order:3;align-self:center}.drawer{flex-direction:column;width:100vw}.drawer>nav{flex-basis:calc(48px + env(safe-area-inset-bottom,22px));order:2;width:auto;flex-grow:0;flex-direction:row;border-right:none;border-top:1px solid rgba(255,255,255,.1)}.drawer>nav button{margin:0;border-radius:0;padding:.5em 0 calc(env(safe-area-inset-bottom) + .5em);min-height:3.75em;height:calc(3em + env(safe-area-inset-bottom));justify-content:flex-start;flex-grow:1}.drawer>nav button:last-child{margin:0}.drawer section.pageContainer>div{padding:calc(24px + env(safe-area-inset-top)) 2em 2em;width:100%;height:auto;box-sizing:border-box}.drawer section.pageContainer>div h2{font-size:2.5em}.drawer section.pageContainer>div h3{font-size:1.3333em}.drawer .wrapper button,.playlist{width:100%}.standalone .accumulatedNotifications{position:fixed}.standalone .accumulatedNotifications .container div.mask{-webkit-mask-image:-webkit-gradient(linear,left 1%,left 3%,from(transparent),to(#000));-moz-mask-image:-webkit-gradient(linear,left 1%,left 3%,from(transparent),to(#000));mask-image:-webkit-gradient(linear,left 1%,left 3%,from(transparent),to(#000))}.standalone .playlist{margin-top:-.5em;min-height:calc(100vh - env(safe-area-inset-top) - 100vw - 70px - 44px)}.playlist{right:auto;height:auto;overflow:visible;display:block;min-width:auto;padding:0 .5em .5em}.presentation .playlist{display:none}.standalone .transporter .cover{margin-top:max(4em,3em + env(safe-area-inset-top))}.playlist,.transporter .cover{position:relative;max-width:none}.transporter .cover{transform:none;left:0;max-height:none;z-index:1}.transporter .trackinfo{background-color:inherit;transition:background-color .8s linear;left:0;bottom:0;transform:translateY(0);width:100%;display:block;z-index:7;height:3.75em;position:relative;box-sizing:border-box}.transporter{position:static;padding:0}body.presentation .transporter{flex-direction:column}}@media (orientation:landscape) and (max-height:450px){body.presentation{flex-direction:row}.presentation .playlist{display:none}}@media (orientation:landscape) and (max-width:1440px){body.presentation{font-size:1vw}}@media (orientation:landscape) and (min-width:1441px) and (max-width:1600px){body.presentation{font-size:.9vw}}@media (orientation:landscape) and (min-width:1601px){body.presentation{font-size:.7vw}}@media (max-width:920px) and (min-aspect-ratio:12/9){body.presentation{min-height:100%;font-size:80%}}@media (max-width:730px){.standalone.login .scroll_container{padding:3em 1.5em 2.5em}.scroll_container{padding:5em 1.5em 1.5em}body .scroll_container>footer{display:flex!important;flex-wrap:wrap;justify-content:space-between}body .scroll_container>footer .copyright{order:1;margin-right:24px}body .scroll_container>footer .legal{order:3;margin:8px 24px;align-self:stretch;flex-grow:1;text-align:center}body .scroll_container>footer .social{order:2;margin-left:24px}a.button.border,a.button.navigation,a.button.primary,a.button.secondary,button.border,button.navigation,button.primary,button.secondary{padding:.5em 1.5em .65em}html.nav{overflow:hidden}html.nav .scroll_container{transition:transform .8s cubic-bezier(0,.7,.3,1),filter .15s;filter:blur(4em)}html .scroll_container{transition:transform .8s cubic-bezier(0,.7,.3,1),filter .3s .1s cubic-bezier(.6,.24,.2,1)}.login header{padding:0 1.5em;transition:opacity .2s,height 0s .5s}.login header>.main{width:100%;transition:height 1s 1s}.login header>.main>a svg,.login header>.main>button svg{width:1.5em!important;height:1.5em!important}.login header.open{height:100%;transition:opacity .2s,height 0s 0s}.login header nav{position:absolute;bottom:0;left:0;width:100%;display:block;transition:opacity .3s;opacity:0;pointer-events:none}.login header nav ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:flex-start}.login header nav ul.primary{margin-bottom:2.5em}.login header nav ul.primary li:last-child a{margin-bottom:0}.login header nav ul.primary a.button{margin-bottom:1em}.login header nav ul li{flex-grow:1;margin-left:0}.scroll_container section#hero{padding:2.5em 1.5em}}@media (min-width:1700px){.login header,.scroll_container{max-width:70vh;min-width:1700px}body.login{font-size:110%}}@media (max-aspect-ratio:10/9) and (min-width:80vh){body.standalone:not(.tvlink):not(.presentation) .controls .userTitle{display:none}}@media (max-aspect-ratio:10/9) and (pointer:fine){body.standalone:not(.tvlink):not(.presentation) .controls .userTitle{display:none}}@media (min-aspect-ratio:10/9){.controls{position:fixed;bottom:0;top:auto;width:73%}.transporter .cover{max-width:72vh;max-height:72vh}}@media (min-width:920px){.controls>div:before{height:2.75em}body.dashboard table td:nth-child(1),body.dashboard table th:nth-child(1){width:30%}body.dashboard table td:nth-child(2),body.dashboard table th:nth-child(2){width:20%}body.dashboard table td:nth-child(3),body.dashboard table td:nth-child(4),body.dashboard table th:nth-child(3),body.dashboard table th:nth-child(4){width:25%}}@media (hover:hover){.controls button:hover{background-color:rgba(0,0,0,.07);-webkit-backdrop-filter:blur(1em);-moz-backdrop-filter:blur(1em);backdrop-filter:blur(1em);transition:background-color 0,backdrop-filter 0s,-webkit-backdrop-filter 0s,-moz-backdrop-filter 0s}.playlist .track .votes button:hover,.playlist li.track.ghost button:hover{opacity:1}}@media (max-width:420px){dialog form{width:calc(100vw - 40px)}}@media (max-width:540px){dialog form menu{text-align:center}dialog form menu button{margin:0 0 1em}}@media (min-width:1261px){body .scroll_container>footer{margin:1.5em 0}}@media (max-width:1260px){body .scroll_container>footer{margin:.125em 0}}@media (max-width:990px){body .scroll_container>footer .copyright{grid-column:1/5}body .scroll_container>footer .legal{grid-column:5/10}header nav{padding:1.3333em}}@media (min-width:731px) and (max-width:1260px){body.login{font-size:85%}}@media (min-width:2000px){body.login{font-size:115%}}@media (min-width:731px){.login header .mobile{pointer-events:none;opacity:0}.login header a.mobile,.login header button.mobile,.login header nav ul.secondary{display:none}}@media (max-width:300px){.scroll_container section#hero p:not([class]){width:100%}.scroll_container section#hero .illustration.phone{display:none}}@media (max-width:899px) and (max-aspect-ratio:10/9) and (min-height:700px){.scroll_container section#hero .illustration.phone{transform:scale(40%) translateX(10%)}}@media (max-width:899px) and (max-aspect-ratio:10/9) and (min-height:900px){.scroll_container section#hero .illustration.phone{transform:scale(50%) translateX(10%)}}@media (min-width:700px) and (orientation:portrait){.scroll_container section#hero .illustration.phone{transform:scale(70%) translateX(0%) translateY(0%)}}@media (orientation:portrait),(max-width:920px){.accumulatedNotifications{position:absolute;top:calc(62vw + 3em);bottom:auto;transform:translate3d(0,-100%,0)}}@media (min-aspect-ratio:1/1) and (max-aspect-ratio:13/9) and (max-width:920px){.accumulatedNotifications{top:calc(64vh + 3em)}}@media (max-width:80vh){.accumulatedNotifications{position:absolute;top:100vw}.transporter .cover{width:100vw;height:100vw;background:0 0;border-radius:0;margin:0 auto;top:0}}@media (max-width:920px) and (min-aspect-ratio:13/9){body.presentation div.accumulatedNotifications{bottom:calc(env(safe-area-inset-left) + 10vh + 3.5em);transform:translate3d(0,0,0);right:auto;left:10vh}}@media (max-width:920px),(max-aspect-ratio:11/9){body.presentation div.accumulatedNotifications{bottom:auto;top:3em}body.presentation div.accumulatedNotifications .tip{top:-.375em;bottom:auto}}@media (max-height:450px) and (orientation:landscape){body.presentation div.accumulatedNotifications{width:22em;top:auto;bottom:calc(env(safe-area-inset-left) + 10vh + 4em)!important}body.presentation div.accumulatedNotifications .tip{top:auto;bottom:-.375em}}@media (max-width:80vh) and (orientation:portrait){.standalone .accumulatedNotifications{transform:translate3d(0,.25em,0);width:auto;max-width:calc(100vw - 1em);top:max(64px,37px + env(safe-area-inset-top))}.standalone .accumulatedNotifications .tip{top:-6px;bottom:auto}}@media (max-width:920px) and (orientation:landscape){.standalone .accumulatedNotifications{top:auto;bottom:4em}}@media (max-width:899px) and (max-aspect-ratio:10/9) and (min-height:1280px){body.onboarding.login .illustration{width:70vh;transform:scale(calc(var(--scale_factor)*.5)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1550px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*.7)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1500px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*.7)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1450px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*.8)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1300px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*1)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1200px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*1.1)) translateX(20%) translateY(0)}}@media (min-width:900px) and (max-aspect-ratio:10/9) and (max-height:1050px){body.onboarding.login .illustration{transform:scale(calc(var(--scale_factor)*1.3)) translateX(20%) translateY(0)}}@media (max-height:450px){body.presentation .playlist ol li.track{font-size:1.35em}body.presentation .playlist ol li.track .trackinfo{margin-top:0;margin-bottom:.5em}body.presentation .playlist ol li.track>button.add{margin-top:0;margin-bottom:0}}@media (pointer:coarse),speech{.playlist .track .votes{opacity:1}}@media (prefers-contrast:high){.playlist li.track.ghost .trackinfo .album,.playlist li.track.ghost .trackinfo .artist,.playlist li.track.ghost .trackinfo .name{opacity:1}}@media (min-width:1600px){.playlist{flex-basis:26%}.transporter .trackinfo h1{font-size:2.375em}.transporter .trackinfo h2{font-size:1.5em;line-height:1.15em}.transporter{flex-basis:74%}}@media (min-width:1900px){.playlist{flex-basis:25%}.transporter{flex-basis:75%}}@media (orientation:landscape){.presentation .playlist{transition:transform .4s cubic-bezier(.8,0,.2,1),background 0s,font-size 0s 0s;background:0 0;position:absolute;box-sizing:border-box;top:auto;z-index:50;width:calc(36vw - 8vh);padding-right:2em;flex-basis:auto;max-width:none;min-width:0;height:auto;font-size:inherit;overflow:visible}.presentation .playlist ol li.track .badge{left:0;top:44px}.presentation .playlist ol li.track .context_menu{display:none}.presentation .playlist ol li.track .trackinfo{align-self:center;font-size:inherit;line-height:1.5em}.presentation .playlist ol li.track .trackinfo .name{font-size:1.125em}.presentation .playlist ol li.track .trackinfo .album,.presentation .playlist ol li.track .trackinfo .artist{font-size:1em}}@media (orientation:landscape) and (min-aspect-ratio:1/1){.presentation .playlist{left:4vh;bottom:9vh}}@media (orientation:landscape) and (min-aspect-ratio:13/9){.presentation .playlist{left:7.5vh;bottom:7.5vh}}@media (max-width:920px) and (max-height:1000px){.drawer section.pageContainer>div.stats .chart{width:25vh;height:25vh;margin-bottom:48px;margin-top:48px}}@media (max-width:920px) and (max-height:1000px) and (max-aspect-ratio:16/9){.drawer section.pageContainer>div.stats .chart{width:30vh;height:30vh}}@media (min-height:1000px){.drawer section.pageContainer>div.stats .chart{width:380px;height:380px}}@media (min-aspect-ratio:4/5) and (max-aspect-ratio:10/9){body:not(.presentation) .transporter .cover{width:64vh;height:64vh;margin:1.5em auto 0}}@media (max-width:900px){.transporter .cover{animation:fadeIn}}@media (max-width:1260px) and (min-width:920px) and (min-aspect-ratio:10/9){.transporter .cover{max-width:67vh;max-height:67vh}}@media (max-width:1136px) and (min-aspect-ratio:10/9){.transporter .cover{width:62vh;height:62vh;max-width:none;max-height:none;top:calc(19vh - 1.5em)}}@media (max-width:1023px) and (min-width:920px){.transporter .cover{margin-left:0}}@media (min-width:1850px) and (min-aspect-ratio:10/9){.transporter .cover{max-width:68vh;max-height:68vh}}@media (max-height:740px){.transporter .cover .dj{font-size:90%;padding:.75em 1.5em}}@media (pointer:coarse) and (max-width:920px),speech{.transporter .dj{display:none!important}}@media (max-aspect-ratio:10/9) and (min-width:80.01vh){.transporter .trackinfo{height:4em}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (max-width:1260px){body:not(.presentation) .transporter .trackinfo{width:67vh;height:67vh}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (max-width:1136px){body:not(.presentation) .transporter .trackinfo{width:62vh;height:62vh;display:none}body:not(.presentation) .transporter .trackinfo>span{width:62vh;height:62vh}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (min-width:1850px){body:not(.presentation) .transporter .trackinfo{width:68vh;height:68vh}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (min-width:1261px){body:not(.presentation) .transporter .trackinfo>span{transform:rotate(90deg) translate3d(0,calc(100% + 2em),0)}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (min-width:920px) and (max-width:1260px){body:not(.presentation) .transporter .trackinfo>span{width:67vh;height:67vh}}@media (min-aspect-ratio:10/9) and (min-height:450px) and (max-width:1024px){body:not(.presentation) .transporter .trackinfo>span{display:none}}@media (max-width:1024px){.transporter{padding-left:0}}