@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);@import url(https://cdn.jsdelivr.net/npm/animate.css@3.7.0);:root{--main-bg-color:#3d3d3c;--header-bg-color:#151515;--header-border-color:#555;--menu-bg-color:#333;--input-bg-color:#2f2f2f;--button-bg-color:#212121;--button-bg-golden-color:#967748;--color-light-grey:#bbb;--color-very-light-grey:#e0e0e0;--font-big:2rem;--font-small:0.7rem;--font-medium:0.85rem;--font-header:1.2rem;--font-bottom-input:1.1rem;--font-title:1.4rem}.page{position:fixed;overflow:hidden;width:100%}@media screen and (orientation:landscape){.page{overflow-y:scroll}}.btn{border:none;background-color:var(--button-bg-color);color:#fff;padding:1rem 1.5rem;margin:.5rem;border-radius:.5rem}.btn-selected{border:1px solid #fff}.btn-disabled{color:var(--color-light-grey);opacity:.5}.btn-bottom{border:none;background-color:var(--button-bg-color);color:#fff;padding:1.5rem;margin:.5rem;border-radius:.5rem}.btn-side{width:.2rem;height:.2rem;margin-right:1.5rem}.btn-side img{width:1.7rem;height:1.7rem;margin-top:-1.3rem;margin-left:-.7rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.btn-golden{background-color:var(--button-bg-golden-color);text-transform:uppercase;font-weight:bolder}.text-input{display:inline-block;border:0;border-bottom:1px solid #555;background:transparent;font-size:1.5em;padding-bottom:.5em}.small-text-input{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--font-bottom-input);padding:0;margin:auto;height:1.5rem;width:100%;color:#fff;font-weight:400}.img_wrapper{position:relative;min-width:8rem;min-height:5rem}.animated.evenfaster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.instant{-webkit-animation-duration:0ms;animation-duration:0ms}.loader-wrap{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.loader{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:40px;width:80px;-webkit-box-sizing:border-box;box-sizing:border-box}.loader .loader-item{position:relative;float:left;height:40px;width:4px;margin:0 2px;background-color:#fff}.loader .loader-item:first-child{-webkit-animation:loader-item-1 2s linear infinite;animation:loader-item-1 2s linear infinite}.loader .loader-item:nth-child(2){-webkit-animation:loader-item-2 2s linear infinite;animation:loader-item-2 2s linear infinite}.loader .loader-item:nth-child(3){-webkit-animation:loader-item-3 2s linear infinite;animation:loader-item-3 2s linear infinite}.loader .loader-item:nth-child(4){-webkit-animation:loader-item-4 2s linear infinite;animation:loader-item-4 2s linear infinite}.loader .loader-item:nth-child(5){-webkit-animation:loader-item-5 2s linear infinite;animation:loader-item-5 2s linear infinite}.loader .loader-item:nth-child(6){-webkit-animation:loader-item-6 2s linear infinite;animation:loader-item-6 2s linear infinite}.loader .loader-item:nth-child(7){-webkit-animation:loader-item-7 2s linear infinite;animation:loader-item-7 2s linear infinite}.loader .loader-item:nth-child(8){-webkit-animation:loader-item-8 2s linear infinite;animation:loader-item-8 2s linear infinite}.loader .loader-item:nth-child(9){-webkit-animation:loader-item-9 2s linear infinite;animation:loader-item-9 2s linear infinite}.loader .loader-item:nth-child(10){-webkit-animation:loader-item-10 2s linear infinite;animation:loader-item-10 2s linear infinite}@-webkit-keyframes loader-item-1{1%{-webkit-transform:scaleY(1);transform:scaleY(1)}11%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}21%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-1{1%{-webkit-transform:scaleY(1);transform:scaleY(1)}11%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}21%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-2{7%{-webkit-transform:scaleY(1);transform:scaleY(1)}17%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}27%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-2{7%{-webkit-transform:scaleY(1);transform:scaleY(1)}17%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}27%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-3{13%{-webkit-transform:scaleY(1);transform:scaleY(1)}23%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}33%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-3{13%{-webkit-transform:scaleY(1);transform:scaleY(1)}23%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}33%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-4{19%{-webkit-transform:scaleY(1);transform:scaleY(1)}29%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}39%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-4{19%{-webkit-transform:scaleY(1);transform:scaleY(1)}29%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}39%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-5{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}35%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}45%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-5{25%{-webkit-transform:scaleY(1);transform:scaleY(1)}35%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}45%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-6{31%{-webkit-transform:scaleY(1);transform:scaleY(1)}41%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}51%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-6{31%{-webkit-transform:scaleY(1);transform:scaleY(1)}41%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}51%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-7{37%{-webkit-transform:scaleY(1);transform:scaleY(1)}47%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}57%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-7{37%{-webkit-transform:scaleY(1);transform:scaleY(1)}47%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}57%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-8{43%{-webkit-transform:scaleY(1);transform:scaleY(1)}53%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}63%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-8{43%{-webkit-transform:scaleY(1);transform:scaleY(1)}53%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}63%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-9{49%{-webkit-transform:scaleY(1);transform:scaleY(1)}59%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}69%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-9{49%{-webkit-transform:scaleY(1);transform:scaleY(1)}59%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}69%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes loader-item-10{55%{-webkit-transform:scaleY(1);transform:scaleY(1)}65%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}75%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes loader-item-10{55%{-webkit-transform:scaleY(1);transform:scaleY(1)}65%{-webkit-transform:scaleY(1.4);transform:scaleY(1.4)}75%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.app-header{background-color:var(--header-bg-color);border-bottom:1px solid var(--header-border-color);font-size:var(--font-header);padding:.9rem 1.25rem 1rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.2rem;min-height:1.2rem;max-height:1.2rem;z-index:500;position:-webkit-sticky;position:sticky;top:0}.app-header__back-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;margin-left:-.5rem}.app-header__config-icon{width:1.5rem;height:1.5rem;margin-right:-.5rem;margin-left:auto}.app-header__close-icon{width:2.75rem;height:2.75rem;margin:-.65rem -1.2rem -1rem auto}.audio-player__content{display:inline-block}.audio-player__content img{display:block;max-width:100%;max-height:100%}.audio-player__progress_bar{width:100%;height:5px;background-color:#fff}.audio-player__currentTimeContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.3rem 0}.audio-player__currentTime,.audio-player__totalTime{color:var(--color-light-grey);font-size:var(--font-small)}.mediaplayer-controls{height:1px;width:1px;opacity:0}.floor-menu{display:table;width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:501}.floor-menu__item{text-transform:uppercase;font-size:var(--font-medium);font-weight:500;display:table-cell;text-align:center;padding:1rem .5rem;background-color:var(--menu-bg-color);border-bottom:1px solid var(--header-border-color)}.floor-menu__item:not(:last-child){border-right:1px solid var(--header-border-color)}.floor-menu__selected{font-weight:600;background-color:var(--button-bg-golden-color)}.list-audios{height:100%;position:relative;padding:5%;list-style-type:none}.list-audios__content,.list-audios__icon{display:-webkit-box;display:-ms-flexbox;display:flex}.list-audios__icon{margin-right:.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-audios .audio-icon{width:4rem;height:4rem;z-index:10}.list-audios .vertical-line-middle{width:3rem;height:100%;min-height:5rem;margin-top:-1.5rem;margin-bottom:-1.5rem}.list-audios .last-vertical-line{height:100%;min-height:4rem;margin-bottom:-.5rem}.list-audios__titlenum{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:var(--color-light-grey);width:100%}.list-audios__titlenum h3{color:#fff;font-size:1.2rem;font-weight:400;margin-top:.6rem}.list-audios__titlenum .private-player-container{margin-top:1rem;margin-right:1.4rem;overflow:hidden;max-height:0;-webkit-transition:max-height .45s ease-out;transition:max-height .45s ease-out}.list-audios__titlenum .private-player-container-opened{max-height:40rem}.list-audios .media-list-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:4rem;height:4rem;margin-bottom:-1.5rem}.list-audios .media-list-start .vertical-line-circle{width:.8rem;height:.8rem;margin:0 auto -.5rem auto}.list-audios .media-list-start .vertical-line-start{width:3rem;height:3rem}.list-audios .media-list-end{width:4rem;margin-right:.5rem;text-align:center}.list-audios .media-list-end .vertical-line-circle{width:.8rem;height:.8rem}.home{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home__title{color:#fff;font-size:var(--font-big);font-weight:lighter;margin:auto auto -10% auto;padding-top:1.5em}.home img{padding:2%;margin-top:5%;margin-bottom:auto}.config{height:100%}.config__content{padding:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.config__desc{margin:5% auto 5% .5rem}.public{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.public__content{height:100%;padding:5%;color:var(--color-very-light-grey)}.public__audios{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.public__audio-item{margin-top:10%;text-align:left}.public__audio-item img{width:auto;max-width:95%;max-height:50vh}.public__audio-item p{text-align:center;color:#fff;font-weight:500}.public__audio-item:last-of-type{text-align:right}.public-player{height:100%;position:relative}.public-player__content{padding:10%}.public-player__header{display:-webkit-box;display:-ms-flexbox;display:flex}.public-player__header img:first-of-type{width:4rem;height:4rem;margin-right:.5rem;z-index:10}.public-player__header img:last-of-type{position:absolute;z-index:1;width:100%;height:2rem;left:0;margin-top:1.1rem}.public-player__titlenum{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-.3rem;color:var(--color-light-grey)}.public-player__titlenum h3{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:.2rem}.public-player .public-player-container{margin-top:10%;margin-left:4.5rem;margin-right:2rem}.activate__content{padding:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.activate__title{font-size:var(--font-title);margin-bottom:5%}.activate__text{color:var(--color-very-light-grey);margin-bottom:10%}.activate__text-input{color:#fff;text-align:center}.activate__error{font-size:var(--font-medium);color:#ffa07a;margin:1em 0 0 0;text-align:center}.activate__button{margin:10% 0}.protected{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.protected__content{height:100%;overflow-y:auto}.protected footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-color:var(--input-bg-color);padding:0 1em;position:-webkit-sticky;position:absolute;bottom:0;z-index:502}*{margin:0;padding:0}body,html{background-color:var(--main-bg-color);color:#fff;overflow:hidden}#app,body,html{height:100%;width:100%}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed}button:focus,input:focus,select:focus,textarea:focus{outline:none}