@import url(https://fonts.googleapis.com/css?family=Archivo|Archivo+Black|Crimson+Text:400,400i&display=swap);
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-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}input{overflow:visible}[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;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}.col-mobile-0{flex-basis:calc(0*100%/12 - (20px));width:calc(0*100%/12 - (20px));max-width:calc(0*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-0{flex-basis:calc(0*100%/12);width:calc(0*100%/12);max-width:calc(0*100%/12);margin:0px}}.col-mobile-1{flex-basis:calc(1*100%/12 - (20px));width:calc(1*100%/12 - (20px));max-width:calc(1*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-1{flex-basis:calc(1*100%/12);width:calc(1*100%/12);max-width:calc(1*100%/12);margin:0px}}.col-mobile-2{flex-basis:calc(2*100%/12 - (20px));width:calc(2*100%/12 - (20px));max-width:calc(2*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-2{flex-basis:calc(2*100%/12);width:calc(2*100%/12);max-width:calc(2*100%/12);margin:0px}}.col-mobile-3{flex-basis:calc(3*100%/12 - (20px));width:calc(3*100%/12 - (20px));max-width:calc(3*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-3{flex-basis:calc(3*100%/12);width:calc(3*100%/12);max-width:calc(3*100%/12);margin:0px}}.col-mobile-4{flex-basis:calc(4*100%/12 - (20px));width:calc(4*100%/12 - (20px));max-width:calc(4*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-4{flex-basis:calc(4*100%/12);width:calc(4*100%/12);max-width:calc(4*100%/12);margin:0px}}.col-mobile-5{flex-basis:calc(5*100%/12 - (20px));width:calc(5*100%/12 - (20px));max-width:calc(5*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-5{flex-basis:calc(5*100%/12);width:calc(5*100%/12);max-width:calc(5*100%/12);margin:0px}}.col-mobile-6{flex-basis:calc(6*100%/12 - (20px));width:calc(6*100%/12 - (20px));max-width:calc(6*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-6{flex-basis:calc(6*100%/12);width:calc(6*100%/12);max-width:calc(6*100%/12);margin:0px}}.col-mobile-7{flex-basis:calc(7*100%/12 - (20px));width:calc(7*100%/12 - (20px));max-width:calc(7*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-7{flex-basis:calc(7*100%/12);width:calc(7*100%/12);max-width:calc(7*100%/12);margin:0px}}.col-mobile-8{flex-basis:calc(8*100%/12 - (20px));width:calc(8*100%/12 - (20px));max-width:calc(8*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-8{flex-basis:calc(8*100%/12);width:calc(8*100%/12);max-width:calc(8*100%/12);margin:0px}}.col-mobile-9{flex-basis:calc(9*100%/12 - (20px));width:calc(9*100%/12 - (20px));max-width:calc(9*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-9{flex-basis:calc(9*100%/12);width:calc(9*100%/12);max-width:calc(9*100%/12);margin:0px}}.col-mobile-10{flex-basis:calc(10*100%/12 - (20px));width:calc(10*100%/12 - (20px));max-width:calc(10*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-10{flex-basis:calc(10*100%/12);width:calc(10*100%/12);max-width:calc(10*100%/12);margin:0px}}.col-mobile-11{flex-basis:calc(11*100%/12 - (20px));width:calc(11*100%/12 - (20px));max-width:calc(11*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-11{flex-basis:calc(11*100%/12);width:calc(11*100%/12);max-width:calc(11*100%/12);margin:0px}}.col-mobile-12{flex-basis:calc(12*100%/12 - (20px));width:calc(12*100%/12 - (20px));max-width:calc(12*100%/12 - (20px));margin:0 10px}@media(max-width: 350px){.col-mobile-12{flex-basis:calc(12*100%/12);width:calc(12*100%/12);max-width:calc(12*100%/12);margin:0px}}@media(min-width: 420px){.col-mobile-offset-0{margin-left:calc(0*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-1{margin-left:calc(1*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-2{margin-left:calc(2*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-3{margin-left:calc(3*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-4{margin-left:calc(4*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-5{margin-left:calc(5*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-6{margin-left:calc(6*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-7{margin-left:calc(7*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-8{margin-left:calc(8*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-9{margin-left:calc(9*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-10{margin-left:calc(10*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-11{margin-left:calc(11*100%/12 + (10px))}}@media(min-width: 420px){.col-mobile-offset-12{margin-left:calc(12*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-0{flex-basis:calc(0*100%/12 - (20px));width:calc(0*100%/12 - (20px));max-width:calc(0*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-1{flex-basis:calc(1*100%/12 - (20px));width:calc(1*100%/12 - (20px));max-width:calc(1*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-2{flex-basis:calc(2*100%/12 - (20px));width:calc(2*100%/12 - (20px));max-width:calc(2*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-3{flex-basis:calc(3*100%/12 - (20px));width:calc(3*100%/12 - (20px));max-width:calc(3*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-4{flex-basis:calc(4*100%/12 - (20px));width:calc(4*100%/12 - (20px));max-width:calc(4*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-5{flex-basis:calc(5*100%/12 - (20px));width:calc(5*100%/12 - (20px));max-width:calc(5*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-6{flex-basis:calc(6*100%/12 - (20px));width:calc(6*100%/12 - (20px));max-width:calc(6*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-7{flex-basis:calc(7*100%/12 - (20px));width:calc(7*100%/12 - (20px));max-width:calc(7*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-8{flex-basis:calc(8*100%/12 - (20px));width:calc(8*100%/12 - (20px));max-width:calc(8*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-9{flex-basis:calc(9*100%/12 - (20px));width:calc(9*100%/12 - (20px));max-width:calc(9*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-10{flex-basis:calc(10*100%/12 - (20px));width:calc(10*100%/12 - (20px));max-width:calc(10*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-11{flex-basis:calc(11*100%/12 - (20px));width:calc(11*100%/12 - (20px));max-width:calc(11*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-12{flex-basis:calc(12*100%/12 - (20px));width:calc(12*100%/12 - (20px));max-width:calc(12*100%/12 - (20px));margin:0 10px}}@media(min-width: 768px){.col-tablet-offset-0{margin-left:calc(0*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-1{margin-left:calc(1*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-2{margin-left:calc(2*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-3{margin-left:calc(3*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-4{margin-left:calc(4*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-5{margin-left:calc(5*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-6{margin-left:calc(6*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-7{margin-left:calc(7*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-8{margin-left:calc(8*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-9{margin-left:calc(9*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-10{margin-left:calc(10*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-11{margin-left:calc(11*100%/12 + (10px))}}@media(min-width: 768px){.col-tablet-offset-12{margin-left:calc(12*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-0{flex-basis:calc(0*100%/12 - (20px));width:calc(0*100%/12 - (20px));max-width:calc(0*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-1{flex-basis:calc(1*100%/12 - (20px));width:calc(1*100%/12 - (20px));max-width:calc(1*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-2{flex-basis:calc(2*100%/12 - (20px));width:calc(2*100%/12 - (20px));max-width:calc(2*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-3{flex-basis:calc(3*100%/12 - (20px));width:calc(3*100%/12 - (20px));max-width:calc(3*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-4{flex-basis:calc(4*100%/12 - (20px));width:calc(4*100%/12 - (20px));max-width:calc(4*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-5{flex-basis:calc(5*100%/12 - (20px));width:calc(5*100%/12 - (20px));max-width:calc(5*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-6{flex-basis:calc(6*100%/12 - (20px));width:calc(6*100%/12 - (20px));max-width:calc(6*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-7{flex-basis:calc(7*100%/12 - (20px));width:calc(7*100%/12 - (20px));max-width:calc(7*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-8{flex-basis:calc(8*100%/12 - (20px));width:calc(8*100%/12 - (20px));max-width:calc(8*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-9{flex-basis:calc(9*100%/12 - (20px));width:calc(9*100%/12 - (20px));max-width:calc(9*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-10{flex-basis:calc(10*100%/12 - (20px));width:calc(10*100%/12 - (20px));max-width:calc(10*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-11{flex-basis:calc(11*100%/12 - (20px));width:calc(11*100%/12 - (20px));max-width:calc(11*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-12{flex-basis:calc(12*100%/12 - (20px));width:calc(12*100%/12 - (20px));max-width:calc(12*100%/12 - (20px));margin:0 10px}}@media(min-width: 1024px){.col-small-desktop-offset-0{margin-left:calc(0*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-1{margin-left:calc(1*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-2{margin-left:calc(2*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-3{margin-left:calc(3*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-4{margin-left:calc(4*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-5{margin-left:calc(5*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-6{margin-left:calc(6*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-7{margin-left:calc(7*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-8{margin-left:calc(8*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-9{margin-left:calc(9*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-10{margin-left:calc(10*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-11{margin-left:calc(11*100%/12 + (10px))}}@media(min-width: 1024px){.col-small-desktop-offset-12{margin-left:calc(12*100%/12 + (10px))}}@media(min-width: 1440px){.col-desktop-0{flex-basis:calc(0*100%/12 - (20px));width:calc(0*100%/12 - (20px));max-width:calc(0*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-1{flex-basis:calc(1*100%/12 - (20px));width:calc(1*100%/12 - (20px));max-width:calc(1*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-2{flex-basis:calc(2*100%/12 - (20px));width:calc(2*100%/12 - (20px));max-width:calc(2*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-3{flex-basis:calc(3*100%/12 - (20px));width:calc(3*100%/12 - (20px));max-width:calc(3*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-4{flex-basis:calc(4*100%/12 - (20px));width:calc(4*100%/12 - (20px));max-width:calc(4*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-5{flex-basis:calc(5*100%/12 - (20px));width:calc(5*100%/12 - (20px));max-width:calc(5*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-6{flex-basis:calc(6*100%/12 - (20px));width:calc(6*100%/12 - (20px));max-width:calc(6*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-7{flex-basis:calc(7*100%/12 - (20px));width:calc(7*100%/12 - (20px));max-width:calc(7*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-8{flex-basis:calc(8*100%/12 - (20px));width:calc(8*100%/12 - (20px));max-width:calc(8*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-9{flex-basis:calc(9*100%/12 - (20px));width:calc(9*100%/12 - (20px));max-width:calc(9*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-10{flex-basis:calc(10*100%/12 - (20px));width:calc(10*100%/12 - (20px));max-width:calc(10*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-11{flex-basis:calc(11*100%/12 - (20px));width:calc(11*100%/12 - (20px));max-width:calc(11*100%/12 - (20px));margin:0 10px}}@media(min-width: 1440px){.col-desktop-12{flex-basis:calc(12*100%/12 - (20px));width:calc(12*100%/12 - (20px));max-width:calc(12*100%/12 - (20px));margin:0 10px}}.col-desktop-offset-0{margin-left:calc(0*100%/12 + (10px))}.col-desktop-offset-1{margin-left:calc(1*100%/12 + (10px))}.col-desktop-offset-2{margin-left:calc(2*100%/12 + (10px))}.col-desktop-offset-3{margin-left:calc(3*100%/12 + (10px))}.col-desktop-offset-4{margin-left:calc(4*100%/12 + (10px))}.col-desktop-offset-5{margin-left:calc(5*100%/12 + (10px))}.col-desktop-offset-6{margin-left:calc(6*100%/12 + (10px))}.col-desktop-offset-7{margin-left:calc(7*100%/12 + (10px))}.col-desktop-offset-8{margin-left:calc(8*100%/12 + (10px))}.col-desktop-offset-9{margin-left:calc(9*100%/12 + (10px))}.col-desktop-offset-10{margin-left:calc(10*100%/12 + (10px))}.col-desktop-offset-11{margin-left:calc(11*100%/12 + (10px))}.col-desktop-offset-12{margin-left:calc(12*100%/12 + (10px))}#test-grid{position:fixed;pointer-events:none;height:100%;top:0;left:0;z-index:10;width:100%;visibility:hidden}#test-grid .grid-container{height:100%}#test-grid.show{visibility:visible}#test-grid .row{height:100%}#test-grid *[class*=col]{opacity:.15;height:100%;position:relative;box-sizing:border-box;border-left:1px solid #000;border-right:1px solid #000}.grid-container{width:100%;max-width:1440px;padding:0 50px;margin:0 auto}@media(min-width: 768px){.grid-container{padding:0 70px}}@media(min-width: 1024px){.grid-container{padding:0 70px}}@media(min-width: 1440px){.grid-container{padding:0 70px}}.row{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -20px}@media(min-width: 768px){.row{margin-right:-20px}}@media(min-width: 1024px){.row{margin-right:-20px}}@media(min-width: 1440px){.row{margin-right:-20px}}.row.reverse{flex-direction:row-reverse}.row.full{margin:0;padding:0}.row.nowrap{flex-wrap:nowrap}.col{display:flex;flex-direction:column}.col.reverse{flex-direction:column-reverse}.vertical-align-wrapper{display:flex;align-items:center;justify-content:center}.flex{display:flex}.wrap{flex-wrap:wrap}.start{justify-content:flex-start}.center{justify-content:center;text-align:center}.end{justify-content:flex-end}.around{justify-content:space-around}.between{justify-content:space-between}.top{align-items:flex-start}.middle{align-items:center}.bottom{align-items:flex-end}.column{flex-direction:column}.first{order:-1}.last{order:1}@keyframes blurText{0%{opacity:1;filter:blur(15px)}30%{opacity:1;filter:blur(0px)}70%{opacity:1;filter:blur(0px)}100%{opacity:0;filter:blur(15px)}}@keyframes popoutA{0%{transform:translate(50%, 100%) rotate(45deg)}40%{transform:translate(0%, 1%) rotate(-1deg)}60%{transform:translate(0%, 0%) rotate(2deg)}100%{transform:translate(0%, 0%) rotate(0)}}@keyframes popoutC{0%{transform:translate(0%, 100%) rotate(2deg)}33%{transform:translate(0%, 0%) rotate(-1deg)}66%{transform:translate(0%, 0%) rotate(2deg)}100%{transform:translate(0%, 0%) rotate(0)}}@keyframes flash{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}h1,h2,h3,h4,h5,h6{font-weight:normal}.headline-2{font-family:"Crimson Text",serif;font-size:3.25rem;line-height:1.29}.headline-3,.headline-3-italic{font-family:"Crimson Text",serif;font-size:2rem;line-height:1.29;font-weight:400}.headline-4{font-family:"Archivo Black",sans-serif;font-size:2rem;line-height:1.5}.headline-3-italic{font-style:italic;font-weight:400}.headline-score{font-size:10rem;font-weight:400}.label{font-size:1.2rem;font-family:"Archivo",sans-serif;text-transform:uppercase;line-height:1}.body-copy,.lyrics-vw,.body-copy-small,.body-copy-vw{font-family:"Crimson Text",serif;font-size:2rem;line-height:1.29}.body-copy a,.lyrics-vw a,.body-copy-small a,.body-copy-vw a{text-decoration:underline}.body-copy a:focus,.lyrics-vw a:focus,.body-copy-small a:focus,.body-copy-vw a:focus,.body-copy a:hover,.lyrics-vw a:hover,.body-copy-small a:hover,.body-copy-vw a:hover{text-decoration:none}.body-copy-vw{font-size:5vw}@media(min-width: 768px){.body-copy-vw{font-size:4vw}}@media(min-width: 1024px){.body-copy-vw{font-size:3vw}}@media(min-width: 1440px){.body-copy-vw{font-size:4rem}}.body-copy-small{font-size:1.75rem}.lyrics-vw{font-size:4.5vw;white-space:nowrap}@media(min-width: 768px){.lyrics-vw{font-size:4vw}}@media(min-width: 1440px){.lyrics-vw{font-size:4.5rem}}.cta-body,.cta{font-family:"Archivo Black",sans-serif;font-size:1.5rem;line-height:1;text-transform:uppercase;font-weight:normal}.legal-text{font-size:1rem;font-family:"Archivo"}.legal-text:focus,.legal-text:hover{text-decoration:underline}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0;box-sizing:border-box}.page-wrapper{z-index:1}html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}img{width:100%;height:auto}button{border:none;border-radius:0;background-color:rgba(0,0,0,0);cursor:pointer}input[type=text]{font-family:inherit}[role=button],input[type=submit],input[type=reset],input[type=button],button{box-sizing:content-box}input[type=submit],input[type=reset],input[type=button],button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}a{text-decoration:none;cursor:pointer;line-height:normal}ul,li{list-style:none}html{box-sizing:border-box;margin:0;padding:0;font-size:62.5%;height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{background-color:#000;color:#fff;margin:0;padding:0;height:100%;font-size:2rem;line-height:1.29;font-family:"Crimson Text";overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden;position:fixed;width:100%}body.no-scroll #header{top:0}.no-scroll{overflow:hidden}a,strong,span,em{font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;font-family:inherit}.hide-overflow{overflow:hidden}.page-wrapper{width:100%;margin:0 auto}.page-wrapper.show{opacity:1}.page-wrapper.show.hide{opacity:0}.page-wrapper.hide{opacity:0}button{cursor:pointer}.hidden{display:none}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-uppercase{text-transform:uppercase}.color-white{color:#fff}.bg-white{background-color:#fff}.color-black{color:#000}.bg-black{background-color:#000}.color-purple{color:#ce6a96}.bg-purple{background-color:#ce6a96}.color-greymed{color:#979797}.bg-greymed{background-color:#979797}.color-greydark{color:#444}.bg-greydark{background-color:#444}.color-red{color:#fe5f61}.bg-red{background-color:#fe5f61}.color-pink{color:#ce6a96}.bg-pink{background-color:#ce6a96}.bg-yellow{background-color:#f8e71c}.color-peach{color:#e7906d}.bg-peach{background-color:#e7906d}.color-gold{color:#f0ae47}.bg-gold{background-color:#f0ae47}.logo-queen{background:url(/images/logo-queen.png);background-size:contain;background-position:center;background-repeat:no-repeat;display:block}.logo-freddie{background:url(/images/logo-freddie.png);background-size:contain;background-position:center;background-repeat:no-repeat;display:block}.carrot-left{transform:rotate(180deg);width:10px;height:15px}.carrot-left g{fill:currentColor}.carrot-down{transform:rotate(90deg);width:10px;height:15px}.carrot-down g{fill:currentColor}.btn-close{align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:100%;color:#fff;display:flex;height:41px;justify-content:center;position:absolute;right:30px;top:27px;transition:border-color .5s cubic-bezier(0.19, 1, 0.22, 1);width:41px;z-index:15}.btn-close svg{height:15.5px;width:16px}.btn-close:hover,.btn-close:focus{border:1px solid #fff}.header-container{display:flex;justify-content:left;align-items:center;padding:21px 11px;position:absolute;top:0;left:0;width:100%;z-index:10}.header-container .btn-back{align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:100%;color:#fff;display:flex;width:41px;height:41px;justify-content:center;z-index:3}.header-container .btn-back svg{height:15.5px;transform:rotate(180deg);width:9.5px}.header-container .btn-back:hover,.header-container .btn-back:focus{border:1px solid #fff}.cta{border:1px solid #fff;border-radius:40px;padding:15px 35px 13px;letter-spacing:-0.2px;display:inline-block;color:#fff;white-space:nowrap;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.cta:focus,.cta:hover{color:#000;background-color:#fff;border-color:#fff}.cta.color-black{color:#000;border-color:#000}.cta.color-black:focus,.cta.color-black:hover{color:#f8e71c;border-color:#f8e71c}.cta-small{font-size:1.8rem;font-family:"Archivo",sans-serif;text-transform:uppercase;line-height:1}.cta-small:focus,.cta-small:hover{text-decoration:underline}@media(min-width: 1024px){.cta-small{font-size:1.5rem}}.cta-underline,.cta-underline-vw{color:#fff;font-family:"Archivo Black",sans-serif;font-size:1.6rem;text-transform:uppercase;position:relative;text-decoration:underline;display:inline-block}.cta-underline:focus,.cta-underline-vw:focus,.cta-underline:hover,.cta-underline-vw:hover{text-decoration:none}.cta-underline .carrot,.cta-underline-vw .carrot{width:6px;height:22px;display:inline-block;margin-left:5px}.cta-underline .carrot svg g,.cta-underline-vw .carrot svg g{fill:currentColor}.cta-underline .checkmark,.cta-underline-vw .checkmark{width:.8em;height:10px;left:-1.2em;top:.05em}.cta-underline-vw{font-size:3vw}@media(min-width: 768px){.cta-underline-vw{font-size:1.7rem}}.cta-view-score:after{display:none}.cta-view-score:focus:after,.cta-view-score:hover:after{display:block}.video-container.fullscreen{position:absolute;top:0;bottom:0;width:100%;height:105%;left:0;overflow:hidden;min-height:100vh}.video-container.fullscreen video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.body-copy+.body-copy,.body-copy-vw+.body-copy,.body-copy-small+.body-copy,.lyrics-vw+.body-copy,.body-copy+.body-copy-vw,.body-copy-small+.body-copy-vw,.lyrics-vw+.body-copy-vw,.body-copy+.body-copy-small,.body-copy-vw+.body-copy-small,.body-copy-small+.body-copy-small,.lyrics-vw+.body-copy-small,.body-copy+.lyrics-vw,.body-copy-vw+.lyrics-vw,.body-copy-small+.lyrics-vw,.lyrics-vw+.lyrics-vw,.body-copy-vw+.body-copy-vw{margin-top:40px}.lyrics-vw+.lyrics-vw{margin-top:10px}footer{padding:45px 0 0}footer .logo-item{padding:0 20px;width:33.33%;position:relative}footer .logo-item:nth-child(2){width:50%}footer .logo-item:nth-child(2):before,footer .logo-item:nth-child(2):after{content:"";display:block;position:absolute;width:1px;height:100%;background:linear-gradient(to bottom, transparent 0%, #ffffff 50%, transparent 100%);opacity:.5}footer .logo-item:nth-child(2):before{left:0}footer .logo-item:nth-child(2):after{right:0}footer .logo-item:first-child{width:42%;padding-left:0}footer .logo-item:last-child{padding-right:0;border-right:0}footer .legal-text{padding:50px 0 25px}footer .logo-youtube{max-width:180px}footer .logo-ai{max-width:120px}@media(min-width: 768px){footer .legal-text-row{position:relative;top:-50px;justify-content:flex-end}footer .legal-text{padding:0}}.modal{position:fixed;z-index:15;width:100%;height:100%;left:0;top:0}.modal .overlay{background:#000;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.modal .modal-content{position:relative;z-index:2;height:100%;overflow-y:auto}.modal .inner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:433px;width:80%;border-radius:20px;z-index:3}.video-modal .video-container{position:absolute;width:100%;padding-bottom:56%;top:50%;left:0;transform:translateY(-50%)}.video-modal .video-container .video-player{position:absolute;width:100%;height:100%}.headphones-modal .overlay,.earlyexit-modal .overlay,.unsupported-modal .overlay{opacity:.5}.headphones-modal .inner-wrapper,.earlyexit-modal .inner-wrapper,.unsupported-modal .inner-wrapper{background:rgba(0,0,0,0)}.headphones-modal .image,.earlyexit-modal .image,.unsupported-modal .image{background-size:cover;background-position:center;padding-bottom:56%;border-radius:20px 20px 0 0}.headphones-modal .message,.earlyexit-modal .message,.unsupported-modal .message{padding:100px 25px 50px;background-position:center 25px;background-size:50px;background-repeat:no-repeat}.headphones-modal .description-copy,.earlyexit-modal .description-copy,.unsupported-modal .description-copy{max-width:300px;margin:auto;margin-top:10px}.headphones-modal button,.earlyexit-modal button,.unsupported-modal button{margin-top:20px}.intro-modal .overlay{opacity:.5}.intro-modal .inner-wrapper{background:rgba(0,0,0,0)}.intro-modal button{margin-top:40px}.download-modal{opacity:0;pointer-events:none}.download-modal.show{opacity:1;pointer-events:all}.download-modal .overlay{opacity:.5}.download-modal .inner-wrapper{width:355px;top:50%;left:50%;border-radius:20px;padding:30px 40px 50px;transform:translate(-50%, -50%);transition:all .3s cubic-bezier(0.19, 1, 0.22, 1)}.download-modal .inner-wrapper p{font-size:1.5rem}.download-modal .inner-wrapper .cta-download{border-color:rgba(0,0,0,0);text-align:center;margin-top:27px;width:100%}.download-modal .inner-wrapper .cta-download span{display:block;font-family:"Archivo";font-size:1rem;margin-top:5px}.download-modal .download-item{flex-basis:25%}.download-modal .download-item .image{width:100%;background:gray;margin-bottom:35px;padding-bottom:124%}.download-modal .download-item p{font-weight:normal}.countdown-modal .overlay{opacity:.5}.countdown-modal .inner-wrapper{background-color:rgba(0,0,0,0)}.countdown-modal .number{font-size:25vw;transform:scale(1);transform-origin:50% 50%}.countdown-modal .number span{opacity:0}.countdown-modal .number.animate{transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);transform:scale(0.2)}.countdown-modal .number.animate span{opacity:1;animation-duration:1s;animation-name:blurText}.unsupported-modal .overlay{opacity:1}.unsupported-modal .debug{margin-bottom:4rem}.unsupported-modal input[type=text]{background:rgba(0,0,0,0);color:#fff;display:block;font-size:1.75rem;margin:40px auto 18px;text-align:center;width:100%}.unsupported-modal .cta{background:#fff;color:#000;padding-left:12px;padding-right:12px;position:relative}.unsupported-modal .cta:hover{border:1px solid;filter:invert(1)}.unsupported-modal .svg{display:inline-block;height:11px;width:22px}.permissions-modal .inner-wrapper{background:rgba(0,0,0,0)}.permissions-modal .permissions-content{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);transform:scale(0);width:100%}.permissions-modal .permissions-content.show{opacity:1;pointer-events:all;transform:translate(-50%, -50%) scale(1)}.permissions-modal h2,.permissions-modal p,.permissions-modal button{transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}.permissions-modal .camera-example-img{margin-bottom:14px;max-width:172px}.permissions-modal .description-copy{margin-bottom:40px;transition-delay:.1s}.permissions-modal .headline-copy{margin-bottom:40px}.permissions-modal .cta-continue{transition-delay:.1s;margin-bottom:20px}.permissions-modal .cta-nothanks{transition-delay:.2s}.permissions-modal.hide .headline-copy,.permissions-modal.hide .camera-example-img,.permissions-modal.hide .description-copy{opacity:0;transform:translateY(20px)}.permissions-modal.hide .btn-close{opacity:0}.permissions-modal.hide .cta-continue,.permissions-modal.hide .cta-nothanks{opacity:0;transform:scale(0)}.headphones-modal .inner-wrapper{height:70%;transform:scale(1) translate(-50%, -50%);transform-origin:0% 0%;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}.headphones-modal .message{align-items:center;display:flex;flex-direction:column;height:100%}.headphones-modal .description-copy{margin:10px auto 40px}.headphones-modal .btn-back,.headphones-modal .headphones-camera-toggle{transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);transform:scale(1)}.headphones-modal button{margin:0 0 20px}.headphones-modal .cta-watch-video{display:block;font-family:"Archivo",sans-serif;font-size:1.45rem;margin:auto auto 0;padding:10px 0px}.headphones-modal .cta-watch-video:hover,.headphones-modal .cta-watch-video:focus{text-decoration:underline}.headphones-modal .headphones-camera-toggle{align-items:center;cursor:pointer;display:flex;flex-grow:1;font-family:"Archivo",sans-serif;font-size:1.8rem;justify-content:center;letter-spacing:0;opacity:.75;text-transform:uppercase;-webkit-user-select:none;user-select:none}.headphones-modal .headphones-camera-toggle .icon{background:url("/svg/camera.svg") no-repeat center;background-size:20px;display:inline-block;height:27px;margin-right:7px;width:27.5px}.headphones-modal .headphones-camera-toggle .text{white-space:nowrap;width:180px}.headphones-modal .cta-watch-thumbnail{position:relative}.headphones-modal .cta-watch-thumbnail .svg{bottom:0;display:block;height:28px;left:0;margin:auto;position:absolute;right:0;top:0;width:39px}.headphones-modal .cta-watch-thumbnail img{border:1px solid #bababa;display:block;margin:0 auto 13px;max-width:176px}.headphones-modal.hide .inner-wrapper{transform:scale(0) translate(-50%, -50%)}.headphones-modal.hide .btn-back,.headphones-modal.hide .headphones-camera-toggle{transform:scale(0)}.headphones-modal.withCamera .headphones-camera-toggle .icon{background:url("/svg/camera-off.svg") no-repeat center;background-size:24px}.intro-modal .intro-copy,.intro-modal .cta-close{transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}.intro-modal .cta-continue{transition-delay:.1s}.intro-modal.hide .intro-copy{opacity:0;transform:translateY(20px)}.intro-modal.hide .cta-close{opacity:0;transform:scale(0)}.processing-modal{text-align:center}.processing-modal p{color:#fff;font-size:2.33rem;letter-spacing:0;line-height:3.04rem;margin-bottom:43px}.processing-modal .cta{margin-bottom:26px}.processing-modal .dots{white-space:nowrap}.processing-modal .dot{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;margin:0 -3px}.processing-modal .dot:nth-child(2){animation-delay:.2s}.processing-modal .dot:nth-child(3){animation-delay:.4s}.homepage.start-intro{overflow:hidden;height:100vh}.homepage.start-intro header{opacity:0}.homepage .main-content{padding:40px 0 0px;height:100vh;overflow:hidden}.homepage .bg-smoke{background-color:#444;background-image:url(/images/bg-smoke.jpg);background-position:center bottom;background-size:cover}@media(min-width: 1024px){.homepage .bg-smoke{background-image:url(/images/bg-smoke-desktop.jpg)}}.homepage .video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;height:100vh}.homepage .video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.homepage .logo-queen{width:100px;height:138px;position:absolute;left:50%;transform:translateX(-50%)}.homepage .carrot-down{bottom:-38px;position:absolute}.homepage .logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden;width:100vw}.homepage .logo-container .grid-container svg{height:46px;width:80%;position:absolute;top:30%}@media(min-width: 768px){.homepage .logo-container .grid-container svg{height:50px}}.homepage .logo-container .grid-container:nth-child(1){opacity:0}.homepage .logo-container .logo-freddie{width:375px;height:116px;text-indent:-9999px}@media(min-width: 1024px){.homepage .logo-container .logo-freddie{width:629px;height:116px}}.homepage .logo-container h1{visibility:hidden}.homepage .cta-container{position:absolute;bottom:100px;width:100%}.homepage .cta-container .cta{margin-top:25px}@media(min-width: 420px){.homepage.landscape .cta-container{bottom:10%}}.homepage.start-intro .cta-container .headline-3,.homepage.start-intro .cta-container .headline-3-italic,.homepage.start-intro .cta-container .carrot-down,.homepage.start-intro .cta-container .cta{opacity:0}.homepage .intro-anim{pointer-events:none}.homepage .intro-elements{position:absolute;background:rgba(0,0,0,.7);width:100vw;height:100vh;top:0}.homepage .intro-elements .mercury-logo{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%);width:287px;text-align:center}.homepage .intro-elements .mercury-logo .copy{font-family:"Archivo Black",sans-serif;font-size:1.7rem;color:#fff;opacity:0}.homepage .intro{padding:60px 0 120px}.homepage .intro .description{margin:15px auto 40px;max-width:700px}.homepage .hide-svg{position:absolute;top:0;left:0;z-index:-1}.song-selection-page .main-content{min-height:100vh}.song-selection-page .screen-container{position:relative;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1);flex-direction:column}.song-selection-page .screen-container.show-list .preview-screen{opacity:0;pointer-events:none}.song-selection-page .screen-container.show-list .list-screen{opacity:1;pointer-events:all}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.song-selection-page .screen-container.show-list .list-screen{height:177vh}}@media only screen and (orientation: landscape)and (height: 360px)and (width: 640px){.song-selection-page .screen-container.show-list .list-screen{height:158vh}}@media only screen and (orientation: landscape)and (height: 320px)and (width: 568px){.song-selection-page .screen-container.show-list .list-screen{height:177vh}}.song-selection-page .list-screen{width:100%;min-height:100vh;opacity:0}.song-selection-page .list-screen{transition:opacity .3s cubic-bezier(0.19, 1, 0.22, 1);z-index:2;padding:35px 0}.song-selection-page .song-list{position:relative;margin-top:65px;border-width:3px}.song-selection-page .song-list:after{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);max-width:400px;height:1px;width:100%;background:linear-gradient(to right, transparent 0%, #ffffff 50%, transparent 100%);opacity:.5}.song-selection-page .song-list button{padding:35px 0;position:relative;width:100%;display:block}.song-selection-page .song-list button .title{position:relative;z-index:2;display:inline-block}.song-selection-page .song-list button .carrot{position:absolute;left:-1em;width:.3em;top:-0.01em;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);transform:translateX(-5px);opacity:0}.song-selection-page .song-list button:before{content:"";display:block;top:0;position:absolute;left:50%;transform:translateX(-50%);max-width:400px;height:1px;width:100%;background:linear-gradient(to right, transparent 0%, #ffffff 50%, transparent 100%);opacity:.5}.song-selection-page .song-list button:after{content:"";opacity:0;width:160%;position:absolute;height:200%;top:-50%;left:-30%;background:radial-gradient(ellipse at center, rgba(248, 231, 28, 0.45) 0%, rgba(0, 0, 0, 0) 60%);z-index:1;transition:opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.song-selection-page .song-list button:hover:after,.song-selection-page .song-list button:focus:after,.song-selection-page .song-list button:active:after{opacity:.5}.song-selection-page .song-list button:hover .carrot,.song-selection-page .song-list button:focus .carrot,.song-selection-page .song-list button:active .carrot{opacity:1;transform:translateX(0px)}.song-selection-page .list-screen .song-list .title,.song-selection-page .list-screen .headline{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);transform:translateY(20px);opacity:0}.song-selection-page .list-screen .song-list li:nth-child(1) .title{transition-delay:.1s}.song-selection-page .list-screen .song-list li:nth-child(2) .title{transition-delay:.2s}.song-selection-page .list-screen .song-list li:nth-child(3) .title{transition-delay:.3s}.song-selection-page .list-screen .song-list li:nth-child(4) .title{transition-delay:.4s}.song-selection-page .list-screen .song-list li:nth-child(5) .title{transition-delay:.5s}.song-selection-page .list-screen .song-list:after,.song-selection-page .list-screen .song-list button:before{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);width:0}.song-selection-page .show-list .list-screen .song-list .title,.song-selection-page .show-list .list-screen .headline{transform:translateY(0);opacity:1}.song-selection-page .show-list .list-screen .song-list:after,.song-selection-page .show-list .list-screen .song-list button:before{width:100%}.record-page{background:#000;overflow:hidden}.record-page .record-ui{position:absolute;bottom:0px;width:100%;padding-top:40%}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.record-page .record-ui{bottom:-5%}}.record-page .record-ui .circle{width:13px;height:13px;border-radius:100%;display:inline-block;margin-right:6px;vertical-align:middle;margin-top:-2px}.record-page .record-ui .cta-record{margin-bottom:20px}.record-page .record-ui .time-container{margin-bottom:12px;grid-area:count}.record-page .record-ui .time-container .circle{position:absolute;left:-23px;margin-top:0px;background-color:#fe5f61;transition:all .2s cubic-bezier(0.19, 1, 0.22, 1);display:none}.record-page .record-ui .time-container p{position:relative;display:inline-block}.record-page .record-ui .time-container em{opacity:.57;font-style:normal}.record-page .record-ui .time-container.started .circle{display:block}.record-page .record-ui .time-container.is-capturing .circle{background-color:#ce6a96}.record-page .record-ui .progress-bar{--pb-height: 5px;height:auto;width:100vw;position:relative;display:grid;grid-template-columns:30px auto 92px;grid-template-areas:"side progress count";grid-template-rows:1fr;align-items:center}.record-page .record-ui .progress-bar .track{width:100%;height:var(--pb-height);background:linear-gradient(90deg, rgba(255, 255, 255, 0.175) 0%, rgba(255, 255, 255, 0.5) 49.29%, rgba(255, 255, 255, 0.175) 100%);grid-area:progress;border-radius:1.5px}.record-page .record-ui .progress-bar .progress{background:linear-gradient(270deg, #fcf53c 0%, rgba(248, 169, 28, 0.476781) 100%);height:var(--pb-height);box-shadow:0px 0px 10px 6px rgba(248,231,28,.27);overflow:hidden}.record-page .record-ui .progress-bar .processed-segment{position:absolute;background:repeating-linear-gradient(-45deg, transparent, transparent 7px, #6f73ff 7px, #6f73ff 12px);height:100%}.record-page .record-ui .progress-bar .segment{position:absolute;top:-4px;cursor:pointer;padding:10px 0}.record-page .record-ui .progress-bar .segment:before{content:"";position:absolute;height:3px;width:100%;left:0;background:#ce6a96}.record-page .record-ui .progress-detail{display:flex;flex-direction:column;height:85px;justify-content:space-around;padding-bottom:30px}.record-page .record-ui .message-container{position:relative;width:100%;top:-7px}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.record-page .record-ui .message-container{height:81px;margin:17px 0 20px}}.record-page .record-ui .message-container-messages span{font-size:1.5rem;line-height:23.65px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:all 1s;transition-delay:0s}.record-page .record-ui .message-container.starting .starting{opacity:1;transition-delay:1s}.record-page .record-ui .message-container.collecting .collecting{opacity:1;transition-delay:1s}.record-page .record-ui .message-container.calculating .calculating{opacity:1;transition-delay:1s}.record-page .record-ui .message-container.ready .ready{opacity:1;transition-delay:1s}.record-page .video-container{position:absolute;width:100%;overflow:hidden;height:100%;left:0;top:0}.record-page .video-container .camera-stream{height:100%;position:relative}.record-page .video-container .camera-stream video{height:inherit;margin:auto;width:100%}.record-page .video-container .video-stream{position:absolute;width:100%;height:100%;left:0;top:0}.record-page .cta-start{transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}.record-page .cta-start.hide{opacity:0;transform:scale(0)}.record-page .cta-view-score.show{opacity:1;transform:scale(0.75)}.record-page .cta-view-score{transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);display:inline-block;margin-top:7px;opacity:0;transform:scale(0);text-indent:15px;padding-left:35px}.record-page .cta-view-score::before{will-change:filter;filter:invert(100%);--size: 24px;content:"";display:block;position:absolute;height:var(--size);width:var(--size);left:22px;top:9px;background-repeat:no-repeat;background-size:100%;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30px' height='29px' viewBox='0 0 30 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6.30444336,13.4103529 L13.0245228,20.6955566 C20.5444698,12.6955566 24.3044434,8.69555664 24.3044434,8.69555664' id='Path-2' stroke='%23000000' stroke-width='3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}.record-page .cta-view-score:focus,.record-page .cta-view-score:hover{mix-blend-mode:screen}.record-page .cta-view-score:focus:before,.record-page .cta-view-score:hover:before{filter:invert(0%)}.record-page .cta-view-score::after{display:none}.lyrics-display{width:100%;height:100vh;position:absolute;z-index:2;padding:50px 0;overflow:hidden;pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0.01) 100%, rgba(0, 0, 0, 0) 100%);top:0}.lyrics-display .lyrics-wrapper{position:absolute;height:32vh;margin:0;-webkit-mask-image:-webkit-gradient(linear, left 25%, left 60%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)))}@media(min-width: 768px){.lyrics-display .lyrics-wrapper{-webkit-mask-image:-webkit-gradient(linear, left 34%, left 75%, from(black), to(rgba(0, 0, 0, 0)))}}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.lyrics-display .lyrics-wrapper{height:81vh}}.lyrics-display .lyrics{transition:1.25s cubic-bezier(0.215, 0.61, 0.355, 1);margin:auto;padding:0 0 50px}.lyrics-display .hide{opacity:0;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.lyrics-display .word{position:relative;color:rgba(100,100,100,.75)}.lyrics-display .fill{position:absolute;color:#fff;left:0;top:0;overflow:hidden}.lyrics-display .fill-inner{position:absolute;left:0;top:0;color:#fff;filter:blur(3px);overflow:hidden;text-shadow:0px 0px 5px rgba(255,255,255,.75)}.lyrics-display.no-video{top:50%;transform:translateY(-50%);padding-top:0;background:rgba(0,0,0,0)}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.lyrics-display.no-video{top:70%}}.lyrics-display.no-video .word{position:relative;color:rgba(255,255,255,.4)}.lyrics-display .lyrics-wrapper{transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.lyrics-display.hide .lyrics-wrapper{opacity:0;transform:translateY(50px)}.no-video-gradient{width:100vw;height:100vh;position:absolute;top:0;left:0}.mic-feedback svg{overflow:visible;position:relative;top:32px}.mic-feedback svg g rect{transition:all 75ms linear}.hide-svg{visibility:hidden;height:0}.score-page main{overflow:hidden;position:relative}.score-page.score-class-a .show-freddie .score-freddie{animation-name:popoutA}.score-page.score-class-a main{background-image:url(/images/bg-score-a.jpg)}.score-page.score-class-b .show-freddie .score-freddie{animation-name:popoutA}.score-page.score-class-b main{background-image:url(/images/bg-score-b.jpg)}.score-page.score-class-c .score-freddie{background-size:contain}.score-page.score-class-c .show-freddie .score-freddie{animation-name:popoutC}.score-page.score-class-c main{background-image:url(/images/bg-score-c.jpg)}.score-page.score-class-d .score-freddie{background-size:contain}.score-page.score-class-d .show-freddie .score-freddie{animation-name:popoutC}.score-page.score-class-d main{background-image:url(/images/bg-score-d.jpg)}.score-page.score-class-a .total-score-container:before,.score-page.score-class-b .total-score-container:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);z-index:20;opacity:0;pointer-events:none}.score-page.score-class-a .total-score-container.flash:before,.score-page.score-class-b .total-score-container.flash:before{animation-duration:.45s;animation-name:flash}.score-page main{background-size:cover;background-position:center}@media(min-width: 1024px){.score-page main{padding:50px 0 40px}}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.score-page main{padding:0%}}.score-page main .score-detail{margin:30px 0 60px}.score-page main .score-detail .song-title-container{padding-bottom:25px;margin-bottom:25px;position:relative;font-size:1.8rem}.score-page main .score-detail .song-title-container em{margin-right:.5em}.score-page main .score-detail .song-title-container .song-title{font-family:"Archivo";font-size:2.1rem}.score-page main .score-detail .song-title-container:after{position:absolute;content:"";left:0;bottom:0;height:1px;width:100%;background:linear-gradient(to right, transparent 0%, #ffffff 50%, transparent 100%);opacity:.5}.score-page main .score-detail .score-number{margin-top:10px;font-variant-numeric:tabular-nums;transform:translate3d(0px, 0px, 0px)}.score-page main .score-detail .cta-download{padding-left:45px;padding-right:45px}@media(min-width: 1024px){.score-page main .score-detail{margin-bottom:30px}}.score-page main .cta-container{padding-bottom:45px}.score-page main .cta-container .cta-try-again{margin-top:25px}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.score-page main .cta-container{top:-22px;position:relative}}.score-page .score-headline-container{padding:40px 0}.score-page .score-headline-container .headline-score{line-height:1}.score-page .score-headline-container .headline-score span{display:block;margin:auto;font-variant-numeric:tabular-nums}.score-page .score-headline-container .logo-freddie{width:131px;height:50px;background-size:auto 32px;background-position:0}.score-page .score-container{position:relative;padding-bottom:100%}.score-page .score-container .circle{position:absolute;top:0;left:0;width:100%;height:100%}.score-page .score-container .circle-outer{z-index:2}.score-page .score-container .circle-outer circle{stroke:#979797;stroke-dashoffset:0}.score-page .score-container .circle-inner{border-radius:100%;z-index:2}.score-page .score-container .circle-inner circle{transform:rotate(90deg);transform-origin:50% 50%}.score-page .score-container .circle-clip{position:absolute}.score-page .score-container .score-freddie{transform-origin:50% 50%;opacity:0;z-index:1}.score-page .score-container svg .shimmer{opacity:0;will-change:opacity}.score-page .score-label{font-size:1.8rem;font-style:italic}.score-page .score-number{font-family:"Archivo";font-size:2.1rem}.score-page .more .score-detail{padding:40px 0}.score-page .more .score-detail .row{max-width:750px;margin:auto}.score-page .more-about .score-about-container{padding:8vw 0;padding-bottom:15vw;background:#000;width:100%}.score-page .more-about .score-about-container .about-container{max-width:1024px}@media(min-width: 1440px){.score-page .more-about .score-about-container .about-container{width:calc(52% - 80px)}}@media(min-width: 1024px){.score-page .more-about .score-about-container .about-container{width:calc(62% - 80px)}}@media(min-width: 768px){.score-page .more-about .score-about-container .about-container{width:calc(75% - 80px)}}.score-page .more-about .quote-container{align-items:center;background-image:url("/images/freddie-quote-bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;font-size:2.85rem;height:550px;justify-content:flex-end;letter-spacing:-0.13px;line-height:3.4rem;padding:0 65px}.score-page .more-about .quote-container blockquote{padding-top:5%}.score-page .more-about .quote-container footer{font-size:2.3rem;padding:8px 0 0}.score-page .more-about .learn-more-container{background-color:#141414;background-image:url("/images/donate-bg-mobile.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;min-height:100vh;justify-content:center;margin-top:75px;overflow:hidden;padding:4em 0;position:relative;width:100%}@media(min-width: 1024px){.score-page .more-about .learn-more-container{background-image:url("/images/donate-bg-desktop.png");background-repeat:no-repeat;background-size:cover}}.score-page .more-about .learn-more-container .about-container{position:relative;z-index:1;width:calc(66% - 80px);min-width:350px;grid-row-gap:4.7vw}.score-page .more-about .learn-more-container .about-container h2{font-size:calc(27px + .2vw)}.score-page .more-about .learn-more-container .about-container p{max-width:298px;justify-self:center}@media(min-width: 768px){.score-page .more-about .learn-more-container .about-container p{max-width:100%}}.score-page .more-about .learn-more-container .about-container a{text-decoration:underline}.score-page .more-about .learn-more-container .about-container a.cta-underline,.score-page .more-about .learn-more-container .about-container a.cta-underline-vw{text-decoration:none}.score-page .more-about .learn-more-container p{text-align:center}.score-page .more-about .about-container{margin:0px auto;width:calc(80% - 80px);min-width:350px;display:grid;grid-row-gap:4.3vw}.score-page .more-about .about-container h2{font-size:calc(27px + .2vw);align-self:center;justify-self:center;text-align:center;padding:0px 10%}.score-page .more-about .about-container .score-about{display:grid;grid-template-areas:"p1" "scores" "p2" "p3";align-items:center;grid-column-gap:3em}@media(min-width: 1440px){.score-page .more-about .about-container .score-about{grid-template-areas:"p1 scores" "p2 ." "p3 ."}}@media(min-width: 1024px){.score-page .more-about .about-container .score-about{grid-template-areas:"p1 scores" "p2 ." "p3 ."}}.score-page .more-about .about-container .score-about>p{align-self:start;font-size:calc(16px + .4vw);margin-bottom:1.8em;color:#fff}.score-page .more-about .about-container .score-about>p:nth-child(1){grid-area:p1}.score-page .more-about .about-container .score-about>p:nth-child(2){grid-area:p2}.score-page .more-about .about-container .score-about>p:nth-child(3){grid-area:p3}.score-page .more-about .about-container .score-about ul.scores{display:grid;align-self:start;font-size:.6em;margin-bottom:3em}@media(min-width: 1440px){.score-page .more-about .about-container .score-about ul.scores{grid-row:span 3}}@media(min-width: 1024px){.score-page .more-about .about-container .score-about ul.scores{grid-row:span 3}}.score-page .more-about .about-container .score-about ul.scores li{display:grid;grid-template-columns:6em auto;grid-template-rows:42% 53%;grid-column-gap:1.3em;align-items:center;margin:9px 0}.score-page .more-about .about-container .score-about ul.scores li .widget{grid-column:1;grid-row:1/span 2;align-self:normal}.score-page .more-about .about-container .score-about ul.scores li .title{grid-column:span 1;align-self:end;font-size:1.3em}.score-page .more-about .about-container .score-about ul.scores li .description{grid-column:span 1;align-self:start;padding-right:20%;margin-top:6px;font-style:italic;font-size:1.15em}.score-page .more-about .about-container .score-about ul.scores li .detail-item .score-number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;font-size:1.3em}.score-page .more-about .more-headline{font-family:"Archivo Black";text-transform:uppercase}.score-page .total-score-container{position:relative;z-index:1}.score-page .total-score-container .score-container{margin-top:-55px;padding-bottom:111%}.score-page .total-score-container .score-container #my-mask{transform:scale(0.99, 0.99) translate(0.15%, 0.3%);transform-origin:left center}.score-page .total-score-container .detail-item-container{padding:0 10%}.score-page .total-score-container .detail-item-container .detail-item{width:33.3%}@media(min-width: 1024px){.score-page .total-score-container{flex-direction:row;justify-content:center;align-items:center}.score-page .total-score-container .total-score{order:0;flex-shrink:0;padding:0;margin-right:0;margin-left:calc(8.3333333333% + 10px)}.score-page .total-score-container .score-headline-container{order:1;flex-shrink:0;width:40%;padding:0;margin:0;align-self:flex-start}.score-page .total-score-container .score-detail-container{order:2;position:relative;margin:0 0 0 -40%;padding-top:205px;width:40%}}@media only screen and (orientation: landscape)and (min-device-width: 100px)and (max-device-width: 824px){.score-page .total-score-container{height:100vh;flex-direction:row;justify-content:center;align-items:center}.score-page .total-score-container .total-score{order:0;flex-shrink:0;padding:0;margin:0;flex-basis:calc(41.6666666667% - 20px)}.score-page .total-score-container .score-headline-container{order:1;flex-shrink:0;width:40%;padding:0;margin:0;align-self:flex-start}.score-page .total-score-container .score-detail-container{order:2;position:relative;margin:0 0 0 -40%;padding-top:20%;width:40%}}.score-page *[tabindex="0"]:focus{position:relative}.score-page *[tabindex="0"]:focus:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#fff}.score-page .headline-score,.score-page .logo-freddie{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.score-page .score-container,.score-page .circle-outer circle{transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.score-page .circle-outer{border-radius:100%;overflow:hidden}.score-page .logo-freddie{transition-delay:.05s}.score-page .btn-close{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);transform:scale(1)}.score-page .score-detail-container .song-title-container,.score-page .score-detail-container .score-label,.score-page .score-detail-container .score-number{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.score-page .score-detail-container .song-title-container{transition-delay:.1s}.score-page .score-detail-container .detail-item:nth-child(1) .score-label{transition-delay:.15s}.score-page .score-detail-container .detail-item:nth-child(1) .score-number{transition-delay:.2s}.score-page .score-detail-container .song-title-container{transition-delay:.1s}.score-page .score-detail-container .detail-item:nth-child(2) .score-label{transition-delay:.3s}.score-page .score-detail-container .detail-item:nth-child(2) .score-number{transition-delay:.4s}.score-page .score-detail-container .song-title-container{transition-delay:.1s}.score-page .score-detail-container .detail-item:nth-child(3) .score-label{transition-delay:.45s}.score-page .score-detail-container .detail-item:nth-child(3) .score-number{transition-delay:.6s}.score-page .score-detail-container .cta-container .cta-download,.score-page .score-detail-container .cta-container .cta-try-again{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1)}.score-page .score-detail-container .cta-container .cta-try-again{transition-delay:.25s}.score-page .score-detail-container .cta-container.hide .cta-download{transform:scale(0)}.score-page .score-detail-container .cta-container.hide .cta-try-again{transform:translateY(20px);opacity:0}.score-page .score-container{transform:scale(0.75)}.score-page .score-container.show-freddie{transition:all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-delay:.1s;transform:scale(1)}.score-page .score-container.show-freddie .score-freddie{animation-duration:1s;opacity:1}.score-page.hide .headline-score,.score-page.hide .logo-freddie{opacity:0;transform:translateY(20px)}.score-page.hide .btn-close,.score-page.hide .score-container{transform:scale(0)}.score-page.hide .circle-outer circle{stroke-width:678px}.score-page.hide .score-detail-container .song-title-container,.score-page.hide .score-detail-container .score-label,.score-page.hide .score-detail-container .score-number{opacity:0;transform:translateY(20px)}
