.playingsection{left:calc(var(--editorWidth) + 40px)}.edit-indicator,.playingsection{position:absolute;width:4px;background-color:var(--color-light);height:0;transition:all .5s ease;pointer-events:none}.edit-indicator,.scroll-indicator{right:calc(var(--wavesurferHeight)/2 + 4px)}.scroll-indicator{position:absolute;width:4px;background-color:var(--color-verylight);height:0;transition:all .5s ease;pointer-events:none}.logo:hover{opacity:1;filter:none}.credit{position:absolute;bottom:calc(var(--footerHeight)/2 - .6em);font-family:Montserrat,sans-serif;font-size:.8em;color:var(--color-wave);opacity:0;transition:opacity .5s ease}.papereditName{right:calc(50vw + var(--footerHeight) - 20px)}.authorName{left:calc(50vw + var(--footerHeight) - 20px)}.title-input:focus{border-bottom:1px solid var(--color-accent)}.audioloading,.player-container{opacity:0;transition:opacity .5s ease;visibility:hidden}.audioloading{left:50%}.text-button{font-family:Lora,serif;color:var(--color-medium);border:1px solid var(--color-wave);cursor:pointer}.text-button:hover{color:#000;border:1px solid #000}.edittime-display{font-family:Montserrat,sans-serif;color:var(--color-wave);opacity:0;display:none;transition:opacity .5s ease}@media only screen and (min-device-width:900px) and (-webkit-min-device-pixel-ratio:1){.edittime-display{position:relative;bottom:calc((var(--headerHeight) - 2.2em)/2)}}@media only screen and (min-device-width:500px) and (max-device-width:899px) and (-webkit-min-device-pixel-ratio:1){.edittime-display{position:fixed;bottom:5px;right:5px}}@media only screen and (max-device-width:499px) and (-webkit-min-device-pixel-ratio:1){.edittime-display{position:fixed;bottom:5px;right:5px}}.buttons:hover{fill:#000;cursor:pointer}.endtime-display{bottom:-3px}.sidebar-timedisplay{font-family:Montserrat,sans-serif;color:var(--color-wave);font-size:.8em;position:absolute;right:84px;height:10px;user-select:none}.dialog{z-index:9;font-family:Lora,serif;border-radius:5px;box-shadow:0 8px 12px rgba(0,0,0,.16),0 -4px 12px rgba(0,0,0,.26);color:var(--color-dark)}#waveform,.dialog{background-color:#fff}#waveform{transform:rotate(90deg);transform-origin:top left;left:calc(100% - 1px + var(--wavesurferHeight)/2);position:relative;width:calc(100vh - var(--headerHeight) - var(--footerHeight))}#waveform:after{content:"";position:absolute;top:50%;right:0;height:50%;width:1px;border-right:1px solid var(--color-wave);mix-blend-mode:normal;will-change:transform;z-index:2}.playhead-display{top:-7px}.playhead{border-bottom:1px solid #ffa54c;width:calc(var(--wavesurferHeight)/2);position:absolute;right:0;z-index:5}.cursor-display{visibility:hidden}wave>wave{background-color:#000;mix-blend-mode:overlay}cursor,wave>wave{will-change:transform}cursor{mix-blend-mode:normal}.wavesurfer-region[data-region-type=section]{mix-blend-mode:overlay;will-change:transform}.wavesurfer-region[data-region-type=section]:hover{mix-blend-mode:normal;opacity:.3;will-change:transform}timestamp{font-weight:700}timestamp:hover{cursor:pointer}@keyframes gradient{0%{background-position:100% 50%}to{background-position:0 50%}}.settings{padding:25px;line-height:2em;font-size:1.2em;font-family:Lora,serif}.settings h1{margin-top:0;text-align:center}.settings input,.settings select{outline-color:var(--color-accent)}.framerateLabel{float:left;margin-right:15px}.settings select:disabled,select:disabled+.framerateLabel{opacity:.5}.settings p{margin-bottom:0}.sub-setting{margin:20px 0}.keybindings{width:52vw}.keybindings button{font-size:1em;color:var(--color-dark);font-family:Lora,serif;background-color:#fff;outline-color:var(--color-accent);box-shadow:0 4px 8px rgba(0,0,0,.16),4px -4px 8px rgba(0,0,0,.16),-4px 0 8px rgba(0,0,0,.16);border:1px solid transparent;cursor:pointer}.keybindings button:hover{color:#000;background-color:#ddd}.btn-keymap-reset{float:right}.keybindings-inputs input{background-color:var(--color-verylight);border:none;text-align:right;padding:.3em .8em}.keybindings-inputs{text-align:right;overflow:auto;max-height:60vh;margin:20px 0}#toolbar-container button{color:#ccc}#toolbar-container button:hover{color:#eee}.popup{padding:15px;position:fixed;top:50%;transform:translateY(-50%) translateX(-50%);left:50%}.popup label{font-family:Lora,serif;font-size:1.2em;text-align:center;color:var(--color-dark)}.textinput{text-align:center;font-family:Montserrat,sans-serif;border:0;border-bottom:1px solid var(--color-wave);font-size:1.5em;outline:0}.textinput:focus{border-bottom:1px solid var(--color-accent)}::placeholder{color:var(--color-wave)}.hidden-strikes s,.hidden-strikes strike{opacity:.2}.centered{position:fixed;top:50%;transform:translateY(-50%) translateX(-50%);left:50%}.menu{min-width:250px;padding:0}.menu ul{padding:0;margin:0}.menu li{list-style-type:none;font-size:1.3em;padding:15px;cursor:pointer;outline-color:var(--color-accent)}.menu li:hover{background-color:var(--color-verylight)}.menu a{color:inherit;text-decoration:none}.blur-barrier{z-index:8;position:fixed;width:100%;height:100%;top:0;left:0;transition:background-color .5s ease}.audiospinner,.audiospinner:after,.audiospinner:before{background:var(--color-wave);-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;height:2em}.audiospinner{color:var(--color-wave);text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;width:.2em}.audiospinner:after,.audiospinner:before{position:absolute;top:0;content:""}.audiospinner:before{left:-1.2em;width:.19em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.audiospinner:after{left:1.2em;width:.2em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}#audio-settings{text-align:right}#audio-settings input{width:250px}.audio-settings-slider{-webkit-appearance:none;height:5px;background:var(--color-wave);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.audio-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--color-medium);cursor:pointer}.audio-settings-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--color-medium);cursor:pointer}.audio-settings-slider:focus{background:var(--color-accent)}.export-progress{z-index:10;padding:3px 0 0;position:fixed;right:20px;background:linear-gradient(90deg,#fff 50%,var(--color-accent),#fff 54%);background-size:200% 200%;animation:gradient 2s ease infinite;box-shadow:0 8px 12px rgba(0,0,0,.16),0 -4px 12px rgba(0,0,0,.26);border-radius:5px;color:var(--color-dark);opacity:0;transition:all .5s ease}.export-progress-content{background-color:#fff;padding:10px;font-family:Lora,serif}.export-progress-content span{margin:0 15px;font-size:1.2em}#warning-is-displayed{display:flex;position:fixed;z-index:9;left:50%;transform:translateX(-50%);background-color:#ff4848;border-radius:20px;padding:10px;vertical-align:middle;max-width:80%;box-shadow:0 8px 12px rgba(0,0,0,.16),0 -4px 12px rgba(0,0,0,.26);opacity:0;bottom:0;cursor:default}#warning-is-displayed svg{height:25px;margin:auto 5px;flex-shrink:0}#warning-is-displayed span{margin:auto 10px;font-size:1.3em}