/*!
 * @whatthetune/client - 0.1.0
 * https://whatthetune.com
 * Copyright 2025 La petite agence
 */
*,*::before,*::after,*::before,*::after,*:focus,*:active{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;interpolation-mode:bicubic;outline:none}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects;text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}img{max-width:100%}button{background:none;border:0}@font-face{font-display:block;font-family:"wtt";font-style:normal;font-weight:normal;src:url(8abffc9e258ec12027f1.ttf?p4jld3) format("truetype"),url(cc901c52fd18f279a184.woff?p4jld3) format("woff"),url(5e20792e35efdc21a99b.svg?p4jld3#wtt) format("svg")}.abstract-icon,.chat-toggle .icon,[class^=icon-]::before,[class*=" icon-"]::before{display:inline-block;font-family:"wtt" !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:never;text-transform:none}.icon-artist:before{content:""}.icon-chat:before{content:""}.icon-close:before{content:""}.icon-cog:before{content:""}.icon-crown:before{content:""}.icon-down:before{content:""}.icon-facebook:before{content:""}.icon-left:before{content:""}.icon-lock:before{content:""}.icon-mute:before{content:""}.icon-name:before{content:""}.icon-ok:before{content:""}.icon-pencil:before,#header .profile:hover>span:before{content:""}.icon-right:before{content:""}.icon-stopwatch:before{content:""}.icon-trophy:before{content:""}.icon-twitch:before{content:""}.icon-twitter:before{content:""}.icon-up:before{content:""}.icon-user:before{content:""}.icon-user-add:before{content:""}.icon-user-outline:before{content:""}.icon-volume-down:before{content:""}.icon-volume-off:before{content:""}.icon-volume-up:before{content:""}.icon-wait:before{content:""}@keyframes wrong{30%,70%{transform:translateX(-2em)}50%{transform:translateX(2em)}}@keyframes right{0%{transform:scale3d(1, 1, 1)}25%{transform:scale3d(1.1, 1.1, 1.1)}100%{transform:scale3d(1, 1, 1)}}@keyframes slideDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes pulse-text{0%{font-size:1em}25%{font-size:1.2em}100%{font-size:1em}}@keyframes pulse{0%{transform:scale3d(1, 1, 1)}25%{transform:scale3d(1.2, 1.2, 1.2)}100%{transform:scale3d(1, 1, 1)}}@keyframes appear{0%{opacity:.5;transform:scale3d(2, 2, 2)}100%{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes popRight{0%{opacity:.5;transform:translate3d(-100%, 0, 0) scale3d(1, 1, 1)}67%{transform:scale3d(1.2, 1.2, 1.2)}100%{opacity:1;transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rotation{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 360deg)}}@keyframes position1{0%{transform:translate3d(167px, 20px, 0)}20%{transform:translate3d(167px, 9px, 0)}100%{transform:translate3d(167px, 20px, 0)}}@keyframes position2{0%{transform:translate3d(0, 10px, 0)}15%{transform:translate3d(0, 10px, 0)}35%{transform:translate3d(0, 1px, 0)}100%{transform:translate3d(0, 10px, 0)}}@keyframes position3{0%{transform:translate3d(0, 10px, 0)}30%{transform:translate3d(0, 10px, 0)}50%{transform:translate3d(0, 1px, 0)}100%{transform:translate3d(0, 10px, 0)}}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.pull-left{float:left !important}.pull-right{float:right !important}.hidden{display:none}.clearfix{*zoom:1}.clearfix::before,.clearfix::after{content:"";display:table}.clearfix::after{clear:both}.row{*zoom:1;margin-left:-20px;margin-right:-20px;padding:0}.row::before,.row::after{content:"";display:table}.row::after{clear:both}.row .col-1{float:left;padding:20px 20px;width:8.3333333333%}.row .col-offset-1{margin-left:8.3333333333%}.row .col-2{float:left;padding:20px 20px;width:16.6666666667%}.row .col-offset-2{margin-left:16.6666666667%}.row .col-3{float:left;padding:20px 20px;width:25%}.row .col-offset-3{margin-left:25%}.row .col-4{float:left;padding:20px 20px;width:33.3333333333%}.row .col-offset-4{margin-left:33.3333333333%}.row .col-5{float:left;padding:20px 20px;width:41.6666666667%}.row .col-offset-5{margin-left:41.6666666667%}.row .col-6{float:left;padding:20px 20px;width:50%}.row .col-offset-6{margin-left:50%}.row .col-7{float:left;padding:20px 20px;width:58.3333333333%}.row .col-offset-7{margin-left:58.3333333333%}.row .col-8{float:left;padding:20px 20px;width:66.6666666667%}.row .col-offset-8{margin-left:66.6666666667%}.row .col-9{float:left;padding:20px 20px;width:75%}.row .col-offset-9{margin-left:75%}.row .col-10{float:left;padding:20px 20px;width:83.3333333333%}.row .col-offset-10{margin-left:83.3333333333%}.row .col-11{float:left;padding:20px 20px;width:91.6666666667%}.row .col-offset-11{margin-left:91.6666666667%}.row .col-12{float:left;padding:20px 20px;width:100%}.row .col-offset-12{margin-left:100%}h1,h2,h3,h4{color:#444;font-family:"Montserrat","Helvetica",sans-serif;font-weight:700;letter-spacing:0;line-height:1.4em;margin:0 0}h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small{display:block;font-size:24px;font-weight:normal;line-height:1}h1 a,h2 a,h3 a,h4 a{color:#444}h1{font-size:2.7777777778rem}h2{font-size:2.3333333333rem}h3{font-size:2.1111111111rem}h4{font-size:1.3333333333rem}p{margin:0}a,a:visited{color:#222;text-decoration:none}a:hover{text-decoration:underline}a.underline{text-decoration:underline}a.underline:hover{text-decoration:none}.button{font-size:1rem;background:#452e7d;border:0;border-radius:60px;box-shadow:0 2px 10px 0 rgba(69,46,125,.6);cursor:pointer;display:inline-block;font-family:"Montserrat","Helvetica",sans-serif;font-weight:bold;height:60px;letter-spacing:0;line-height:60px;padding:0 40px;text-decoration:none;text-transform:uppercase;transition:all .2s linear}.button,.button:visited{color:#fff}.button:hover{background:rgb(56.6526315789,37.7684210526,102.6315789474);box-shadow:0 4px 18px 0 rgba(69,46,125,.6);text-decoration:none}.button[disabled],.button[disabled]:hover{background:#999;box-shadow:0 2px 10px 0 #999;color:#e8e8e8;cursor:not-allowed;text-shadow:none}.button.button-secondary{border-radius:40px;height:40px;line-height:40px;padding:0 20px}.button.button-secondary .icon{margin-right:.6em}.button.button-smaller{border-radius:40px;font-size:14px;height:34px;line-height:36px;padding:0 15px;text-transform:uppercase}.button>[class^=icon-]:first-child{margin-left:-0.3em;margin-right:.2em}.button.button-success{background-color:#37bb5d}.button.button-inverse{background-color:#fff;color:#452e7d}.button.button-ghost{background:none;box-shadow:none;color:#452e7d}.button.button-ghost:hover,.button.button-ghost:active{color:rgb(48.4210526316,32.2807017544,87.7192982456)}.label{background:#452e7d;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;font-weight:bold;height:2em;letter-spacing:1px;line-height:2.2em;padding:0 8px;text-align:center;text-transform:uppercase;vertical-align:middle}.label .icon{margin-right:.25em}.label.label-smaller{font-size:10px;height:18px;line-height:20px;padding:0;width:18px}.progress-container{background:#e2e2e2;height:8px;position:relative;width:100%}.progress-container .progress{background-color:#452e7d;border-radius:8px;height:100%;left:0;position:absolute;top:0;transition:all 1s linear;width:0}.progress-container.progress-container-small{height:4px}.progress-container.progress-container-small .progress{border-radius:4px}.input{background:#fff;border:0;border-radius:4px;color:#452e7d;display:block;font-family:"Montserrat","Helvetica",sans-serif;font-size:24px;font-weight:bold;line-height:60px;padding:0 10px;transition:all .15s linear;width:100%}.input:focus{border-bottom-color:#fff}.input.input-darken{border-bottom-color:rgba(69,46,125,.5);color:#452e7d}.input.input-darken:focus{border-bottom-color:#452e7d}.inputWrapper{margin:2em auto;padding:5px;position:relative;width:320px}.inputWrapper::before{background:rgba(69,46,125,.1);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.checkbox-label{align-items:center;color:#452e7d;display:flex}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.15em solid #452e7d;border-radius:.15em;color:#704fd1;display:grid;font:inherit;height:1.15em;margin:0 1em 0 0;place-content:center;transform:translateY(-0.075em);width:1.15em}input[type=checkbox]::before{background-color:#704fd1;box-shadow:inset 1em 1em var(--form-control-color);clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);content:"";height:.65em;transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;width:.65em}input[type=checkbox]:checked::before{transform:scale(1)}input[type=checkbox]:disabled{color:#999;cursor:not-allowed}.modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(36,36,41,.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:999}.modal_inner{background:#fff;border-radius:10px;box-shadow:0 10px 47px 0 rgba(0,0,0,.2),0 10px 20px 0 rgba(0,0,0,.3);padding:2em}.modal_inner h4{border-bottom:0;color:#452e7d;margin-bottom:1em}.modal_inner .note{color:#999}.modal_inner button{margin-top:2em}/*! * * * * * * * * * * * * * * * * * * * *\
  CSShake :: Package
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */.shake-hard,.shake-medium,.shake-little{display:inline-block;transform-origin:center center}.shake-hard,.shake-medium,.shake-little{animation-play-state:running}.shake-little{animation-duration:3s;animation-iteration-count:infinite;animation-name:shake-little;animation-timing-function:ease-in-out}@keyframes shake-little{2%{transform:translate(0.5px, 0.5px) rotate(0)}4%{transform:translate(-0.5px, -0.5px) rotate(0)}6%{transform:translate(1.5px, 1.5px) rotate(0)}8%{transform:translate(1.5px, 1.5px) rotate(0)}10%{transform:translate(-0.5px, 0.5px) rotate(0)}12%{transform:translate(1.5px, 1.5px) rotate(0)}14%{transform:translate(0.5px, -0.5px) rotate(0)}16%{transform:translate(-0.5px, 0.5px) rotate(0)}18%{transform:translate(0.5px, -0.5px) rotate(0)}20%{transform:translate(-0.5px, 0.5px) rotate(0)}22%{transform:translate(1.5px, -0.5px) rotate(0)}24%{transform:translate(1.5px, 1.5px) rotate(0)}26%{transform:translate(1.5px, 0.5px) rotate(0)}28%{transform:translate(-0.5px, 1.5px) rotate(0)}30%{transform:translate(0.5px, 0.5px) rotate(0)}32%{transform:translate(0.5px, 1.5px) rotate(0)}34%{transform:translate(1.5px, -0.5px) rotate(0)}36%{transform:translate(1.5px, 1.5px) rotate(0)}38%{transform:translate(-0.5px, 0.5px) rotate(0)}40%{transform:translate(1.5px, 0.5px) rotate(0)}42%{transform:translate(-0.5px, 1.5px) rotate(0)}44%{transform:translate(1.5px, -0.5px) rotate(0)}46%{transform:translate(0.5px, 0.5px) rotate(0)}48%{transform:translate(0.5px, 1.5px) rotate(0)}50%{transform:translate(-0.5px, 0.5px) rotate(0)}52%{transform:translate(1.5px, 1.5px) rotate(0)}54%{transform:translate(1.5px, -0.5px) rotate(0)}56%{transform:translate(-0.5px, -0.5px) rotate(0)}58%{transform:translate(-0.5px, 0.5px) rotate(0)}60%{transform:translate(-0.5px, -0.5px) rotate(0)}62%{transform:translate(-0.5px, 0.5px) rotate(0)}64%{transform:translate(0.5px, 0.5px) rotate(0)}66%{transform:translate(-0.5px, 1.5px) rotate(0)}68%{transform:translate(0.5px, 0.5px) rotate(0)}70%{transform:translate(-0.5px, 1.5px) rotate(0)}72%{transform:translate(-0.5px, 0.5px) rotate(0)}74%{transform:translate(0.5px, 1.5px) rotate(0)}76%{transform:translate(0.5px, 1.5px) rotate(0)}78%{transform:translate(1.5px, -0.5px) rotate(0)}80%{transform:translate(0.5px, 1.5px) rotate(0)}82%{transform:translate(-0.5px, 0.5px) rotate(0)}84%{transform:translate(-0.5px, 1.5px) rotate(0)}86%{transform:translate(0.5px, 0.5px) rotate(0)}88%{transform:translate(-0.5px, -0.5px) rotate(0)}90%{transform:translate(-0.5px, 1.5px) rotate(0)}92%{transform:translate(1.5px, -0.5px) rotate(0)}94%{transform:translate(-0.5px, 0.5px) rotate(0)}96%{transform:translate(1.5px, 1.5px) rotate(0)}98%{transform:translate(1.5px, 1.5px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-medium{animation-duration:3s;animation-iteration-count:infinite;animation-name:shake-medium;animation-timing-function:ease-in-out}@keyframes shake-medium{2%{transform:translate(0.5px, 1.5px) rotate(0)}4%{transform:translate(2.5px, -1.5px) rotate(0)}6%{transform:translate(1.5px, 2.5px) rotate(0)}8%{transform:translate(0.5px, 2.5px) rotate(0)}10%{transform:translate(-0.5px, -0.5px) rotate(0)}12%{transform:translate(1.5px, 1.5px) rotate(0)}14%{transform:translate(-0.5px, -1.5px) rotate(0)}16%{transform:translate(-1.5px, -1.5px) rotate(0)}18%{transform:translate(-1.5px, 2.5px) rotate(0)}20%{transform:translate(1.5px, 1.5px) rotate(0)}22%{transform:translate(0.5px, 0.5px) rotate(0)}24%{transform:translate(2.5px, -0.5px) rotate(0)}26%{transform:translate(1.5px, 1.5px) rotate(0)}28%{transform:translate(2.5px, -1.5px) rotate(0)}30%{transform:translate(1.5px, 2.5px) rotate(0)}32%{transform:translate(0.5px, 2.5px) rotate(0)}34%{transform:translate(0.5px, 0.5px) rotate(0)}36%{transform:translate(0.5px, 2.5px) rotate(0)}38%{transform:translate(2.5px, -0.5px) rotate(0)}40%{transform:translate(-1.5px, 1.5px) rotate(0)}42%{transform:translate(1.5px, -0.5px) rotate(0)}44%{transform:translate(0.5px, 0.5px) rotate(0)}46%{transform:translate(2.5px, 1.5px) rotate(0)}48%{transform:translate(0.5px, -1.5px) rotate(0)}50%{transform:translate(-1.5px, -1.5px) rotate(0)}52%{transform:translate(1.5px, -0.5px) rotate(0)}54%{transform:translate(0.5px, -1.5px) rotate(0)}56%{transform:translate(-1.5px, -1.5px) rotate(0)}58%{transform:translate(-0.5px, -0.5px) rotate(0)}60%{transform:translate(-0.5px, 1.5px) rotate(0)}62%{transform:translate(1.5px, 0.5px) rotate(0)}64%{transform:translate(1.5px, -0.5px) rotate(0)}66%{transform:translate(2.5px, 1.5px) rotate(0)}68%{transform:translate(-1.5px, 1.5px) rotate(0)}70%{transform:translate(0.5px, 1.5px) rotate(0)}72%{transform:translate(0.5px, -0.5px) rotate(0)}74%{transform:translate(0.5px, -0.5px) rotate(0)}76%{transform:translate(1.5px, 1.5px) rotate(0)}78%{transform:translate(2.5px, 1.5px) rotate(0)}80%{transform:translate(-1.5px, -1.5px) rotate(0)}82%{transform:translate(-1.5px, 2.5px) rotate(0)}84%{transform:translate(0.5px, 2.5px) rotate(0)}86%{transform:translate(-1.5px, 2.5px) rotate(0)}88%{transform:translate(-1.5px, 0.5px) rotate(0)}90%{transform:translate(-1.5px, -0.5px) rotate(0)}92%{transform:translate(-1.5px, 1.5px) rotate(0)}94%{transform:translate(2.5px, 1.5px) rotate(0)}96%{transform:translate(-0.5px, 2.5px) rotate(0)}98%{transform:translate(-0.5px, -1.5px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-hard{animation-duration:2s;animation-iteration-count:infinite;animation-name:shake-hard;animation-timing-function:ease-in-out}@keyframes shake-hard{2%{transform:translate(-1px, -1px) rotate(0)}4%{transform:translate(-1px, -2px) rotate(0)}6%{transform:translate(-1px, 2px) rotate(0)}8%{transform:translate(-1px, 3px) rotate(0)}10%{transform:translate(-3px, -2px) rotate(0)}12%{transform:translate(4px, 1px) rotate(0)}14%{transform:translate(-2px, 3px) rotate(0)}16%{transform:translate(0px, 3px) rotate(0)}18%{transform:translate(0px, 1px) rotate(0)}20%{transform:translate(0px, 0px) rotate(0)}22%{transform:translate(1px, 4px) rotate(0)}24%{transform:translate(0px, 2px) rotate(0)}26%{transform:translate(3px, -1px) rotate(0)}28%{transform:translate(3px, 2px) rotate(0)}30%{transform:translate(2px, 3px) rotate(0)}32%{transform:translate(4px, 3px) rotate(0)}34%{transform:translate(0px, -1px) rotate(0)}36%{transform:translate(4px, 1px) rotate(0)}38%{transform:translate(2px, 1px) rotate(0)}40%{transform:translate(2px, 3px) rotate(0)}42%{transform:translate(1px, 0px) rotate(0)}44%{transform:translate(-2px, -2px) rotate(0)}46%{transform:translate(-1px, -3px) rotate(0)}48%{transform:translate(0px, -1px) rotate(0)}50%{transform:translate(-2px, -2px) rotate(0)}52%{transform:translate(4px, 4px) rotate(0)}54%{transform:translate(-1px, -2px) rotate(0)}56%{transform:translate(1px, -2px) rotate(0)}58%{transform:translate(2px, -2px) rotate(0)}60%{transform:translate(-2px, -3px) rotate(0)}62%{transform:translate(-2px, 0px) rotate(0)}64%{transform:translate(0px, 1px) rotate(0)}66%{transform:translate(-3px, -3px) rotate(0)}68%{transform:translate(0px, -2px) rotate(0)}70%{transform:translate(-2px, -2px) rotate(0)}72%{transform:translate(-3px, 3px) rotate(0)}74%{transform:translate(-1px, 4px) rotate(0)}76%{transform:translate(1px, 2px) rotate(0)}78%{transform:translate(0px, 3px) rotate(0)}80%{transform:translate(3px, 2px) rotate(0)}82%{transform:translate(4px, -3px) rotate(0)}84%{transform:translate(-1px, -3px) rotate(0)}86%{transform:translate(-3px, 1px) rotate(0)}88%{transform:translate(4px, 0px) rotate(0)}90%{transform:translate(0px, -2px) rotate(0)}92%{transform:translate(0px, 0px) rotate(0)}94%{transform:translate(1px, -3px) rotate(0)}96%{transform:translate(-2px, 3px) rotate(0)}98%{transform:translate(0px, -2px) rotate(0)}0%,100%{transform:translate(0, 0) rotate(0)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ccc;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000;cursor:pointer;height:4px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#452e7d;border:0;border-radius:10px;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;margin-top:-8.5px;width:20px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-moz-range-track{background:#ccc;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000;cursor:pointer;height:4px;width:100%}input[type=range]::-moz-range-thumb{background:#452e7d;border:0;border-radius:10px;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;width:20px}input[type=range]::-ms-track{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0);cursor:pointer;height:4px;width:100%}input[type=range]::-ms-fill-lower{background:#ccc;border:0 solid #000;border-radius:4px;box-shadow:0 0 0 #000}input[type=range]::-ms-fill-upper{background:#ccc;border:0 solid #000;border-radius:4px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{background:#452e7d;border:0;border-radius:10px;box-shadow:0 1px 4px #ccc;cursor:pointer;height:20px;margin-top:1px;width:20px}input[type=range]:focus::-ms-fill-lower{background:#ccc}input[type=range]:focus::-ms-fill-upper{background:#ccc}body.end .game-container{height:100vh;max-height:100vh;overflow:hidden}.endScreen{align-items:center;animation-duration:300ms;animation-name:fadeIn;animation-timing-function:ease-in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(35,29,51,.8);display:flex;height:100vh;justify-content:center;left:0;overflow:auto;position:absolute;right:0;top:0;z-index:50}.endScreen_wrap{animation-duration:300ms;animation-name:slideDown;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);display:flex;flex-direction:column;height:calc(100% - 60px);max-height:720px;max-width:1200px;width:calc(100% - 60px)}.endScreen_main{align-items:stretch;display:flex;flex:1;flex-direction:row;min-height:600px}.endScreen_main_left{align-items:stretch;background-image:linear-gradient(-225deg, #7e55e6 0%, #6141b0 100%);border-radius:4px 0 0 4px;color:#fff;display:flex;flex:2;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.endScreen_main_left_background{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.endScreen_main_left_background img{animation-duration:60s;animation-iteration-count:infinite;animation-name:rotation;animation-timing-function:linear;height:150%;margin-top:50px;max-width:none;opacity:.03;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:150%;width:auto}.endScreen_main_left hgroup{padding-top:30px;text-align:center}.endScreen_main_left hgroup h2,.endScreen_main_left hgroup h3{color:#fff;text-shadow:0 2px 4px rgba(69,46,125,.7)}.endScreen_main_left hgroup h2{font-size:3.0555555556rem;margin:0 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_left hgroup h3{font-size:1.6666666667rem;font-weight:normal}.endScreen_main_left .podium{align-items:center;align-self:center;display:flex;flex-direction:column;max-width:553px;position:relative}.endScreen_main_left .podium>svg{height:368px;margin:0 auto -10px;max-width:100%;width:553px}.endScreen_main_left .podium>svg .position1{animation-delay:300ms;animation-duration:2.6s;animation-iteration-count:infinite;animation-name:position1}.endScreen_main_left .podium>svg .position2{animation-delay:300ms;animation-duration:3.1s;animation-iteration-count:infinite;animation-name:position2}.endScreen_main_left .podium>svg .position3{animation-delay:300ms;animation-duration:3.7s;animation-iteration-count:infinite;animation-name:position3}.endScreen_main_left .podium-players{font-size:26px;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;top:0;z-index:10}.endScreen_main_left .podium-players .player--name{font-weight:bold;line-height:1.4em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_left .podium-players .player--team{border:1px solid #fff;border-radius:20px;color:#fff;font-size:12px;line-height:12px;margin-right:8px;padding:2px 6px}.endScreen_main_left .podium-players .player--score{font-size:.8em}.endScreen_main_left .podium-players .player--score sup{font-size:.65em;margin-left:.1em}.endScreen_main_left .podium-players li{align-items:center;display:flex;flex-direction:column;position:absolute;width:33%}.endScreen_main_left .podium-players li:nth-child(1){font-size:1.4em;order:2;top:-90px;width:100%}.endScreen_main_left .podium-players li:nth-child(2){font-size:1.2em;left:-10px;order:1;top:30px}.endScreen_main_left .podium-players li:nth-child(3){font-size:1em;order:3;right:0;top:90px}.endScreen_main_right{background:#fff;border-radius:0 4px 4px 0;display:flex;flex:1;flex-direction:column;padding:1.5em;position:relative}.endScreen_main_right_switch{align-items:center;align-self:center;background-color:#fff;border:2px solid #452e7d;border-radius:2em;display:flex;flex-direction:row;justify-content:center;margin:0 0 1.5em;overflow:hidden;padding:0}.endScreen_main_right_switch button{font-size:0.7777777778rem;background-color:#fff;border:0;color:#452e7d;cursor:pointer;flex:1;font-weight:bold;letter-spacing:.05em;opacity:.66;padding:.15em 1.25em;text-transform:uppercase}.endScreen_main_right_switch button.active{background-color:#452e7d;color:#fff;opacity:1}.endScreen_main_right_tabs{flex:1;overflow-y:auto}.endScreen_main_right .player-list{margin:0;padding:0}.endScreen_main_right .player-list li{border-bottom:1px solid #e8e8e8;display:flex;flex-direction:row;justify-content:space-between;line-height:2em;list-style:none;padding:0 .75em}.endScreen_main_right .player-list.active{background-color:#f2f2f2;font-weight:bold}.endScreen_main_right .player-list .player--rank,.endScreen_main_right .player-list .player--score{flex:0}.endScreen_main_right .player-list .player--name{flex:1;margin:0 .5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_right .player-list .player--name.name{align-items:center;display:flex;flex-direction:row}.endScreen_main_right .player-list .player--name .team{border:1px solid #999;border-radius:20px;color:#999;font-size:12px;line-height:12px;margin-right:8px;padding:1px 6px}.endScreen_main_right .player-list .player--rank{min-width:30px}.endScreen_main_right .player-list .player--score sup{font-size:0.5555555556rem}.endScreen_main_right .song-list{display:flex;flex-direction:column-reverse;margin:0;padding:0}.endScreen_main_right .song-list li{align-items:center;display:flex;flex-direction:row;font-size:14px;line-height:1.3em;list-style:none;padding:.5em}.endScreen_main_right .song-list li:nth-child(odd){background-color:#f2f2f2;border-radius:4px}.endScreen_main_right .song-list li:nth-child(odd) .cover{background-color:#fff}.endScreen_main_right .song-list .song-infos{display:flex;flex:1;flex-direction:column;max-width:100%;overflow:hidden}.endScreen_main_right .song-list .song-infos>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endScreen_main_right .song-list .cover{background-color:#f2f2f2;border:0;border-radius:4px;border-radius:.125em;display:block;height:40px;margin:0;margin-right:1em;width:40px}.endScreen_remaining{color:#fff;font-weight:bold;margin:1em 0;text-align:center;transition:font-size .3s linear}.endScreen_remaining.soon{font-size:1.4em}.endScreen a.logo-inline{color:#fff;font-size:40px;line-height:1em;margin-bottom:.6em;text-align:left;text-shadow:0 2px 4px rgba(69,46,125,.7)}.endScreen a.logo-inline.hover{text-decoration:none}.top-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:1em 0;padding:0;z-index:0}.top-bar .menu{display:flex;flex-direction:row}.top-bar .menu nav{display:flex}.top-bar .menu nav .mobile{display:none}.top-bar .menu .toggle{display:none}.top-bar .button-clear{color:#452e7d;cursor:pointer;display:flex;flex-wrap:nowrap;font-weight:bold;line-height:1em;margin-bottom:0;padding:.4em .8em;text-transform:uppercase}.top-bar .button-clear .icon{margin-right:.6em}.connect{align-items:center;animation:slideDown 200ms 0s 1 ease-out;background-color:rgba(0,0,0,0);display:flex;margin:0;padding:0}.connect p,.connect a{color:#452e7d;font-family:"Montserrat","Helvetica",sans-serif;font-size:1em;line-height:1em}.connect a{cursor:pointer}.connect .connect-services{align-items:center;display:flex}.connect .connect-services a{margin:0 .4em}.connect .button-connect{background-color:#452e7d;border-radius:.3em;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex-wrap:nowrap;font-size:.8em;font-weight:bold;letter-spacing:0;padding:.4em .8em;text-decoration:none}.connect .button-connect .icon{margin-left:-0.1em;margin-right:.4em}.connect .button-connect,.connect .button-connect:visited{color:#fff}.connect .button-connect:hover{background-color:rgb(89.5789473684,59.7192982456,162.2807017544)}.connect .user{font-size:1.1111111111rem;align-items:center;display:flex;font-weight:bold;padding:0}.connect .user .icon-user::before{margin-right:0}.connect .user .picture{border-radius:100%;height:1.4em;margin-left:.4em;width:1.4em}.connect .logged-nav{align-items:center;display:flex;opacity:0;transition:opacity 100ms ease-in-out}.connect .logged-nav a{margin:0 .5em;white-space:nowrap}.connect:hover .logged-nav{opacity:1}html{font-size:18px;line-height:1.8em;min-height:100%;position:relative}body{background-attachment:fixed;background-image:linear-gradient(-35deg, #d8ff94 0%, #83d9dc 100%);color:#444;font-family:"Montserrat","Helvetica",sans-serif;font-size:18px;letter-spacing:0;overflow-x:hidden}body::after{background:url(e9bd145839f50cd824e8.png);bottom:0;content:"";left:0;opacity:.8;position:fixed;right:0;top:0;z-index:-1}*::-moz-selection{background:#452e7d;color:#fff}*::selection{background:#452e7d;color:#fff}*::-moz-selection{background:#452e7d;color:#fff}*::selection{background:#452e7d;color:#fff}*::-webkit-selection{background:#452e7d;color:#fff}.container{margin-left:auto;margin-right:auto;max-width:1400px;width:calc(100% - 120px)}#main{display:flex;flex-direction:column;z-index:2}.logo,.logo-inline,.logo:active,.logo-inline:active,.logo:visited,.logo-inline:visited{color:#452e7d;font-family:"Bowlby One SC",Arial,sans-serif}.logo{font-size:70px;height:2.4em;line-height:1.2em;overflow-wrap:break-word;text-align:center;width:3.8em}.logo small{font-size:.7em;line-height:.2em}.logo-inline{font-size:70px;line-height:1.2em;text-align:center}.footer{margin:2em 0 0;opacity:.8;z-index:0}.footer,.footer a,.footer a:visited{color:#452e7d;padding:.2em}.app{display:flex;flex-direction:row;height:100vh}.app .game-container{flex:10;overflow:auto;position:relative}.app .chat-container{display:flex;flex:2;flex-direction:column}#header{align-items:center;display:flex;height:5em;justify-content:space-between;line-height:5em;padding-left:50px;padding-right:50px}#header .options{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}#header .profile{align-items:center;color:#452e7d;cursor:pointer;display:flex;flex-direction:row;font-weight:bold;position:relative;transition:none}#header .profile .input{font-size:1rem;display:inline-block;height:3em;padding-right:4em;transition:none;vertical-align:middle;width:300px}#header .profile .button{border-radius:2em;box-shadow:none;box-shadow:0 .1em .2em 0 rgba(69,46,125,.4);font-size:1em;height:auto;line-height:1.2em;padding:.3em .8em;position:absolute;right:.5em;text-transform:uppercase}#header .profile .button:hover{background:rgb(56.6526315789,37.7684210526,102.6315789474)}#header .profile .picture{border-radius:100%;height:1.4em;margin-left:.4em;width:1.4em}#header .profile>span{margin-left:5px}#header .volume-control-container{align-items:center;background-color:rgba(0,0,0,0);border-radius:4px;display:flex;flex-direction:row;height:3em;margin-right:3em;padding:0 1em;transition:background-color 300ms}#header .volume-control-container .icon{color:#452e7d;font-size:1.2em;margin-right:.5em}#header .volume-control-container input{background-color:rgba(0,0,0,0);margin:0;opacity:0;padding:0;transition:width 300ms,opacity 300ms;visibility:hidden;width:1px}#header .volume-control-container:hover{background-color:#fff}#header .volume-control-container:hover input{opacity:1;visibility:visible;width:120px}#room-name{align-items:center;color:#452e7d;display:flex;flex:0;font-size:2em;text-align:left;text-transform:none}#room-name img{display:inline-block;max-width:none;vertical-align:middle;width:160px}#room-name .logo-inline{font-size:36px;text-align:center}#room-name .server-name{font-size:0.7777777778rem;align-items:center;display:flex;font-weight:bold;line-height:1;margin-left:1em;text-transform:uppercase}#room-name .server-name .icon-lock{margin-right:.3em}#room-name a:hover{text-decoration:none}.footer{font-size:0.8333333333rem;align-items:center;display:flex;justify-content:space-between;padding:1em 0}.footer a{transition:opacity .15s linear}.footer a:hover{opacity:.7}.footer p{margin-bottom:0}.footer_social{align-items:center;display:flex;flex-direction:row}.footer_social>*{margin-right:1.4em}.page-home{align-items:stretch;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1em;width:100%}.page-home #login-form{align-items:center;color:#fff;display:flex;flex-direction:column;margin:4em}.page-home #login-form .logo{color:#452e7d;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(52,32,107,.4)}.page-home #login-form .logo::after{content:"";display:block;height:.5em;margin:0 auto;opacity:.6}.page-home #login-form .input{text-align:center}.page-home #login-form .button-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.page-home #login-form .button-list .button,.page-home #login-form .button-list .button-container{margin-top:2em}.page-home #login-form .button-list .button:first-child,.page-home #login-form .button-list .button-container:first-child{margin-top:0}.page-home #login-form .button-container{align-items:center;display:flex;justify-content:center;position:relative}.page-home #login-form .button-container .button-primary{font-size:1.6em;line-height:62px;text-shadow:0 2px 4px #000;z-index:10}.page-home #login-form .connected-players{animation:popRight 200ms 0s 1 ease-out;font-family:"Bowlby One SC",Arial,sans-serif;left:100%;margin-left:.8em;position:absolute;text-shadow:0 2px 4px #000;white-space:nowrap;z-index:5}.page-home #login-form .connected-players .icon{align-items:center;display:inline-flex;justify-content:center;margin-left:.2em;width:.8em}.page-home #login-form .connected-players::before{border-bottom:.5em solid rgba(0,0,0,0);border-right:.5em solid #452e7d;border-top:.5em solid rgba(0,0,0,0);content:"";left:-0.4em;position:absolute;top:.5em}.page-home .badge{background-color:#452e7d;border-radius:.4em;color:#fff;display:inline;padding:.2em .8em}.page-home .private-count{color:rgba(69,46,125,.8);margin-top:.8em}.page-home .steps{background:rgba(69,46,125,.15);border-radius:.3em;display:flex;flex-direction:row;margin:0;padding:1.5em .5em;text-shadow:1px 1px rgba(0,0,0,.15)}.page-home .steps .step{align-items:center;display:flex;flex:1;flex-direction:row;margin:0 1em}.page-home .steps .step_num{background:rgba(69,46,125,.1);border-radius:2em;color:hsla(0,0%,100%,.8);font-size:2em;font-weight:bold;height:2em;line-height:2em;text-align:center;vertical-align:middle;width:2em}.page-home .steps .step_text{color:#fff;flex:1;font-weight:bold;line-height:1.4em;padding-left:1em}.page-home .steps .step_text strong{font-weight:bolder}.page-home .subtitle{color:#452e7d;font-size:1em;font-weight:normal}.page-rooms #main{min-height:calc(100vh - 90px);padding:70px 50px}.page-rooms h1{color:#704fd1;margin-bottom:30px;text-align:center;text-transform:uppercase}.page-rooms h1 small{text-transform:none}.page-rooms .rooms-list{*zoom:1;list-style:none;margin:0;padding:0}.page-rooms .rooms-list::before,.page-rooms .rooms-list::after{content:"";display:table}.page-rooms .rooms-list::after{clear:both}.page-rooms .rooms-list .one-room-wrapper{float:left;padding:15px;width:25%}.page-rooms .one-room{border-radius:50%;-webkit-mask-image:radial-gradient(circle, #fff, #000);mask-image:radial-gradient(circle, #fff, #000);overflow:hidden;position:relative;width:100%}.page-rooms .one-room::before{content:"";display:block;padding-top:100%}.page-rooms .one-room__link{bottom:0;left:0;position:absolute;right:0;top:0}.page-rooms .one-room__background{background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.2);transition:all .4s ease}.page-rooms .one-room__background::after{background-color:rgba(0,0,0,.4);border:6px solid #452e7d;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .4s ease}.page-rooms .one-room__inner{color:#fff;left:0;padding:0 25px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.page-rooms .one-room__inner h4{font-size:1.6666666667rem;border:0;color:#fff;line-height:1.1em;margin:0 0 10px;transition:all .4s ease}.page-rooms .one-room__inner p{margin:0}.page-rooms .one-room:hover .one-room__background{transform:scale(1)}.page-rooms .one-room:hover .one-room__background::after{background-color:rgba(0,0,0,.7)}.page-room #main{display:flex;min-height:calc(100vh - 90px);padding:0}.page-room #main>.copy-link{display:none}.page-room .main-content{display:flex;flex:1;flex-direction:row;margin:2rem -1rem;padding-left:50px;padding-right:50px}.page-room .main-content>*{border-top-left-radius:.25em;border-top-right-radius:.25em;margin:0 1rem;padding:1.5rem}.page-room .game-players{background:#fff;display:flex;flex:3;flex-direction:column;margin-left:.75rem}.page-room .game-players .button{align-self:center;margin-top:1em}.page-room .game-players .player-list{flex:1;list-style:none;margin:0;padding:0}.page-room .game-players .player-list li{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;list-style:none;margin:0;position:relative;width:100%}.page-room .game-players .player-list li.active{background:#f2f2f2;font-weight:bold}.page-room .game-players .player-list li>*{height:70px;line-height:70px;margin:0;padding:0}.page-room .game-players .player-list .player--rank{font-size:1.4em;position:relative;text-align:center;vertical-align:middle;width:2em}.page-room .game-players .player-list .player--rank.icon::before,.page-room .game-players .player-list .player--rank.icon::after{font-size:1em;left:0;line-height:1.4;margin:0;position:absolute;right:0;width:100%}.page-room .game-players .player-list .player--rank.icon-up::before{color:#37bb5d;top:0}.page-room .game-players .player-list .player--rank.icon-down::before{bottom:0;color:#d44745}.page-room .game-players .player-list .player--name{display:flex;flex:1;flex-direction:column;justify-content:center;padding:0 5px}.page-room .game-players .player-list .player--name p{align-items:center;display:flex;flex-direction:row;font-size:1.2em;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-room .game-players .player-list .player--name p.labels{font-size:1em;line-height:1.2}.page-room .game-players .player-list .player--name p.fullname{margin-bottom:.4em}.page-room .game-players .player-list .player--name [class^=icon-]{font-size:.8em;margin-left:.4em;opacity:.6}.page-room .game-players .player-list .player--name .team{border:1px solid #999;border-radius:20px;color:#999;font-size:12px;line-height:12px;margin-right:8px;padding:1px 6px}.page-room .game-players .player-list .player--name .label{margin:0 .5em;opacity:.2;padding:0 5px;vertical-align:top;width:auto}.page-room .game-players .player-list .player--name .label.active{opacity:1}.page-room .game-players .player-list .player--name .label:first-child{margin-left:0}.page-room .game-players .player-list .player--name .position,.page-room .game-players .player-list .player--name .duration{margin:0 .2em}.page-room .game-players .player-list .player--name .icon::before{margin-left:0}.page-room .game-players .player-list .player--name .duration{color:#999}.page-room .game-players .player-list a.player--name:hover{text-decoration:none}.page-room .game-players .player-list a.player--name:hover .name{text-decoration:underline}.page-room .game-players .player-list .player--guess{font-size:1.6em;text-align:center}.page-room .game-players .player-list .player--score{font-size:1.6em;font-weight:normal;padding:0 10px;text-align:right;width:3.2em}.page-room .game-players .player-list .player--score sup{font-size:.4em;text-transform:uppercase;top:-1.4em}.page-room .guess-form{margin:1em auto;width:100%;z-index:1}.page-room .guess-form .clock{color:#452e7d;display:flex;flex-direction:row;font-size:1.2em;line-height:1em;margin:.5em 1em}.page-room .guess-form .clock>*{text-align:center}.page-room .guess-form .clock>*:first-child{text-align:left}.page-room .guess-form .clock>*:last-child{text-align:right}.page-room .guess-form .clock .clock-waiting{flex:1;width:100%}.page-room .guess-form .clock .clock-current{flex:1;position:relative;vertical-align:top}.page-room .guess-form .clock .clock-current strong{color:#452e7d}.page-room .guess-form .clock .clock-current.pulse strong{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulse-text;text-align:center;vertical-align:top}.page-room .guess-form .clock .clock-duration{flex:1}.page-room .guess-form .clock .clock-phase{font-size:1rem;flex:2;font-weight:bold;text-transform:uppercase}.page-room .guess-form.done .form-container{border-radius:4px;height:8px}.page-room .guess-form.done .form-container input{height:0;opacity:0}.page-room .guess-form.done .progress-container{background-color:#fff}.page-room .guess-form .start-control .option{position:absolute;z-index:100}.page-room .form-container{background-color:#f2f2f2;border-radius:.25em;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 .6em 5em rgba(69,46,125,.2);height:6em;transition:height 500ms 500ms;width:100%;z-index:90}.page-room .form-container .progress-container{border-radius:4px;height:8px}.page-room .form-container .dot{animation:appear 200ms 0s 1 ease-out;background-color:#452e7d;border-radius:4px;height:4px;position:absolute;top:2px;width:4px}.page-room .form-container .dot .popover{background-color:#fff;border-radius:4px;border-bottom-left-radius:0;bottom:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-sizing:border-box;color:#452e7d;font-size:12px;left:2px;line-height:12px;padding:6px 8px;position:absolute;text-align:center;transform-origin:left center;white-space:nowrap}.page-room .form-container .dot .popover.me{background-color:#452e7d;color:#fff;font-weight:bold;z-index:10}.page-room .form-container .dot .popover:hover{z-index:12}.page-room .form-container input{background:none;border:0;caret-color:#452e7d;color:#452e7d;font-family:"Montserrat","Helvetica",sans-serif;font-size:3em;font-weight:bold;height:calc(2em - 8px);line-height:1.3em;opacity:1;padding-left:15px;padding-right:15px;transition:all 500ms 500ms;width:100%}.page-room .current-song{display:flex;line-height:1em;margin:4em 100px 2em;position:relative;transition:font-size 500ms 500ms}.page-room .current-song .counter-container{left:50%;position:absolute;top:50%;z-index:10}.page-room .current-song .counter-container.pulse{animation-duration:1s;animation-iteration-count:infinite;animation-name:pulse}.page-room .current-song .counter-container.wait .counter{background:#fff;border-radius:50%}.page-room .current-song .counter-container.wait .counter_value{color:#452e7d}.page-room .current-song .counter-container.wait .counter::before{border-radius:50%}.page-room .current-song .counter{background-image:linear-gradient(-135deg, #61499b 0%, #452e7d 100%);border-radius:14px;height:74px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:center center;transition:border-radius .2s ease,transform .2s ease;width:74px;z-index:10}.page-room .current-song .counter::before{background-color:rgba(0,0,0,0);border:6px solid #3c2674;border-radius:18px;bottom:-6px;content:"";left:-6px;opacity:.2;position:absolute;right:-6px;top:-6px;z-index:-1}.page-room .current-song .counter_value{bottom:0;color:#fff;font-size:36px;font-weight:bold;left:0;line-height:74px;position:absolute;right:0;text-align:center;top:0;transform:rotate(45deg);z-index:2}.page-room .current-song .status{color:rgba(69,46,125,.4);display:flex;flex:1;flex-direction:row;font-weight:bold;height:64px;justify-content:flex-end;line-height:30px;opacity:1;position:relative;transition:opacity .15s linear}.page-room .current-song .status::before{background:#fff;border-radius:0 10px 10px 0;bottom:0;content:"";left:0;top:0;transform:scaleX(0);transform-origin:center left;transition:transform .3s ease-out;width:100%}.page-room .current-song .status .value{font-size:1.3333333333rem;bottom:0;color:#452e7d;left:100px;overflow:hidden;padding:17px 15px 15px;position:absolute;right:15px;text-overflow:ellipsis;top:0;white-space:nowrap}.page-room .current-song .status .icon{color:#452e7d;font-size:30px;left:65px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%)}.page-room .current-song .status.active{color:#452e7d}.page-room .current-song .status.active::before{transform:scaleX(1)}.page-room .current-song .status.active .icon{color:#452e7d;transform:translateY(-50%) scale(1.2)}.page-room .current-song .status.hide{opacity:0}.page-room .current-song .status:first-child::before{border-radius:10px 0 0 10px;content:"";left:auto;right:0;transform-origin:center right}.page-room .current-song .status:first-child .value{left:15px;right:100px;text-align:right}.page-room .current-song .status:first-child .icon{left:auto;right:65px}.page-room .guess-helper{color:#b3b3b3;padding:0 0 10px}.page-room .column-header{align-items:center;border-bottom:2px solid #e8e8e8;display:flex;font-size:1.2em;justify-content:space-between;line-height:1;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.page-room .column-header .left,.page-room .column-header .right{align-items:center;display:flex}.page-room .column-header .left .button,.page-room .column-header .right .button{height:auto;line-height:normal;padding:0 1em}.page-room .column-header h1,.page-room .column-header h2,.page-room .column-header h3,.page-room .column-header h4,.page-room .column-header h5,.page-room .column-header h6{line-height:1}.page-room .column-header .numbers{font-size:1.3333333333rem;color:#999;font-weight:bold}.page-room .column-header .numbers strong{color:#444}.page-room .column-header .progress{align-items:center;display:flex;flex-direction:row;font-size:10px;margin:0 2em}.page-room .column-header .progress .progress-song{background:#e8e8e8;border-radius:.2em;display:block;height:1em;margin:0 .2em;transition:transform 300ms;width:1em}.page-room .column-header .progress .progress-song.active{transform:rotate(-45deg)}.page-room .column-header .progress .progress-song.missed{background-color:#999}.page-room .column-header .progress .progress-song.name{background:linear-gradient(135deg, #704fd1 50%, #999 50%)}.page-room .column-header .progress .progress-song.artist{background:linear-gradient(135deg, #999 50%, #704fd1 50%)}.page-room .column-header .progress .progress-song.full{background:#704fd1}.page-room .game-history{background-color:#fff;flex:3;margin-right:.75rem;position:relative}.page-room .game-history .song-list{display:flex;flex-direction:column-reverse;list-style:none}.page-room .game-history .song-list,.page-room .game-history .song-list li{margin:0;padding:0}.page-room .game-history .song-list li{align-items:center;animation:.4s ease-out 0s 1 slideDown;display:flex;width:100%}.page-room .game-history .song-list li>*{margin:10px}.page-room .game-history .song-list li:nth-child(odd){background:#f2f2f2;border-radius:.25em}.page-room .game-history .song-list li:nth-child(odd) .cover{background-color:#fff}.page-room .game-history .song-list .cover{background-color:#f2f2f2;border:0;border-radius:.125em;display:block;height:60px;width:60px}.page-room .game-history .song-list .song-infos{font-size:1rem;color:#444;display:flex;flex:1;flex-direction:column;line-height:1.4em}.page-room .game-history .song-list .song-infos strong{font-size:1.1111111111rem;color:#444;display:block;margin-bottom:3px}.page-room .game-history .song-list .song-duration{color:#999;padding-right:10px}.page-room .game-history .song-list .label{padding:0 .6em;width:auto}.page-room .song-rank{color:#999;font-size:1em;position:relative;text-align:right;width:auto}.page-room .song-rank.song-rank-1{color:#eec93c}.page-room .song-rank.song-rank-2{color:#afafaf}.page-room .song-rank.song-rank-3{color:#ed9d52}.page-room .icon.marker.icon-up{color:#37bb5d}.page-room .icon.marker.icon-down{color:#d44745}.page-room .game-guesses{float:left;width:33.33333%}.page-room .game-guesses .guess.active{font-weight:bold}.page-room .game-guesses .guess:nth-child(1){color:#f0d95b}.page-room .game-guesses .guess:nth-child(2){color:#afafaf}.page-room .game-guesses .guess:nth-child(3){color:#eb9c59}.page-room .game-guesses ul{list-style:none;margin:0;padding:0}.page-room .game-guesses ul li{margin:0}.page-room .background{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.page-room .footer{margin-left:50px;margin-right:50px;padding:1em 2em}.anim-right{animation:right 500ms 0s 1 ease-out}.anim-wrong{animation:wrong 500ms 0s 1 ease-out}.game-chat-container{display:flex;height:100vh}.game-container{flex:1;overflow:auto;position:relative}.chat-container{align-items:stretch;background-color:rgb(58.7105263158,39.1403508772,106.3596491228);display:flex;flex-direction:column;font-size:14px;height:100vh;position:relative;transition:width 300ms ease-in-out;width:340px}.chat-container.closed{width:0}.chat-container.closed .chat-title,.chat-container.closed .chat-content,.chat-container.closed .chat-form{width:340px}.chat-container .chat-header{display:flex;flex-direction:column;padding:0 1rem}.chat-container .chat-header .chat-head{display:flex;justify-content:space-between}.chat-container .chat-header .chat-options{color:#fff;font-size:1.2em;margin-right:-1em;opacity:.8;padding:1em}.chat-container .chat-header .chat-options:hover{opacity:1}.chat-container .chat-header .option-list{display:flex;flex-direction:column}.chat-container .chat-header .option-list .option{background-color:hsla(0,0%,100%,.2);border-radius:4px;color:#fff}.chat-container .chat-header .option-list .option:hover{background-color:hsla(0,0%,100%,.33)}.chat-container .chat-title{color:#fff;font-size:1.6em;height:90px;line-height:90px;margin:0}.chat-container .chat-form{background-color:hsla(0,0%,100%,.9);border-radius:6px;margin:10px;padding:0 10px}.chat-container .chat-form input{background:none;border:0;color:#452e7d;font-size:1em;height:1em;line-height:normal;padding:0;width:100%}.chat-container .chat-content{align-items:stretch;display:flex;flex:1;flex-direction:column-reverse;list-style:none;margin:0;overflow:auto;padding:0;padding:10px}.chat-container .chat-content .message{color:#fff;display:flex;flex-direction:column;font-size:1.2em;line-height:1em;margin:15px 10px 0}.chat-container .chat-content .message.me{text-align:right}.chat-container .chat-content .message.me .message-head{justify-content:flex-end}.chat-container .chat-content .message .message-head{display:flex;justify-content:space-between;margin-bottom:.4em}.chat-container .chat-content .message .message-time{color:hsla(0,0%,100%,.5);font-size:.67em}.chat-container .chat-content .message .message-player{color:hsla(0,0%,100%,.8);font-size:.8em}.chat-container .chat-content .message .mute{background:none;border:0;color:#fff;opacity:0;transition:opacity 100ms ease-in}.chat-container .chat-content .message:hover .mute{opacity:1}.chat-container .chat-content .message .message-content{line-height:1.2}.chat-container .chat-content .message .blur{color:rgba(0,0,0,0);text-shadow:0 0 5px hsla(0,0%,100%,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-toggle{align-items:center;background:rgb(58.7105263158,39.1403508772,106.3596491228);border-bottom-left-radius:8px;border-top-left-radius:8px;color:#fff;display:flex;flex-direction:column;height:60px;justify-content:center;left:0;position:absolute;top:45px;transform:translate(-100%, -50%);width:45px;z-index:9999}.chat-toggle .icon::before{content:""}.chat-toggle:hover .icon::before{content:""}.chat-toggle.closed{background:#fff;color:#452e7d}.chat-toggle.closed:hover .icon::before{content:""}.chat-toggle .count{align-items:center;background:#d44745;border-radius:16px;color:#fff;display:flex;font-size:13px;font-weight:bold;height:16px;justify-content:center;line-height:.8;margin-bottom:6px;width:16px}@media(max-width: 1280px){.chat-container{width:220px}}@media(max-width: 990px){.chat-container{display:none}}@media(max-width: 1280px){html{font-size:16px}.page-home{max-width:990px}.page-home .steps{margin-top:2em}#header{padding-left:0}.container{width:calc(100% - 40px)}.page-room #main{min-height:calc(100vh - 80px)}.page-room .main-content{padding-left:0;padding-right:0}}@media(max-width: 990px){.page-home{max-width:767px}.page-home .steps{padding:1rem .5rem}.page-home .steps .step{margin:0 .5rem}.page-home .steps .step_num{height:60px;line-height:60px;width:60px}.page-home .steps .step_text{width:160px}.page-room .main-content>*{padding-left:1rem;padding-right:1rem}.page-room .guess-form .clock{font-size:1rem}.page-room .game-history .song-list .cover{height:50px;width:50px}.page-room .game-history .song-list .song-infos{font-size:.85rem;margin-left:0}.page-room .game-history .song-list .song-infos strong{font-size:1rem;margin-bottom:0}.page-room .game-players .player-list li>span{height:70px;line-height:70px}.page-room .game-players .player-list .player--rank{font-size:1.2rem;width:60px}.page-room .game-players .player-list .player--name p{font-size:1rem}.page-room .game-players .player-list .player--score{font-size:1.2rem}.page-room .game-players .player-list .player--score sup{font-size:8px}}@media(max-width: 767px){body{font-size:14px}h1{font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}.logo{font-size:60px}#header{padding-left:0;padding-right:0;position:relative}#header .profile.edit{box-shadow:rgba(0,0,0,.1);position:absolute;width:100%}#header .profile.edit .input{width:100%}#header .volume-control-container{margin:0;transition:none}#header .volume-control-container:hover{box-shadow:rgba(0,0,0,.1);position:absolute;width:100%;z-index:30}#header .volume-control-container:hover input{width:100%}.page-home .footer,.page-room .footer{flex-direction:column;margin:20px 0;padding:0}.page-home .footer_social,.page-room .footer_social{flex-direction:column}#room-name{font-size:1.2em;height:auto;line-height:1}#room-name .logo-inline{font-size:1.4em}.page-home{display:block;max-width:479px}.page-home #login-form{margin:20px 10px}.page-home #login-form .inputWrapper{width:100%}.page-home .steps{align-items:center;flex-direction:column;margin-top:20px;overflow:hidden;padding:10px 20px}.page-home .steps .step{margin:10px 0}.page-home .steps .step_text{width:calc(100% - 32px)}.page-home .steps .step_num{font-size:1.4em;height:32px;line-height:32px;width:32px}.page-home .top-bar{font-size:1em;justify-content:flex-end}.page-home .top-bar .mobile{display:initial}.page-home .top-bar .desktop{display:none}.page-home .top-bar .menu{background-color:rgb(58.7105263158,39.1403508772,106.3596491228);flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-101%);transition:transform 300ms ease-in-out;z-index:99}.page-home .top-bar .menu .toggle{display:block;font-size:1.4em;position:absolute;right:-14px;top:14px;transform:translateX(100%);z-index:99}.page-home .top-bar .menu .toggle::before{content:"☰"}.page-home .top-bar .menu nav{flex-direction:column;min-width:66vw;padding-top:.5em}.page-home .top-bar .menu nav a,.page-home .top-bar .menu nav a:visited,.page-home .top-bar .menu nav p{color:#fff;display:initial;margin:.5em;padding:.5em 1em}.page-home .top-bar .menu.open{box-shadow:0 0 5px 2px rgba(0,0,0,.5);transform:translateX(0)}.page-home .top-bar .menu.open .toggle::before{content:"✕"}.page-home .top-bar .menu.open::after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);content:"";height:100vh;left:100%;position:fixed;width:100vw;z-index:50}.page-home .top-bar .connect .user{align-self:flex-end}.page-room .guess-form{margin:0}.page-room .form-container{height:68px}.page-room .form-container input{font-size:18px;height:60px}.page-room .current-song{margin:40px 0}.page-room .current-song .status .icon{font-size:24px;left:60px}.page-room .current-song .status .value{display:none;font-size:14px;left:80px;padding:17px 5px 15px 10px;right:0}.page-room .current-song .status:first-child .icon{left:auto;right:60px}.page-room .current-song .status:first-child .value{left:auto;padding:17px 10px 15px 5px;right:80px}.page-room .current-song .counter{height:60px;width:60px}.page-room .current-song .counter_value{font-size:28px;line-height:60px}.page-room .game-players .player-list li>*{height:60px;line-height:60px}.page-room .game-players .player-list .player--name .label{font-size:.8em;height:auto;line-height:1;padding:.2em .3em}.page-room .game-players .player-list .player--score{font-size:1.2em}.page-room .main-content{display:block;margin:0;margin-bottom:20px}.page-room #main>.copy-link{display:inherit}.page-room .game-history{flex:none;margin:0 0 20px;padding:1rem;width:100%}.page-room .game-history .song-list{max-height:5em}.page-room .game-history .song-list li{display:none}.page-room .game-history .song-list li:last-child{display:flex}.page-room .game-players{flex:none;margin:0;padding:1rem;width:100%}.page-room .column-header .progress{display:none}.endScreen .endScreen_wrap{height:calc(100vh - 40px);width:calc(100vw - 40px)}.endScreen .endScreen_remaining{font-size:1em;margin-bottom:0}.endScreen .endScreen_main{flex-direction:column}.endScreen .endScreen_main hgroup{padding-top:1em}.endScreen .endScreen_main hgroup h2{font-size:2em}.endScreen .endScreen_main hgroup h3{font-size:1.4em}.endScreen .endScreen_main_left{flex:3}.endScreen .endScreen_main_right{flex:2;max-height:50%}.endScreen .podium{align-self:stretch;flex:1;justify-content:flex-end}.endScreen .podium .podium-players{font-size:1em}.endScreen .podium .podium-players li:nth-child(1){top:30px}.endScreen .podium .podium-players li:nth-child(2){left:20px;top:90px}.endScreen .podium .podium-players li:nth-child(3){right:20px;top:120px}.endScreen .podium>svg{height:70%;width:100%}.modal_inner{margin:1em}}