@-webkit-keyframes preload_anim{0%{background:rgba(180,200,255,.8)}20%{background:#5ab464}40%{background:#5ab4c8}60%{background:#5ab464}80%{background:#5ab4c8}to{background:rgba(180,200,255,.8)}}@keyframes preload_anim{0%{background:rgba(180,200,255,.8)}20%{background:#5ab464}40%{background:#5ab4c8}60%{background:#5ab464}80%{background:#5ab4c8}to{background:rgba(180,200,255,.8)}}body{background:#2c2c37;color:#fff;font-family:sans-serif;margin:0;padding:0}.auth_wrapper{height:auto;margin:0 auto auto;min-height:90vh;padding:0;width:100%}.auth_wrapper,.auth_wrapper form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.auth_wrapper form{background:rgba(80,80,90,.5);border-radius:1em;-webkit-box-shadow:0 0 2em rgba(0,0,0,.2);box-shadow:0 0 2em rgba(0,0,0,.2);max-width:calc(320px - 4em);padding:2em;width:calc(100% - 8em)}.auth_wrapper form button,.auth_wrapper form input,.auth_wrapper form legend{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:#fff;font-family:sans-serif;list-style:none;margin:.5em auto;outline:none}.auth_wrapper form legend{font-family:sans-serif;font-size:1.2em}.auth_wrapper form input{background:rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);border-radius:.32em;color:hsla(0,0%,100%,.7);font-size:1em;max-width:calc(100% - 2em);padding:.8em .5em;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear;width:100%}.auth_wrapper form input:hover{background:rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.auth_wrapper form input:focus{border-bottom:1px solid #00a0ff;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.auth_wrapper form button{background:#0084ff;border-radius:.32em;cursor:pointer;font-family:sans-serif;font-size:1em;padding:.8em 1em;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.auth_wrapper form button:hover{background:#0090ff;color:hsla(0,0%,100%,.7);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.auth_wrapper form span{border-radius:.32em;font-weight:700;margin:1em auto auto;padding:.32em;text-align:center;width:80%}.auth_wrapper form span.warning{background:orange;color:rgba(0,0,0,.6)}.auth_wrapper form span.success{background:rgba(100,240,150,.6);color:hsla(0,0%,100%,.7)}.auth_wrapper form span.error{background:#dc3232;color:rgba(0,0,0,.6)}.account_wrapper{height:auto;margin:0 auto auto;padding:1em 10%;width:80%}.account_buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-bottom:1px solid hsla(0,0%,78%,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:center;padding:.5em 0;width:100%}.account_buttons h1{font-size:1.4em;margin:auto;padding:0}.account_buttons a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#0084ff;border-radius:.32em;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:center;margin:auto;padding:.5em 1.2em;text-decoration:none;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.account_buttons a span{margin-left:.4em}.account_buttons a:hover{background:#c8dcff;color:#0084ff;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.account_buttons a:first-child{margin-left:0}.account_buttons a:last-child{margin-right:0}.account_files{background:rgba(60,60,70,.7);border-radius:0 0 .64em .64em;height:auto;margin:0 auto auto;min-height:80vh;padding:1em 0;width:100%}.account_file{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:hsla(240,5%,41%,.2);border:1px solid hsla(0,0%,78%,.2);border-radius:.32em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:center;margin:1em auto;padding:1em 2em;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear;width:calc(90% - 4em)}.account_file img{border:1px solid hsla(0,0%,100%,.4);border-radius:100em;height:44px;margin:auto .5em auto 0;-o-object-fit:cover;object-fit:cover;width:44px}.account_file h2{font-size:.78em;font-weight:400;height:auto;margin:auto auto auto 0;max-width:240px;padding:0;width:240px}.account_file input{word-wrap:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(40,40,40,.7);border:0;border-radius:.32em;color:rgba(255,235,255,.8);display:block;font-family:monospace;font-size:.8em;height:auto;list-style:none;margin:auto .5em auto auto;max-width:300px;outline:none;overflow-y:hidden;padding:.7em;width:100%;word-break:none}.account_file a{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#0084ff;border-radius:.32em;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-weight:700;justify-content:center;margin:auto;padding:.5em 1.2em;text-decoration:none;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.account_file a:last-child{margin-left:1em;margin-right:0}.account_file a#remove{background:none;border:1px solid #e69646;color:#e69646;font-size:.77em}.account_file a#copy{background:none;border:1px solid #fff;color:#fff;font-size:.77em;margin-left:.5em;margin-right:1em}.account_file a#copy:hover{border:1px solid #5ac878;color:#5ac878}.account_file a#remove:hover{border:1px solid rgba(230,150,70,.7);color:rgba(230,150,70,.7)}.account_file span.copy_ready{background:#00b464;border-radius:.32em;cursor:pointer;font-size:.8em;margin:auto 0;opacity:0;padding:.5em;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}.account_file span.copy_ready.yes{opacity:1;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.account_file:hover{background:hsla(240,4%,45%,.3);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.popup{background:rgba(30,30,48,.95);display:block;height:100vh;left:0;max-height:calc(100vh - 4em);overflow-y:scroll;padding:2em 0;position:fixed;top:0;-webkit-transform:translateY(200vh);-ms-transform:translateY(200vh);transform:translateY(200vh);-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear;width:100%}.popup .wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;height:auto;justify-content:flex-start;margin:0 auto auto;padding:0 10%;width:80%}.popup .wrapper,.popup a#close{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.popup a#close{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:1px solid #ff594e;border-radius:100em;color:#ff594e;height:32px;justify-content:center;margin:0 0 auto auto;text-align:center;text-decoration:none;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear;width:32px}.popup a#close:hover{border:1px solid rgba(255,89,78,.7);color:rgba(255,89,78,.7);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.popup.open{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear}.pup__upload_file form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:hsla(0,0%,98%,.1);border-radius:.64em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:calc(320px - 2em);padding:2em 1em;width:calc(100% - 2em)}.pup__upload_file form legend{margin:0 auto .7em}.pup__upload_file form button,.pup__upload_file form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:.5em auto;outline:0;padding:.6em 1em}.pup__upload_file form input{background:hsla(0,0%,100%,.2);border-radius:.32em;color:#fff;font-size:.88em;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear;width:calc(90% - 2em)}.pup__upload_file form input:hover{background:rgba(220,220,255,.1);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.pup__upload_file form input:focus{background:hsla(0,0%,100%,.1);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.pup__upload_file form input#fid{background:hsla(0,100%,89%,.1);color:#fff;cursor:not-allowed}.pup__upload_file form input[type=file]{display:none}.pup__upload_file form label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.2);border-radius:.32em;color:hsla(0,0%,100%,.7);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;margin:.5em auto;padding:2em 1em;text-align:center;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear;width:calc(90% - 2em)}.pup__upload_file form label:hover{background:rgba(0,0,0,.1);-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.pup__upload_file form label.preload{-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:preload_anim;animation-name:preload_anim;-webkit-animation-play-state:running;animation-play-state:running;font-weight:700}.pup__upload_file form button{background:#0084ff;border-radius:.32em;color:#fff;cursor:pointer;font-size:1em;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.pup__upload_file form button:hover{background:#06f;color:#fff;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_wrapper{-webkit-box-orient:vertical;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;justify-content:flex-start;margin:0;padding:1em 5%;width:90%}.player_item,.player_wrapper{-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.player_item{-webkit-box-orient:horizontal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;border:1px solid rgba(70,20,0,.1);border-radius:.64em;-ms-flex-direction:row;flex-direction:row;justify-content:center;margin:.5em auto;max-width:calc(720px - 2em);padding:1em;width:calc(100% - 2em)}.player_item img{border-radius:100em;height:48px;margin:auto 1em auto 0;-o-object-fit:cover;object-fit:cover;opacity:.7;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:2s linear;-o-transition:2s linear;transition:2s linear;width:48px}.player_item .controls{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:center;margin:auto auto auto 0;width:auto}.player_item .controls a{margin:auto .5em;text-decoration:none}.player_item .controls a,.player_item .controls a svg{-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_item .controls a svg{fill:#c2c4c8;height:auto;-o-object-fit:cover;object-fit:cover;width:12px}.player_item .controls a:hover{-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_item .controls a:hover svg{fill:#828488}.player_item .controls a.active,.player_item .controls a.active svg{-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_item .controls a.active svg{fill:#424448}.player_item .controls a.active:hover{-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_item .controls a.active:hover svg{fill:#020408;-webkit-transition:.12s linear;-o-transition:.12s linear;transition:.12s linear}.player_item .controls a:first-child{margin-left:0}.player_item__track{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff;border-radius:.32em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:auto;justify-content:center;margin-left:.5em;overflow:hidden;position:relative;width:100%}.player_item__track .progressbar{-webkit-touch-callout:none;background:rgba(100,120,180,.32);border-radius:.32em;display:block;height:48px;left:0;position:absolute;top:0;-webkit-transition:2s linear;-o-transition:2s linear;transition:2s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0;z-index:8900}.player_item__track .progressmask{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:rgba(0,0,40,.15);border-radius:100em;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:48px;justify-content:center;left:0;opacity:0;position:absolute;top:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:0s linear;-o-transition:0s linear;transition:0s linear;width:8px;z-index:9000}.player_item__track .progressmask .point{background:#ff0a54;border-radius:100em;cursor:pointer;display:block;font-size:0;height:24px;margin:auto;width:4px}.player_item__track .waves{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:48px;justify-content:flex-start}.player_item__track .waves,.player_item__track .waves .wave{-webkit-touch-callout:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.player_item__track .waves .wave{background:#3c3746;border-radius:100em;display:block;margin:auto 1px;max-width:2px;padding:0}