@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,400italic,600,700);/*! * jQuery UI Slider @VERSION * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } *{margin:0;padding:0}input,input:before,input:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus{-moz-outline-style:none}button::-moz-focus-inner{padding:0;border:0}html{font-family:'Source Sans Pro',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;height:100%}input,select,textarea,button{font-family:inherit}canvas{display:block}body{position:absolute;height:100%;width:100%;top:0;left:0;bottom:0;right:0}.ui-slider{height:12px;background:#ECF0F1;border-radius:6px;cursor:pointer}.ui-slider .ui-slider-handle{width:18px;height:18px;background:#168D91;outline:0;top:-3px;margin-left:-9px;cursor:pointer}.ui-slider .ui-slider-range{background:#18ABB0;border-radius:6px}.ui-slider.slider-round .ui-slider-handle{border-radius:9px}.spin-once{-webkit-animation:spin 0.8s;-moz-animation:spin 0.8s;-o-animation:spin 0.8s;animation:spin 0.8s}.play-audio.loading,.play-midi.loading,.loading-spinner,.spinning{-webkit-animation:spin 1s infinite steps(8);-moz-animation:spin 1s infinite steps(8);-o-animation:spin 1s infinite steps(8);animation:spin 1s infinite steps(8)}.spinning-smooth{-webkit-animation:spin 1s infinite linear;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;animation:spin 1s infinite linear}.spinning-ease{-webkit-animation:spin 1s infinite ease-in-out;-moz-animation:spin 1s infinite ease-in-out;-o-animation:spin 1s infinite ease-in-out;animation:spin 1s infinite ease-in-out}lesshat-selector{-lh-property:0; } @-webkit-keyframes spin{ 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); }} @-moz-keyframes spin{ 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(360deg); }} @-o-keyframes spin{ 0% { -o-transform: rotate(0); } 100% { -o-transform: rotate(360deg); }} @keyframes spin{ 0% {-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }}lesshat-selector{-lh-property:0; } @-webkit-keyframes blink{ 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1;}} @-moz-keyframes blink{ 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1;}} @-o-keyframes blink{ 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1;}} @keyframes blink{ 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1;}}.loading-spinner{background:transparent url('/design/images/icons/iconmap.svg') no-repeat scroll right top;height:32px;width:32px;margin:0 auto}.loading-spinner.small{height:18px;width:18px;background:transparent url('/design/images/icons/iconmap.svg') no-repeat right -31px}.loading .list-header p.title,.loading .song-page h2,.loading .song-page .meta-content p{color:black;letter-spacing:-1px;opacity:.08}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.2);z-index:94}.error-overlay .error-vertical-helper{display:inline-block;height:66%;vertical-align:middle}.error-overlay .error{display:inline-block;padding:20px;background:rgba(255,255,255,0.9);vertical-align:middle}.subtle-loading-page{position:relative;height:100vh}.subtle-loading-background{animation:blink 1.5s infinite;background:#ddd;height:100%;width:100%;z-index:1}.subtle-loading-content{font-size:30px;text-align:center;position:absolute;top:40%;left:0;width:100%;z-index:3;color:#333}.subtle-loading-message{margin-bottom:15px}.subtle-loading-link{font-size:18px}.tooltip{display:none;color:#7e7e7e;text-align:center;border:1px solid #eaeaea;border-radius:3px;position:absolute;z-index:1}.tooltip.visible{display:block}@media only screen and (max-width: 799px){.tooltip.visible{display:none}}.tooltip .header{background-color:#F2F2F2;padding:5px 0;font-size:smaller}.tooltip .content{background-color:white;padding:5px;border-top:1px solid #eaeaea}.tooltip .tooltip-icon{width:3em;padding:5px}.tooltip .tooltip-title{font-size:small;font-weight:bold;text-align:left;color:black}.tooltip .tooltip-text{font-size:small;text-align:left}.tooltip::after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #f2f2f2 transparent}.flex-row{display:flex;flex-direction:row}.space-evenly{justify-content:space-evenly}@media only screen and (max-width: 799px){body{padding-top:3em}}body.bg{background:url('/design/images/50x1-18ABB0.png') repeat-y scroll left top #fcfcfc;background-color:#fcfcfc}body.no-menu{background-image:none}body.no-menu #left-col{display:none}a{color:black;text-decoration:none}small{font-size:80%;opacity:.65}.smaller{font-size:80%}input[type='checkbox']{position:relative;width:14px;height:14px}input[type='checkbox']::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;background:url('/design/images/icons/iconmap.svg') repeat scroll -45px -242px white}input[type='checkbox']:checked::before{background-position:-60px -242px}.inline-block{display:inline-block}.align-right{text-align:right}.align-center{text-align:center}.valign-middle{vertical-align:middle}.clear-float{clear:both}.red{color:red}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.standard-link{color:#2fb3b8}.divider,.divider-with-text{background:#e4e4e4;height:1px;width:100%;margin:15px 0;position:relative;text-align:center}.divider-with-text{margin:30px 0}.divider-text{color:#989898;background:white;padding:0 12px;display:inline-block;font-size:12px;position:relative;top:-1em}@media only screen and (min-width: 800px){.red-hover:hover{color:red}}.split{width:100%;position:relative;overflow:hidden}.split .left-column,.split .right-column{width:50%}.split .left-column{float:left}.split .right-column{overflow:hidden}.split a{display:block}.media-object,.media-body{overflow:hidden;_overflow:visible;zoom:1}.media-object .media-image{float:left;margin-right:10px}.media-object:after{clear:both}#feature-error{position:fixed;top:-2px;margin:0 20%;width:60%;max-width:720px;border:1px solid #666;padding:0 10px;background:white;line-height:2rem;text-align:center;color:#d90000;box-shadow:1px 1px 2px #888;border-radius:4px;opacity:.75;display:block}#feature-error{display:none}html.no-canvas #feature-error{display:block}#main-col #feature-error a{color:#d90000;text-decoration:underline}.css-media-detector{visibility:hidden;position:absolute;top:0;left:0;width:0}@media only screen and (min-width: 800px){.css-media-detector{height:0}}@media only screen and (max-width: 799px){.css-media-detector{height:1px}}@media only screen and (max-width: 478px){.css-media-detector{height:2px}}.user-created-text{overflow:hidden}.user-created-text h1,.user-created-text h2,.user-created-text h3,.user-created-text h4,.user-created-text h5,.user-created-text h6{font-weight:bold;margin-bottom:.5em}.user-created-text h1{color:#000000;font-size:28px}.user-created-text h2{color:#000000;font-size:24px}.user-created-text h3{font-size:18px}.user-created-text h4{font-size:16px}.user-created-text h5{font-size:14px}.user-created-text h6{color:#777777;background-color:inherit;font-size:14px}.user-created-text hr{height:.2em;border:0;color:#cccccc;background-color:#cccccc}.user-created-text p,.user-created-text blockquote,.user-created-text ul,.user-created-text ol,.user-created-text dl,.user-created-text li,.user-created-text table,.user-created-text pre{margin:15px 0}.user-created-text p:first-child,.user-created-text blockquote:first-child,.user-created-text ul:first-child,.user-created-text ol:first-child,.user-created-text dl:first-child,.user-created-text li:first-child,.user-created-text table:first-child,.user-created-text pre:first-child{margin-top:0}.user-created-text p:last-child,.user-created-text blockquote:last-child,.user-created-text ul:last-child,.user-created-text ol:last-child,.user-created-text dl:last-child,.user-created-text li:last-child,.user-created-text table:last-child,.user-created-text pre:last-child{margin-bottom:0}.user-created-text code,.user-created-text pre{border-radius:3px;background-color:#f8f8f8;color:inherit}.user-created-text code{border:1px solid #eaeaea;margin:0 2px;padding:0 5px}.user-created-text pre{border:1px solid #cccccc;line-height:1.25em;overflow:auto;padding:6px 10px}.user-created-text pre>code{border:0;margin:0;padding:0}.user-created-text a,.user-created-text a:visited{color:#4183c4;background-color:inherit;text-decoration:none}.user-created-text ul{list-style:disc}.user-created-text li{margin-left:30px}.date{color:#18abb0}.date:before{content:'';display:inline-block;width:15px;height:15px;margin-right:2px;padding-bottom:1px;vertical-align:-4px;background:url('/design/images/icons/iconmap.svg') repeat scroll -80px -19px rgba(0,0,0,0)}.icon{background:url('/design/images/icons/iconmap.svg') repeat scroll 0 0 rgba(0,0,0,0)}.icon.global-sharing{width:15px;height:15px;display:inline-block;opacity:.35}.icon.global-sharing.public{background-position:-256px -19px}.icon.global-sharing.anyone{background-position:-272px -19px}.icon.global-sharing.invited{background-position:-288px -19px}.icon.explore.latest-songs{background-position:-253px -219px}.icon.explore.editors-pick{background-position:-276px -219px}.icon.explore.recent-popular{background-position:-299px -219px}.icon.explore.most-popular{background-position:-322px -219px}.icon.edit-white{width:14px;height:14px;background-position:-75px -242px}.icon.facebook-icon{display:inline-block;background-position:-85px -35px;width:16px;height:16px}.icon.google-icon{display:inline-block;background-position:-136px -35px;width:16px;height:16px}.icon.microphone{width:24px;height:35px;background-position:-280px -175px}.icon-ext{background:url('/design/images/icons/iconmap-ext.svg') repeat scroll 0 0 rgba(0,0,0,0)}.icon-ext.sc-app,.icon-ext.chrome,.icon-ext.firefox,.icon-ext.safari{width:56px;height:56px}.icon-ext.sc-app{background-position:0 0}.icon-ext.chrome{background-position:-57px 0}.icon-ext.firefox{background-position:-114px 0}.icon-ext.safari{background-position:-171px 0}.icon.secure-lock{display:inline-block;background-position:-102px -35px;width:16px;height:16px}.icon.settings{display:inline-block;background-position:0 -287px;width:16px;height:16px}.icon.public-profile,.icon.change-plan,.icon.cancel-plan{display:inline-block;width:14px;height:14px}.icon.public-profile{background-position:-15px -288px}.icon.change-plan{background-position:-30px -288px}.icon.cancel-plan{background-position:-45px -288px}.icon.payment-visa,.icon.payment-mastercard,.icon.payment-amex,.icon.payment-paypal,.icon.payment-discover{display:inline-block;width:35px;height:22px;background:url('/design/images/icons/iconmap-ext.svg') repeat scroll 0 0 rgba(0,0,0,0)}.icon.payment-visa{background-position:0 -57px}.icon.payment-mastercard{background-position:-37px -57px}.icon.payment-amex{background-position:-73px -57px}.icon.payment-paypal{background-position:-108px -57px}.icon.payment-discover{background-position:-145px -57px}.icon.fullscreen,.icon.no-fullscreen,.icon.fit-to-width,.icon.fit-to-height,.icon.zoom{display:block;width:30px;height:30px}.icon.fullscreen{background-position:-155px -257px}.icon.no-fullscreen{background-position:-186px -257px}.icon.fit-to-width{background-position:-217px -257px}.icon.fit-to-height{background-position:-248px -257px}.icon.zoom{background-position:-279px -257px}.icon.mixer{display:inline-block;background-position:-119px -35px;width:16px;height:16px}.pointer{cursor:pointer}.button{cursor:pointer;display:inline-block;text-indent:0;border:1px solid #d5d5d5;color:black;font-size:16px;text-decoration:none;text-align:center;padding:3px 8px;background:#fafafa}@media only screen and (min-width: 800px){.button:hover{cursor:pointer;box-shadow:1px 1px 0 rgba(0,0,0,0.03);background:#f4f4f4}}.button .standard-button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat;display:inline-block;height:22px;vertical-align:middle;width:22px;margin-right:5px}.button-list .button{display:block;text-align:left;margin-bottom:6px}.button.small{height:18px;font-size:12px;padding:2px 6px;margin-right:5px}.button.small .icon{background:url('/design/images/icons/iconmap.svg') no-repeat;display:inline-block;width:14px;height:14px;margin-right:0}.button.big{padding:10px 25px;font-size:16px}.button.selected{font-weight:600;border:1px solid #c0c0c0}.button:active:not(:disabled),.button.active,.show-previews #show-previews-button,.show-compactlist #show-compactlist-button{box-shadow:none;background:linear-gradient(#dfdfdf 5%, #ededed 100%);background-color:#dfdfdf}.button:disabled{opacity:.6;cursor:default}.button.dropdown{padding-right:28px;position:relative}.button.dropdown:after{content:' ';width:8px;height:7px;display:block;position:absolute;top:12px;right:12px;background:url("/design/images/icons/dropdown-arrow.png")}.icon-button{height:25px;font-size:11px;line-height:16px;padding:0 3px}.icon-button .button-icon{display:inline-block;width:19px;height:18px;float:left;margin-top:-1px;margin-left:-1px}.icon-button .button-text{font-weight:400;margin-right:3px;float:right}.icon-button span:not(:first-child){margin-left:4px}.button-group{display:inline-block}.button-group .button:first-child{margin-right:0 !important;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;float:left}.button-group .button:not(:first-child):not(:last-child){margin-right:0 !important;margin-left:0 !important;border-right:0;border-radius:0}.button-group .button:last-child{margin-left:0 !important;border-bottom-left-radius:0;border-top-left-radius:0}.button.colored{background:linear-gradient(#18ABB0 5%, #159599 100%);background-color:#18ABB0;border-color:#128084;color:white !important;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}.button.colored:active:not(:disabled){background:linear-gradient(#138387 5%, #169ca1 100%);background-color:#169ca1}.button.colored.delete{background:linear-gradient(#da413d 5%, #c6423e 100%);background-color:#da413d;color:white;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}.button.colored.delete:active:not(:disabled){background:linear-gradient(#b7433f 5%, #cd413d 100%);background-color:#cd413d}.button.full-width{width:100%;box-sizing:border-box}lesshat-selector{-lh-property:0; } @-webkit-keyframes popupWiggle{ 0% { -webkit-transform: translateX(0); } 25% { -webkit-transform: translateX(4px); } 75% { -webkit-transform: translateX(-4px); }} @-moz-keyframes popupWiggle{ 0% { -moz-transform: translateX(0); } 25% { -moz-transform: translateX(4px); } 75% { -moz-transform: translateX(-4px); }} @-o-keyframes popupWiggle{ 0% { -o-transform: translateX(0); } 25% { -o-transform: translateX(4px); } 75% { -o-transform: translateX(-4px); }} @keyframes popupWiggle{ 0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); } 25% {-webkit-transform: translateX(4px);-moz-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px); } 75% {-webkit-transform: translateX(-4px);-moz-transform: translateX(-4px);-ms-transform: translateX(-4px);transform: translateX(-4px); }}.popup-wrapper{background-color:rgba(0,0,0,0.5);z-index:999;position:fixed !important;overflow:auto;top:0;left:0;width:100%;height:100%}.popup{box-sizing:border-box;width:85%;margin:0 auto;top:5%;max-width:600px;overflow:visible;border:1px solid rgba(0,0,0,0.5);padding:60px 22px 22px 22px;background:white;position:relative}.popup.animate-error{-webkit-animation:popupWiggle 0.1s linear 2;-moz-animation:popupWiggle 0.1s linear 2;-o-animation:popupWiggle 0.1s linear 2;animation:popupWiggle 0.1s linear 2}.popup .header{position:absolute;left:0;top:0;height:45px;width:100%;background:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.08)}.popup .header h3{line-height:45px;padding-left:27px}.popup p{margin-top:1em}.popup .popup-settings-item{margin-top:1em;font-weight:400}.popup .popup-settings-item.buttons{margin-top:1em}.popup .setting-name{font-weight:600;line-height:1.5em}.popup textarea{max-width:100%}.popup .buttons{text-align:right}.popup #popup-loading-icon{display:inline-block;margin-right:.5em}.popup .form-row{margin-top:10px}.popup .forgot-password{text-align:right}.popup a.forgotpassword-link{text-decoration:none;color:#169A9E}.popup .error-message{text-align:center;padding-top:10px}.popup .embed-code{resize:none;word-break:break-all}.popup #sharing-link{background:#EEE}.popup #who-has-access{border-top:1px solid rgba(0,0,0,0.1)}.popup .access-row{border-bottom:1px solid rgba(0,0,0,0.1);padding:12px 0;overflow:auto;position:relative}.popup .access-row .permission-name{float:left;width:60%;overflow:hidden;text-overflow:ellipsis;font-size:90%}.popup .access-row .permission-status{float:left;width:30%;max-width:175px}.popup .access-row .permission-status .permission-select{width:100%}.popup .access-row .permission-remove{position:absolute;right:0}.popup .access-row .permission-remove a{text-decoration:none;font-weight:bold;color:rgba(0,0,0,0.5);padding:0 .5em}@media only screen and (min-width: 800px){.popup .access-row .permission-remove a:hover{color:red}}.popup #add-users{border:1px solid rgba(0,0,0,0.2);margin:4% auto;padding:2%;width:80%;position:relative}.popup #add-users .add-users-arrow{width:28px;height:40px;background:transparent url("/design/images/icons/add-arrow.png") no-repeat;position:absolute;left:-35px;top:-10px}.popup #add-users #add-users-title{margin:0;line-height:1em;font-size:80%}.popup #general-settings p{font-size:90%;line-height:100%;margin-top:.4em}.popup #general-settings input[type='checkbox']{vertical-align:-1px}.popup .active-part{margin-top:10px}.popup .autocomplete-suggestion{padding:5px 10px}@media only screen and (min-width: 800px){.popup .autocomplete-suggestion:hover{background:rgba(0,0,0,0.1);cursor:pointer}}.popup .autocomplete-suggestion.selected{background:rgba(0,0,0,0.2)}.sign-in-popup{max-width:320px}#show_captcha{display:flex;justify-content:center;margin-top:15px}.edit-user-popup .user-image-preview{width:134px;height:134px}.edit-user-popup a{color:#18ABB0}@media only screen and (min-width: 800px){.edit-user-popup a:hover{text-decoration:underline}}.terms-iframe{overflow:scroll;width:100%;height:400px}.tt-dropdown-menu{margin-top:-1px;width:90%;background:white;box-shadow:0 0 10px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.25);padding:10px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.tt-dropdown-menu h3{padding-left:10px;font-weight:400}.tt-suggestion{padding:0;margin:0;min-width:400px;padding:5px 20px}.tt-suggestion p{margin:0}.tt-suggestion.tt-cursor{background:#CCC;width:90%}input.tt-hint{color:#BBB}.twitter-typeahead{width:100%}.message-container{position:fixed;z-index:1000;max-width:400px;bottom:0;right:0}.error-container{position:fixed;z-index:1000;max-width:400px;top:0;left:40%;margin:0 3%}.message-container .message,.error-container .message.error{border:1px solid rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.2);font-size:80%;opacity:.75;padding:2px 8px;background:white}.message-container .message{background:white;margin-top:5px}.error-container .message.error{background:#e5adb3;margin-bottom:5px}.appstorebutton-text{display:block;width:142px;height:60px;background:url('/design/images/appstorebutton-text.png') no-repeat transparent}#main-col.explore .welcome-box{background:#F0F8F8;padding:16px;margin-bottom:16px;-webkit-box-shadow:1px 2px #CECECE;-moz-box-shadow:1px 2px #CECECE;box-shadow:1px 2px #CECECE}#main-col.explore .welcome-box .welcome-header{text-align:center;font-size:22px;margin-bottom:6px}#main-col.explore .welcome-box .welcome-content{font-size:14px;margin-bottom:10px}@media only screen and (min-width: 800px){#main-col.explore .welcome-box{margin-left:12px}}#main-col.explore .column{width:99%;margin-right:-1px;margin-bottom:30px}#main-col.explore .explore-box{background:none repeat scroll 0 0 rgba(0,0,0,0.01);border:1px solid #ccc;padding:3%;overflow:visible;margin-top:-1px}#main-col.explore .explore-box h2{margin-top:.2em;font-size:28px}#main-col.explore .explore-box .video{width:49%;float:left;margin:0 1% 1% 0;cursor:pointer}#main-col.explore .explore-box .list-image{width:21px;height:21px}#main-col.explore .explore-box .list-date{display:none}#main-col.explore .explore-box.explore-videos{background:white}#main-col.explore .explore-box.explore-videos img{opacity:.8}@media only screen and (min-width: 800px){#main-col.explore .explore-box.explore-videos img:hover{opacity:1}}#main-col.explore .explore-box.explore-featured{background:white;padding:0}#main-col.explore .explore-box.explore-featured img{display:block;opacity:.4;width:100%}@media only screen and (min-width: 800px){#main-col.explore .explore-box.explore-featured img:hover{opacity:.7}}#main-col.explore .genre{opacity:.8}@media only screen and (min-width: 800px){#main-col.explore .genre:hover{opacity:1}}#main-col.explore .genre.selected{opacity:1;box-shadow:0 0 5px rgba(0,0,0,0.4);border-color:black;text-shadow:1px 1px 1px rgba(0,0,0,0.8)}#main-col.explore .tags{margin-bottom:0}.top-menu{display:flex;flex-direction:row;justify-content:flex-start;height:3em;position:fixed;top:0;width:100%;z-index:100;background-color:#18abb0}.top-menu .menu-btn{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;color:white;font-weight:bold;font-size:1.4em;padding:.3em .4em;border-right:1px solid rgba(0,0,0,0.08);box-shadow:1px 0 rgba(255,255,255,0.08);background-color:rgba(0,0,0,0.05)}.top-menu .menu-btn .text{padding-right:.5em}.top-menu .menu-btn .bar-container{display:inline-block}.top-menu .menu-btn .bar-container .bar1,.top-menu .menu-btn .bar-container .bar2,.top-menu .menu-btn .bar-container .bar3{width:18px;height:2px;background-color:white;margin:4px 0;transition:.4s;border-radius:5em}.top-menu .menu-btn .bar-container.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px, 2px);transform:rotate(-45deg) translate(-6px, 2px)}.top-menu .menu-btn .bar-container.change .bar2{opacity:0}.top-menu .menu-btn .bar-container.change .bar3{-webkit-transform:rotate(45deg) translate(-6px, -3px);transform:rotate(45deg) translate(-6px, -3px)}.top-menu .branding{background:url(/design/images/icons/iconmap.svg) no-repeat -241px bottom;width:100%;margin:0 0 0 10%}@media only screen and (min-width: 800px){.top-menu{display:none}}.left-col{bottom:0;left:0;top:0;width:50px;color:white;background-color:#18abb0;position:fixed;z-index:95}@media only screen and (max-width: 799px){.left-col{top:3em}}.left-col .collection-row.hover{background-color:#0c9558}.left-col .branding,.left-col .left-menu,.left-col .menu-collections{border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:1px;box-shadow:0 1px rgba(255,255,255,0.08)}.left-col .branding{height:45px;background:url('/design/images/icons/iconmap.svg') no-repeat -241px bottom;width:100%;background-color:rgba(0,0,0,0.05)}.left-col .menu-inner{position:absolute;top:46px;bottom:0;right:0;left:0}.left-col .branding a{text-indent:100%;white-space:nowrap;overflow:hidden;display:block;width:100%;height:100%;font-family:sans-serif;font-size:1.6rem;letter-spacing:.1rem;text-align:center;text-shadow:-1px -1px 1px rgba(255,255,255,0.3),1px 1px 2px rgba(0,0,0,0.5);line-height:74px}.left-col .menu-item{width:100%;min-height:44px;position:relative;font-size:16px;line-height:44px;cursor:pointer}.left-col .menu-item:hover{background-color:rgba(0,0,0,0.05)}.left-col .menu-item-link{overflow:hidden;width:100%;min-width:50px;height:100%;color:white;font-size:14px}.left-col .menu-item-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-col .menu-item-icon{background:url('/design/images/icons/iconmap.svg') transparent no-repeat -76px 0;display:block;height:18px;width:18px;margin:12px 0 12px 16px;float:left;margin-right:15px}.left-col .home .menu-item-icon{background-position:0 0}.left-col .my-profile .menu-item-icon{background-position:-133px 0}.left-col .collections .menu-item-icon{background-position:-19px 0}.left-col .groups .menu-item-icon{background-position:-57px 0}.left-col .notifications .menu-item-icon{background-position:-95px 0}.left-col .explore .menu-item-icon{background-position:-114px 0}.left-col .menu-item-count{position:absolute;left:26px;top:9px;display:block;background:none repeat scroll 0 0 #c90000;border-radius:3px;font-size:9px;line-height:9px;padding:0 3px 1px}.left-col .menu-collections{padding:17px 0;display:none}.left-col .collections-header,.left-col .collection-row{padding:0 20px;box-sizing:border-box}.left-col .collections-header{text-transform:uppercase;font-size:12px;margin-bottom:8px}.left-col .collections-list{list-style:none}.left-col .collection-name{color:white;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.left-col .collection-row{position:relative;width:100%;height:28px;line-height:28px;display:block}.left-col .collection-row:hover{background:rgba(0,0,0,0.05)}.left-col .collection-icon{background:url('/design/images/icons/iconmap.svg') transparent no-repeat 0 -19px;display:block;height:15px;width:15px;margin-top:7px;float:left;margin-right:5px}.left-col .bookmarked .collection-icon{background-position:-159px -19px;margin-top:6px}.left-col .create-collection-icon{background-position:-16px -19px}.left-col .collection-count{float:right;color:white;font-style:normal;opacity:.75;font-size:12px}.left-col .nav-footer{width:240px;font-size:75%;text-align:center;display:none;padding:17px 0}@media only screen and (max-width: 799px){.left-col .nav-footer{padding:10px 0}}.left-col .nav-footer,.left-col .footer-link,.left-col .create-collection-li .collection-name{color:rgba(255,255,255,0.8)}.left-col .menu-featured{text-align:center;font-weight:600;margin-top:30px;display:none}@media only screen and (max-width: 799px){.left-col .menu-featured{margin-top:15px}}.left-col .menu-featured p{margin-bottom:20px}@media only screen and (max-width: 799px){.left-col .menu-featured p{margin-bottom:15px}}.left-col .menu-featured img{margin-bottom:20px}@media only screen and (max-width: 799px){.left-col .menu-featured img{margin-bottom:15px}}.left-col .left-col-close{position:absolute;top:5px;right:-20px;display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;opacity:.15;display:none}@media only screen and (min-width: 800px){.left-col a.left-col-close:hover{opacity:.25}}.left-col .left-col-close span{background:url('/design/images/icons/iconmap.svg') -17px -35px no-repeat;display:block;width:100%;height:100%}.left-col .current{background:rgba(0,0,0,0.15)}.left-col .menu-item.my-profile .settings-button{display:none}@keyframes open-menu{0%{width:0}100%{width:240px}}@keyframes close-menu{0%{width:240px}100%{width:0}}.with-left-col .left-col{width:240px}.with-left-col .left-col .branding{height:72px;background:url('/design/images/icons/iconmap.svg') no-repeat bottom left}@media only screen and (max-width: 799px){.with-left-col .left-col .branding{display:none}}.with-left-col .left-col .menu-inner{overflow-x:hidden;overflow-y:auto}.with-left-col .left-col .menu-inner{top:73px}@media only screen and (max-width: 799px){.with-left-col .left-col .menu-inner{top:-2px}}.with-left-col .left-col .menu-featured,.with-left-col .left-col .menu-collections,.with-left-col .left-col .nav-footer,.with-left-col .left-col .menu-item-name{display:block}.with-left-col .left-col .menu-item.my-profile .settings-button{display:none}.with-left-col .left-col .menu-item.my-profile:hover .settings-button{display:inline-block}.with-left-col .left-col .menu-item.my-profile .settings-button{float:right;height:44px;width:32px;opacity:.75}.with-left-col .left-col .menu-item.my-profile .settings-button:hover{opacity:1}.with-left-col .left-col .menu-item.my-profile .settings-button .icon.settings{position:relative;top:2px}@media only screen and (max-width: 799px){.left-col{animation-name:open-menu;animation-duration:.5s;animation-timing-function:ease-in}}@media only screen and (max-width: 799px){.left-col.hidden{display:none}}@media only screen and (max-width: 799px){.left-col.slide-back{width:0;animation-name:close-menu;animation-duration:.5s;animation-timing-function:ease-in-out}}.with-left-col .left-col a.left-col-close span{background:url('/design/images/icons/iconmap.svg') 0 -35px no-repeat}#main-col{height:100%;margin-left:50px}@media only screen and (max-width: 799px){#main-col{margin-left:0}}#main-col h2,.message-page h2{margin:.8em 0;font-weight:300;font-size:2.2rem;text-align:center}#main-col h3,.message-page h3{margin-bottom:.4em;margin-top:1em;font-weight:300;font-size:1.5rem;text-align:left}#main-col label,.message-page label{display:block;margin-bottom:3px}#main-col .alert,.message-page .alert{margin:20px;padding:20px;border:1px solid rgba(0,0,0,0.2)}#main-col .alert.success,.message-page .alert.success{border:1px solid rgba(0,100,0,0.4)}#main-col .alert.error,.message-page .alert.error{border:1px solid rgba(255,0,0,0.4)}#main-col .no-content,.message-page .no-content{text-align:center;margin:10px 0}#main-col .message-box form button,.message-page .message-box form button{margin:20px auto 0 auto;display:block}#main-col a.register-link,.message-page a.register-link{display:block;text-align:center;margin-top:1em;text-decoration:none !important}#main-col a.forgotpassword-link,.message-page a.forgotpassword-link{display:block;text-align:center;font-size:80%;text-decoration:none !important}#main-col table,.message-page table{width:100%;margin-top:25px;border-spacing:0;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 1px 4px rgba(0,0,0,0.15);margin-bottom:50px}#main-col table td,.message-page table td{height:2.5em;vertical-align:middle;border-right:2px solid white;padding:0 3px}#main-col table th,.message-page table th{vertical-align:middle;border-right:2px solid white;padding:0 3px;border-bottom:1px solid rgba(0,0,0,0.2);height:2em}#main-col table tr:nth-child(even),.message-page table tr:nth-child(even){background:white}#main-col .list-header,.message-page .list-header,#main-col #groups-list-container,.message-page #groups-list-container,#main-col .explore-content,.message-page .explore-content{max-width:950px}#main-col .list-header,.message-page .list-header{height:45px;padding:0 3% 0 3%;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:10px}#main-col .list-header .title,.message-page .list-header .title{font-size:22px;float:left;margin-top:7px;max-width:90%;overflow:hidden;text-overflow:ellipsis}#main-col .list-header .toolbar,.message-page .list-header .toolbar{float:right;display:none}#main-col .list-header .toolbar .button,.message-page .list-header .toolbar .button{margin-left:4px}#main-col .list-header .toolbar .info,.message-page .list-header .toolbar .info{display:inline-block;line-height:30px;color:rgba(0,0,0,0.36);margin:0}input[type='text'],input[type='password'],input[type='date'],input[type='datetime'],input[type='datetime-local'],input[type='month'],input[type='week'],input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='time'],input[type='url'],textarea{background-color:#ffffff;border:1px solid #cccccc;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:rgba(0,0,0,0.75);display:block;font-family:inherit;margin:.4em 0 0 0;padding:.5em;width:100%;box-sizing:border-box}input[type='text'].text-input-inline{display:inline-block;width:100px}.message-box form div{margin-bottom:1em}.error{color:#e84c3d}label.error{font-size:80%}input.error{border-color:#e84c3d}#main-col.song-list .list-content{padding-bottom:50px}#main-col .list-content{min-height:100px}#main-col .list-content.notifications{max-width:650px}#main-col .list-content .search-title{color:#808080;font-size:80%;margin-bottom:10px;margin-left:12px}#main-col .list-content .list-filters{margin-bottom:11px;overflow:hidden}#main-col .list-content .list-filters .button-group{float:right;margin-left:14px}#main-col .list-content .list-search{float:right;margin:0;display:inline-block;width:125px;height:28px}#main-col .list-content .song-count{float:right;line-height:28px;margin-right:14px;color:#808080;font-size:80%}#main-col .list-content .list-item{position:relative;text-align:left}#main-col .list-content .list-item .list-image{float:left;margin-right:3.5%;width:60px;height:60px;background:#0f5f66}#main-col .list-content .list-item a.list-link{display:block;background:white;min-height:60px;position:relative;padding:5px 5px 5px 6px;border-top:1px solid #e5e5e5}#main-col .list-content .list-item .list-item-content{overflow:hidden}#main-col .list-content .list-item .list-title{margin-bottom:5px;font-size:16px;font-weight:600;color:#18526f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#main-col .list-content .list-item .notification-list-title{margin-left:3px}#main-col .list-content .list-item .list-score{overflow:hidden;margin-right:70px;max-height:70px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main-col .list-content .list-item .list-meta{float:right;font-size:11px;color:gray;padding-top:1px;padding-right:8px}#main-col .list-content .list-item .list-meta span{vertical-align:middle;margin-left:2px}#main-col .list-content .list-item .list-username{display:none}#main-col .list-content .list-item .list-date{margin-right:5px}#main-col .list-content .list-item .list-bookmarks{color:#ccb866}#main-col .list-content .list-item .list-likes{color:#cc86c9}#main-col .list-content .list-item .list-bookmarks.bookmarked{color:#FFD633}#main-col .list-content .list-item .list-likes.liked{color:#FE74F9}#main-col .list-content .list-item .list-bookmarks:before,#main-col .list-content .list-item .list-likes:before{content:"";display:inline-block;width:15px;height:15px;margin-right:2px;padding-bottom:1px;vertical-align:-4px}#main-col .list-content .list-item .list-bookmarks:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -96px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .list-bookmarks.bookmarked:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -112px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .list-likes:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -176px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .list-likes.liked:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -192px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .remove-song{color:#808080;font-size:16px;line-height:1em;width:16px;height:16px;display:inline-block;text-align:center;opacity:.7}#main-col .list-content .list-item .delete-song{color:#f00}#main-col .list-content .list-item.disabled a.list-link{opacity:.5;cursor:default}#main-col .list-content .list-item.disabled .song-playback{display:none}@media only screen and (min-width: 800px){#main-col .list-content .list-item:hover .list-username{display:inline}#main-col .list-content .list-item .list-bookmarks:not(.bookmarked):hover:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -128px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .list-likes:not(.liked):hover:before{background:url('/design/images/icons/iconmap.svg') repeat scroll -208px -19px rgba(0,0,0,0)}#main-col .list-content .list-item .remove-song:hover{opacity:1;background:#ddd}}@media only screen and (min-width: 800px){#main-col .list-content .list-item.song.active{box-shadow:0 0 0 1px #18abb0}}#main-col .list-content .song-playback{position:absolute;bottom:4px;right:5px}@media only screen and (min-width: 800px){#main-col .list-content .song-playback{bottom:4px;right:15px}}#main-col .list-content .song-playback .play-audio,#main-col .list-content .song-playback .play-midi{display:inline-block;width:26px;height:26px;cursor:default}#main-col .list-content .song-playback .play-audio{background:url('/design/images/icons/iconmap.svg') no-repeat -25px -105px}#main-col .list-content .song-playback .play-midi{background:url('/design/images/icons/iconmap.svg') no-repeat 0 -105px}#main-col .list-content .song-playback .play-audio.playing{background-position:-75px -105px}#main-col .list-content .song-playback .play-midi.playing{background-position:-50px -105px}#main-col .list-content .song-playback .play-audio.loading{background:url('/design/images/icons/iconmap.svg') no-repeat right -105px}#main-col .list-content .song-playback .play-midi.loading{background:url('/design/images/icons/iconmap.svg') no-repeat right -105px}#main-col .list-content .list-item.playing div.song-playback{visibility:visible}#main-col .list-content .song-placeholder{border:3px dashed rgba(0,0,0,0.07);background-color:rgba(0,0,0,0.05);margin-bottom:15px}#main-col .list-content .sortable-placeholder{border:3px dashed rgba(0,0,0,0.07);background-color:rgba(0,0,0,0.05);margin-bottom:15px}#main-col .list-content .dragging{z-index:500;opacity:.5;cursor:-webkit-grabbing;cursor:grabbing}#main-col .list-content .dragging a{cursor:inherit}@media only screen and (min-width: 800px){#main-col .list-content .list-item a.list-link{margin-left:19px;box-shadow:1px 2px 0 rgba(0,0,0,0.14);border:none}#main-col .list-content .list-item.disabled a.list-link{cursor:not-allowed}#main-col .list-content .list-item,#main-col .list-content .song-placeholder{margin:0 0 10px 0}#main-col .list-content .list-item .list-handle{width:8px;margin-left:12px;height:100%;background-color:#18ABB0;position:absolute;box-shadow:0 2px 0 #159397;background-image:url('/design/images/list-item-handle.png');background-repeat:no-repeat;background-position:-100px 0}#main-col .list-content .list-item.draggable .list-handle{cursor:-webkit-grab;cursor:grab}#main-col .list-content .list-item .list-checkbox{border:1px solid #000000;width:10px;height:10px;top:6px;left:4px;position:absolute;cursor:default;opacity:.6;background:#dfdfdf;background:linear-gradient(135deg, #dfdfdf 0, #fefefe 100%);display:none}#main-col .list-content .list-item.draggable:hover .list-handle,#main-col .list-content .dragging .list-item .list-handle,#main-col .list-content .list-item.selected .list-handle,#main-col .list-content .list-item.active .list-handle{width:20px;margin-left:0;background-position:center}#main-col .list-content .list-item:hover .list-checkbox{display:block}#main-col .list-content .list-item.selected .list-checkbox{display:block;background-image:url('/design/images/list-item-checkmark.png');background-position:center;background-repeat:no-repeat}#main-col .list-content .show-new-notifications{text-align:center;display:block;margin-bottom:10px}#main-col .list-content .list-item.notification,#main-col .list-content .list-item.notification a.list-link{min-height:55px}#main-col .list-content .list-item.notification.unread .list-handle{background-color:red;box-shadow:0 2px 0 #d90000}#main-col .list-content .list-item.notification .list-image{width:20px;height:20px;margin-right:6px}#main-col .list-content .list-item.notification .notification-lower{margin-top:10px}#main-col .list-content .list-item.notification .notification-bookmark-button{position:absolute;right:0;bottom:10px;line-height:19px;font-size:11px;padding:0 3px;padding-bottom:1px;margin-right:11px}#main-col .list-content .list-item.notification .notification-bookmark-button .button-text{margin-right:3px;vertical-align:middle}#main-col .list-content .list-item .list-admin{font-size:75%;background:#e7f6f7;padding:2px 5px 2px 85px;margin-left:20px;border-bottom:1px solid #D4D4D4;border-right:1px solid #D4D4D4}#main-col .list-content .list-item .list-admin a{color:#0c5558}#main-col .list-content .list-item .list-admin a:hover{text-decoration:underline}#main-col .list-content #list-empty{text-align:center;color:#555555;margin-top:2em}#main-col .list-content #list-empty a{color:#555555}#main-col .list-content #list-empty a:hover{color:#18ABB0}#main-col .list-content #list-empty img{margin-top:1em}#main-col .list-content #list-empty p{margin-bottom:1em}}@media only screen and (max-width: 478px){#main-col .list-content .list-item .list-meta,#main-col .list-content .list-item .list-image{display:none}#main-col .list-content .list-item .song-playback div{display:block}#main-col .list-content .list-item .list-score{margin-right:40px}}@media only screen and (min-width: 800px){#main-col .list-content{padding:0 3%}}.bookmark-button,.like-button,.view-button,.play-button{display:inline-block;width:15px;height:15px;-webkit-transition:-webkit-transform 0.1s;-moz-transition:-moz-transform 0.1s;-o-transition:-o-transform 0.1s;transition:-webkit-transform 0.1s,-moz-transform 0.1s,-o-transform 0.1s,transform 0.1s}@media only screen and (min-width: 800px){.bookmark-button:hover,.like-button:hover,.view-button:hover,.play-button:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}}.button.notification-bookmark-button .icon{width:15px;height:15px;background:url('/design/images/icons/iconmap.svg') repeat scroll -96px -19px rgba(0,0,0,0)}.button.notification-bookmark-button .icon.bookmarked{background-position:-112px -19px}@media only screen and (min-width: 800px){.button.notification-bookmark-button .icon:hover{background-position:-128px -19px}}.bookmark-button{color:#ccb866;background:url('/design/images/icons/iconmap.svg') repeat scroll -96px -19px rgba(0,0,0,0)}.bookmark-button.bookmarked{background:url('/design/images/icons/iconmap.svg') repeat scroll -112px -19px rgba(0,0,0,0)}@media only screen and (min-width: 800px){.bookmark-button:not(.bookmarked):hover{background:url('/design/images/icons/iconmap.svg') repeat scroll -128px -19px rgba(0,0,0,0)}}.like-button{color:#cc86c9;background:url('/design/images/icons/iconmap.svg') repeat scroll -176px -19px rgba(0,0,0,0)}.like-button.liked{background:url('/design/images/icons/iconmap.svg') repeat scroll -192px -19px rgba(0,0,0,0)}@media only screen and (min-width: 800px){.like-button:not(.liked):hover{background:url('/design/images/icons/iconmap.svg') repeat scroll -208px -19px rgba(0,0,0,0)}}.view-button{background:url('/design/images/icons/iconmap.svg') repeat scroll -320px -19px rgba(0,0,0,0)}.play-button{width:12px !important;height:12px !important;background:url('/design/images/icons/iconmap.svg') repeat scroll -7px -110px rgba(0,0,0,0)}.count-number{font-size:10.5px;display:inline-block;vertical-align:top;line-height:17px;margin-right:4px;color:#808080}.notification-like-icon,.notification-comment-icon,.notification-share-icon,.notification-bookmark-icon{display:inline-block;width:20px;height:19px;vertical-align:bottom;-webkit-transition:-webkit-transform 0.1s;-moz-transition:-moz-transform 0.1s;-o-transition:-o-transform 0.1s;transition:-webkit-transform 0.1s,-moz-transform 0.1s,-o-transform 0.1s,transform 0.1s}@media only screen and (min-width: 800px){.notification-like-icon:hover,.notification-comment-icon:hover,.notification-share-icon:hover,.notification-bookmark-icon:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}}.notification-like-icon{color:#ff0000;background:url('/design/images/icons/iconmap.svg') repeat scroll -210px -52px rgba(0,0,0,0)}.notification-comment-icon{color:#ff0000;background:url('/design/images/icons/iconmap.svg') repeat scroll -315px -52px rgba(0,0,0,0)}.notification-share-icon{color:#ff0000;background:url('/design/images/icons/iconmap.svg') repeat scroll -294px -52px rgba(0,0,0,0)}.notification-bookmark-icon{color:#c98752;background:url('/design/images/icons/iconmap.svg') repeat scroll -105px -52px rgba(0,0,0,0)}.list-content #groups-list-container{overflow:auto}.list-content #groups-list-container div.list-item{margin:0 3% 3% 0;float:left}.list-content #groups-list-container div.list-item .group{display:block;width:125px;height:125px;border-radius:50%;display:table-cell;vertical-align:middle;text-align:center;background:white;border:1px solid rgba(0,0,0,0.2);box-shadow:1px 1px 4px rgba(0,0,0,0.15)}.list-content #groups-list-container div.list-item .group p{font-size:90%;color:black;padding:10px;margin:0}.list-content #groups-list-container .groups-header{clear:both}#group-member-list-container .user{min-height:0}#group-member-list-container .user a.list-link{cursor:default;min-height:0}#groups-list-container .owner .group-title:before{content:url("/design/images/icons/group-owner.png");display:block;opacity:.25;line-height:80%}#group-member-list-container .list-meta .owner:before{content:url("/design/images/icons/group-owner.png");display:inline-block;opacity:.25;margin-right:5px}#group-member-list-container .list-item .list-meta .remove{display:block;cursor:pointer}@media only screen and (min-width: 800px){body.device-desktop .progress-slider-view{width:100%}body.device-desktop .progress-slider-view .player-progress-slider .player-progress-handle{position:absolute;top:-3px;left:1px;width:2px;height:14px;opacity:0;z-index:12;margin-left:-1px;background:#18abb0;transition:opacity .2s ease-in-out}body.device-desktop .progress-slider-view .player-progress-slider:hover .player-progress-preview{opacity:1}body.device-desktop .progress-slider-view:hover .player-progress-slider{overflow:visible;height:8px;margin-top:-4px;border-radius:0}body.device-desktop .progress-slider-view:hover .player-progress-handle{opacity:1}}.song-playback{position:relative}.song-playback .play-midi,.song-playback .play-audio{cursor:pointer;opacity:.7}@media only screen and (min-width: 800px){.song-playback .play-midi:hover,.song-playback .play-audio:hover{opacity:1}}.player-progress-outer{position:relative;top:50%;width:auto;margin-top:-2px;padding-left:15px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player-progress-outer .player-progress-border{height:8px;border-radius:4px;background:#ECF0F1;overflow:hidden}.player-progress-outer .player-progress-inner{background:#18abb0;width:0;height:100%}.player-progress-outer .player-time-display{margin-top:2px;position:relative;font-size:11px;font-family:monospace;height:1em;color:#758788;pointer-events:none}.player-progress-outer .player-time-display .player-preview-text{position:absolute;top:0;width:100%;text-align:center;color:#ff8080}.player-progress-outer .duration{position:absolute;top:0;right:0}.player-progress-outer .ui-slider-range{background:none}.player-setting .slider{margin-right:45px}.slider-text{float:right;font-family:monospace;font-size:12px;line-height:12px;color:#747474;width:35px;text-align:center}.pitch-slider-text,.tempo-slider-text{margin-top:-6px}.volume-slider .ui-slider-handle{border-radius:9px}.volume-slider-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.pitch-slider .ui-slider-handle{background:none}.pitch-slider .ui-slider-handle:before{content:'';position:absolute;width:0;height:0;background:none;border-bottom:17.32px solid #168D91;border-left:10px solid transparent;border-right:10px solid transparent}.player-setting{padding:0 4px;margin-bottom:15px}.player-setting-header{color:#808080;font-size:14px;margin-bottom:7px}.player-progress-slider{overflow:hidden;height:4px;transition:all .1s ease-in-out;transition-property:height,margin;background:rgba(0,0,0,0.2)}.player-progress-slider .ui-slider-handle{background:none}.player-progress-slider .ui-slider-range{border-radius:0}.player-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale3d(0, 1, 1);transform-origin:top left;background:#18abb0}.player-progress-preview{display:none;opacity:0;transition:opacity .05s ease-in-out;background:rgba(72,225,230,0.35);position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;transform:scale3d(0, 1, 1);transform-origin:top left}@media only screen and (min-width: 800px){.player-progress-preview{display:block}}.advanced-song-playback .simple-player-view{float:left}@media only screen and (max-width: 799px){.advanced-song-playback.fixed .player-buttons{position:fixed;bottom:0;left:0;padding:7px;background:white;z-index:94;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.advanced-song-playback.fixed .player-progress-outer{padding-left:0}}.song-page .song-sheet{background:white;z-index:10}.message-box{padding:15px 5%;max-width:805px;margin:0 10px 0 30px;background:white;z-index:10}.message-box{max-width:600px;margin-top:45px;padding-bottom:30px}#main-col .message-box a{color:#2fb3b8}.message-box img{margin:2em 0}.song-page{overflow:hidden}.song-page .song-playback{display:flex;flex-direction:row;justify-content:space-between;position:relative;height:54px}.song-page .song-playback .player-buttons{display:flex;flex-direction:row;align-items:center}.song-page .song-playback .play-midi{display:inline-block;background:url('/design/images/icons/iconmap.svg') no-repeat 0 -165px;width:54px;height:54px;text-align:center;vertical-align:middle}.song-page .song-playback .play-audio{display:inline-block;background:url('/design/images/icons/iconmap.svg') no-repeat -33px -131px;width:34px;height:34px;text-align:center;vertical-align:middle;margin-left:5px}.song-page .song-playback .play-midi.loading{background:transparent url('/design/images/icons/iconmap.svg') no-repeat right -165px}.song-page .song-playback .play-audio.loading{background:transparent url('/design/images/icons/iconmap.svg') no-repeat right -131px}.song-page .song-playback .play-midi.playing{background-position:-106px -165px}.song-page .song-playback .play-audio.playing{background-position:-99px -131px}@media only screen and (min-width: 800px){.song-page{padding:0 5px 0 30px;margin-bottom:25px}}.song-page .position-indicator{display:block;transform:translateZ(0)}@media print{.song-page .position-indicator{display:none}}.song-page .position-indicator-hidden{display:none}.song-page .score-watermark{position:absolute;bottom:6mm;width:100%;left:0;visibility:hidden}@media print{.song-page .score-watermark{visibility:visible}}.song-page .score-watermark-img{display:block;margin:auto}.song-sheet{position:relative;min-height:300px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.song-sheet .loading-spinner{margin:50px auto}.song-sheet .page-image{position:relative;display:block;width:100%;height:100%;z-index:3;transform:translateZ(0)}.song-sheet .page{position:relative;overflow:hidden}.song-sheet .page+.page{border-top:1px solid rgba(0,0,0,0.15)}@media only screen and (min-width: 800px){.song-sheet{border:1px solid rgba(0,0,0,0.15);float:left;width:97%;max-width:805px}}@media print{.song-sheet{max-width:none !important}.song-sheet .page{border:none !important;width:100%;page-break-before:always;page-break-inside:avoid}.song-sheet .page:first-child{page-break-before:avoid}.song-sheet .page:last-child{page-break-after:avoid}.song-sheet .page-image{width:100% !important;height:100% !important}}.score-watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;transition:opacity .3s ease-in-out}.score-watermark-overlay-image{width:100%;position:absolute;top:0;bottom:0;margin:auto}.score-page-mouse-catcher{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.song-print-text-watermark{display:none}.song-sheet-loading-box{position:absolute;top:5px;right:5px;z-index:20;background:rgba(0,0,0,0.35);border-radius:5px;padding:0 15px;line-height:30px;color:white}.song-feedback-container{position:relative;overflow:hidden}@media only screen and (min-width: 800px){.song-feedback-container{margin-top:25px}}@media print{.song-feedback-container{display:none}}.song-feedback-container .song-feedback-item{overflow:hidden;line-height:50px;color:white;padding:0 20px;font-weight:bold;font-size:15px}@media only screen and (min-width: 800px){.song-feedback-container .song-feedback-item{float:left;height:50px}}.song-feedback-container .song-feedback{background:#47C656}.song-feedback-container .song-feedback.error{background:#E84C3D}@media only screen and (min-width: 800px){.song-feedback-container .song-feedback{margin-right:20px}}.song-feedback-container .edit-item{background:#18ABB0}.song-feedback-container .details-button{display:inline;margin-left:15px}.song-feedback-container .song-detail-level{background:#F1C40F;box-sizing:border-box}@media only screen and (min-width: 800px){.song-feedback-container .song-detail-level{width:320px}}.song-feedback-container .more-details-link{cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.5);color:white}@media only screen and (min-width: 800px){.song-feedback-container .more-details-link:hover{border-color:rgba(255,255,255,0.8)}}.song-feedback-container .detail-text{float:left}.song-feedback-container .detail-slider{position:relative;margin-left:55px;top:19px;background:#CDA70D}.song-feedback-container .detail-slider .ui-slider-handle{background:#806808}.song-feedback-popup{max-width:360px}.song-feedback-popup .song-feedback-box{position:relative;color:white;font-size:18px;text-align:center;background:#47C656;padding:20px 30px;padding-bottom:30px;cursor:pointer}.song-feedback-popup .song-feedback-box.error{background:#E52B29}.song-feedback-popup .song-feedback-box.error:before{content:'!';position:absolute;top:12px;left:14px;line-height:1}.song-feedback-popup .song-feedback-box:after{content:'more info »';position:absolute;bottom:10px;right:10px;line-height:1;font-size:13px}.song-feedback-popup .song-feedback-box+.song-feedback-box{margin-top:14px}.song-feedback-popup .song-feedback-corner{position:absolute;top:0;left:0;width:0;height:0;background:#FFF;border-bottom:13px solid #E52B29;border-left:13px solid white}.print-page .song-sheet{max-height:0;overflow:hidden;visibility:hidden}@media print{.print-page .song-sheet{display:block;max-height:none;overflow:visible;visibility:visible}}.print-page-info{text-align:center}.print-page-header{font-size:30px;margin-top:70px}.print-page-print-button,.print-page-loader{margin-top:30px}@media print{.print-page-info{display:none}}@media only screen and (min-width: 800px){.with-left-col #main-col{margin-left:240px}.left-col a.left-col-close{display:block}.with-left-col #main-col .list-header{height:52px;padding-top:20px;margin-bottom:25px}.with-left-col #main-col .list-header small{font-size:60%;opacity:.3;margin-left:.5em}#main-col .list-header .toolbar{display:block;margin-top:6px}#main-col .list-header .toolbar .settings-button .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -21px -52px}.bookmark-button .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -84px -52px}.bookmark-button.bookmarked .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -105px -52px}.bookmark-button:not(.bookmarked):hover .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -126px -52px}.like-button .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -189px -52px}.like-button.liked .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -210px -52px}.like-button:not(.liked):hover .button-icon{background:url('/design/images/icons/iconmap.svg') no-repeat -231px -52px}#main-col .list-content .list-item,#main-col .list-content .song-placeholder{margin:0 0 15px 0}#main-col .song-list .list-content .list-item:hover .song-meta .song-meta-delete{display:inline}.message-box{margin-top:72px;border:1px solid #e5e5e5}.with-left-col .song-page .song-controls{margin-left:240px}.meta-appstorebutton{display:none}#main-col.explore .column{float:left;width:33%}}.ui-widget{font-family:inherit !important;font-size:inherit !important}.ui-dialog .ui-dialog-titlebar{padding:.2em .5em !important}@media print{body,body.bg{background:none}*{background:transparent;box-shadow:none;text-shadow:none}.left-col,#right-col,.song-controls,.toolbar,.top-menu{display:none}#main-col,.with-left-col #main-col{margin:0}.song-page .song-sheet,.message-box{padding:0;max-width:none;border:none;box-shadow:none}.song-page canvas{max-width:100%;height:auto}}.menu-message{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;right:2px;top:-2px;min-height:30px;min-width:30px;padding:6px 8px;background:#eaeaea;border:rgba(0,0,0,0.25) solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,0.25);color:#6a6a6a;font-size:12px;line-height:16px;white-space:nowrap}.menu-message:before,.menu-message:after{content:"";position:absolute;top:10px;left:-6px;border-style:solid;border-width:5px 6px 5px 0;border-color:transparent #eaeaea;display:block;width:0;z-index:1}.menu-message:after{top:10px;left:-6px;border-color:transparent #eaeaea;z-index:1}.menu-message:before{top:10px;left:-7px;border-color:transparent rgba(0,0,0,0.25);z-index:0}.menu-message.success{background:#35B432;color:white;text-shadow:1px 1px rgba(0,0,0,0.5)}.menu-message.success:after{border-color:transparent #35B432}.menu-message.error{background:#c8373b;color:white;text-shadow:1px 1px rgba(0,0,0,0.5)}.menu-message.error:after{border-color:transparent #c8373b}.embed-image-wrapper{cursor:pointer}@media only screen and (min-width: 800px){.embed-image-wrapper:hover::before{opacity:.9}}.embed-image-wrapper::before{display:block;content:'';position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;background:url('/design/images/icons/iconmap.svg') no-repeat -212px -165px;width:54px;height:54px;text-align:center;vertical-align:middle;opacity:.8}.embed-image{width:100%}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:black}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (min-width: 800px){#main-col{position:relative}#main-col .content-column{margin-right:320px;margin-top:25px;margin-bottom:25px}.song-list{max-width:850px}.song-list .info-column{float:right}.song-page .song-sheet,.message-box{margin-right:2%}}@media print{.info-column{display:none}}.info-column textarea{box-sizing:border-box;resize:vertical;transition:none}.info-column .info-box,.info-column .info-box-margins{margin-bottom:6px}.info-column .info-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background:white;padding:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:46px}.info-column .info-box.expanded .expand-info-box{opacity:1}.info-column .info-box.expanded .expand-info-box-arrow{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}.info-column .info-box.fixed{position:fixed;top:0;width:320px;z-index:100;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.info-column .expand-info-box{position:relative;margin:-10px;margin-top:10px;height:14px;background:rgba(0,0,0,0.01);border-top:1px solid rgba(0,0,0,0.03);text-align:center;font-family:arial;line-height:14px;letter-spacing:1px}@media only screen and (min-width: 800px){.info-column .expand-info-box:hover{cursor:pointer;background:rgba(0,0,0,0.04)}}.info-column .expand-info-box-text,.info-column .expand-info-box-arrow{display:inline-block;vertical-align:bottom}.info-column .expand-info-box-text{font-size:10px;color:rgba(0,0,0,0.4);font-weight:bold}.info-column .expand-info-box-arrow{margin:0 4px;font-size:11px;-webkit-transition:-webkit-transform 0.25s ease-out;-moz-transition:-moz-transform 0.25s ease-out;-o-transition:-o-transform 0.25s ease-out;transition:-webkit-transform 0.25s ease-out,-moz-transform 0.25s ease-out,-o-transform 0.25s ease-out,transform 0.25s ease-out;color:rgba(0,0,0,0.7)}.info-column .date{font-size:80%}.info-column .song-info{width:auto;box-sizing:border-box;overflow:hidden;white-space:nowrap;padding-left:10px;min-height:80px}.info-column .song-info div{overflow:hidden;text-overflow:ellipsis}.info-column .song-info div{margin-bottom:2px}.info-column .song-info .name{color:#808080}.info-column .song-info .author{display:block;font-size:80%}.info-column img.author-image{float:left;width:80px;height:80px;border:3px solid white;box-shadow:0 0 3px rgba(0,0,0,0.3);box-sizing:border-box}.info-column .info-box-header,.info-column .setting-header{color:#777;font-size:75%;text-align:center;margin-top:20px;border-bottom:1px solid #EBEBEB;margin-bottom:12px;padding-bottom:3px}.info-column .info-box-header{margin-top:0}.info-column .setting-actions{margin-top:10px;padding-top:12px;border-top:1px solid #EBEBEB}.info-column .song-settings .download-items .left-column .download-item{margin-right:6px}.info-column .song-settings .download-items .right-column .download-item{margin-left:6px}.info-column .song-settings .download-items .download-item{display:block;margin-bottom:8px;box-sizing:border-box;height:48px;overflow:hidden;padding-top:5px;text-align:left}.info-column .song-settings .download-items .icon.download{float:left;margin-right:10px}.info-column .song-settings .download-items .download-title,.info-column .song-settings .download-items .file-ending{text-overflow:ellipsis;overflow:hidden}.info-column .song-settings .download-items .file-ending{color:#8E8F8E;font-size:12px}.info-column .song-settings .icon.add-to-collection{background-position:-345px -219px}.info-column .song-settings .icon.edit{background-position:-207px -219px}.info-column .song-settings .icon.clone{background-position:-184px -219px}.info-column .song-settings .icon.delete{background-position:-230px -219px}.info-column .song-settings .icon.download{width:30px;height:30px;margin-top:3px}.info-column .song-settings .icon.download.song{background-position:0 -257px}.info-column .song-settings .icon.download.playback-midi{background-position:-31px -257px}.info-column .song-settings .icon.download.playback-mp3{background-position:-62px -257px}.info-column .song-settings .icon.download.original-recording{background-position:-93px -257px}@media only screen and (min-width: 800px){.info-column{float:left;width:320px}.info-column .info-box,.info-column .info-box-margins{margin-bottom:16px}.info-column .info-box{border:1px solid #e5e5e5;margin-bottom:16px}.info-column .info-box:hover .expand-info-box{opacity:1}}.info-column .info-box.sharing-settings.loading::before{content:"...";position:absolute;bottom:0;right:0;padding:0 5px;background:rgba(255,255,255,0.5);color:#aaa}.info-column .info-box.sharing-settings .setting-name{color:#777;font-size:75%;text-align:center;margin-top:15px}.info-column .info-box.sharing-settings .who-has-access{overflow:hidden;border-top:1px solid #EBEBEB;margin-top:2px}.info-column .info-box.sharing-settings .global-sharing{line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.info-column .info-box.sharing-settings .global-sharing .global-sharing-dropdown,.info-column .info-box.sharing-settings .global-sharing .global-sharing-options{border:1px solid rgba(0,0,0,0)}.info-column .info-box.sharing-settings .global-sharing .global-sharing-dropdown{padding:0 10px;border-radius:2px}.info-column .info-box.sharing-settings .global-sharing .icon{width:22px;height:22px;float:left;margin-right:15px;margin-top:5px;background:url('/design/images/icons/iconmap.svg') repeat scroll -23px -219px rgba(0,0,0,0)}.info-column .info-box.sharing-settings .global-sharing .icon.anyone{background-position:-46px -219px}.info-column .info-box.sharing-settings .global-sharing .icon.invited{background-position:-69px -219px}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options{border-top:none;margin:0 2px}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option{padding:10px}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option .title{line-height:1em}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option .description{color:rgba(0,0,0,0.5);margin-top:3px;font-size:10px;line-height:1em}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option.animate-selected{-webkit-animation:globalSharingSelected 0.4s ease-in;-moz-animation:globalSharingSelected 0.4s ease-in;-o-animation:globalSharingSelected 0.4s ease-in;animation:globalSharingSelected 0.4s ease-in}.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option.selected .selected-icon{width:22px;height:22px;background:url('/design/images/icons/iconmap.svg') repeat scroll 0 -219px rgba(0,0,0,0)}@media only screen and (min-width: 800px){.info-column .info-box.sharing-settings .global-sharing .global-sharing-options .global-sharing-option:hover{background:rgba(0,0,0,0.05)}}.info-column .info-box.sharing-settings .global-sharing .global-sharing-arrow-outer{display:inline-block;width:20px;height:18px;float:right;margin-top:7px;line-height:15px;color:#ADADAD;text-align:center;padding-left:8px;border-left:1px solid #C8C8C8;opacity:0}.info-column .info-box.sharing-settings .global-sharing .global-sharing-arrow-outer .global-sharing-arrow{box-sizing:border-box;height:100%;border:1px solid #C8C8C8;border-radius:3px}.info-column .info-box.sharing-settings.editable.expanded .global-sharing-dropdown,.info-column .info-box.sharing-settings.editable .global-sharing.expanded .global-sharing-dropdown,.info-column .info-box.sharing-settings.editable.expanded .global-sharing-options,.info-column .info-box.sharing-settings.editable .global-sharing.expanded .global-sharing-options{border-color:#EBEBEB;background:rgba(246,246,246,0.5)}.info-column .info-box.sharing-settings.editable.expanded .global-sharing-arrow-outer,.info-column .info-box.sharing-settings.editable .global-sharing.expanded .global-sharing-arrow-outer{opacity:.5}@media only screen and (min-width: 800px){.info-column .info-box.sharing-settings.editable:hover .global-sharing-dropdown,.info-column .info-box.sharing-settings.editable:hover .global-sharing-options{border-color:#EBEBEB;background:rgba(246,246,246,0.5)}.info-column .info-box.sharing-settings.editable:hover .global-sharing-arrow-outer{opacity:.5}.info-column .info-box.sharing-settings.editable .global-sharing:hover .global-sharing-dropdown,.info-column .info-box.sharing-settings.editable .global-sharing:hover .global-sharing-options{border-color:#E3E3E3;background:#F6F6F6}.info-column .info-box.sharing-settings.editable .global-sharing:hover .global-sharing-dropdown:hover,.info-column .info-box.sharing-settings.editable .global-sharing:hover .global-sharing-options:hover{cursor:pointer}.info-column .info-box.sharing-settings.editable .global-sharing:hover .global-sharing-arrow-outer{opacity:1}}.info-column .info-box.sharing-settings .general-settings{overflow:hidden}.info-column .info-box.sharing-settings .general-settings .general-setting{border:1px solid #C8C8C8;padding:0 8px;line-height:20px;font-size:12px;display:block;float:left;margin-right:8px}.info-column .info-box.sharing-settings .access-row{border-bottom:1px solid #EBEBEB;line-height:38px;font-size:14px}.info-column .info-box.sharing-settings .access-row .image-container{width:20px;height:20px;float:left;line-height:38px;margin-top:9px;margin-right:8px}@media only screen and (min-width: 800px){.info-column .info-box.sharing-settings .access-row:hover .image-container{cursor:pointer}.info-column .info-box.sharing-settings .access-row:hover .image-container::before{content:'×';width:20px;height:20px;position:absolute;background:rgba(0,0,0,0.5);color:white;text-align:center;line-height:20px;font-weight:bold;font-size:20px}.info-column .info-box.sharing-settings .access-row:hover .image-container:hover::before{background:rgba(0,0,0,0.8)}}.info-column .info-box.sharing-settings .access-row .permission-image{width:100%;display:block}.info-column .info-box.sharing-settings .access-row .permission-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-column .info-box.sharing-settings .access-row .permission-settings{float:right}.info-column .info-box.sharing-settings .access-row .permission-settings .permission-status,.info-column .info-box.sharing-settings .access-row .permission-settings .permission-remove{display:inline-block}.info-column .info-box.sharing-settings .access-row .permission-settings .permission-select{border:1px solid #C8C8C8;color:#424242;font-size:12px;padding:1px 2px}.info-column .info-box.sharing-settings .access-row.group .image-container,.info-column .info-box.sharing-settings .access-row.group .image-container::before,.info-column .info-box.sharing-settings .access-row.group .permission-image{border-radius:20px}.info-column .info-box.sharing-settings .add-items{margin-top:8px}.info-column .info-box.sharing-settings .add-items .add-user .icon{background-position:-15px -242px}.info-column .info-box.sharing-settings .add-items .add-group .icon{background-position:0 -242px}.info-column .info-box.sharing-settings .add-items .add-item .icon.icon-plus{background-position:-30px -242px}.info-column lesshat-selector{-lh-property:0; } @-webkit-keyframes globalSharingSelected{ 0% { background: rgba(0, 0, 0, 0.4); } 100% { background: none; }} @-moz-keyframes globalSharingSelected{ 0% { background: rgba(0, 0, 0, 0.4); } 100% { background: none; }} @-o-keyframes globalSharingSelected{ 0% { background: rgba(0, 0, 0, 0.4); } 100% { background: none; }} @keyframes globalSharingSelected{ 0% { background: rgba(0, 0, 0, 0.4); } 100% { background: none; }}.info-column .tags{overflow:hidden;padding:0 0 0 5px;margin:10px 0 5px 0}@media only screen and (min-width: 800px){.info-column .tags{margin-bottom:12px;padding:0;background:none;border:none}}.info-column .tags .tag,.info-column .tags .genre,.info-column .tags .genre-select,.info-column .tags .edit-tags{float:left;vertical-align:middle;font-size:11px;line-height:15px;padding:0 8px;color:white;margin-top:1px;margin-bottom:5px;margin-right:6px;cursor:pointer}.info-column .tags .tag{background:#BF4643;padding-left:3px;position:relative;margin-left:9px}.info-column .tags .add-tag{float:left;vertical-align:middle;font-size:11px;line-height:15px;padding:0 8px;color:white;margin-top:1px;margin-bottom:5px;margin-right:6px;cursor:pointer;background:#BF4643;padding-left:3px;position:relative;margin-left:9px}.info-column .tags .tag::before,.info-column .tags .add-tag::before{content:'';position:absolute;width:9px;height:15px;background:url('/design/images/icons/iconmap.svg') no-repeat -51px -35px;top:0;left:-9px}.info-column .tags .add-tag::before{background-position:-68px -35px}.info-column .tags .delete-tag{display:none;text-align:center;line-height:15px;font-size:16px;font-weight:bold;width:15px;height:15px;position:absolute;top:0;right:-15px}.info-column .tags .genre{border-radius:6px;padding:0 10px;font-weight:600;margin-top:0;margin-bottom:4px;position:relative;z-index:1}.info-column .tags .genre-select,.info-column .tags .add-tag,.info-column .tags .delete-tag{background:#bababa;opacity:.9;cursor:pointer}@media only screen and (min-width: 800px){.info-column .tags .genre-select:hover,.info-column .tags .add-tag:hover,.info-column .tags .delete-tag:hover{opacity:1}}.info-column .tags .genre-select{margin-left:-9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-webkit-background-clip:padding-box;-moz-border-radius-bottomleft:0;-moz-background-clip:padding;border-bottom-left-radius:0;background-clip:padding-box}.info-column .tags .genre-edit-icon{margin-bottom:1px}.info-column .tags.editing .tag{margin-right:21px}.info-column .tags.editing .delete-tag{display:block}.info-column .genre{background:#bababa;border:1px solid #878787;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.info-column .genre.acappella{background:#f471cf;border-color:#ed12af}.info-column .genre.assignments{background:#8e725e;border-color:#514135}.info-column .genre.ambient{background:#ff8b00;border-color:#995300}.info-column .genre.classical{background:#e81123;border-color:#890a15}.info-column .genre.country{background:#dc7700;border-color:#764000}.info-column .genre.dance{background:#9c29b8;border-color:#551665}.info-column .genre.electronic{background:#1b1aff;border-color:#0100b3}.info-column .genre.exercises{background:#01bcf1;border-color:#016d8b}.info-column .genre.folk{background:#00b294;border-color:#004c3f}.info-column .genre.funk{background:#009e49;border-color:#00381a}.info-column .genre.game{background:#80bb01;border-color:#3b5600}.info-column .genre.choir-gospel{background:#efc200;border-color:#896f00}.info-column .genre.hip-hop{background:#2fd5b8;border-color:#1b8371}.info-column .genre.jazz{background:#ba131b;border-color:#5d0a0e}.info-column .genre.latin{background:#c50074;border-color:#5f0038}.info-column .genre.musical{background:#ed008c;border-color:#870050}.info-column .genre.pop{background:#1313bf;border-color:#0a0a62}.info-column .genre.reggae{background:#0073c6;border-color:#003860}.info-column .genre.rock{background:#6d3991;border-color:#361c48}.info-column .genre.soundtrack{background:#56d456;border-color:#289c28}.info-column .genre.other{background:#BFB38F;border-color:#948454}.info-column .info-share{overflow:hidden;margin-bottom:2px}@media only screen and (min-width: 800px){.info-column .info-share{margin-bottom:16px}}@media only screen and (max-width: 799px){.info-column .info-share{text-align:center}}.info-column .share-button{height:32px;width:32px;display:block;float:left;margin-right:8px;opacity:.9}@media only screen and (min-width: 800px){.info-column .share-button:hover{opacity:1}}.info-column .share-button:last-child{margin-right:0}@media only screen and (max-width: 799px){.info-column .share-button{float:none;display:inline-block}}.info-column .share-button.share-facebook{background:url('/design/images/icons/iconmap.svg') no-repeat 0 -72px}.info-column .share-button.share-twitter{background:url('/design/images/icons/iconmap.svg') no-repeat -33px -72px}.info-column .share-button.share-email{background:url('/design/images/icons/iconmap.svg') no-repeat -66px -72px}.info-column .share-button.share-print{background:url('/design/images/icons/iconmap.svg') no-repeat -99px -72px}.info-column .share-button.share-embed{background:url('/design/images/icons/iconmap.svg') no-repeat -132px -72px}.info-column .song-meta{display:table;table-layout:fixed;width:100%}.info-column .song-meta .meta-item{color:#888;display:table-cell;text-align:center}.info-column .description-limiter{position:relative;overflow:hidden}.info-column .description-limiter .description-limiter-fade{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;pointer-events:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iTmFOJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0), white 90%);background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0), white 90%);background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0), white 90%);background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%)}.info-column .info-box.description .info-box-edit{position:absolute;right:0;top:0;background-color:#18ABB0;display:block;opacity:.8;padding:1px;cursor:pointer}@media only screen and (min-width: 800px){.info-column .info-box.description .info-box-edit:hover{opacity:1}}.info-column .info-box.description .no-description{color:rgba(0,0,0,0.6)}.info-column .info-box.description .description-buttons{text-align:right;margin-top:5px}.info-column .add-remove-embed+.embed-wrapper{margin-top:5px}.info-column .add-remove-embed{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.info-column .comments{max-height:370px;overflow:auto}.info-column .comments-header{margin:10px;margin-bottom:0}.info-column .comment-box{padding:0}.info-column .new-comment{padding:11px 10px}.info-column .new-comment-input{margin:0}.info-column .add-comment-button{margin-top:4px;font-size:12px}.info-column .comment{margin:0 10px;padding:15px 4px;border-top:1px solid #E6E6E6}.info-column .comment:last-child{margin-bottom:0}.info-column .comment-username{display:block;font-weight:bold;line-height:.9em;font-size:15px}.info-column .comment-date{color:#7ECEE4;font-size:10px}.info-column .comment-user-image{width:24px;height:24px}.info-column .comment-body{margin-top:4px;font-size:12px}.info-column .remove-comment{float:right;width:16px;height:16px;text-align:center;line-height:16px;color:#808080;opacity:.8;cursor:pointer}@media only screen and (min-width: 800px){.info-column .remove-comment:hover{opacity:1;background:#eee;color:#f00}}.info-column .sidebar-banner{display:block;max-width:100%;margin:auto;margin-bottom:20px}.info-column .sw-playback-warning{background-color:#FEFBE6;border:1px solid #FEEFBA;color:#89857e;padding:7px 10px;font-size:12px;margin-bottom:16px}@page{margin:0}.message-page .message-branding{display:block;margin:auto;margin-top:42px;max-width:90%}.message-page .message-box{margin:auto;margin-top:72px}.user-page .user-info{padding:12px;background:white}.user-page .user-image{border:3px solid white;box-shadow:0 0 3px rgba(0,0,0,0.3);margin-right:22px;width:134px;height:134px}.user-page .user-displayname,.user-page .user-country,.user-page .date,.user-page .tagline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-page .user-displayname{font-size:20px;font-weight:bold}.user-page .user-country{color:#777;font-size:14px}.user-page .tagline{margin:11px 0}.user-page .user-join-date{font-size:80%}.user-page .user-map{display:block}@media only screen and (min-width: 800px){.user-page .content-column{position:relative;max-width:530px}.user-page .info-column{float:none;position:absolute;right:0;top:0;margin-right:-320px}.user-page .user-info{position:relative;padding:12px;margin:0 3%;margin-bottom:30px;border:1px solid #e5e5e5;background:white}.user-page .search-title{float:left;line-height:28px;margin-bottom:0}.user-page .edit-profile-buttons{position:absolute;bottom:12px;right:12px}}.user-settings-page .content{margin-left:16px;margin-top:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background:white;padding:21px;min-height:46px;max-width:443px;font-size:14px}@media only screen and (min-width: 800px){.user-settings-page .content{border:1px solid #e5e5e5}}.user-settings-page .section-divider{margin:15px 0;border:none;height:1px;color:#CADEDF;background-color:#CADEDF}.user-settings-page .section-title{width:95px;color:#A7A7A7}.user-settings-page .public-profile-link{margin-top:1em;display:block}.user-settings-page .public-profile-link .icon.public-profile{position:relative;top:2px}.user-settings-page .change-plan-link,.user-settings-page .cancel-plan-link{display:block;font-size:12px}.user-settings-page .change-plan-link .icon,.user-settings-page .cancel-plan-link .icon{position:relative;margin-right:1px}.user-settings-page .change-plan-link{display:block;margin-top:4px}.user-settings-page .change-plan-link .icon.change-plan{top:2px}.user-settings-page .cancel-plan-link{display:block;margin-top:3px}.user-settings-page .cancel-plan-link .icon.cancel-plan{top:3px}.user-settings-page .payment-method-text{line-height:38px}.user-settings-page .payment-method+.payment-method{margin-top:5px}.user-settings-page .remove-payment-methods{margin-top:10px}.user-settings-page .upgrade-button{margin-top:8px}.create-page{max-width:950px}.create-page .record-box,.create-page .midi-import-box{position:relative;text-align:center;padding:10px;box-sizing:border-box;min-height:270px;border-bottom:1px solid #E5E5E5}@media only screen and (min-width: 800px){.create-page .record-box,.create-page .midi-import-box{margin:auto;margin-bottom:52px;width:480px;border:1px solid #E5E5E5}}.create-page .box-header{font-size:18px;font-weight:bold;margin-top:8px}.create-page .text,.create-page .subtitle{color:#979797;margin-top:7px}.create-page .subtitle{font-size:22px;font-weight:bold}.create-page .upload-midi-button{margin-top:39px}.create-page .volume-meter{position:absolute;left:26px;bottom:26px;width:15px;height:120px;background:#EBEBEB}.create-page .volume-meter-inner{position:absolute;bottom:0;left:0;background:#60C445;width:15px}.create-page .volume-meter-inner.clipping{background:#C44545}.create-page .record-button-outer{position:relative;width:80px;height:80px;background:rgba(237,31,36,0.75);border-radius:40px;margin:auto;cursor:pointer;margin-top:32px}.create-page .record-button-inner{position:absolute;top:5px;left:5px;width:70px;height:70px;background:#ED1F24;border-radius:35px}.create-page .record-button-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;vertical-align:middle;font-size:40px;color:white}.create-page .stop-button{width:23px;height:23px;background:white}.create-page .recording-time{color:#CC5050}.create-page .browsers{overflow:hidden;margin:auto;margin-top:15px}.create-page .browser-container{color:#979797;display:inline-block;width:75px}.create-page .browser-container .icon-ext{margin:auto}@media only screen and (min-width: 800px){.create-page .browser-container{width:90px}.create-page .browser-container:hover{text-decoration:underline}}.create-page .browser-name{margin-top:2px;font-size:15px}.create-page .browser-target{margin-top:-3px;font-size:11px}.create-page .get-studio-banner{box-sizing:border-box;max-width:100%}@media only screen and (min-width: 800px){.create-page .get-studio-banner{padding:30px;padding-top:0}}.create-page .microphone-enable-image{margin-top:25px;width:100%;max-width:300px}.create-page .microphone-enable-box{position:relative;text-align:center;padding:10px;box-sizing:border-box;min-height:270px;width:100%}@media only screen and (min-width: 800px){.create-page .microphone-enable-box{margin:auto;margin-bottom:52px;width:480px}}.plans-page{text-align:center;padding-top:34px;padding-bottom:20px}.plans-page .branding-image{display:inline-block;margin:auto;margin-bottom:15px;max-width:90%}.plans-page .subscription-features-list{line-height:1.6;list-style:disc;text-align:left;max-width:600px;margin:auto;font-size:18px;padding:0 10px;margin-top:25px}.plans-page .branding-text{max-width:600px;text-align:center;margin:auto;font-size:18px;padding:0 10px}.plans-page .branding-image-extra-margin{margin-top:50px}.plans-page .one-step-message{line-height:1;margin-bottom:42px;font-size:23px;font-weight:lighter}@media (max-width:444px){.plans-page .one-step-message{font-size:5.2vw}}.plans-page .steps{margin-bottom:35px;line-height:1;color:#A7A7A7}@media only screen and (max-width: 799px){.plans-page .steps .step{display:block;margin:10px 0}.plans-page .steps .step-arrow{display:none}}.plans-page .step.selected{color:#1D1D1D}.plans-page .plans-list{margin:auto;margin-top:50px}@media only screen and (min-width: 800px){.plans-page .plans-list{display:table;table-layout:fixed;max-width:1236px;width:100%}}.plans-page .plan-outer{padding:30px 0;margin:auto}@media only screen and (min-width: 800px){.plans-page .plan-outer{display:table-cell;padding:0 10px}}@media only screen and (min-width:1100px){.plans-page .plan-outer{display:table-cell;padding:0 10px}}.plans-page .plan{position:relative;width:282px;max-width:100%;margin:auto;border-radius:4px;background:#18ABB0}.plans-page .plan.free{background:#7dafb7}.plans-page .plan.plus{background:#18ABB0}.plans-page .plan.songwriter{background:#fdba26}.plans-page .plan.pro{background:#4d5ee7}.plans-page .free-pro-circle{box-sizing:border-box;position:absolute;top:-26px;right:10px;width:70px;height:70px;border-radius:35px;background:#EB585E;color:#FDECED;font-size:15px;line-height:1.1;padding-top:12px}.plans-page .plan-header,.plans-page .plan-purchase-button{display:block;color:white;font-size:20px;line-height:50px}.plans-page .plan-header.disabled,.plans-page .plan-purchase-button.disabled{background:#bbb}.plans-page .plan-header{border-bottom:1px solid #169CA0}.plans-page .plan-header.free{border-bottom:1px solid #5c9ba5}.plans-page .plan-header.plus{border-bottom:1px solid #169A9E}.plans-page .plan-header.songwriter{border-bottom:1px solid #dda321}.plans-page .plan-header.pro{border-bottom:1px solid #4554cf}.plans-page .plan-purchase-button{font-size:18px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}@media only screen and (min-width: 800px){.plans-page .plan-purchase-button:hover:not(.disabled){cursor:pointer;background:rgba(0,0,0,0.1)}}.plans-page .plan-price-outer{height:102px}.plans-page .plan-price{line-height:40px;border-radius:20px;background:#169A9E;font-size:20px;padding:0 24px;color:white;display:inline-block;margin-top:12px;min-width:130px;box-sizing:border-box}.plans-page .plan-price.free{background:#5c9ba5}.plans-page .plan-price.plus{background:#169A9E}.plans-page .plan-price.songwriter{background:#dda321}.plans-page .plan-price.pro{background:#4554cf}.plans-page .plan-price-small{position:relative;top:-5px;font-size:12px;line-height:0;font-weight:lighter;margin-left:3px}.plans-page .plan-time-chooser-outer{display:inline-block;padding:2px;margin-top:9px;color:white;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plans-page .plan-time-chooser-value{display:inline-block;font-size:12px;line-height:17px;height:18px;margin:0 5px;cursor:pointer;color:#e8f7f7}.plans-page .plan-time-chooser-value.selected{border-bottom:1px solid white;color:white}.plans-page .plan-feature{color:#8F8F8F;border:1px solid #E9E9E9;border-bottom:none;border-top:none;line-height:50px;background:#FFFFFF}@media only screen and (min-width: 800px){.plans-page .plan-feature{font-size:12px}}@media only screen and (min-width:1100px){.plans-page .plan-feature{font-size:16px}}.plans-page .plan-feature:nth-of-type(even){background:#EFEFEF}.plans-page .plan-clients{color:#8F8F8F;line-height:25px;font-size:13px}@media only screen and (min-width: 800px){.plans-page .plan-clients{font-size:12px}}@media only screen and (min-width:1100px){.plans-page .plan-clients{font-size:13px}}.plans-page .manage-subscription-link{display:block;margin-top:10px}.plans-page .footer-text{color:#8C8C8C;font-size:18px;line-height:1.5;margin:auto;margin-top:37px;max-width:600px;padding:0 10px}@media (max-width:577px){.plans-page .footer-text{font-size:3vw}}.plans-page .footer-text .footer-info-text{margin:8px 0}.plans-page .box-with-title{border:1px solid #E5E5E5;text-align:left;max-width:440px;margin:auto}.plans-page .box-with-title-title{line-height:45px;background:#F7F7F7;border-bottom:1px solid #e5e5e5;font-size:20px;font-weight:bold;padding-left:30px}.plans-page .box-with-title-inner{padding:30px 83px}.plans-page .confirm-header{margin-bottom:20px}.plans-page .confirm-info{font-size:14px;margin:5px 0;color:#737373}.plans-page .confirm-info p{margin-bottom:1em}.plans-page .confirm-info table{margin:20px 0;border-collapse:collapse;min-width:220px}.plans-page .confirm-info table tr.trial{font-style:italic;border-bottom:1px solid #efefef}.plans-page .confirm-info table tr.sum{font-weight:bold;color:#1D1D1D;border-top:1px solid #bfbfbf}.plans-page .confirm-info table td{padding:2px 10px}.plans-page .confirm-info table td:nth-child(2){text-align:right}.plans-page p.promocodetrigger{margin:20px 0 5px 0;color:#3d95ce;text-decoration:underline;font-size:12px;cursor:pointer}.plans-page .promocodeform{height:0;overflow:hidden;-webkit-transition:height .3s ease-out;-moz-transition:height .3s ease-out;-o-transition:height .3s ease-out;-ms-transition:height .3s ease-out;transition:height .3s ease-out}.plans-page .promocodeform.open{height:32px}.plans-page .promocodetext{display:inline-block;width:60%;height:30px;margin:0;text-transform:uppercase;border-color:#bfbfbf}.plans-page .promocodetext::placeholder{color:#bfbfbf}.plans-page .promocodebutton{display:inline-block;width:20%;height:30px;margin:0;font-size:12px;vertical-align:bottom;text-transform:uppercase;color:#18ABB0;border-color:#18ABB0}.plans-page .buy-button{width:100%;box-sizing:border-box}.plans-page .payment{margin:20px 0 30px}.plans-page .payment .payment-error-box{margin:10px 0;border:2px solid #e84c3d;padding:10px;box-shadow:0 0 0 rgba(204,169,44,0.4);animation:pulse 2s 4}.plans-page .payment .payment-error-box p.contact-support{margin-top:5px}.plans-page .payment .payment-error-box p.contact-support a{color:#e84c3d;text-decoration:underline}.plans-page .payment .braintree-dropin .braintree-sheet__header-label{padding-bottom:25px}.plans-page .payment .braintree-dropin [data-braintree-id="toggle"]{padding:0}.plans-page .payment .braintree-dropin [data-braintree-id="methods-label"]{display:none}.plans-page .payment .braintree-dropin [data-braintree-id="methods-edit"]{display:none}.plans-page .payment .braintree-dropin .braintree-placeholder{display:none}.plans-page .secure-text{float:right;color:#60B044;font-size:14px;font-weight:600;padding-right:23px}.plans-page .secure-text .secure-lock{margin-right:5px}.plans-page .fanfare-image{display:block;margin:35px auto}.plans-page .button-manage{margin-bottom:1em}.plans-page .payment-icons{opacity:.9;margin:5px;margin-top:30px}.plans-page .payment-icons .icon+.icon{margin-left:14px}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #e84c3d}70%{-webkit-box-shadow:0 0 0 10px rgba(232,76,61,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(232,76,61,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 #e84c3d;box-shadow:0 0 0 0 rgba(232,76,61,0.4)}70%{-moz-box-shadow:0 0 0 10px rgba(232,76,61,0);box-shadow:0 0 0 10px rgba(232,76,61,0)}100%{-moz-box-shadow:0 0 0 0 rgba(232,76,61,0);box-shadow:0 0 0 0 rgba(232,76,61,0)}}.autosize-textarea{display:block;width:100%;box-sizing:border-box;max-height:300px;min-height:30px;overflow:auto;resize:none}.sign-in-form .button.facebook-button{background:#1852b0;margin-top:14px;box-sizing:border-box;line-height:30px;border:1px solid black;border-color:#123d82 #144696;border-bottom:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxODUyYjAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0NDY5NiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top, #1852b0, #144696);background-image:-moz-linear-gradient(top, #1852b0, #144696);background-image:-o-linear-gradient(top, #1852b0, #144696);background-image:linear-gradient(to bottom, #1852b0, #144696)}.sign-in-form .button.facebook-button:active{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNDQ2OTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE4NTJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top, #144696, #1852b0);background-image:-moz-linear-gradient(top, #144696, #1852b0);background-image:-o-linear-gradient(top, #144696, #1852b0);background-image:linear-gradient(to bottom, #144696, #1852b0)}.sign-in-form .button.facebook-button .facebook-icon{margin-right:4px}.sign-in-form .button.google-button{background:#DF4936;margin-top:14px;box-sizing:border-box;line-height:30px;border:1px solid black;border-color:#b13b2c;border-bottom:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNERjQ5MzYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0NGNDMzMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top, #DF4936, #CF4332);background-image:-moz-linear-gradient(top, #DF4936, #CF4332);background-image:-o-linear-gradient(top, #DF4936, #CF4332);background-image:linear-gradient(to bottom, #DF4936, #CF4332)}.sign-in-form .button.google-button:active{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNDRjQzMzIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0RGNDkzNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top, #CF4332, #DF4936);background-image:-moz-linear-gradient(top, #CF4332, #DF4936);background-image:-o-linear-gradient(top, #CF4332, #DF4936);background-image:linear-gradient(to bottom, #CF4332, #DF4936)}.sign-in-form .button.google-button .google-icon{margin-right:4px}.sign-in-form .facebook-button,.sign-in-form .google-button,.sign-in-form .sign-in-button{width:100%;min-height:42px}.sign-in-form .forgot-password{text-align:center;margin-top:4px}.sign-in-form .no-account{color:#a2a2a2;text-align:center}.sign-in-form .registernow-link{color:#2fb3b8}.sign-in-form .email-suggestion-container{cursor:pointer}.form-row{margin-top:10px}.scale-view-inner{width:100%;margin:auto;overflow:hidden}.song-embed{color:white;background:#262626;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.song-embed .scorecloud-logo{color:white;position:absolute;width:100%;bottom:0;left:0;right:0;text-align:center}.song-embed .scorecloud-logo-image{width:175px;margin-bottom:15px}@media print{.song-embed{display:none}}.song-embed.fullscreen .song-embed-score-outer{top:70px}.song-embed.fullscreen .song-embed-player{height:70px;margin-right:437px}.song-embed.fullscreen .song-embed-zoom-container{position:absolute;top:0;right:0;height:70px;width:437px}.song-embed.fullscreen .song-embed-zoom-slider-container{height:70px;width:205px}.song-embed.fullscreen .song-embed-zoom-buttons{height:70px;width:195px;position:absolute;top:0;right:0}.song-embed.fullscreen .song-embed-settings{height:calc(100vh - 70px)}.song-embed.fullscreen:not(.show-settings) .song-embed-score-outer{right:0}.song-embed:not(.fullscreen) .song-embed-zoom-container{clear:both;height:115px}@media only screen and (min-width: 800px){.song-embed:not(.fullscreen) .song-embed-zoom-container{float:right;width:274px}}@media only screen and (min-width: 800px){.song-embed:not(.fullscreen) .song-embed-player{float:right;width:274px;clear:both}}@media only screen and (min-width: 800px){.song-embed:not(.fullscreen) .song-embed-settings-button-container{display:none}}@media only screen and (max-width: 799px){.song-embed:not(.fullscreen) .fullscreen-button{display:none}}@media only screen and (max-width: 799px){.song-embed.show-settings .song-embed-score-outer{visibility:hidden}}.song-embed-player-view,.simple-player-view,.song-embed-progress-view{height:100%}.progress-slider-view{width:100%;height:100%}.song-embed-player,.song-embed-zoom-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.song-embed-progress-view{overflow:hidden}.song-embed-player{height:52px;background:#004c73}.song-embed-player .song-embed-player-view{float:left}.song-embed-player .player-buttons{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:9px}.song-embed-player .play-midi{background:url('/design/images/icons/iconmap.svg') no-repeat 0 -105px;display:block;width:36px;height:36px;background-position:0 -303px;opacity:1}.song-embed-player .play-audio.playing{background-position:-75px -105px}.song-embed-player .play-midi.playing{background-position:-74px -303px}.song-embed-player .play-audio.loading{background:url('/design/images/icons/iconmap.svg') no-repeat right -105px}.song-embed-player .play-midi.loading{background-position:-363px -303px}.song-embed-player .current-time,.song-embed-player .duration{color:#ddd}.song-embed-player .player-progress-outer{margin-right:10px}@media only screen and (max-width: 799px){.song-embed-player{height:47px}.song-embed-player .player-progress-outer{margin-top:-23px}.song-embed-player .player-progress-slider{overflow:visible;border:22px solid #004c73;border-left:none;border-right:none;height:2px}.song-embed-player .player-progress-slider .player-progress-handle{position:absolute;top:0;left:0;width:8px;height:8px;margin:0;margin-left:-4px;margin-top:-3px;border-radius:4px;background:#18abb0}.song-embed-player .player-time-display{margin-top:-18px}}.song-embed-settings{position:relative;background:#262626;z-index:5;height:calc(100vh - 167px);overflow:auto}@media only screen and (min-width: 800px){.song-embed-settings{float:right;width:274px;clear:both}}@media only screen and (max-width: 799px){.song-embed-settings{height:calc(100vh - 162px)}}.song-embed-settings .player-setting{padding:0}.song-embed-settings .player-setting-header{color:white;font-size:inherit}.song-embed-settings .slider-text{color:white}.song-embed-settings-inner{position:relative;padding-bottom:90px;min-height:98%;box-sizing:border-box}.song-embed-setting-divider{background:#555;height:1px;margin:18px 0}.song-embed-score-outer{background:#eee;width:auto;overflow:auto;z-index:10;position:absolute;top:0;bottom:0;left:0;right:274px}@media only screen and (max-width: 799px){.song-embed-score-outer{top:47px;right:0}.song-embed-score-outer.no-settings{top:0}}.song-embed-score{margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-transform:translateZ(0)}.song-embed-score .page{position:relative;overflow:hidden;background:white;box-shadow:0 0 5px #dedede}.song-embed-score .page{margin-bottom:2%}.song-embed-score .page:last-child{margin-bottom:10%}.song-embed-score .page-image{position:relative;display:block;width:100%;height:100%;z-index:3}.song-embed-score .score-watermark-img{display:none}.song-embed-zoom-buttons{position:relative;background:#4b4b4b;height:65px}.song-embed-zoom-button{width:30px;height:30px;padding:10px;cursor:pointer;font-size:12px;text-align:center;line-height:30px;font-weight:bold;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.song-embed-zoom-button.selected{background-color:rgba(0,0,0,0.2)}.song-embed-zoom-button.fit-to-height-button{left:12px}.song-embed-zoom-button.fit-to-width-button{left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.song-embed-zoom-button.fullscreen-button{right:12px}@media only screen and (min-width: 800px){.song-embed-zoom-button:hover{background-color:#004c73}}.song-embed-zoom-container{background:#555}.song-embed-zoom-icon{float:left;margin-right:6px;position:relative;top:50%;transform:translateY(-50%)}.song-embed-zoom-slider-container{position:relative;height:100%;height:50px;overflow:hidden;padding:0 10px;padding-right:12px}.song-embed-zoom-slider-container-inner{position:relative;height:100%;margin-left:40px}.song-embed-zoom-slider-resetter{width:16px;height:40%;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:5}.song-embed-zoom-slider-resetter-inner{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:2px;height:7px;background:#ddd}.song-embed-zoom-slider-inner{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:2px;border:15px solid #555;border-left:none;border-right:none}.song-embed-zoom-slider-inner .ui-slider-range{border-radius:0}.song-embed-zoom-slider-inner .ui-slider-handle{width:8px;height:8px;border-radius:7px;margin-left:-6px;top:-5px;border:2px solid #555}.song-embed-settings-button-container{float:right;height:100%;width:30px;padding-right:10px}.song-embed-settings-button{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:3px;color:black;text-align:center;display:block;background-color:#333;border:6px solid #333;cursor:pointer}@media only screen and (min-width: 800px){.song-embed-settings-button:hover{background-color:#222;border-color:#222}}.song-embed-volume-slider{margin:20px 0;margin-top:5px}.song-embed-setting{position:relative;padding:25px 27px}.song-embed-mixer{position:relative;min-height:85px}.song-embed-mixer-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAABJSURBVChTjcqLCQAgDEPBbOX+k1X7oEWlfoSIJqdxmpnpFN9JNUYS3eCM+O+AckN0M6AoEP3yOSC2fFwQO9cDeb6QJ2E1RiS1DhXJ16E5rAfVAAAAAElFTkSuQmCC) repeat;background-color:rgba(0,0,0,0.45);overflow:hidden}.song-embed .song-embed-mixer-overlay{margin:-15px -26px}.song-embed-mixer-overlay-text{padding:3px 10px;margin-top:15px;border-radius:3px;color:white;background:rgba(0,0,0,0.8)}.song-embed-loading-text{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:80%;color:#aaa;opacity:0;transition:opacity .7s}.song-embed-loading-text.song-embed-loading-text-active{opacity:1}