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 auto}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: 0.4em;height: 0.4em;border-right: 0.2em solid black;border-top: 0.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: bold}.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: white}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,0.1);--lumo-primary-text-color: rgb(26,46,100);--lumo-primary-color-50pct: rgba(26,46,100,0.5);--lumo-primary-color-10pct: rgba(26,46,100,0.1);--lumo-primary-color: #1a2e64;--lumo-error-color: rgb(158,41,43);--lumo-error-color-50pct: rgba(158,41,43,0.5);--lumo-error-color-10pct: rgba(158,41,43,0.1);--lumo-error-text-color: rgb(158,41,43);--lumo-clickable-cursor: pointer}*{box-sizing: border-box}[theme~="dark"]{}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: white;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: white;font-size: 1rem;padding-left: 20px;padding-right: 20px}.menu-entry:hover{color: lightgray;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: white}.footer{padding: 0.5% 0 0.5% 0;background-color: var(--lumo-primary-color);color: var(--color-background);flex-shrink: 0}.footer a{color: white}.footer a:hover{color: #d9d9d9}.footer a:visited{color: #fff}.version-information{opacity: 0.5;font-size: 0.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: white;max-width: 480px}.title{font-weight: bold;font-size: 1.25em;white-space: pre-wrap;box-shadow: inset 0 -1px 0 0 var(--lumo-contrast-10pct);width: 100%}.description{color: grey;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 0;height: 1px}.pre-wrap{white-space: pre-wrap}.info{transition: all 1s}.info:hover{background: rgba(0,0,0,0.1)}.info:hover:after{opacity: 0}.info .info-title{font-weight: bold;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: lightgray;transition-property: color,filter;transition-duration: .5s;transition-timing-function: ease-in}.rating>*>vaadin-icon:hover{box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);border-radius: 50%;color: grey;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}