@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,0..200";.navigation-buttons vaadin-button{width:100%}.navigation-link vaadin-icon{float:left}vaadin-button[slot=navbar]{min-width:200px;margin-left:30px}vaadin-button,vaadin-drawer-toggle{cursor:pointer}.navigation-link{cursor:pointer;padding-left:1em;transition:.3s}.navigation-link:hover{text-decoration:underline}.navigation-link img{width:var(--lumo-icon-size-m);height:var(--lumo-icon-size-m);float:left}.drawer-layout{height:100%;overflow:hidden;display:flex;flex-direction:column}.drawer-layout vaadin-checkbox{padding-left:10px}.current-page-header{width:100%;text-align:right;padding-right:25px}.logout-button{margin-bottom:25px}#notification-button{min-width:44px;margin-left:10px;position:relative;border:1px solid black;border-radius:5px;padding-left:5px;padding-bottom:2px;padding-top:2px;cursor:pointer}#notification-drawer{position:absolute;background-color:#eee;border:1px solid black;border-radius:10px;transform:translate(-10px,9px);padding-top:10px;min-width:400px}#notification-drawer>vaadin-button{background-color:transparent;border-top:1px solid grey;border-radius:0;width:100%}.notification-div{margin:0 10px;padding:10px 0;display:flex;border-top:1px solid grey;cursor:pointer}.notification-div img{height:50px;width:50px;align-self:center}.notification-div div{padding-left:10px;overflow:hidden}.notification-div span{display:block;text-overflow:ellipsis}.notification-div .title{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}vaadin-virtual-list{width:100%}vaadin-virtual-list>div:first-of-type>flow-component-renderer>.notification-div{padding-top:0}vaadin-virtual-list>div:first-of-type>flow-component-renderer>.notification-div{border-top:0}#emulator{height:192%;width:200%;border:none}#phone{height:calc(100% - 40px);aspect-ratio:9 / 16;display:block;margin:auto;border:.8vh solid black;border-radius:3vh;overflow:hidden}#phone img{width:calc(100% - 30px);background-color:#3700b3;display:block;padding:0 15px}#emulator-dialog.button-layout{height:50px}.menu-image-button{width:300px;height:300px;margin-left:1vw;margin-top:1vw;padding:1vw;border:2px solid black;border-radius:1.5vw;float:left;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.menu-image-button img{max-height:50%}.menu-image-button h2{margin:0}.menu-image-button p{text-align:justify;flex:1}.protocol-editor{overflow:auto;padding:10px}.protocol-editor div{padding:10px;flex-wrap:nowrap;flex:1 1 20px;border:1px dashed black}.protocol-editor .page{width:210mm;border:2px black dashed;display:flex;flex-direction:column;margin:1em auto;flex-grow:0}.protocol-editor .container{display:flex;flex-direction:row}.protocol-editor .static-text{display:block}.protocol-editor .border{border:1px dashed black}.protocol-editor .red-border{border-color:red!important}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbol-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:var(--lumo-space-xs);max-height:360px;overflow:auto;width:100%}.material-symbol-picker-button{min-width:48px;min-height:48px}