grid-item{transition:all .5s;padding:0;margin:0 auto}grid-item a:hover,grid-item.video a:visited,grid-item.video a:link,grid-item.video a:active{text-decoration:none}grid-item.video:hover img{filter:blur(0px) saturate(1.5);cursor:pointer}grid-item img{max-width:100%}grid-item.file img{max-width:70%;margin:10% auto 0}grid-item.video img{filter:blur(1px) grayscale(1)}vaadin-grid.playlist::part(cell) .active{background-color:var(--lumo-grey-color)}vaadin-grid.playlist::part(cell):hover{background:var(--lumo-grey-color);color:var(--lumo-primary-color)}vaadin-grid.playlist::part(activeCell):before{position:absolute;content:"";display:inline-block;border-color:var(--lumo-primary-color-10pct);width:.4em;height:.4em;border-right:.2em solid black;border-top:.2em solid black;transform:rotate(45deg);margin-left:.6em}vaadin-grid.playlist::part(cell){width:100%}playlist-item img{max-width:200px;align-self:center;width:200px;height:113px}.step-container .step-icon-container{height:3em;width:100%;position:relative;display:flex;justify-content:center}.step-container .step-icon-container:after{top:calc(1.5em - 3px);content:" ";position:absolute;width:calc(100% - 2.9em);height:6px;left:calc(-50% + 1.5em)}.step-container .step-icon-container .step-icon{border-radius:50%}.step-container.selected .step-icon-container .step-icon{box-shadow:0 0 0 10px #ddd}.step-container.selected .step-info{font-weight:700}.step-container .step-icon-container.optional .step-icon{color:var(--color-PENDING)}.step-container.front .step-icon{background-color:var(--lumo-primary-color);color:var(--lumo-primary-color)}.step-container.first .step-icon-container:after{content:none}.DONE .step-icon-container:after{background-color:var(--lumo-success-color)}.FAILED .step-icon-container:after{background-color:var(--lumo-error-color)}.PENDING .step-icon-container:after{background-color:var(--color-PENDING)}.DONE+.PENDING .step-icon-container:after{background:linear-gradient(90deg,var(--lumo-success-color),var(--lumo-primary-color) 100%)}.FAILED+.PENDING .step-icon-container:after{background:linear-gradient(90deg,var(--lumo-error-color),var(--lumo-primary-color) 100%)}.FAILED+.DONE .step-icon-container:after{background:linear-gradient(90deg,var(--lumo-error-color),var(--lumo-success-color) 100%)}.DONE+.FAILED .step-icon-container:after{background:linear-gradient(90deg,var(--lumo-success-color),var(--lumo-error-color) 100%)}vaadin-icon.primary{color:var(--lumo-primary-color)}vaadin-icon.error{color:var(--lumo-error-color)}vaadin-icon.success{color:var(--lumo-success-color)}vaadin-icon.pending{color:var(--color-PENDING)}vaadin-grid.library{height:auto}vaadin-grid.library::part(cell):hover{background:var(--lumo-grey-color);color:var(--lumo-primary-color)}vaadin-grid.library::part(cell) vaadin-grid-cell-content{padding:0;height:100%}vaadin-grid.library::part(cell){padding:0;width:100%;display:inherit}vaadin-grid.library #items ::part(row){position:relative;transform:none!important}div#scroller{position:relative}vaadin-grid.library div#scroller table#table tbody#items{height:auto!important;display:grid;overflow:hidden;grid-template-columns:repeat(auto-fill,minmax(312px,1fr));grid-auto-rows:1fr;grid-column-gap:15px;grid-row-gap:15px}vaadin-text-field{--lumo-text-field-size: 2em}vaadin-text-field::part(input-field){font-size:1.25em;font-weight:400;line-height:2em;background-clip:padding-box;background-color:#fff}vaadin-text-field.search::part(input-field),vaadin-text-field.form::part(input-field){border:1px solid #ced4da}:root{--main-layout-width: 1200px;--nav-bar-height: 40px;--color-DONE: green;--color-PENDING: grey;--color-FAILED: red;--color-background: #c3c4c6;--color-light-background: #e0e0e0}html{--lumo-grey-color: rgba(0, 0, 0, .1);--lumo-primary-text-color: rgb(26, 46, 100);--lumo-primary-color-50pct: rgba(26, 46, 100, .5);--lumo-primary-color-10pct: rgba(26, 46, 100, .1);--lumo-primary-color: #1a2e64;--lumo-error-color: rgb(158, 41, 43);--lumo-error-color-50pct: rgba(158, 41, 43, .5);--lumo-error-color-10pct: rgba(158, 41, 43, .1);--lumo-error-text-color: rgb(158, 41, 43);--lumo-clickable-cursor: pointer}*{box-sizing:border-box}body{overflow-x:hidden;min-height:100vh;height:100%;min-width:100%;width:100%;background-color:var(--color-light-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.main-layout{min-height:100vh;height:100%;width:100%}.main-layout>*{display:flex;width:1200px;margin-right:auto;margin-left:auto;max-width:1200px}.main-layout>*>.full-width{padding-left:calc(50vw - 600px);padding-right:calc(50vw - 600px);position:relative;width:100vw}.headline{background-color:#fff;height:auto}.headline>span{display:inline-block;padding-top:.3125rem;padding-left:10px;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap;color:var(--lumo-primary-color);font-weight:400}.headline>img{padding-left:10px;width:200px;height:80px;display:block}.navbar{background-color:var(--lumo-primary-color);display:flex}.menu-entry{line-height:var(--nav-bar-height);font-weight:400;color:#fff;font-size:1rem;padding-left:20px;padding-right:20px}.menu-entry:hover{color:#d3d3d3;text-decoration:none}.menu-entry.active{text-decoration:underline}.content{overflow:auto;height:auto;flex:1 0 auto;margin-top:25px;margin-bottom:25px;border-left:1px solid whitesmoke;border-right:1px solid whitesmoke;padding:var(--lumo-space-m);background:#fff}.footer{padding:.5% 0;background-color:var(--lumo-primary-color);color:var(--color-background);flex-shrink:0}.footer a{color:#fff}.footer a:hover{color:#d9d9d9}.footer a:visited{color:#fff}.version-information{opacity:.5;font-size:.6rem}#information-overview{display:flex;flex-direction:column;max-width:100%}.banner{background-image:url(images/banner.jpeg);background-size:cover;background-repeat:no-repeat;padding-top:20px;padding-bottom:20px;flex-shrink:0}.banner>vaadin-vertical-layout{border-radius:5px;height:100%;background-color:#fff;max-width:480px}.title{font-weight:700;font-size:1.25em;white-space:pre-wrap;box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);width:100%}.description{color:gray;white-space:pre-wrap;font-weight:lighter}.right-align{margin-left:auto}.bottom-align{margin-top:auto}.center-align{margin-left:auto;margin-right:auto}.divider{border-top:1px dashed #d0d0d0;position:relative;margin:20px 0 10px;height:1px}.pre-wrap{white-space:pre-wrap}.info{transition:all 1s}.info:hover{background:#0000001a}.info:hover:after{opacity:0}.info .info-title{font-weight:700;width:120px;min-width:120px}div.info{border:1px solid var(--lumo-primary-color);border-radius:5px}.responsive-button{flex:1 1 0;margin:10px var(--lumo-space-m) 0 var(--lumo-space-m)}.responsive-image{max-width:500px;width:100%;height:100%;min-width:10em}.rating>*>vaadin-icon{filter:grayscale(80%);color:#d3d3d3;transition-property:color,filter;transition-duration:.5s;transition-timing-function:ease-in}.rating>*>vaadin-icon:hover{box-shadow:0 0 10px 2px #0000004d;border-radius:50%;color:gray;filter:grayscale(20%)}.rating>*>vaadin-icon.active[icon="emoji:very_good"]{color:#27a64c;filter:grayscale(0%)}.rating>*>vaadin-icon.active[icon="emoji:good"]{color:#8db600;filter:grayscale(0%)}.rating>*>vaadin-icon.active[icon="emoji:okay"]{color:#ffcb0f;filter:grayscale(0%)}.rating>*>vaadin-icon.active[icon="emoji:bad"]{color:#f6a600;filter:grayscale(0%)}.rating>*>vaadin-icon.active[icon="emoji:very_bad"]{color:#e25822;filter:grayscale(0%)}.rating-text{width:100%;min-height:120px}.rating-button{width:auto;min-width:15em;max-width:640px}.empty{display:block;text-align:center;padding-top:20px;color:gray;width:100%}.notification{max-width:500px;width:80vw}