.header{background-color:#fff;border-bottom:1px solid #e6e6e6;height:6rem;line-height:6rem;padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:10}.header__title{color:#3498db;display:inline-block;background:linear-gradient(to right, #347cdb, #8566bb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem;font-family:"Montserrat",sans-serif;margin:0;text-transform:lowercase}.header__title-link{text-decoration:none}.header__board-name{position:relative;color:#88a2bd;font-size:1.6rem;font-weight:bold;float:right;padding-right:1rem;top:.2rem}.header__board-name-prefix{display:none}@media screen and (min-width: 480px){.header{height:7rem;line-height:7rem;padding:0 2rem}.header__board-name-prefix{display:inline}.header__title{font-size:2.6rem}}
.cloudboard{padding-top:9rem;padding-bottom:7.2rem}.cloudboard--no-player{padding-bottom:3rem}.cloudboard__version{font-size:1.4rem;color:#88a2bd;text-align:center;width:100%}.cloudboard__version-link,.cloudboard__version-link:visited{color:#88a2bd}.cloudboard__version-link:active,.cloudboard__version-link:hover,.cloudboard__version-link:focus,.cloudboard__version-link:visited:active,.cloudboard__version-link:visited:hover,.cloudboard__version-link:visited:focus{cursor:pointer;color:#6d8eae}@media screen and (min-width: 480px){.cloudboard{padding-top:11rem;padding-bottom:9.4rem}.cloudboard--no-player{padding-bottom:4rem}}
.sound{position:relative;background-color:#fff;border:1px solid #3498db;border-radius:.4rem;color:#3498db;font-size:1.2rem;font-weight:bold;margin:0 1rem 1rem 0;padding:.6rem 1.2rem;text-transform:uppercase;width:100%}.sound:hover,.sound:active,.sound:focus{outline:none;cursor:pointer;background-color:#3498db;color:#fff}.sound--favorite{border:1px solid #f39c12;color:#f39c12}.sound--favorite:hover,.sound--favorite:active,.sound--favorite:focus{background-color:#f39c12}.sound--has-action{padding-right:1.8rem}.sound__action{margin:-0.5rem -0.9rem -0.5rem .4rem;padding:.5rem}.sound__action--favorite:hover{color:#f39c12}.sound__action--remove:hover{color:#f24331}.sound__key{position:absolute;pointer-events:none;opacity:1;top:-0.6rem;right:-0.6rem;border-radius:.4rem;width:1.7rem;height:1.7rem;line-height:1.7rem;padding:0;text-align:center;transition:background,100ms,opacity 100ms;background-color:#f39c12;color:#fff;font-size:1.2rem;font-weight:normal}@media screen and (min-width: 480px){.sound{width:auto}}
.collection{margin-bottom:3.2rem;padding:0 1.5rem}.collection__title{position:relative;color:#46637f;cursor:pointer;border-bottom:1px solid #e0e7ee;font-size:1.8rem;height:3.3rem;font-weight:bold;padding-bottom:.6rem;margin:0 0 2rem 0}.collection__title::before{position:relative;top:.4rem;float:right;content:"";font-family:FontAwesome;font-size:.7em;color:inherit;margin-right:1rem;transform:rotate(90deg);transition:transform 150ms ease}.collection__title:hover{color:#3498db;cursor:pointer}.collection__title--favorites{color:#f39c12;cursor:default;border-bottom:1px solid #fdedd4}.collection__title--favorites::before{content:""}.collection__title--favorites:hover{color:#f39c12;cursor:default}.collection__title--collapsed::before{transform:rotate(0deg)}.collection__title-icon{font-size:.9em;margin-right:.3rem}.collection__favorites-message{padding:1.5rem 0 .7rem;text-align:center;color:#f8c573}.collection__help{position:relative;opacity:0;left:1.5rem;top:0;color:#88a2bd;font-size:1.2rem;transition:opacity 100ms}.collection__help--active{opacity:1}.collection__help-secondary-tag{color:#fff;border-radius:.4rem;background-color:#f6b44c;padding:.15rem .5rem}@media screen and (min-width: 480px){.collection{padding-left:2rem;padding-right:2rem}}
.player{background:#fafcfd;border-top:1px solid #dae2ea;height:4.2rem;padding:0 1.5rem;position:fixed;bottom:0;width:100%;font-size:1.4rem;z-index:11}.player__message{color:#4f6f8f;line-height:4.2rem;margin:0}.player__icon{width:3.6rem}.player__secondary{opacity:.6}@media screen and (min-width: 480px){.player{height:5.4rem;padding:0 2rem;font-size:1.6rem}.player__message{line-height:5.4rem}.player__unlock{right:2rem}}
.board-top-message{position:fixed;top:5.9rem;height:2.4rem;line-height:2.4rem;width:100%;padding:0 1.5rem;margin:0;color:#fff;font-size:1.2rem;z-index:101;text-align:center}.board-top-message--remote{background-color:#3498db}.board-top-message--local{background-color:#1abc9c}.board-top-message__icon{display:inline-block;margin-right:.5rem}@media screen and (min-width: 480px){.board-top-message{top:6.9rem;padding:0 2rem}}
.board--has-top-message{padding-top:2.4rem}
.board-picker{background-color:#fafcfd;border:1px solid #dae2ea;border-radius:.5rem;text-align:center;padding:2.6rem 1.6rem 1.6rem;max-width:36rem;margin:11vh auto 17vh}.board-picker__message{color:#a0a0a0;line-height:2rem}.board-picker__form{margin-bottom:3rem}.board-picker__input{border-radius:0;border:1px solid #dae2ea;border-radius:.6rem;display:inline-block;font-size:1.6rem;margin:0 .8rem 1.8rem 0;height:4.5rem;line-height:4.5rem;padding:0 1.4rem}.board-picker__input:focus{border:1px solid #8bc4ea;outline:none}.board-picker__error{color:#e74c3c;margin:-2.3rem 0 3rem}.board-picker__button,.board-picker__input{width:100%}.board-picker__button{background:#9366bb linear-gradient(to right, #9366bb, 5%, #7c66bb);border:none;border-radius:.6rem;color:#fff;display:inline-block;font-size:1.6rem;height:4.5rem;line-height:4.5rem;padding:0 1.4rem;text-decoration:none}.board-picker__button:hover,.board-picker__button:focus{cursor:pointer;opacity:.8}.board-picker__button.is-disabled,.board-picker__button.is-disabled:hover,.board-picker__button.is-disabled:focus{cursor:default;opacity:.6}.board-picker__button--local{background:#1abc9c linear-gradient(to right, #1abc9c, 5%, #1abcb2)}@media screen and (min-width: 720px){.board-picker{margin:14vh auto 21vh}}
html{font-size:62.5%}*,*:after,*:before{box-sizing:border-box}body{color:#3a3a3a;font-size:1.6rem;font-family:"Roboto",sans-serif;margin:0}
.loader-container{margin-top:20vh}.loader:before,.loader:after,.loader{border-radius:50%;width:1rem;height:1rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load 1.4s infinite ease-in-out;animation:load 1.4s infinite ease-in-out}.loader{color:#425c77;font-size:1rem;margin:0 auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.12s;animation-delay:-0.12s}.loader:before{left:-2.2rem;-webkit-animation-delay:-0.26s;animation-delay:-0.26s}.loader:after{left:2.2rem}.loader:before,.loader:after{content:"";position:absolute;top:0}@-webkit-keyframes load{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}