:root{--color-primary:#16a085;--color-primary-dark:#0d5b4c;--color-text:#c9c9c9;--color-text-white:white;--color-text-black:black;--color-bg-dark:#000000e6;--color-bg-card:#323232;--color-bg-hover:#464646;--color-bg-drawer:#464646cc;--color-border:#464646;--color-border-dark:#5a5a5a;--color-shadow:#0000001a;--color-shadow-dark:#00000080;--color-shadow-overlay:#000000b3;--color-border-dashed:#fff6;--color-bg-light:#ffffff0d;--color-bg-lighter:#ffffff0a;--color-border-light:#ffffff1a}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--color-text);background:var(--color-bg-dark);flex-direction:column;font-size:16px;line-height:1.7em;display:flex}a{color:var(--color-primary);cursor:pointer;text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3{color:var(--color-primary);text-align:center}h4{color:var(--color-text);text-align:center}p{overflow-wrap:break-word}hr{border-color:var(--color-text)}.button{color:var(--color-text-white);cursor:pointer;background-color:var(--color-primary);border-radius:4px;height:100%}.button:hover{background-color:var(--color-primary-dark)}.svg-button{fill:var(--color-primary);width:1em;height:1em}.svg-button:hover{fill:var(--color-primary-dark)}.add-user{text-align:right}@media only screen and (width<=48em){.pure-form button[type=submit]{margin-top:0;margin-left:.5em}}.video-share-button-content{text-align:right;margin-top:1em}.share-button{color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;background-color:#0000;border-radius:20px;align-items:center;gap:.4em;padding:.4em .9em;font-size:.9em;transition:all .2s;display:inline-flex}.share-button:hover{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.share-button svg{fill:var(--color-primary)}.share-button:hover svg{fill:var(--color-primary-dark)}.table{background-color:var(--color-bg-card);width:100%;-webkit-box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);-moz-box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);border:0}.table>thead>tr>td,.table>thead>tr>th{color:var(--color-primary);background-color:var(--color-bg-card);font-weight:400}.table>thead>tr>td,.table>thead>tr>th,.table>tbody>tr>td,.table>tbody>tr>th{border-bottom:1px solid var(--color-border)}.table>tbody>tr:hover>td,.table>tbody>tr:hover>th{background-color:var(--color-bg-hover)}.content{flex:1 0 auto;margin:2em 1em}@media only screen and (width>=48em){.content{margin:5em}}.footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-card);flex:none;padding:0 1.5em;font-size:85%;line-height:1.5}.footer .legal-link{text-align:right}.alert{background-color:var(--color-primary-dark);color:var(--color-text-white);cursor:pointer;border-radius:4px;padding:.5em}.close-button{width:1em;height:1em;fill:var(--color-text-white);float:right;cursor:pointer;margin-left:.5em;line-height:.5em;transition:all .3s}.close-button:hover{fill:var(--color-text-black)}.drawer-button{color:var(--color-primary);cursor:pointer;text-decoration:none}.drawer-button:hover{color:var(--color-primary-dark)}.drawer-overlay{background-color:var(--color-shadow-overlay);position:fixed;inset:0}.drawer{background-color:var(--color-bg-drawer);width:100%;height:100%;padding:.5em 1em;position:fixed;top:0;right:0;overflow-y:auto}.drawer-title{position:sticky;top:0}.drawer-title h1{color:var(--color-primary);text-align:center}.drawer-close{float:right;margin-top:-3.5em;padding-right:1em}.elements-grid{flex-wrap:wrap;display:flex}.element-cell{width:100%;overflow:hidden}.element-cell p{padding-left:.5em;padding-right:.5em;overflow:hidden}@media only screen and (width>=35.5em){.drawer,.item-cell{width:50%}}@media only screen and (width>=48em){.drawer{width:33.3333%}}.header{text-align:left;box-shadow:0 1px 1px var(--color-shadow);padding:.5em}.menu-link{color:var(--color-primary)}.menu-link:hover{color:var(--color-text-white);text-shadow:none;background-color:var(--color-primary-dark);border-radius:4px}.menu-list,.menu-scrollable-list{float:right}.menu-selected{text-shadow:0px 0px 1px var(--color-primary)}.pure-menu-horizontal.pure-menu-scrollable{padding:0}@media only screen and (width<=35.5em){.menu-scrollable-list{float:unset}}.info{text-align:center;width:100%;margin:0 auto}@media only screen and (width>=35.5em){.info{width:75%}}@media only screen and (width>=48em){.info{width:50%}}@media only screen and (width>=64em){.info{width:35%}}.field-icon{float:right;z-index:2;cursor:pointer;margin-top:-1.8em;margin-right:.3em;position:relative}@media only screen and (width<=30em){.field-icon{margin-top:-2.1em}}.form-search{margin:0 .5em;padding-top:.2em;font-size:clamp(85%,2vw,100%)}.search-field-icon{float:right;z-index:2;cursor:pointer;margin-top:-1.9em;margin-right:.6em;position:relative}@media only screen and (width<=48em){.form-search{font-size:100%}.search-field-icon{margin-top:-1.8em}}@media only screen and (width<=30em){.search-field-icon{margin-top:-2.1em}}.button-spinner{padding-top:.3em;padding-bottom:.1em}.video-card{box-shadow:0 1px 3px var(--color-shadow-dark);border-radius:10px;margin:1em;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.video-card:hover{box-shadow:0 8px 20px var(--color-shadow-dark);transform:translateY(-3px)}.video-card-thumb{aspect-ratio:16/9;overflow:hidden}.video-card-thumb img,.video-card-thumb video{object-fit:cover;width:100%;height:100%;transition:transform .25s}.video-card:hover .video-card-thumb img,.video-card:hover .video-card-thumb video{transform:scale(1.04)}.video-title{color:var(--color-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:.6em .8em;font-size:.95em;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.video-card:hover .video-title{color:var(--color-primary-dark)}.lined{display:flex}.lined:before,.lined:after{background-color:var(--color-text);content:"";border-bottom:1px groove;flex:1;margin:auto}.lined:before{margin-right:.5em}.lined:after{margin-left:.5em}.file-drop-area{border:1px dashed var(--color-border-dashed);border-radius:4px;align-items:center;width:100%;padding:2em;transition:all .2s;display:flex;position:relative}.file-drop-area.is-active{background-color:var(--color-bg-light)}.fake-button{background-color:var(--color-bg-lighter);border:1px solid var(--color-border-light);text-transform:uppercase;border-radius:4px;flex-shrink:0;margin-right:.5em;padding:.5em 1em;font-size:12px}.file-message{text-overflow:ellipsis;font-size:small;font-weight:300;line-height:1.4;overflow:hidden}.file-input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.file-input:focus{outline:none}video{aspect-ratio:16/9;width:100%}@media only screen and (width>=48em){.info-video{width:75%}}@media only screen and (width>=64em){.info-video{width:65%}}.confirm-overlay{background-color:var(--color-shadow-overlay);z-index:1000;justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.confirm-modal{background-color:var(--color-bg-card);color:var(--color-text);min-width:280px;max-width:90%;-webkit-box-shadow:0 4px 12px var(--color-shadow-dark), 0 1px 3px 0 var(--color-border);-moz-box-shadow:0 4px 12px var(--color-shadow-dark), 0 1px 3px 0 var(--color-border);box-shadow:0 4px 12px var(--color-shadow-dark), 0 1px 3px 0 var(--color-border);border-radius:4px;padding:1.5em}.confirm-message{text-align:center;margin:0 0 1.5em;line-height:1.4em}.confirm-actions{justify-content:center;gap:.5em;display:flex}.confirm-actions .button{border:none;flex:1;height:auto;padding:.5em 1.2em;font-size:1em}.confirm-cancel{background-color:var(--color-border)}.confirm-cancel:hover{background-color:var(--color-border-dark)}.offline-banner{background-color:var(--color-primary);color:var(--color-text-white);text-align:center;-webkit-box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);-moz-box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);box-shadow:0 1px 3px 0 var(--color-border), 0 1px 2px 0 var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;padding:.5em;display:flex}.offline-banner span{font-size:.9em}@media only screen and (width<=35.5em){.offline-banner{flex-direction:column;gap:.5em}}