.musical-words-component .mwc-btn{margin-top:30px}.musical-words-component .musical-words-output{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.9);opacity:0;pointer-events:none;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in;font-size:3em;color:#000;text-shadow:-1px -1px 0 hsla(0,0%,100%,.2),1px -1px 0 hsla(0,0%,100%,.2),-1px 1px 0 hsla(0,0%,100%,.2),1px 1px 0 hsla(0,0%,100%,.2)}.musical-words-component .musical-words-output span{display:inline-block}.musical-words-component .musical-words-output .word{-webkit-transition:all .2s ease;transition:all .2s ease}.musical-words-component .musical-words-output .word.active_harmony{text-shadow:-1px -1px 0 #6495ed,1px -1px 0 #6495ed,-1px 1px 0 #6495ed,1px 1px 0 #6495ed}.musical-words-component .musical-words-output .letter{-webkit-transition:all .3s ease;transition:all .3s ease}.musical-words-component .musical-words-output .letter.active_melody{text-shadow:-1px -1px 0 red,1px -1px 0 red,-1px 1px 0 red,1px 1px 0 red;-webkit-transform:scale(2);transform:scale(2)}.musical-words-component .musical-words-output.active{opacity:1;pointer-events:auto}.musical-words-component .musical-words-output__close{position:absolute;top:1.5rem;right:1.5rem;font-size:60px;line-height:20px;color:#fff;font-weight:700;background-image:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:transparent;-webkit-transition:color .2s ease;transition:color .2s ease}.musical-words-component .musical-words-output__close:active,.musical-words-component .musical-words-output__close:focus,.musical-words-component .musical-words-output__close:hover{color:#ccc}.musical-words-component .musical-words-output__content{max-width:80%;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}