@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}*,*::before,*::after{box-sizing:border-box}::selection{background:#e61a1a;color:#eee;text-shadow:none}:focus{border-color:#e61a1a;outline-color:#e61a1a}[hidden]{display:none !important}html{background-color:#222;line-height:1.15;overflow:hidden;-webkit-tap-highlight-color:#222;-webkit-text-size-adjust:100%}body{font-family:"system-ui";font-size:140%;margin:0 auto}a,button,[role="button"],input:not([type="range"]),label,select{touch-action:manipulation}button,select{text-transform:none}a,button{cursor:pointer;font-size:inherit;margin:0;z-index:2}a,button,iframe,label,progress{position:absolute}body{background-color:#111}progress{background-color:whiteSmoke;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.5) inset;height:0.5rem;left:10%;opacity:0.7;width:80%}progress[value]::-webkit-progress-bar{background-color:whiteSmoke;border:1px solid #CCC;border-bottom:0;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.5) inset;box-shadow:10px 5px 10px 4px rgba(0,0,0,0.4)}progress::-moz-progress-bar{background-image:-moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0,0,0,0.1) 33%, rgba(0,0,0,0.1) 66%, transparent 66%),-moz-linear-gradient(top, rgba(255,255,255,0.25), rgba(0,0,0,0.2)),-moz-linear-gradient(left, #b5aaae, #e61a1a)}progress[value]::-webkit-progress-value{border-radius:3px;background-image:-webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0,0,0,0.1) 33%, rgba(0,0,0,0.1) 66%, transparent 66%),-webkit-linear-gradient(top, rgba(255,255,255,0.25), rgba(0,0,0,0.2)),-webkit-linear-gradient(left, #b5aaae, #e61a1a);background-size:35px 20px, 100% 100%, 100% 100%;position:relative}aside,main{position:relative}aside{background:#eee;border-radius:2px;box-shadow:0 0 1.5rem #000;display:block;float:right;height:97%;margin:1% 0;padding:0 1rem;width:20%;z-index:2}body,iframe{height:720px;width:1280px}h2{margin:1ex 0;text-align:center}hr{background:linear-gradient(to right, #eee 0, #222 50%, #eee 100%);border:0;height:1px}iframe{border:none;left:0;z-index:3}input{background:transparent;border:none;text-align:center}input,select{border-radius:4px;padding:5px;width:100%}main{float:left}main,video{height:100%;width:100%}transcript{display:block;line-height:1.3;margin:0 -1rem 0 0;max-height:34rem;overflow-x:hidden;word-break:break-word}transcript[lang=de],transcript[lang=nl]{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}transcript::-webkit-scrollbar-track,transcript::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 3px #000;background:#eee}transcript::-webkit-scrollbar{width:12px;background:#eee}transcript::-webkit-scrollbar-thumb{background:#e61a1a}span{display:inline-block;margin-right:.5rem}svg{height:3rem;overflow:visible;width:3rem}video{z-index:1}div[role=note]{background:#f28c8c;display:inline-block;padding:1rem}label{clip:rect(0, 0, 0, 0);clip-path:inset(50%)}#close{background:rgba(0,0,0,0);border:0;font-size:2rem;padding:0;right:0}#toggle{background:rgba(0,0,0,0.3);border:none;padding:0}.left.show-txt main{margin-left:20%}.right #toggle{right:0}@keyframes slide20{from{width:0}to{width:20%}}.show-txt aside{animation:normal 1s slide20}.show-txt main{font-size:80%;height:80%;margin-top:5%;width:80%}@keyframes slideOut80{from{font-size:80%;height:80%;margin-top:5%;width:80%}to{width:100%}}.hide-txt main{animation:normal 1s slideOut80}