:where([part='captions']) {
  --overlay-padding: 1%;
  --cue-color: white;
  --cue-bg-color: rgba(0, 0, 0, 0.8);
  --cue-font-size: calc(var(--overlay-height) / 100 * 5);
  --cue-line-height: calc(var(--cue-font-size) * 1.2);
  --cue-padding-x: calc(var(--cue-font-size) * 0.6);
  --cue-padding-y: calc(var(--cue-font-size) * 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  contain: content;
  margin: var(--overlay-padding);
  font-size: var(--cue-font-size);
  font-family: sans-serif;
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  word-spacing: normal;
  word-break: break-word;
}

:where([part='captions'] > [part='cue-display']) {
  position: absolute;
  direction: ltr;
  overflow: visible;
  contain: content;
  top: var(--cue-top);
  left: var(--cue-left);
  right: var(--cue-right);
  bottom: var(--cue-bottom);
  width: var(--cue-width, auto);
  height: var(--cue-height, auto);
  box-sizing: border-box;
  transform: var(--cue-transform);
  text-align: var(--cue-text-align);
  writing-mode: var(--cue-writing-mode, unset);
  white-space: pre-line;
  unicode-bidi: plaintext;
  min-width: min-content;
  min-height: min-content;
}

:where([data-dir='rtl'] [part='cue-display']) {
  direction: rtl;
}

:where([part='captions'] [part='cue']) {
  display: inline-block;
  padding: var(--cue-padding-y) var(--cue-padding-x);
  line-height: var(--cue-line-height);
  background-color: var(--cue-bg-color);
  box-sizing: border-box;
  color: var(--cue-color);
  box-shadow: var(--cue-box-shadow);
  white-space: var(--cue-white-space, pre-wrap);
  outline: var(--cue-outline);
  text-shadow: var(--cue-text-shadow);
}

:where([part='captions'] [part='cue-display'][data-vertical] [part='cue']) {
  padding: var(--cue-padding-x) var(--cue-padding-y);
}

:where([part='captions'] [part='region']) {
  position: absolute;
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-start;
  width: var(--region-width);
  height: var(--region-height);
  min-height: 0px;
  max-height: var(--region-height);
  writing-mode: horizontal-tb;
  top: calc(
    var(
      --region-top,
      var(--overlay-height) * var(--region-viewport-anchor-y) / 100 - var(--region-height) *
        var(--region-anchor-y) / 100
    )
  );
  left: var(
    --region-left,
    calc(
      calc(var(--region-viewport-anchor-x) * 1%) -
        calc(var(--region-width) * var(--region-anchor-x) / 100)
    )
  );
  right: var(--region-right);
  bottom: var(--region-bottom);
  overflow: hidden;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

:where([part='captions'] [part='region'][data-active]) {
}

:where([part='captions'] [part='region'][data-scroll='up']) {
  justify-content: end;
}

:where([part='captions'] [part='region'][data-active][data-scroll='up']) {
  transition: top 0.433s;
}

:where([part='captions'] [part='region'] > [part='cue-display']) {
  position: relative;
  width: auto;
  left: var(--cue-offset);
  height: var(--cue-height, auto);
  text-align: var(--cue-text-align);
  unicode-bidi: plaintext;
  margin-top: 1px;
}

:where([part='captions'] [part='region'] [part='cue']) {
  position: relative;
  padding: calc(var(--cue-padding-y) / 2) var(--cue-padding-x);
  border-radius: 0px;
}

:root{--padding-size: 16px;--base-hue: 0;--base-saturation: 0%;--bh: var(--base-hue);--bs: var(--base-saturation);--bhs: var(--base-hue), var(--base-saturation);--outline-style: solid;--outline-width: 1px;--outline-colour: hsl(200, 80%, 40%);--outline: var(--outline-style) var(--outline-width) var(--outline-colour);--danger-colour: hsl(0, 64%, 50%);--warning-colour: hsl(27, 79%, 48%);--success-colour: hsl(111, 89%, 46%);--input-background: hsl(var(--bhs), 12%);--input-focus-background: hsl(var(--bhs), 14%);--input-foreground: hsl(var(--bhs), 100%);--input-padding: calc(var(--padding-size) * 1);--input-hover-background: hsl(var(--bhs), 14%);--input-hover-foreground: var(--input-foreground);--input-border-width: 1px;--input-border-style: solid;--input-border-colour: hsl(var(--bhs), 40%);--input-border-radius: 4px;--input-border: var(--input-border-width) var(--input-border-style) var(--input-border-colour);--input-hover-border-colour: hsl(var(--bhs), 45%);--input-hover-border: var(--input-border-width) var(--input-border-style) var(--input-hover-border-colour);--input-invalid-colour: var(--danger-colour);--input-valid-colour: var(--success-colour);--input-attention-colour: var(--warning-colour);--button-background: hsl(var(--bhs), 15%);--button-focus-background: hsl(var(--bhs), 18%);--button-active-background: hsl(var(--bhs), 30%);--button-foreground: hsl(var(--bhs), 100%);--button-hover-background: hsl(var(--bhs), 18%);--button-hover-foreground: var(--button-foreground);--button-border-width: 1px;--button-border-style: solid;--button-border-colour: hsl(var(--bhs), 40%);--button-border-radius: 4px;--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-colour);--button-hover-border-colour: hsl(var(--bhs), 45%);--button-hover-border: var(--button-border-width) var(--button-border-style) var(--button-hover-border-colour);--adornment-foreground: hsl(var(--bhs), 100%);--adornment-background: none;--adornment-hover-background: hsla(0, 0%, 100%, 0.2);--adornment-active-background: hsla(0, 0%, 100%, 0.35);--form-group-label-weight: normal;--form-group-invalid-colour: var(--danger-colour);--form-group-valid-colour: var(--success-colour);--form-group-attention-colour: var(--warning-colour)}@media(prefers-color-scheme: light){:root{--outline-colour: hsl(200, 90%, 45%);--input-background: hsl(var(--bhs), 95%);--input-focus-background: hsl(var(--bhs), 93%);--input-foreground: hsl(var(--bhs), 10%);--input-hover-background: hsl(var(--bhs), 93%);--input-border-colour: hsl(var(--bhs), 70%);--button-background: hsl(var(--bhs), 90%);--button-focus-background: hsl(var(--bhs), 80%);--button-border-colour: hsl(var(--bhs), 70%);--button-foreground: hsl(var(--bhs), 10%);--button-hover-background: hsl(var(--bhs), 80%);--button-active-background: hsl(var(--bhs), 70%);--button-hover-border-colour: hsl(var(--bhs), 65%);--adornment-foreground: hsl(var(--bhs), 10%);--adornment-hover-background: hsla(0, 0%, 0%, 0.2);--adornment-active-background: hsla(0, 0%, 0%, 0.35)}}:root{--background: hsl(var(--bhs), 12%);--content-background: hsl(var(--bhs), 20%);--colour: #eeeeee;--link-colour: hsl(205, 68%, 39%);--link-colour-hover: hsl(205, 68%, 50%);--link-colour-visited: #bbbbbb;--nav-background: #555555;--nav-colour: var(--colour);--nav-colour-hover: var(--nav-colour);--nav-focus-background: #777777;--nav-active-background: #222222;--filebrowser-hover-background: #333333;--login-form-background: #333333;--player-colour: #eeeeee}@media(prefers-color-scheme: light){:root{--background: hsl(var(--bhs), 95%);--colour: #222222;--content-background: #eeeeee;--link-colour: #278080;--link-colour-visited: #5390cb;--nav-background: #cccccc;--nav-colour: var(--colour);--nav-colour-hover: var(--nav-colour);--nav-focus-background: #dddddd;--nav-active-background: #eeeeee;--filebrowser-hover-background: #e7e7e7;--login-form-background: #e7e7e7}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--colour)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:var(--link-colour);transition:color .25s linear}a:hover{color:var(--link-colour-hover)}#video-container{position:relative;color:var(--player-colour);width:100%;height:100vh}#video-container:focus{outline:none}#video-container video{width:100%;height:100vh;background:#000}#video-container #captions{bottom:48px;--cue-font-size: var(--custom-cue-font-size, 48px);--cue-padding-x: var( --custom-cue-padding-x, calc(var(--padding-size) * 0.5) );--cue-padding-y: var( --custom-cue-padding-y, calc(var(--padding-size) * 0.5) )}#video-container #controls{--controls-height: 40px;--controls-background: rgba(30, 30, 30, 0.8);--controls-hover: rgba(50, 50, 50, 0.8);--controls-bar-background: rgba(255, 255, 255, 0.3);--controls-bar-inner-background: rgba(255, 255, 255, 0.8);--controls-backdrop-filter: blur(3px);opacity:0;transition:opacity .4s;position:absolute;bottom:0;width:100%;height:var(--controls-height);display:flex;flex-direction:row;user-select:none;backdrop-filter:var(--controls-backdrop-filter)}#video-container #controls>*{background-color:var(--controls-background)}#video-container #controls .play-wrapper:hover,#video-container #controls .fullscreenbutton:hover,#video-container #controls .settings-wrapper:hover,#video-container #controls .volume-wrapper:hover{background-color:var(--controls-hover)}#video-container #controls button{background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;display:flex;align-items:center}#video-container #controls button svg{height:1.25em}#video-container #controls svg{fill:#fff}#video-container #controls .play-wrapper{display:flex;flex-direction:row;align-content:center}#video-container #controls .play-wrapper .playbutton{padding:8px 16px}#video-container #controls .fullscreenbutton-wrapper{display:flex;flex-direction:row;align-content:center}#video-container #controls .fullscreenbutton-wrapper .fullscreenbutton{padding:8px}#video-container #controls .seekbar-wrapper{flex-grow:2;display:flex;padding:8px 16px}#video-container #controls .seekbar-wrapper .seekbar-innerwrapper{display:flex;width:100%;height:100%}#video-container #controls .seekbar-wrapper .seekbar-innerwrapper .seekbar{align-self:center;background-color:var(--controls-bar-background);height:5px;width:100%}#video-container #controls .seekbar-wrapper .seekbar-innerwrapper .seekbar-inner{height:100%;background-color:var(--controls-bar-inner-background);pointer-events:none}#video-container #controls .seekbar-wrapper .seekbar-innerwrapper:hover .seekbar{height:7px}#video-container #controls .timedisplay-wrapper{display:flex;flex-direction:row;align-content:center}#video-container #controls .timedisplay-wrapper .timedisplay{align-self:center;cursor:default;user-select:none;padding:0 8px 0 0}#video-container #controls .volume-wrapper{position:relative;display:flex;align-items:center}#video-container #controls .volume-wrapper button{display:flex;align-content:center;justify-content:center;padding:8px;line-height:1em}#video-container #controls .volume-wrapper button .volume-button-inner{display:flex;align-content:center;justify-content:center;width:25px}#video-container #controls .volume-wrapper .volume-bar-wrapper{display:none;position:absolute;height:80px;width:17px;bottom:var(--controls-height);left:0;background-color:var(--controls-hover);backdrop-filter:var(--controls-backdrop-filter);padding:12px}#video-container #controls .volume-wrapper .volume-bar-wrapper .volume-bar-innerwrapper{display:flex;flex-direction:column;width:100%;height:100%}#video-container #controls .volume-wrapper .volume-bar-wrapper .volume-bar-innerwrapper .volume-bar{align-self:center;background-color:var(--controls-bar-background);height:100%;width:5px;display:flex;flex-direction:column-reverse}#video-container #controls .volume-wrapper .volume-bar-wrapper .volume-bar-innerwrapper .volume-bar-inner{height:100%;background-color:var(--controls-bar-inner-background);pointer-events:none}#video-container #controls .volume-wrapper:hover .volume-bar-wrapper,#video-container #controls .volume-wrapper.clicked .volume-bar-wrapper{display:flex}#video-container #controls .settings-wrapper{display:flex;flex-direction:column;position:relative;align-content:center;justify-content:center}#video-container #controls .settings-wrapper button.settings-button{padding:8px}.menu-open#video-container #controls .settings-wrapper{background-color:var(--controls-hover)}#video-container #controls .settings-wrapper .settings-menu{display:none;min-width:110px;background:var(--controls-hover);backdrop-filter:var(--controls-backdrop-filter);position:absolute;bottom:var(--controls-height);right:0}#video-container #controls .settings-wrapper .settings-menu .settings-submenu{display:none;flex-direction:column;min-width:110px}#video-container #controls .settings-wrapper .settings-menu .settings-submenu.active{display:flex}#video-container #controls .settings-wrapper .settings-menu .settings-submenu[data-menuid=quality]{word-break:keep-all}#video-container #controls .settings-wrapper .settings-menu .active-option{margin-left:8px;font-size:.8em}#video-container #controls .settings-wrapper .settings-menu.active{display:flex}#video-container #controls .settings-wrapper .settings-menu button.menu-button{padding:8px;width:100%}#video-container #controls .settings-wrapper .settings-menu button.menu-button:hover{background:var(--controls-hover)}#video-container.paused #controls,#video-container:hover #controls{opacity:1}#video-container.menu-open #controls .volume-wrapper .volume-bar-wrapper{display:none}.extras-section .row{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1}.extras-section .library{margin:1rem}.extras-section .library>div{cursor:pointer;padding:.25rem}.extras-section .library>summary{font-size:x-large;font-weight:bold;margin-bottom:1rem}.extras-section .user-list{display:flex;flex-direction:column;margin:1rem}.extras-section .user-list h2{font-size:x-large;font-weight:bold;margin:unset;margin-bottom:1rem}.extras-section .user-list .user{display:flex;flex-direction:row}.extras-section .user-list .user .admin-button-wrapper{--admin-background: rgba(30, 30, 30, 0.8);--admin-hover: rgba(50, 50, 50, 0.8);--admin-backdrop-filter: blur(3px);margin-left:8px;position:relative}.extras-section .user-list .user .admin-button-wrapper button{background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;display:flex;align-items:center}.extras-section .user-list .user .admin-button-wrapper button:hover{background:var(--admin-hover)}.extras-section .user-list .user .admin-button-wrapper .user-admin-menu{display:none;flex-direction:column;background-color:var(--admin-background);backdrop-filter:var(--admin-backdrop-filter);position:absolute;bottom:100%;min-width:120px}.extras-section .user-list .user .admin-button-wrapper .user-admin-menu.open{display:flex}

/*# sourceMappingURL=main.be0470a7b6eee1053490.css.map*/