#pageInhalt{display:flex;justify-content:center;align-items:center}.wrapper{width:min(100%,var(--viewer-max-width, 420px));max-height:100%;max-width:100%;box-sizing:border-box;position:relative;display:flex;flex-direction:column}@media(max-width: 600px){.wrapper{padding:24px 18px}}.wrapper .form-group{margin-bottom:16px;margin-top:0}.wrapper .wrapperElem{max-height:100%;max-width:100%}.wrapper .errormsgs{padding:0}.file-drop-area{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;max-width:100%;padding:30px 20px 26px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:color-mix(in oklab, var(--surface-2) 45%, transparent);transition:border-color .25s,background .25s}.file-drop-area:hover{border-color:var(--accent);background:var(--accent-soft)}.file-drop-area>h1{margin:0 0 8px;font-size:40px;line-height:1;color:var(--accent);text-align:center}.file-drop-area .choose-file-button{font-family:var(--font-head);font-weight:600;font-size:16px;color:var(--text);cursor:pointer;margin:0}.file-drop-area .file-message{font-size:13.5px;font-weight:300;line-height:1.4;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-drop-area .file-input{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;opacity:0}#viewstuff{--video-aspect: 16 / 9;max-height:max(0px,var(--media-height, calc(100vh - 10rem)));overflow:hidden;flex:1;justify-content:center;align-items:center;flex-direction:column;width:var(--media-width, min(100%, 1000px));max-width:100%;align-self:center;margin:0 auto}#viewstuff.active{display:flex}#viewstuff .image-constrain{max-height:inherit;height:var(--media-height, auto);display:flex;justify-content:center;align-items:center;text-align:center;width:100%;max-width:100%;margin:0 auto;overflow:hidden}#viewstuff .image-constrain .image-container{box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);box-shadow:0 18px 44px -22px rgba(0,0,0,.55);max-height:inherit;height:var(--media-height, auto);max-width:100%;display:flex;justify-content:center;align-items:center;font-size:0;min-height:10px;min-width:10px;width:100%;position:relative;overflow:hidden;flex:1 1 auto}#viewstuff .image-constrain .image-container img{border-radius:inherit;max-height:inherit;max-width:100%;height:auto;width:100%;cursor:zoom-in;transition:transform .2s ease}#viewstuff .image-constrain .image-container.is-zoomed{max-height:none;height:auto;cursor:zoom-out;overflow:auto}#viewstuff .image-constrain .image-container.is-zoomed img{max-height:none;max-width:none;width:auto;height:auto;cursor:zoom-out}#viewstuff .image-constrain .image-container #drawVideo{width:100%;flex:1 1 auto;aspect-ratio:var(--video-aspect, 16/9);max-height:max(0px,var(--media-height, calc(100vh - 10rem)))}#viewstuff .image-constrain .image-container #drawVideo video-player,#viewstuff .image-constrain .image-container #drawVideo video-skin{display:flex;flex:1;width:100%;height:100%;min-height:0}#viewstuff .image-constrain .image-container #drawVideo video{width:100%;height:100%;display:block}#viewstuff .links p:first-child{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.wrapper .list-group{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 4px;padding:2px;max-height:320px;overflow-y:auto}.wrapper .list-group-item{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);transition:border-color .2s,background .2s}.wrapper .list-group-item::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 0 var(--accent-glow)}.wrapper .list-group-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.wrapper .list-group-item a{flex:1;min-width:0;color:var(--accent);font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrapper .list-group-item a:hover{text-decoration:underline}.wrapper .links .btn-danger{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:10px;background:color-mix(in oklab, #e5484d 15%, transparent);color:#ff8585;border:1px solid color-mix(in oklab, #e5484d 42%, transparent);font-family:var(--font-body);font-weight:600;font-size:13.5px;text-decoration:none;cursor:pointer;transition:all .2s var(--ease)}.wrapper .links .btn-danger:hover{background:#e5484d;color:#fff;border-color:#e5484d;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(229,72,77,.55)}[data-bs-theme=light] .wrapper .links .btn-danger{color:#d33a3f}[data-bs-theme=light] .wrapper .links .btn-danger:hover{color:#fff}