:root{--col-background:#fff;--col-background-05:#f2f2f2;--col-background-1:#eee;--col-background-2:#ddd;--col-background-3:#aaa;--col-font:#000;--col-font-a05:rgba(0,0,0,0.5);--col-font-button:#fff;--col-font-button-a02:hsla(0,0%,100%,0.2);--col-accent:#3faf6c;--col-accent-d01:#3ca667}@media (prefers-color-scheme:dark){:root{--col-background:#0a0f10;--col-background-05:#0a0e0f;--col-background-1:#14181d;--col-background-2:#515861;--col-background-3:#677382;--col-font:#fff;--col-font-a05:hsla(0,0%,100%,0.5);--col-font-button:#fff;--col-font-button-a02:hsla(0,0%,100%,0.2);--col-accent:#00adb5;--col-accent-d01:#00a4ac}}body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{background:var(--col-background);color:var(--col-font);font-size:18px;font-family:Inter,Helvetica,Arial,sans-serif}a{text-decoration:inherit;color:inherit;cursor:pointer}a:hover{text-decoration:underline}.container{box-sizing:border-box;padding:1em;margin-top:10vh}@media screen and (min-width:1050px){.container{margin-left:350px;margin-top:0}}section{max-width:1000px}section.form{max-width:550px}.ios .container{margin-top:0;padding-bottom:20vh}.tab-list{display:flex}@media screen and (max-width:800px){.tab-list{display:block;width:100%}}.tab-list .tab{max-width:400px;width:100%;overflow-y:auto;min-height:200px;height:calc(100vh - 8em);padding:1em;box-sizing:border-box;border-radius:15px;margin-right:.5em}.tab-list .tab.free-flex{align-items:flex-start;flex-grow:1;max-width:unset}@media screen and (max-width:800px){.tab-list .tab{height:unset;min-height:unset;width:100%;max-width:unset}}.tab-list .tab .headline{font-size:1em}.navigation{position:fixed;top:0;left:0;width:100%;max-width:350px;border-right:1px solid var(--col-background-2);bottom:0;overflow-y:auto;background:var(--col-background);box-sizing:border-box}.navigation .responsive-bar{display:none}.navigation section{padding:1em;box-sizing:border-box;width:100%}@media screen and (max-width:1050px){.navigation{max-width:unset;bottom:unset;left:0;top:0;border-radius:0;min-height:50px;border-right:none;background:var(--col-background-1);z-index:999}.navigation .responsive-bar{display:block;height:100%}.navigation .responsive-bar button{background:none;height:100%;color:var(--col-font);max-width:unset;min-width:unset}.navigation .responsive-bar button i{font-size:1.5em}.navigation .foldout{display:none;overflow-y:auto}.navigation .foldout .nav-list-item{display:block;width:100%;padding:1em 0}.navigation .foldout.visible{background:var(--col-background);display:block;left:0;right:0;bottom:0;top:10vh;position:fixed}}.navigation .half-list{display:flex;flex-direction:row;flex-wrap:wrap}.navigation .nav-list-item{width:100%;padding:.5em 0;flex-shrink:0;border-radius:15px;transition:background .1s;color:var(--col-font-a05)}.navigation .nav-list-item.router-link-exact-active{color:var(--col-font)}.navigation .nav-list-item.highlight i{background:var(--col-accent);color:var(--col-font-button);border-radius:50%}.navigation .nav-list-item:hover{background:var(--col-background-1);text-decoration:none!important}.navigation .nav-list-item i{margin-right:1em;margin-left:.5em}.navigation .user-area{border-radius:15px;transition:background .1s;padding:.5em;display:flex;align-items:stretch;justify-content:space-between;line-height:1.2em}.navigation .user-area .statistics{font-size:.9em;padding:.5em;cursor:pointer}.navigation .user-area .statistics span{display:block}.navigation .user-area .user-area-inner-flex{display:flex;align-items:center;max-width:50%}.navigation .user-area .user-icon{margin-right:.5em;flex-shrink:0}.navigation .user-area:hover{background:var(--col-background-1)}.navigation .user-area .user-link{max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navigation .user-area .user-link b{max-width:100%}.navigation .user-area a span{display:block}.navigation .user-area a span.small-handle{font-size:.9em}.ios .navigation{background:var(--col-background);border-top:2px solid var(--col-background-1);bottom:0;top:unset;font-size:18px;padding-bottom:env(safe-area-inset-bottom)}.ios .navigation .user-area .statistics{display:none}.ios .navigation .foldout{display:flex;overflow-x:auto;flex-wrap:nowrap;flex-direction:row-reverse}.ios .navigation .foldout section{min-width:100%}.ios .navigation .half-list{display:flex;justify-content:space-evenly}.ios .navigation .responsive-bar{display:none}.ios .navigation .nav-list-item{width:unset;text-align:center;padding:0}.ios .navigation .nav-list-item:hover{background:none}.ios .navigation .nav-list-item a{text-decoration:none;color:var(--col-font-a05)}.ios .navigation .nav-list-item a:hover{background:none}.ios .navigation .nav-list-item a.router-link-active.router-link-exact-active{color:var(--col-accent)}.ios .navigation .nav-list-item i{margin:0;font-size:1.5em;padding:0}.ios .navigation .nav-list-item span{display:block;font-size:.7em}.ios.standalone .navigation{padding-bottom:20px}.input-toggle,.user-list,button,input,textarea{border:none;border-radius:15px;background:var(--col-background-2);font-size:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:1em;color:var(--col-font);font-weight:600}.input-toggle:active,.input-toggle:focus,.user-list:active,.user-list:focus,button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{outline:none;color:var(--col-font)}.input-row{display:flex;align-items:stretch}.input-row .prefix{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--col-background-2);color:var(--col-font-a05);padding:1em 0 1em 1em;font-weight:600;position:relative;border-top-left-radius:15px;border-bottom-left-radius:15px}.user-list{border:1px solid var(--col-background-1);border-radius:15px}.user-list.user-list-vertical{width:100%}.user-list.user-list-horizontal{display:flex;flex-direction:row;flex-wrap:wrap}.user-link .small-handle,.user-link b{max-width:150px;overflow:hidden;text-overflow:ellipsis}.avatar,.upload-avatar{border-radius:50%}.upload-avatar{width:100px;height:100px;margin-top:.5em;background:var(--col-background-3);position:relative;background-size:cover;overflow:hidden;color:#fff}.upload-avatar .edit,.upload-avatar .loading{transition:opacity .2s;position:absolute;top:0;left:0;right:0;bottom:0;line-height:100px;font-size:20px;text-align:center;background:rgba(50,50,50,.2);opacity:0;margin:auto}.upload-avatar .loading{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.upload-avatar:hover .edit{opacity:.9}.upload-avatar input{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;opacity:0}button,input[type=submit]{background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent));cursor:pointer;color:var(--col-font-button);transition:opacity .5s;border-radius:2em;padding-left:1.3em;padding-right:1.3em;text-align:center;min-width:8em}button[disabled],input[type=submit][disabled]{background:var(--col-background-2);color:var(--col-font-button-a02);cursor:default}button.icon,input[type=submit].icon{border-radius:50%;width:50px!important;height:50px!important;line-height:50px;padding:0;min-width:unset}button:hover,input[type=submit]:hover{opacity:.9}.input-toggle{width:2.2em;min-width:unset;padding:0;border-radius:15px;margin:0;margin-bottom:1em;height:1.2em;position:relative;background:var(--col-background-3);cursor:pointer;opacity:1}.input-toggle .toggle-knob{border-radius:15px;position:absolute;height:1em;margin:.1em;left:0;width:1em;transition:transform .1s;box-shadow:0 2px 5px rgba(0,0,0,.3);background:#fff}.input-toggle.enabled{background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent))}.input-toggle.enabled .toggle-knob{transform:translateX(100%)}form{width:100%;padding-bottom:3em;box-sizing:border-box}form label{font-size:.9em}form .avatar,form input,form textarea{display:block;box-sizing:border-box;width:100%}form .input-row{margin-top:.5em}form .input-row.pre input,form .input-row.pre textarea{margin-top:0;border-top-left-radius:0;padding-left:.2em;border-bottom-left-radius:0}form .avatar{max-width:150px}form textarea{max-width:100%;min-width:100%}form button.submit,form input[type=submit]{width:unset}@media screen and (max-width:1050px){form button.submit,form input[type=submit]{position:fixed;bottom:0;right:0;margin:1em;box-shadow:0 5px 10px 2px rgba(0,0,0,.1)}}form>*{display:block;margin-bottom:1em}@media screen and (max-width:1050px){.ios form input[type=submit],button.submit{bottom:calc(10vh + env(safe-area-inset-bottom))}}@media screen and (max-width:1050px){.ios.standalone form input[type=submit],button.submit{bottom:calc(10vh + 20px + env(safe-area-inset-bottom))}}.clickable{cursor:pointer;opacity:1;transition:opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clickablehover{opacity:.8}.show-more{text-align:center;display:block;width:100%;padding:1em 0}.obvious-link,.show-more{text-decoration:underline}.margin-bottom{margin-bottom:1em}.margin-top{margin-top:1em}.flex-row{display:flex}.flex-row.space-between{justify-content:space-between;align-items:center}.empty-area{width:100%;display:flex;justify-content:center;align-items:center;position:relative;min-height:50vh;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.empty-area button{margin-top:1em;padding:.5em 1.5em;font-size:.8em;min-width:unset}.empty-area .text{padding:1em;font-size:1.2em;max-width:300px}.empty-area .text p{line-height:1.5em;margin:0;padding:0}.empty-area .text .headline{margin:0;padding:0}.empty-area i{position:absolute;font-size:15em;transform:translateX(-50%);opacity:.05;z-index:-1;pointer-events:none}.flex-grid{display:flex;overflow-x:hidden}.flex-grid.space-around{justify-content:center}.headline{font-weight:400;font-size:1.7em;display:block;margin-bottom:1em}.headline.smaller{font-size:1.4em}.headline i{vertical-align:sub;margin-right:.2em;font-size:1.1em}.f-tile-wrapper{min-width:300px;max-width:500px;width:50%;min-height:300px;box-sizing:border-box;padding:1em}@media screen and (max-width:500px){.f-tile-wrapper{width:100%}}.f-tile-wrapper .f-tile{background:var(--col-background-2);background-size:cover;background-position:50%;width:100%;height:100%;border-radius:15px}.post-wrapper{width:50%;box-sizing:border-box;padding:.5em}@media screen and (max-width:1050px){.post-wrapper{width:100%}}.post{width:100%;box-sizing:border-box;transition:background .5s;display:block;height:100%;border-radius:15px;position:relative;padding:1em;background:var(--col-background);color:var(--col-font)}.post .player-area{display:flex;align-items:center;text-align:center}.post .player-area .play-bar{width:45%}.post .player-area h3{display:block;margin:0;width:100%;padding:.5em;font-weight:600}.post .player-area h3 span{display:block;font-size:.8em;line-height:1.5em;font-weight:400;color:var(--col-font-a05)}.post.playing{background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent))}.post .actions,.post .description{display:flex;position:absolute;padding:.7em;left:0;right:0;top:0;justify-content:space-between}.post .actions .remove:hover,.post .description .remove:hover{color:red}.post .actions span,.post .description span{display:block}.post .actions .date,.post .description .date{opacity:.8}.post .actions .user,.post .description .user{display:flex;align-items:center}.post .actions .user .user-icon,.post .description .user .user-icon{height:2em;width:2em}.post .actions .user a,.post .description .user a{margin-right:.5em;text-align:right}.post .actions .user a:hover,.post .description .user a:hover{text-decoration:none}.post .actions .user a i,.post .description .user a i{display:block;font-style:normal;font-weight:400;font-size:.8em;opacity:.8}.post .actions{top:unset;bottom:0;margin:0}.post-list{display:flex;flex-wrap:wrap;box-sizing:border-box}.user-page{max-width:unset}.actions{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:2em;align-items:center}.actions,.actions button,.actions span.info{padding:.5em}.user-icon{min-width:20px;min-height:20px;width:3em;height:3em;border-radius:50%;background-size:cover;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,opacity .5s,box-shadow .2s}.user-icon.text{cursor:pointer;opacity:.8}.user-icon span{font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;color:#fff;text-shadow:0 0 10px #000;text-align:center;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.user-icon span.check{position:absolute;right:0;bottom:0;text-shadow:none;background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent));color:var(--col-font);width:1.5em;height:1.5em;vertical-align:initial;line-height:1.5em;border-radius:50%}.user-icon a{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.user-icon.medium{width:4em;height:4em}.user-icon.large{width:6em;height:6em}.user-icon.selected{box-shadow:0 0 0 2px var(--col-font);opacity:1}.full-tab{position:absolute;top:0;bottom:0;right:0;left:350px;display:flex}.full-tab .post-wrapper{width:100%;max-width:500px;display:inline-block}.full-tab .tab{padding:.5em;box-sizing:border-box;flex-grow:1;display:block}@media screen and (max-width:1050px){.full-tab{left:0;position:relative}.full-tab .user-page-wrapper{box-shadow:none;border-right:none}.full-tab .post-wrapper{max-width:unset}}@media screen and (max-width:750px){.full-tab{position:relative;left:unset;top:unset;right:unset;bottom:unset;display:block}.full-tab .tab{width:100%}}.user-page-wrapper{max-width:400px;box-sizing:border-box;font-size:.9em;border-right:1px solid var(--col-background-2);padding:2em 1em!important;box-shadow:0 5px 10px rgba(0,0,0,.1)}.user-page-wrapper .description{padding:1em}.user-page-wrapper span{display:block}.user-page-wrapper .handle{font-size:.8em;color:var(--col-font-a05)}.user-page-wrapper .flex-row{align-items:top}.user-page-wrapper .flex-row .user-icon{margin-right:1em}.user-page-wrapper .flex-row .headline{padding:0}.upload-info{border-radius:15px;background:var(--col-background-2);padding:1em;box-sizing:border-box;font-size:1em}.upload-switch{width:100%;box-sizing:border-box;display:flex}.upload-switch a{border-radius:0;max-width:unset;padding:1em;text-align:center;font-size:1.1em;cursor:pointer;min-width:unset;width:unset;color:var(--col-font);width:100%;background:var(--col-background-1)}.upload-switch a:hover{text-decoration:inherit;opacity:.9}.upload-switch a:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.upload-switch a:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.upload-switch a.selected{background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent));color:var(--col-font-button);cursor:default}.avatar-row{display:flex}.avatar-row img{flex-grow:0;height:100%}.avatar-row form{width:100%;overflow-x:none;margin-left:1em;padding:0}@media screen and (max-width:1050px){.avatar-row form input[type=submit]{position:unset;margin:unset;box-shadow:unset}}.audio-player{width:100%;background:var(--col-background-1);border-radius:15px;box-sizing:border-box;overflow:hidden}.audio-player .link,.audio-player .state-button{padding:0;margin:0;flex-shrink:0;background:none;min-width:unset;width:2.5em;height:2.5em;background:var(--col-background);color:var(--col-font)}.audio-player .link i,.audio-player .state-button i{font-size:1.5em}.audio-player .audio-action-row{width:100%;box-sizing:border-box;display:flex;padding:.5em;align-items:center;justify-content:space-between;text-align:left}.audio-player .audio-action-row .text{margin:0 .5em;word-wrap:anywhere}.audio-player .audio-action-row .link{font-size:.7em;flex-shrink:0}.audio-player .audio-progress-bar{width:100%;height:8px;position:relative;transition:height .2s;cursor:pointer}.audio-player .audio-progress-bar:hover{height:25px}.audio-player .audio-progress-bar .audio-progress{position:relative;height:100%;transition:width .2s;pointer-events:none;border-radius:15px;background:var(--col-font)}.audio-player .audio-progress-bar .audio-progress:before{content:" ";width:5px;height:5px;background:red}.audio-player.disabled .state-button{background:var(--col-background-2)}.audio-player.in-post{margin:2em 0;height:100px;border-radius:0;display:flex;flex-direction:column;justify-content:space-between;background:unset}.audio-player.in-post .state-button{background:var(--col-background-1);color:var(--col-font)}.audio-player.in-post .audio-progress-bar{background:var(--col-background-1);border-radius:15px}.audio-player.in-post .audio-action-row .text{margin-left:1em}.modal,.modal-small{position:fixed;bottom:1em;left:1em;padding:1em;-webkit-animation:fadeInUp .5s;animation:fadeInUp .5s;max-width:200px;max-height:150px;overflow-y:auto;width:90%;background:var(--col-accent-d01);background:linear-gradient(270deg,var(--col-accent-d01),var(--col-accent));color:var(--col-font-button);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1)}.modal-small.modal-small,.modal.modal-small{border-radius:50%;cursor:pointer;width:50px;height:50px;text-align:center;overflow:hidden;padding:0}.modal-small.modal-small i,.modal.modal-small i{line-height:50px;font-size:25px}.modal-small .close,.modal .close{position:absolute;top:3px;right:3px;width:30px;height:30px;line-height:30px;padding:0;min-width:unset}.modal-small .action,.modal .action{padding:.2em .5em;float:right;margin-top:1em;min-width:unset;border:1px solid var(--col-background)}.modal-transparent{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--col-background-3);opacity:.2;cursor:pointer;z-index:998}.modal-user-list{max-width:500px;position:fixed;left:1em;right:1em;bottom:1em;top:1em;margin:auto;border-radius:15px;padding:1em;max-height:70vh;box-sizing:border-box;background:var(--col-background);overflow-y:auto;box-shadow:0 5px 10px rgba(0,0,0,.1);z-index:999}.modal-user-list .close{position:absolute;font-size:1.5em;top:0;right:0;padding:1rem;cursor:pointer}@media screen and (max-width:700px){.modal-user-list{max-height:unset}}.debriefing{background:var(--col-background);color:var(--col-font);width:100%;box-sizing:border-box;padding:1em;min-height:100px;border-radius:15px;margin-bottom:.5em;position:relative;overflow:hidden}.debriefing .debriefing-actions{display:flex;position:absolute;bottom:0;right:0;padding:.2rem}.debriefing .debriefing-actions>*{text-align:center;line-height:40px;border-radius:50%;width:40px;margin-left:.2rem;height:40px;background:var(--col-background-1)}.debriefing .debriefing-actions .remove:hover{background:red;color:#fff}.debriefing .stats{display:flex;flex-direction:column;line-height:1.5em}.debriefing .row{display:flex;align-items:stretch}.debriefing .play-count{display:flex;flex-direction:column;text-align:center;justify-content:center;margin-right:1em}.debriefing .play-count b{font-size:1.5em}.modal-user-list-item,.tab-user-list-item{display:flex;align-items:center;padding:.5em;border-radius:15px;transition:background .1s}.modal-user-list-item:hover,.tab-user-list-item:hover{background:var(--col-background-1)}.modal-user-list-item .user-icon,.tab-user-list-item .user-icon{margin-right:1em;width:2em;height:2em}.modal-user-list-item small,.tab-user-list-item small{font-weight:400}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:local("Material Icons Outlined"),local("MaterialIcons-Regular"),url(../fonts/MaterialIconsOutlined-Regular.ad092b33.woff2) format("woff2"),url(../fonts/MaterialIconsOutlined-Regular.2f10b1b8.woff) format("woff"),url(../fonts/MaterialIcons-Regular.5022f339.ttf) format("truetype")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;vertical-align:text-top;font-size:inherit;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons-outlined.rotate{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}