.view-title{margin:0;font-size:var(--lumo-font-size-l)}.view-header{align-items:center;background-color:var(--lumo-base-color);border-bottom:1px solid var(--lumo-contrast-10pct);box-sizing:border-box;display:flex;height:var(--lumo-size-xl);width:100%}.view-toggle{color:var(--lumo-secondary-text-color)}.app-name{align-items:center;display:flex;height:var(--lumo-size-xl);margin:0 var(--lumo-space-m);font-size:var(--lumo-font-size-m)}.drawer-section{align-items:stretch;background:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct));display:flex;flex-direction:column;max-height:100%;min-height:100%}.app-nav{border-bottom:1px solid var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);flex:1;font-size:var(--lumo-font-size-s);overflow:auto;padding:0 var(--lumo-space-s)}.app-nav .nav-item-icon{font-size:var(--lumo-icon-size-s)}.app-nav-footer{align-items:center;display:flex;gap:var(--lumo-space-s);padding:var(--lumo-space-m)}.app-nav-footer vaadin-context-menu{cursor:var(--lumo-clickable-cursor);display:contents;font-weight:500}h2,h3,h4,h5{margin:5px 0 0}html{--lumo-border-radius: 0px;--lumo-primary-color-50pct: f3c583;--lumo-primary-color: #e4383d;--lumo-primary-text-color: #e4383d;--lumo-secondary-text-color: #e4383d;--lumo-header-text-color: #e4383d}vaadin-scroller{scrollbar-width:thin}.pointer{cursor:pointer}.textLink{text-decoration:underline}.small{font-size:smaller}.inactiveTutorialButton{background-color:#000;color:red}.videoPreview{width:320px;height:210px;position:relative}.videoPreviewTitle{border-radius:15px;background:#ffffffb3;text-align:center;margin:10px;padding:0 0 5px;width:300px;font-size:1em;overflow:hidden;color:#000}.videoPreviewChannel{width:300px;padding:0 0 5px;font-size:.8em;overflow:hidden;color:#000}.videoPreviewImage{border-radius:15px}.videoPreviewInfo{border-radius:15px;background:#ffffffb3;text-align:center;margin:0 10px;padding:5px;width:120px;font-size:1em;overflow:hidden;color:#000;position:absolute;top:160px}.videoBy{background-color:#fff;border:solid 1px var(--lumo-primary-color);width:590px;padding:5px}.videoByUser{color:#000;text-align:left;font-weight:700}.videoDate{color:#000;text-align:left}.videoTitle,.videoChannel{width:600px;padding:0 0 0 5px;margin:0}.videoDescription{width:600px;margin:0}.videoDescription textarea{color:#000;background-color:#fff}.videoRemark{width:600px;margin:0}.videoRemark textarea{color:#000;background-color:#fff}.videoCategoryTitle{font-size:smaller;font-weight:700;margin-right:10px}.videoCategoryList{font-size:smaller}.userBar{border:solid 1px var(--lumo-primary-color);padding:5px;text-align:left}.userBarName{font-weight:700}