:root{--dialog-height-small: clamp(min-content, 50vh, 75vh);--dialog-height-medium: clamp(min-content, 75vh, 100vh);--dialog-height-large: 100vh;--dialog-height-max-small: 500px;--dialog-height-max-medium: 800px;--dialog-height-max-large: 100vh;--dialog-width-small: 50vw;--dialog-width-medium: 75vw;--dialog-width-large: 80vw;--dialog-width-max-small: 600px;--dialog-width-max-medium: 1000px;--dialog-width-max-large: 1200px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--border-color-default: var(--shade-color-30pct);--border-color-light: var(--shade-color-10pct);--border-color-dialog: var(--border-color-light);--error-color: hsla(3, 85%, 48%, 1);--error-color-10pct: hsla(3, 85%, 48%, .1);--error-text-color: hsl(3, 89%, 42%);--error-text-contrast-color: rgb(255, 255, 255);--shade-color-5pct: hsla(214, 61%, 25%, .05);--shade-color-10pct: hsla(214, 57%, 24%, .1);--shade-color-20pct: hsla(214, 53%, 23%, .16);--shade-color-30pct: hsla(214, 50%, 22%, .26);--shade-color-40pct: hsla(214, 47%, 21%, .38);--shade-color-50pct: hsla(214, 45%, 20%, .52);--shade-color-60pct: hsla(214, 43%, 19%, .6);--shade-color-70pct: hsla(214, 42%, 18%, .69);--shade-color-80pct: hsla(214, 41%, 17%, .83);--shade-color-90pct: hsla(214, 40%, 16%, .94);--shade-color: hsl(214, 35%, 15%);--success-color: rgba(21, 193, 93, 1);--success-text-color: hsla(145, 85%, 25%, 1);--warning-text-color: hsla(36, 100%, 30%, 1);--warning-color: hsla(36, 100%, 50%, 1);--primary-color: hsl(214, 100%, 48%);--primary-color-10pct: hsla(214, 100%, 48%, .2);--primary-color-20pct: hsla(214, 100%, 48%, .2);--primary-contrast-color: rgb(255, 255, 255);--primary-text-color: hsl(214, 100%, 43%);--secondary-text-color: hsla(214, 42%, 18%, .69);--tertiary-text-color: hsla(214, 45%, 20%, .52);--heading-text-color: var(--shade-color);--body-text-color: var(--shade-color-90pct);--field-label-text-color: var(--shade-color-90pct);--input-field-text-color: var(--shade-color-90pct);--list-item-text-color: var(--shade-color-90pct);--button-text-color: var(--primary-text-color);--button-text-color-primary: var(--primary-contrast-color);--button-text-color-error: var(--error-text-color);--background-color-5pct: var(--shade-color-5pct);--background-color-10pct: var(--shade-color-10pct);--primary-icon-color: var(--primary-color);--info-icon-color: rgba(22, 118, 243, 1);--error-icon-color: var(--error-color);--success-icon-color: var(--success-color);--warning-icon-color: rgba(254, 201, 1, 1);--icon-color: var(--shade-color-60pct);--label-font-size: .875rem;--icon-size-xs: 1rem;--icon-size-s: 1.25rem;--icon-size-m: 1.5rem;--icon-size-l: 2rem;--spacing-01: .125rem;--spacing-02: .25rem;--spacing-03: .5rem;--spacing-04: 1rem;--spacing-05: 1.5rem;--spacing-06: 2rem;--spacing-07: 2.5rem;--spacing-08: 3rem;--spacing-09: 3.5rem;--spacing-10: 4rem;--spacing-11: 5rem;--spacing-12: 6rem}.heading-1{font-size:var(--lumo-font-size-xxxl);font-weight:var(--font-weight-semi-bold)}.heading-2{font-size:var(--lumo-font-size-xxl);font-weight:var(--font-weight-semi-bold)}.heading-3{font-size:var(--lumo-font-size-xl);font-weight:var(--font-weight-semi-bold)}.heading-4{font-size:var(--lumo-font-size-l);font-weight:var(--font-weight-semi-bold)}.heading-5{font-size:var(--spacing-04);font-weight:var(--font-weight-semi-bold)}.heading-6{font-size:var(--lumo-font-size-xs);font-weight:var(--font-weight-semi-bold)}.normal-body-text{font-size:var(--spacing-04);line-height:var(--lumo-line-height-m);font-weight:var(--font-weight-regular)}.small-body-text{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s);font-weight:var(--font-weight-regular)}.extra-small-body-text{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs);font-weight:var(--font-weight-regular)}.bold{font-weight:var(--font-weight-bold)}.field-label-text{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-xs);font-weight:var(--font-weight-medium)}.input-field-text{font-size:var(--spacing-04);line-height:var(--lumo-line-height-s);font-weight:var(--font-weight-medium)}.list-item-text{font-size:var(--spacing-04);line-height:var(--spacing-07);font-weight:var(--font-weight-regular)}.button-text{font-size:var(--spacing-04);line-height:var(--lumo-line-height-xs);font-weight:var(--font-weight-medium)}.button-text-primary{font-size:var(--spacing-04);line-height:var(--lumo-line-height-xs);font-weight:var(--font-weight-semi-bold)}.title-size-small{font-size:var(--lumo-font-size-l)}.title-size-medium{font-size:var(--lumo-font-size-xl)}.title-size-large{font-size:var(--lumo-font-size-xxl)}.font-size-s{font-size:var(--lumo-font-size-s)}.font-size-m{font-size:var(--lumo-font-size-m)}.text-contrast-70pct{color:var(--shade-color-70pct)}.text-contrast-90pct{color:var(--lumo-contrast-90pct)}.text-line-height-s{line-height:var(--lumo-line-height-s)}.text-line-height-m{line-height:var(--lumo-line-height-m)}.text-heading-color{color:var(--heading-text-color)}.text-secondary-color{color:var(--secondary-text-color)}.text-tertiary-color{color:var(--tertiary-text-color)}.text-body-color{color:var(--body-text-color)}.text-body-color-80pct{color:var(--shade-color-80pct)}.text-field-label-color{color:var(--field-label-text-color)}.text-input-text-color{color:var(--input-field-text-color)}.text-list-item-color{color:var(--list-item-text-color)}.text-button-color{color:var(--button-text-color)}.padding-none{padding:0}.padding-01{padding:var(--spacing-01)}.padding-02{padding:var(--spacing-02)}.padding-03{padding:var(--spacing-03)}.padding-04{padding:var(--spacing-04)}.padding-05{padding:var(--spacing-05)}.padding-06{padding:var(--spacing-06)}.padding-07{padding:var(--spacing-07)}.padding-10{padding:var(--spacing-10)}.padding-vertical-01{padding-top:var(--spacing-01);padding-bottom:var(--spacing-01)}.padding-vertical-02{padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.padding-vertical-03{padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}.padding-vertical-04{padding-top:var(--spacing-04);padding-bottom:var(--spacing-04)}.padding-vertical-05{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05)}.padding-vertical-06{padding-top:var(--spacing-06);padding-bottom:var(--spacing-06)}.padding-vertical-07{padding-top:var(--spacing-07);padding-bottom:var(--spacing-07)}.padding-horizontal-01{padding-left:var(--spacing-01);padding-right:var(--spacing-01)}.padding-horizontal-02{padding-left:var(--spacing-02);padding-right:var(--spacing-02)}.padding-horizontal-03{padding-left:var(--spacing-03);padding-right:var(--spacing-03)}.padding-horizontal-04{padding-left:var(--spacing-04);padding-right:var(--spacing-04)}.padding-horizontal-05{padding-left:var(--spacing-05);padding-right:var(--spacing-05)}.padding-horizontal-06{padding-left:var(--spacing-06);padding-right:var(--spacing-06)}.padding-horizontal-07{padding-left:var(--spacing-07);padding-right:var(--spacing-07)}.padding-top-01{padding-top:var(--spacing-01)}.padding-top-02{padding-top:var(--spacing-02)}.padding-top-03{padding-top:var(--spacing-03)}.padding-top-04{padding-top:var(--spacing-04)}.padding-top-05{padding-top:var(--spacing-05)}.padding-top-06{padding-top:var(--spacing-06)}.padding-top-07{padding-top:var(--spacing-07)}.padding-right-01{padding-right:var(--spacing-01)}.padding-right-02{padding-right:var(--spacing-02)}.padding-right-03{padding-right:var(--spacing-03)}.padding-right-04{padding-right:var(--spacing-04)}.padding-right-05{padding-right:var(--spacing-05)}.padding-right-06{padding-right:var(--spacing-06)}.padding-right-07{padding-right:var(--spacing-07)}.padding-bottom-01{padding-bottom:var(--spacing-01)}.padding-bottom-02{padding-bottom:var(--spacing-02)}.padding-bottom-03{padding-bottom:var(--spacing-03)}.padding-bottom-04{padding-bottom:var(--spacing-04)}.padding-bottom-05{padding-bottom:var(--spacing-05)}.padding-bottom-06{padding-bottom:var(--spacing-06)}.padding-bottom-07{padding-bottom:var(--spacing-07)}.padding-left-01{padding-left:var(--spacing-01)}.padding-left-02{padding-left:var(--spacing-02)}.padding-left-03{padding-left:var(--spacing-03)}.padding-left-04{padding-left:var(--spacing-04)}.padding-left-05{padding-left:var(--spacing-05)}.padding-left-06{padding-left:var(--spacing-06)}.padding-left-07{padding-left:var(--spacing-07)}.margin-01{margin:var(--spacing-01)}.margin-02{margin:var(--spacing-02)}.margin-03{margin:var(--spacing-03)}.margin-04{margin:var(--spacing-04)}.margin-05{margin:var(--spacing-05)}.margin-06{margin:var(--spacing-06)}.margin-07{margin:var(--spacing-07)}.margin-vertical-01{margin-top:var(--spacing-01);margin-bottom:var(--spacing-01)}.margin-vertical-02{margin-top:var(--spacing-02);margin-bottom:var(--spacing-02)}.margin-vertical-03{margin-top:var(--spacing-03);margin-bottom:var(--spacing-03)}.margin-vertical-04{margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.margin-vertical-05{margin-top:var(--spacing-05);margin-bottom:var(--spacing-05)}.margin-vertical-06{margin-top:var(--spacing-06);margin-bottom:var(--spacing-06)}.margin-vertical-07{margin-top:var(--spacing-07);margin-bottom:var(--spacing-07)}.margin-horizontal-01{margin-left:var(--spacing-01)}.margin-horizontal-02{margin-left:var(--spacing-02)}.margin-horizontal-03{margin-left:var(--spacing-03)}.margin-horizontal-04{margin-left:var(--spacing-04)}.margin-horizontal-05{margin-left:var(--spacing-05)}.margin-horizontal-06{margin-left:var(--spacing-06)}.margin-horizontal-07{margin-left:var(--spacing-07)}.margin-top-01{margin-top:var(--spacing-01)}.margin-top-02{margin-top:var(--spacing-02)}.margin-top-03{margin-top:var(--spacing-03)}.margin-top-04{margin-top:var(--spacing-04)}.margin-top-05{margin-top:var(--spacing-05)}.margin-top-06{margin-top:var(--spacing-06)}.margin-top-07{margin-top:var(--spacing-07)}.margin-right-01{margin-right:var(--spacing-01)}.margin-right-02{margin-right:var(--spacing-02)}.margin-right-03{margin-right:var(--spacing-03)}.margin-right-04{margin-right:var(--spacing-04)}.margin-right-05{margin-right:var(--spacing-05)}.margin-right-06{margin-right:var(--spacing-06)}.margin-right-07{margin-right:var(--spacing-07)}.margin-bottom-01{margin-bottom:var(--spacing-01)}.margin-bottom-02{margin-bottom:var(--spacing-02)}.margin-bottom-03{margin-bottom:var(--spacing-03)}.margin-bottom-04{margin-bottom:var(--spacing-04)}.margin-bottom-05{margin-bottom:var(--spacing-05)}.margin-bottom-06{margin-bottom:var(--spacing-06)}.margin-bottom-07{margin-bottom:var(--spacing-07)}.margin-left-01{margin-left:var(--spacing-01)}.margin-left-02{margin-left:var(--spacing-02)}.margin-left-03{margin-left:var(--spacing-03)}.margin-left-04{margin-left:var(--spacing-04)}.margin-left-05{margin-left:var(--spacing-05)}.margin-left-06{margin-left:var(--spacing-06)}.margin-left-07{margin-left:var(--spacing-07)}.gap-none{gap:0}.gap-02{gap:var(--spacing-02)}.gap-03{gap:var(--spacing-03)}.gap-04{gap:var(--spacing-04)}.gap-05{gap:var(--spacing-05)}.gap-06{gap:var(--spacing-06)}.gap-07{gap:var(--spacing-07)}.column-gap-none{column-gap:0}.column-gap-02{column-gap:var(--spacing-02)}.column-gap-03{column-gap:var(--spacing-03)}.column-gap-04{column-gap:var(--spacing-04)}.column-gap-05{column-gap:var(--spacing-05)}.column-gap-06{column-gap:var(--spacing-06)}.column-gap-07{column-gap:var(--spacing-07)}.background-color-grey{background-color:#f9f9f9}.background-contrast-5pct{background-color:var(--shade-color-5pct)}.background-contrast-10pct{background-color:var(--background-color-10pct)}.spacer-horizontal-full-width{flex:1 1 auto}.color-primary{color:var(--primary-color)}.color-primary-text{color:var(--primary-text-color)}.color-secondary{color:var(--secondary-text-color)}.color-tertiary{color:var(--tertiary-text-color)}.height-06{height:var(--spacing-06)}.height-07{height:var(--spacing-07)}.width-08{width:var(--spacing-08)}.width-250px{width:250px}.clickable{cursor:pointer}.invisible{opacity:0;max-height:0;max-width:0}.scroll-vertical{overflow-y:scroll;scrollbar-color:var(--shade-color-30pct) transparent}.scroll-horizontal{overflow-x:scroll;scrollbar-color:var(--shade-color-30pct) transparent}.scroll-both{overflow:scroll;scrollbar-color:var(--shade-color-30pct) transparent}.draggable{cursor:grab}.draggable.v-dragged{border:dashed var(1px) var(--border-color-default)}.draggable.v-dragged,.draggable.v-dragged *{cursor:grabbing}.list-item-drop-position{border-color:transparent;background-color:var(--background-color-5pct);height:2em}.list-item-drop-position.v-drag-over-target{background-color:var(--primary-color-10pct)}.dialog-app .border{border-color:var(--border-color-dialog)}.dialog-section{display:flex;flex-direction:column}.dialog-app,.button-text,.button-text-primary{margin:0}.dialog-small::part(overlay){width:var(--dialog-width-small);max-width:var(--dialog-width-max-small);height:var(--dialog-height-small);max-height:var(--dialog-height-max-small)}.dialog-medium::part(overlay){width:var(--dialog-width-medium);max-width:var(--dialog-width-max-medium);height:var(--dialog-height-medium);max-height:var(--dialog-height-max-medium)}.dialog-large::part(overlay){width:var(--dialog-width-large);max-width:var(--dialog-width-max-large);height:var(--dialog-height-large);max-height:var(--dialog-height-max-large)}.dialog-app::part(header){padding:0;border-bottom-style:solid;border-bottom-color:var(--border-color-dialog);border-bottom-width:1px}.dialog-header-text-color{color:#192434}.dialog-app::part(content){padding:0}.dialog-step-name-text{font-size:var(--spacing-04);font-weight:var(--font-weight-medium);line-height:var(--lumo-line-height-xs)}.dialog-step-icon-arrow{font-size:12px}.dialog-app::part(footer){padding:0;background-color:#fff;border-top-style:solid;border-top-color:var(--border-color-dialog);border-top-width:1px}.footer{justify-content:flex-end}.footer-intermediate{justify-content:space-between;width:100%}.button-color-primary{color:var(--primary-contrast-color);background-color:var(--primary-color)}.button-icon-only{color:var(--icon-color);background-color:transparent}.button-icon-only.primary{color:var(--primary-text-color);background-color:transparent}.button-danger{background-color:var(--error-color);color:var(--primary-contrast-color)}.button-danger[focus-ring]{box-shadow:none!important}.icon-color{color:var(--icon-color)}.icon-color-warning{color:var(--warning-icon-color)}.icon-color-success{color:var(--success-icon-color)}.icon-color-error{color:var(--error-icon-color)}.icon-size-xs{height:var(--icon-size-xs);width:var(--icon-size-xs)}.icon-size-s{height:var(--icon-size-s);width:var(--icon-size-s)}.icon-size-m{height:var(--icon-size-m);width:var(--icon-size-m)}.icon-size-l{height:var(--icon-size-l);width:var(--icon-size-l)}.round{border-radius:50%}.icon-background-color-default{background-color:var(--icon-color)}.icon-background-color-primary{background-color:var(--primary-icon-color)}.icon-color-default{color:var(--icon-color)}.icon-text-white{color:#fff}.icon-text-inner,.icon-label-text{font-size:.875rem}.icon-label-text-color-default{color:var(--icon-color)}.icon-label-text-color-primary{color:var(--primary-icon-color)}.icon-content-center{display:inline-flex;justify-content:center;align-items:center;line-height:1}.flex-align-items-center{align-items:center}.flex-align-items-baseline{align-items:baseline}.flex-align-items-bottom{align-items:self-end}.justify-self-start{justify-self:flex-start}.justify-start{justify-content:flex-start}.justify-self-center{justify-self:center}.justify-content-space-between,.justify-space-between{justify-content:space-between}.justify-center{justify-content:center}.justify-self-end{justify-self:flex-end}.justify-end{justify-content:flex-end}.self-align-end{align-self:end}.flex-horizontal{display:flex;flex-direction:row;flex-wrap:wrap}.flex-vertical{display:flex;flex-direction:column;flex-wrap:wrap}.white-space-nowrap{white-space:nowrap}.no-flex-wrap{flex-wrap:nowrap}.no-wrap{text-wrap:nowrap}.width-50-pct,.width-full,.height-50-pct,.height-full{box-sizing:border-box}.width-full{width:100%}.width-50-pct{width:50%}.width-max-content{width:max-content}.height-full{height:100%}.height-50-pct{height:50%}.max-height-x10{max-height:10em}.height-max-content{height:max-content}.height-min-content{height:min-content}.display-contents{display:contents}.border,.composite-border,.border-top,.border-right,.border-bottom,.border-left,.border-top-bottom,.border-left-right{border:1px solid var(--border-color-default);box-sizing:border-box}.border.square{border-radius:0}.composite-border{border-width:0}.border-left-right{border-width:0 1px}.border-top-bottom{border-width:1px 0}.composite-border.border-top{border-top-width:1px}.border-top{border-width:1px 0 0 0}.composite-border.border-right{border-right-width:1px}.border-right{border-width:0 1px 0 0}.composite-border.border-bottom{border-bottom-width:1px}.border-bottom{border-width:0 0 1px 0}.composite-border.border-left{border-left-width:1px}.border-left{border-width:0 0 0 1px}.border-color-default{border-color:var(--border-color-default)}.border-color-light{border-color:var(--border-color-light)}.border-color-none{border-color:transparent}.border-color-dialog{border-color:var(--border-color-dialog)}.border.solid{border-style:solid}.border.dashed{border-style:dashed}.border.round{border-radius:50%}.border.rounded-02{border-radius:var(--spacing-02)}.border.rounded-03{border-radius:var(--spacing-03)}#announcements{background-color:var(--warning-icon-color);padding:var(--spacing-03) var(--spacing-04);text-align:left}.announcement{margin:var(--spacing-03) 0;display:flex;gap:var(--spacing-03)}.announcement vaadin-icon{min-width:var(--icon-size-s);max-width:var(--icon-size-s);color:var(--icon-color)}.announcement-text{display:inline}vaadin-menu-bar-overlay vaadin-menu-bar-item[theme~=no-prefix]::part(prefix),vaadin-menu-bar-overlay vaadin-menu-bar-item[theme~=no-prefix]::part(checkmark),vaadin-menu-bar-overlay vaadin-context-menu-item[theme~=no-prefix]::part(prefix),vaadin-menu-bar-overlay vaadin-context-menu-item[theme~=no-prefix]::part(checkmark){display:none;width:0;margin:0;padding:0}vaadin-menu-bar-overlay vaadin-menu-bar-item[theme~=no-prefix]::part(content),vaadin-menu-bar-overlay vaadin-context-menu-item[theme~=no-prefix]::part(content){padding-inline-start:var(--lumo-space-s)}vaadin-menu-bar-overlay vaadin-menu-bar-item[theme~=no-prefix],vaadin-menu-bar-overlay vaadin-context-menu-item[theme~=no-prefix]{--_prefix-width: 0px}vaadin-tab-sheet.filter-grid-tabsheet::part(content){display:flex;flex-direction:column;min-height:0}vaadin-tab-sheet.filter-grid-tabsheet::part(content)>*{flex:1 1 auto;min-height:0}.flex-01{flex:1}.flex-03{flex:3}.fixed-width-1000px{width:1000px;min-width:1000px}.account-box{border-width:1px;border-color:var(--lumo-contrast-20pct);border-radius:var(--spacing-02);border-style:solid}.heading-with-icon{color:#878787;column-gap:var(--spacing-03);display:flex;flex-direction:row;font-weight:700;line-height:1;font-size:var(--spacing-04)}.heading-with-icon vaadin-icon{height:auto}.section{width:100%}.section-header{display:flex;flex-direction:column;width:100%}.trailing-margin-large{margin-bottom:var(--spacing-07)}.trailing-margin-normal{margin-bottom:var(--spacing-05)}.trailing-margin-small{margin-bottom:var(--spacing-03)}.section-header-row{display:flex;width:100%}.section-title{font-weight:700;color:var(--secondary-text-color);margin-bottom:.5rem;width:100%}.sub-header{font-size:.875rem;color:#878787;margin-bottom:.5rem}.tag-list{width:100%;display:flex}.detail-box{display:flex;flex-direction:column;border:1px solid lightgray;border-radius:var(--spacing-03);max-height:10rem}.detail-box-header{display:flex;flex-direction:row;width:100%;gap:var(--spacing-03);font-size:var(--spacing-04);font-weight:700;color:#878787;line-height:1}.detail-box-header vaadin-icon{height:auto}.detail-box-child{border-width:1px 1px 1px 1px;border-color:#d3d3d3;padding:var(--spacing-04) var(--spacing-04) var(--spacing-04)}.detail-box-child:first-child{border-width:0 0 1px 0;border-style:solid;border-color:#d3d3d3}.icon-label{font-size:var(--spacing-04);line-height:1;display:flex;flex-direction:row;gap:var(--spacing-05)}.icon-label-container{display:flex;flex-direction:row;font-size:var(--spacing-04);color:#878787;font-weight:700;gap:var(--spacing-03)}.icon-label-container vaadin-icon{height:auto}.input-with-label:first-child{padding-top:0}.input-label{align-self:flex-start;color:var(--secondary-text-color);font-weight:var(--font-weight-medium, 500);font-size:var(--label-font-size, .875rem);margin-left:calc(var(--spacing-02, .25em) / 4);transition:color .2s;line-height:1;padding-right:1em;padding-bottom:.5em;padding-top:.25em;margin-top:-.25em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;max-width:100%;box-sizing:border-box}.input-label:has(~.input-with-label:hover),.input-with-label:hover~.input-label{color:var(--shade-color)}.input-label:has(~.input-with-label:focus-within),.input-with-label:focus-within~.input-label{color:var(--primary-text-color)}.flex-grow-1{flex-grow:1}.wrapping-flex-container{flex-wrap:wrap}.overflow-hidden-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allow-row-wrap{flex-wrap:wrap}.overflow-scroll-height{overflow:auto}.fixed-medium-width{width:25rem}.simple-paragraph{font-size:var(--spacing-04);margin-bottom:var(--spacing-04)}.text-justify{text-align:justify}.line-height-01{line-height:1.7rem}.max-width-55rem{max-width:55rem}.overflow-auto{overflow:auto}.navigation-button{display:flex;flex-direction:column;gap:var(--lumo-space-m);align-items:center;flex:1 1}.button-bar{display:inline-flex;column-gap:var(--spacing-03)}.navigation-button .button{box-shadow:var(--lumo-box-shadow-xs)}.navigation-button .label{font-size:var(--lumo-font-size-s)}vaadin-button.primary{background-color:var(--lumo-button-primary-background-color, var(--lumo-primary-color));color:var(--lumo-button-primary-color, var(--lumo-primary-contrast-color));font-weight:600;min-width:calc(var(--lumo-button-size) * 2.5)}vaadin-button.danger{background-color:var(--error-color);color:var(--error-text-contrast-color)}vaadin-button.danger[focus-ring]{box-shadow:none!important}vaadin-button[disabled]{background-color:var(--shade-color-30pct);color:var(--lumo-base-color)}vaadin-button.primary .button:before{background-color:#000}vaadin-button.primary .button:hover:before{opacity:.05}vaadin-button.tertiary{padding:0 calc(var(--lumo-button-size) / 6);background-color:transparent!important;min-width:0}vaadin-button{cursor:pointer}.card{background-color:var(--lumo-base-color);border:black;border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;margin:4px}.creation-card{display:flex;justify-content:center;padding:1.5rem;flex:auto;max-width:300px}.creation-card>div{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.creation-card .disclaimer-area{font-size:smaller}.creation-card .button{background-color:var(--lumo-button-primary-background-color, var(--lumo-primary-color));color:var(--lumo-button-primary-color, var(--lumo-primary-contrast-color));font-weight:600;min-width:calc(var(--lumo-button-size) * 2.5)}.creation-card .button:before{background-color:#000}.creation-card .button:hover:before{opacity:.05}.card-collection{display:flex;flex-direction:column;gap:1rem;padding-left:1.5rem;padding-top:1.5rem}.card-collection .collection-title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-m);margin-bottom:.5rem}.card-collection .collection-header{justify-content:space-between;display:flex;align-items:center}.card-collection .collection-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,min-content));grid-template-rows:repeat(auto-fit,auto);grid-auto-rows:auto;grid-gap:1em}.card-collection .collection-controls{display:flex;align-content:space-evenly;flex-flow:row wrap;gap:.5rem}.card-collection .experimental-group{display:flex;flex-direction:column;font-size:var(--lumo-font-size-s);padding:var(--lumo-space-l)}.card-collection .experimental-group .header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--lumo-space-m)}.card-collection.experimental-group .card-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-m);font-weight:700;white-space:nowrap;margin-bottom:.5rem}.card-collection .experimental-group .content{display:flex;flex-wrap:wrap;gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-m);flex-direction:column}.card-collection .experimental-group vaadin-icon{cursor:pointer;width:1em;color:#a9a9a9}.card.experiment-info{flex:auto;font-size:var(--lumo-font-size-s);padding:var(--lumo-space-l);max-width:300px}.card.experiment-info .title{font-size:var(--lumo-font-size-l);margin-bottom:.5rem;font-weight:700;color:var(--lumo-secondary-text-color)}.card.experiment-info .content{display:flex;flex-direction:column;justify-content:center;align-items:stretch}.experiment-info ul{list-style-type:none;display:block}.experiment-info .header{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-m);font-weight:700;display:flex;justify-content:space-between;align-items:baseline}.experiment-info .title{font-weight:700}.experiment-item{display:block;min-height:100px;width:100%}.experiment-item:hover{background-color:#f5f5f5;cursor:pointer}.experiment-item .experiment-title{font-weight:700;padding-left:1rem;color:#3f3f3f}.experiment-item .content-section{padding:1rem 1rem 0 0;display:flex;justify-content:space-between}.experiment-item .progress-section{background-color:#dcdcdc;font-size:smaller;padding-left:1rem}.experiment-item .progress-section .incomplete{background-color:#dcdcdc}.experiment-item vaadin-icon{color:#949494;min-width:var(--lumo-icon-size-m);min-height:var(--lumo-icon-size-m)}.experiment-item .active-section{padding-left:1rem;padding-bottom:var(--spacing-03);padding-top:var(--lumo-space-l)}.experiment-item.selected{background-color:#fff;margin-left:1rem}.experiment-item.selected .content-section{padding:1rem 2rem 0 0}.experiment-item.selected vaadin-icon{color:var(--lumo-primary-color)}.analysis-type-combo-box::part(overlay){width:20rem}.dialog-window .confirm-button:hover:before{opacity:.05}vaadin-dialog-overlay::part(content){padding:1rem 4rem 3rem}vaadin-dialog-overlay::part(footer){padding:1rem 4rem 1rem 0}vaadin-dialog-overlay::part(header){padding:2rem 4rem 1rem}vaadin-dialog-overlay::part(title){margin-inline-start:0}.dialog-large::part(overlay){width:66vw}.notification-dialog::part(overlay){width:36.75rem}.notification-dialog .content{width:100%}.notification-dialog>[slot=header]{display:flex;align-items:center;justify-items:flex-start;gap:var(--spacing-03)}.notification-dialog .title{font-family:var(--lumo-font-family);line-height:var(--lumo-line-height-m);font-size:var(--lumo-font-size-xl);margin:0}.notification-dialog::part(footer){display:grid;grid-auto-flow:column}.notification-dialog>[slot=header] vaadin-icon{width:1.83rem;height:1.83rem;margin:.46rem;margin-inline-start:calc(var(--lumo-space-l) - var(--lumo-space-m))}.notification-dialog .error-icon{fill:var(--lumo-error-color)}.notification-dialog .warning-icon{fill:var(--lumo-warning-color)}.notification-dialog .info-icon{fill:var(--lumo-primary-color)}.existing-groups-prevent-variable-edit .content .experimental-group-count,.existing-samples-prevent-variable-edit .content .sample-count,.existing-samples-prevent-group-edit .content .sample-count{font-weight:700}.add-personal-access-token-dialog::part(overlay){height:50%;min-width:50vw}.add-personal-access-token-dialog::part(content){display:flex;flex-direction:column}.add-personal-access-token-dialog .expiration-date{width:50%}.add-user-to-project-dialog::part(overlay){height:clamp(700px,100%,700px);width:clamp(700px,100%,700px)}.add-user-to-project-dialog::part(content){display:flex;flex-direction:column;gap:var(--lumo-space-xl)}.add-user-to-project-dialog .person-selection-section,.add-user-to-project-dialog .role-selection-section{display:flex;flex-direction:column;gap:var(--spacing-03)}.add-user-to-project-dialog .section-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-l);font-weight:700}.add-experiment-dialog::part(overlay),.edit-experiment-dialog::part(overlay){width:66vw}.edit-experiment-content,.add-experiment-content{padding-top:var(--lumo-space-m);display:flex;flex-direction:column;height:100%;width:100%;gap:var(--lumo-space-m);box-sizing:border-box}.edit-experiment-content .header,.add-experiment-content .header{font-weight:700}.edit-experiment-content .full-width-input,.add-experiment-content .full-width-input{width:100%}.input-with-icon-selection{display:inline-flex;column-gap:1rem}.icon-and-component{display:inline-flex;justify-content:start;align-items:flex-end;column-gap:var(--lumo-space-m)}.box-flexgrow{flex-grow:1}.edit-project-dialog .content{max-width:60vw;padding-bottom:1em}.edit-project-dialog::part(overlay){width:66vw}.edit-project-dialog .funding-field .input-fields,.contact-field .input-fields{display:flex;gap:1em;align-items:baseline}.contact-field .contact-selection,.contact-field .input-fields,.contact-field .input-fields>*{width:100%}.contact-field .prefill-input-fields{line-height:0;display:flex;flex-direction:column;align-items:baseline}.contact-field .prefill-input-fields .contact-self-select{width:36em}.edit-project-dialog .form-content .contact-field .name-field,.edit-project-dialog .form-content .contact-field .email-field{flex-grow:1}.edit-project-dialog .project-contacts{display:flex;gap:1em;flex-direction:column;flex-wrap:wrap;margin:0;padding:var(--lumo-space-m) 0 0}.experiment-group-dialog::part(overlay){width:66%}.experiment-group-dialog .number-field{min-width:175px}.experiment-group-dialog .text-field{min-width:100px}.experiment-group-dialog .experimental-group-entry{display:grid;grid:auto auto auto auto / auto 1fr 175px auto;column-gap:1rem;align-items:baseline}.experiment-variable-dialog vaadin-icon{cursor:pointer;color:var(--lumo-primary-color)}.experiment-group-dialog vaadin-icon{cursor:pointer;color:var(--lumo-primary-color)}.experiment-group-dialog .header{font-weight:700}.experiment-variable-dialog .add-new-group-action{display:flex;column-gap:1rem;color:var(--lumo-primary-color)}.experiment-variable-dialog .add-new-group-action span{cursor:pointer}.experiment-variable-dialog .content{display:flex;flex-direction:column}.experiment-group-dialog .add-new-group-action{display:flex;column-gap:1rem;color:var(--lumo-primary-color)}.experiment-group-dialog .add-new-group-action span{cursor:pointer}.experiment-group-dialog .content{display:grid;gap:1.5rem}.experiment-group-dialog .content .group-collection{display:grid;gap:1rem}.experiment-variable-dialog .content .variables{display:flex;flex-direction:column}.experiment-variable-dialog .content .variables .header{font-weight:700}.experiment-variable-dialog .content .row{display:flex;align-items:baseline;column-gap:var(--lumo-space-l)}.add-project-dialog::part(content){display:flex;flex-direction:column;height:100%;width:100%;padding:0}.add-project-dialog::part(overlay){width:66%;height:100%}.add-project-dialog::part(footer){background-color:transparent;justify-content:space-between;padding-inline:4rem}.add-project-dialog .footer-right-buttons-container{gap:var(--lumo-space-m);display:inline-flex}.add-project-dialog .collaborators-layout{width:100%;height:100%;gap:1em;display:flex;flex-direction:column}.add-project-dialog .layout-container{height:100%;padding:1rem 4rem 3rem}.add-project-dialog .experiment-information-layout{width:100%;height:100%;gap:1em;display:flex;flex-direction:column}.add-project-dialog .experiment-information-layout .experiment-name-field{width:50%}.add-project-dialog .funding-information-layout{width:100%;height:100%;gap:1em;display:flex;flex-direction:column}.add-project-dialog .funding-information-layout .funding-field .grant-label-field{min-width:15vw}.add-project-dialog .funding-information-layout .funding-field .input-fields{width:100%;gap:var(--lumo-space-xl);display:inline-flex}.add-project-dialog .project-design-layout{width:100%;height:100%;gap:1em;display:flex;flex-direction:column}.add-project-dialog .project-design-layout .description-field{height:100%;width:100%;min-height:15vh}.add-project-dialog .project-design-layout .title-field{width:100%;margin-left:var(--lumo-space-m)}.add-project-dialog .project-design-layout .code-field{max-width:20%}.add-project-dialog .project-design-layout .search-field{max-width:30%}.add-project-dialog .project-design-layout .code-and-title{width:100%;gap:var(--spacing-03);display:inline-flex;align-items:baseline}.change-user-details-dialog::part(overlay){min-width:fit-content;min-height:fit-content;width:50%;height:50%}.change-user-details-dialog .change-user-name{width:100%}.measurement-pooled-samples-dialog::part(overlay){min-width:50vw}.measurement-pooled-samples-dialog::part(content){display:flex;flex-direction:column;gap:var(--lumo-space-l)}.measurement-pooled-samples-dialog .pooled-measurement-details{gap:var(--lumo-space-xs);display:flex;flex-direction:column}.measurement-pooled-samples-dialog .pooled-measurement-details .pooled-detail{gap:var(--spacing-03);display:inline-flex}.measurement-pooled-samples-dialog .pooled-measurement-details .pooled-detail .label{color:var(--lumo-secondary-text-color);font-weight:700}.measurement-upload-dialog::part(overlay),.register-samples-dialog::part(overlay),.edit-samples-dialog::part(overlay){min-width:66%;min-height:66%;max-height:66%;max-width:66%}.register-samples-dialog::part(overlay),.edit-samples-dialog::part(overlay){min-width:66%;min-height:80%;max-height:80%;max-width:66%}.measurement-upload-dialog::part(content){display:flex;flex-direction:column;gap:var(--spacing-03)}.measurement-upload-dialog .upload-items-display,.measurement-upload-dialog .upload-items-display .upload-section{display:flex;flex-direction:column;gap:var(--lumo-space-s)}.measurement-upload-dialog .upload-items-display .upload-section .restrictions,.register-samples-dialog .restrictions,.edit-samples-dialog .restrictions{font-size:smaller;display:inline-flex;justify-content:space-between;color:var(--lumo-contrast-60pct);column-gap:var(--lumo-space-s);width:100%}.measurement-upload-dialog .upload-items-display .uploaded-items-section .section-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:500}.measurement-upload-dialog.uploaded-items-description{font-size:var(--lumo-font-size-s)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items,.register-samples-dialog .uploaded-items-section,.edit-samples-dialog .uploaded-items-section{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l);display:flex;flex-direction:column}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item,.register-samples-dialog .uploaded-items-section .uploaded-item,.edit-samples-dialog .uploaded-items-section .uploaded-item{font-size:var(--lumo-font-size-s);display:flex;padding-top:var(--lumo-space-m);padding-bottom:var(--lumo-space-s);margin-inline:var(--lumo-space-m);flex-direction:column;row-gap:var(--lumo-space-m)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item{border-bottom-color:var(--lumo-contrast-20pct);border-bottom-style:solid;border-width:1px}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item .file-name,.register-samples-dialog .uploaded-items-section .uploaded-item .file-name,.edit-samples-dialog .uploaded-items-section .uploaded-item .file-name{display:inline-flex;align-items:center;column-gap:var(--lumo-space-s)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item .file-icon,.register-samples-dialog .uploaded-items-section .uploaded-item .file-icon,.edit-samples-dialog .uploaded-items-section .uploaded-item .file-icon{display:inline-flex;flex-shrink:0;font-size:smaller;color:var(--lumo-tertiary-text-color)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item .validation-display-box,.register-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box,.edit-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box{display:flex;flex-direction:column;row-gap:var(--lumo-space-s);background-color:var(--lumo-contrast-5pct);padding-inline:var(--lumo-space-m);padding-top:var(--lumo-space-xs);padding-bottom:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-m)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item .validation-display-box .header,.register-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box .header,.edit-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box .header{font-size:small;align-items:center;display:inline-flex;column-gap:var(--lumo-space-s);font-weight:700}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item .validation-display-box .invalid-measurement-list,.register-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box .invalid-list,.edit-samples-dialog .uploaded-items-section .uploaded-item .validation-display-box .invalid-list{padding-left:var(--lumo-space-m)}.measurement-upload-dialog .upload-items-display .uploaded-measurement-items .measurement-item:last-child{border-style:none}.measurement-upload-dialog .upload-progress-display{display:flex;flex-direction:column;gap:var(--lumo-space-s)}.measurement-upload-dialog .upload-progress-display .display-box{display:flex;flex-direction:column;gap:var(--lumo-space-s);border-radius:var(--lumo-border-radius-l);border:1px solid var(--lumo-contrast-20pct);padding:var(--lumo-space-m);margin-top:var(--lumo-space-s)}.measurement-upload-dialog .upload-progress-display .display-box .description{display:inline-flex;gap:var(--lumo-space-s);align-items:center}.project-information-dialog::part(overlay){width:66vw}.project-information-dialog .define-project-content{width:100%;height:100%;gap:1em;display:flex;flex-direction:column}.project-information-dialog .define-project-content .information,.project-information-dialog .define-project-content .contacts{display:flex;flex-direction:column}.purchase-item-upload::part(overlay){width:50%;min-width:400px}vaadin-upload-file::part(meta){font-size:smaller}.purchase-item-upload::part(content){display:flex;flex-direction:column;gap:var(--lumo-space-s)}.purchase-item-upload .restrictions{font-size:smaller;display:flex;justify-content:space-between;color:var(--lumo-contrast-60pct)}.purchase-item-upload .section-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:500}.purchase-item-upload .uploaded-items-description{font-size:var(--lumo-font-size-s)}.quality-control-upload::part(content){display:flex;flex-direction:column;gap:var(--lumo-space-s)}.quality-control-upload .restrictions{font-size:smaller;display:inline-flex;justify-content:space-between;color:var(--lumo-contrast-60pct);column-gap:var(--lumo-space-s)}.quality-control-upload.section-title{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:500}.quality-control-upload .uploaded-items-description{font-size:var(--lumo-font-size-s)}.uploaded-quality-control-items{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l);display:flex;flex-direction:column}.uploaded-quality-control-items .quality-control-item{border-bottom-color:var(--lumo-contrast-20pct);border-bottom-style:solid;border-width:1px;font-size:var(--lumo-font-size-s);display:flex;padding-top:var(--lumo-space-m);padding-bottom:var(--lumo-space-s);margin-inline:var(--lumo-space-m);flex-direction:column;row-gap:var(--lumo-space-s)}.uploaded-quality-control-items .quality-control-item .file-name{display:inline-flex;align-items:center;column-gap:var(--lumo-space-xs)}.uploaded-quality-control-items .quality-control-item .file-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.uploaded-quality-control-items .quality-control-item:last-child{border-style:none}.uploaded-quality-control-items .quality-control-item .offer-icon{background-color:#4cade8;display:inline-flex;font-size:var(--lumo-font-size-xs);color:#fff;padding-inline:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.uploaded-purchase-items{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l);display:flex;flex-direction:column}.uploaded-purchase-items .purchase-item{border-bottom-color:var(--lumo-contrast-20pct);border-bottom-style:solid;border-width:1px;font-size:var(--lumo-font-size-s);display:flex;padding-top:var(--lumo-space-m);padding-bottom:var(--lumo-space-s);margin-inline:var(--lumo-space-m);flex-direction:column;row-gap:var(--lumo-space-s)}.uploaded-purchase-items .purchase-item .file-name{display:inline-flex;align-items:center;column-gap:var(--lumo-space-xs)}.uploaded-purchase-items .purchase-item .file-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.uploaded-purchase-items .purchase-item:last-child{border-style:none}.uploaded-purchase-items .purchase-item .signature-box{display:inline-flex;column-gap:var(--lumo-space-xs)}.uploaded-purchase-items .purchase-item .offer-icon{background-color:#4cade8;display:inline-flex;font-size:var(--lumo-font-size-xs);color:#fff;padding-inline:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-s)}.register-samples-dialog .batch-name-field label,.edit-samples-dialog .batch-name-field label,.register-samples-dialog .section-title,.edit-samples-dialog .section-title{font-weight:700;color:var(--lumo-secondary-text-color);margin-bottom:var(--lumo-space-s)}.register-samples-dialog .section-with-title,.edit-samples-dialog .section-with-title{display:flex;flex-direction:column}.register-samples-dialog .download-metadata-section-content,.edit-samples-dialog .download-metadata-section-content{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l);display:flex;flex-direction:row;padding:1em;align-content:baseline;column-gap:var(--lumo-space-m);align-items:center}.register-samples-dialog .initial-view,.edit-samples-dialog .initial-view{display:grid;row-gap:var(--lumo-space-m)}.register-samples-dialog .batch-name-field,.edit-samples-dialog .batch-name-field{max-width:50%}.register-samples-dialog .validation-display-box,.edit-samples-dialog .validation-display-box{display:grid}.register-samples-dialog .in-progress-view,.register-samples-dialog .failed-view,.register-samples-dialog .succeeded-view,.register-samples-dialog .upload-with-display,.edit-samples-dialog .in-progress-view,.edit-samples-dialog .failed-view,.edit-samples-dialog .succeeded-view,.edit-samples-dialog .upload-with-display{display:grid;row-gap:var(--lumo-space-m)}.register-samples-dialog .content-part>.title,.edit-samples-dialog .content-part>.title{font-size:larger;font-weight:700;color:var(--lumo-secondary-text-color)}.register-samples-dialog .content-part>.body.success-box,.edit-samples-dialog .content-part>.body.success-box{display:flex;flex-wrap:nowrap;align-items:center;column-gap:var(--lumo-space-s)}.register-samples-dialog .content-part>.body.error-box,.edit-samples-dialog .content-part>.body.error-box{display:flex;flex-wrap:nowrap;align-items:center;column-gap:var(--lumo-space-s)}.register-samples-dialog .content-part[highlighted],.edit-samples-dialog .content-part[highlighted]{border:solid var(--lumo-contrast-20pct) 2px;border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m)}.card-deck{display:flex;align-content:space-evenly;flex-flow:row wrap}.user-info-component{display:flex;align-items:center;gap:var(--lumo-space-l);margin:var(--spacing-03)}.user-info-component .avatar{width:var(--lumo-icon-size-l);height:var(--lumo-icon-size-l)}.user-info-component .user-info{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--spacing-03)}.user-info-component .user-info .oidc{display:inline-flex;align-items:center;gap:var(--spacing-03);white-space:nowrap}.user-info-component .user-info .user-name-and-full-name{display:flex;gap:var(--spacing-03);align-items:baseline}.card-layout{background-color:var(--lumo-base-color);border:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-l);font-size:var(--lumo-font-size-s);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-03);width:clamp(300px,300px,15vw);padding-bottom:var(--lumo-space-l);padding-inline:var(--lumo-space-l)}.disclaimer{display:flex;justify-content:center;width:100%;height:100%}.disclaimer .disclaimer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-03)}.disclaimer .disclaimer-label{font-weight:400;color:#2d2d2d;font-size:var(--lumo-font-size-s);white-space:pre-line}.disclaimer .disclaimer-title{font-weight:700;color:#2d2d2d;font-size:var(--lumo-font-size-m);margin-bottom:.5rem}.grid-details-item{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--spacing-03);cursor:default}.grid-details-item .entry{display:inline-flex;gap:var(--spacing-03)}.grid-details-item .entry .entry-label{font-weight:700;white-space:nowrap}.grid-details-item .entry .entry-value-list{display:flex;flex-wrap:wrap;gap:var(--spacing-03)}.grid-details-item .entry-value{display:inline-flex;flex-wrap:wrap;word-break:break-all}.ontology-component{display:flex;flex-direction:column;gap:var(--spacing-03)}.project-creation-stepper-arrow{align-items:end;color:var(--lumo-contrast-60pct);display:flex;margin-inline:var(--lumo-space-l)}.stepper{margin-top:.5rem;display:inline-flex;padding-inline:4rem}.stepper .step{display:flex;flex-direction:column;align-items:center;white-space:nowrap;gap:var(--spacing-03)}.stepper .step[selected]>vaadin-avatar{background-color:var(--lumo-primary-color-50pct);color:#fff}.stepper .step>vaadin-avatar{background-color:var(--lumo-contrast-60pct);color:#fff}.ontology-entry-collection{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-03);width:100%;white-space:nowrap}.ontology-entry-collection .ontology-entry{display:inline-flex;gap:var(--spacing-03);width:100%}.project-role-item .project-role-label{font-weight:700}.project-role-item .project-role-description{display:flex;flex-direction:column}.tag-collection{display:inline-flex;flex-wrap:wrap;gap:var(--lumo-space-xs);white-space:nowrap}img.clickable{cursor:pointer}.oidc-logo{width:var(--lumo-icon-size-m);height:var(--lumo-icon-size-m)}.size-small{width:var(--lumo-icon-size-s);height:var(--lumo-icon-size-s)}.info-section{width:100%;display:grid;gap:1rem}.info-section>.info-title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xl)}.info-section .info-entry-label{font-weight:700;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);display:flex;gap:var(--spacing-03)}.info-entry{display:grid;grid:auto / 20% auto}.info-content{display:grid;gap:.75rem}.project-information-content{display:grid;gap:4rem}.contact-item,.person-contact-display{display:grid}.contact-item .contact-email,.person-contact-display .email{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}vaadin-icon.primary{color:var(--primary-color)}vaadin-icon.error{color:var(--error-color)}vaadin-icon.success{color:var(--success-icon-color)}vaadin-icon.clickable{cursor:pointer}vaadin-icon.small{width:var(--lumo-icon-size-s)}vaadin-icon.smallest{width:1em}vaadin-icon.copy-icon{color:var(--lumo-contrast-50pct)}#content-area{grid-area:content-area}#announcements{grid-area:announcements}#main-layout{height:100%;zoom:90%}.landing-page-layout .landing-page-content{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%}.landing-page-layout .landing-page-title-and-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:var(--spacing-03);margin-bottom:var(--lumo-space-l);padding-top:var(--lumo-space-xl)}.landing-page-layout .landing-page-title-and-logo .title{font-weight:700;font-size:var(--lumo-font-size-xxl)}.landing-page-layout .landing-page-title-and-logo .subtitle{color:var(--lumo-tertiary-text-color);font-weight:700}.landing-page-layout .landing-page-title-and-logo .ut-logo{height:2.5em;margin-bottom:var(--lumo-space-xl)}#data-manager-footer{display:inline-flex;column-gap:var(--lumo-space-l);border-top:thin solid var(--lumo-contrast-10pct);padding-inline:var(--lumo-space-m);padding-bottom:var(--spacing-03);padding-top:var(--spacing-03);grid-area:data-manager-footer}.main{display:grid;height:100%}.main .title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.main.email-confirmation{grid-template-columns:auto;grid-template-rows:auto;justify-content:center;padding-bottom:var(--lumo-space-m)}.main.email-confirmation .email-confirmation-component{background-color:var(--lumo-base-color);border:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-l);font-size:var(--lumo-font-size-s);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--lumo-space-l);width:clamp(450px,450px,15vw);padding-bottom:var(--lumo-space-xl);padding-inline:var(--lumo-space-l)}.main.email-confirmation .email-confirmation-component .resend-verification{display:inline-flex;gap:var(--spacing-03)}.main.experiment .experiment-details-component{grid-area:experimentdetails}.main.legal-notice{padding:var(--lumo-space-xl);height:fit-content;width:clamp(700px,60vw,100%);display:flex;margin:auto}.main.data-privacy-agreement{padding:var(--lumo-space-xl);height:fit-content;width:clamp(700px,50vw,100%);display:flex;margin:auto}.main.measurement .page-area{border:1px solid;border-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.main.measurement .no-samples-registered-disclaimer,.main.measurement .no-measurements-registered-disclaimer{grid-column-start:1;grid-column-end:-1;grid-row-start:1;grid-row-end:-1}.main.measurement .no-measurements-registered-disclaimer{display:flex;flex-direction:column;row-gap:var(--lumo-space-m);align-items:center;justify-content:center}.main.measurement .no-measurements-registered-disclaimer .no-measurement-registered-title{font-weight:700;font-size:var(--lumo-font-size-m);margin-bottom:.5rem}.main.measurement .no-measurements-registered-disclaimer .no-measurement-registered-content{display:flex;flex-direction:column;align-items:center}.main.measurement .measurement-template-list-component{grid-area:measurementtemplatelist}.main.measurement .measurement-details-component{grid-area:measurementdetails}.main.measurement .measurement-main-content{display:flex;flex-direction:column;row-gap:var(--lumo-space-m);padding:var(--lumo-space-m);justify-content:space-between}.main.measurement .measurement-main-content .title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.main.measurement .measurement-main-content .buttonsAndInfo{display:flex;flex-direction:column;row-gap:var(--lumo-space-m)}.main.measurement .measurement-main-content .buttonsAndInfo .info{border-radius:var(--lumo-border-radius-m);column-gap:var(--spacing-03);background-color:var(--lumo-contrast-5pct);align-items:center;width:fit-content;padding-inline:var(--lumo-space-m);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}.main.measurement .measurement-main-content .buttonsAndInfo .buttonAndField{display:inline-flex;justify-content:space-between;margin-top:auto}.main.measurement .measurement-main-content .button-bar{display:inline-flex;column-gap:var(--spacing-03)}.main.ontology-lookup-component{grid-area:ontologylookupcomponent}.main.project .page-area{border:1px solid;border-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.main.project .project-details-component{grid-area:projectdetails}.main.project .experiment-list-component{grid-area:experimentlist}.main.project .offer-list-component{grid-area:offerlist}.main.project .quality-control-list-component{grid-area:qualitycontrollist}.main.project-overview .title-and-description{padding:var(--lumo-space-m);flex-direction:column;display:flex;gap:var(--spacing-03);white-space:pre-line}.main.project-overview .project-overview-title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.main .project-overview .project-collection-component{grid-area:projectcollection}.main.raw-data .page-area{border:1px solid;border-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.main.raw-data .no-measurements-registered-disclaimer,.main.raw-data .no-raw-data-registered-disclaimer{grid-column-start:1;grid-column-end:-1;grid-row-start:1;grid-row-end:-1}.main.raw-data .raw-data-download-information-component{grid-area:rawdatadownloadinformation}.main.raw-data .raw-data-details-component{grid-area:rawdatadetails;box-sizing:border-box}.main.raw-data .raw-data-main-content{display:flex;flex-direction:column;row-gap:var(--lumo-space-m);padding:var(--lumo-space-m)}.main.raw-data .raw-data-main-content .title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.main.user-registration{grid-template-columns:auto;grid-template-rows:auto;justify-content:center;padding-bottom:var(--lumo-space-m)}.main.sample .page-area{border:1px solid;border-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.main.sample .no-samples-registered-disclaimer,.main.sample .no-experimental-groups-registered-disclaimer{grid-column-start:1;grid-column-end:-1;grid-row-start:1;grid-row-end:-1}.main.sample .sample-main-content{display:flex;flex-direction:column;row-gap:var(--lumo-space-m);padding:var(--lumo-space-m);justify-content:space-between}.main.sample .sample-main-content .title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.main.sample .sample-main-content .buttonAndField{display:inline-flex;justify-content:space-between;gap:var(--lumo-space-m)}.main.sample .batch-details-component{grid-area:batchdetails}.main.sample .sample-details-component{grid-area:sampledetails}.main.reset-password,.main.set-new-password,.main.user-registration{grid-template-columns:auto;grid-template-rows:auto;justify-content:center;padding-bottom:var(--lumo-space-m)}#data-manager-layout::part(navbar){display:inline-flex;justify-content:space-between;background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}#data-manager-layout .data-manager-title{font-size:var(--lumo-font-size-l);color:var(--lumo-header-text-color);font-weight:600;line-height:var(--lumo-line-height-xs);margin-block:0}.data-manager-menu{display:inline-flex;justify-content:space-between;column-gap:var(--spacing-03)}.data-manager-menu .menubar::part(container){display:inline-flex;column-gap:var(--spacing-03)}.data-manager-menu .user-avatar{cursor:pointer}.experiment-main-layout .experiment-app-navbar{display:inline-flex;justify-content:space-between;padding-right:var(--lumo-space-m)}.drawer-title-bar{display:inline-flex;align-items:center}.experiment-navigation-component{width:100%;padding-top:var(--spacing-03);padding-bottom:var(--spacing-03);background-color:var(--lumo-base-color)}.experiment-navigation-component .experiment-navigation-tabs{width:100%}.experiment-navigation-component .experiment-navigation-tabs .arrow-tab{align-items:end;color:var(--lumo-contrast-60pct)}.project-main-layout .project-main-layout-navbar{display:inline-flex;justify-content:space-between;width:100%;padding-right:var(--lumo-space-m);align-items:center}.experiment-main-layout .experiment-main-layout-navbar{padding-top:var(--spacing-03);padding-bottom:var(--spacing-03);display:inline-flex;justify-content:space-between;padding-right:var(--lumo-space-m);align-items:center}.project-navbar-title{font-weight:700;font-size:var(--lumo-font-size-l);display:inline-flex;align-items:inherit;column-gap:var(--spacing-03)}.experiment-main-layout .experiment-main-layout-navbar-container{display:flex;flex-direction:column;width:100%}.landing-page-layout::part(navbar){padding-inline:var(--lumo-space-m)}.user-main-layout::part(navbar){padding-inline:var(--lumo-space-m)}.navbar-title{font-weight:700;display:inline-flex;align-items:inherit;column-gap:var(--spacing-03)}.project-navigation-drawer{display:flex;flex-direction:column;gap:var(--lumo-space-m);margin-inline:var(--spacing-03)}.project-navigation-drawer-title{font-weight:700;font-size:var(--lumo-font-size-xl);margin-left:var(--spacing-03);margin-top:var(--spacing-03);margin-bottom:var(--lumo-space-l)}.project-navigation-drawer vaadin-side-nav-item.primary::part(item),.project-navigation-drawer vaadin-side-nav-item.primary [slot=prefix],.project-navigation-drawer vaadin-side-nav-item.primary [slot=suffix],.project-navigation-drawer vaadin-side-nav-item::part(toggle-button){color:var(--lumo-primary-color)}.project-navigation-drawer vaadin-side-nav-item.hoverable::part(item):hover{background-color:var(--lumo-primary-color-10pct)}.project-navigation-drawer .content{display:inline-flex;flex-direction:column;gap:var(--lumo-space-l)}.project-navigation-drawer .project-section{display:flex;flex-direction:column}.project-navigation-drawer .project-items{display:flex;flex-direction:column;gap:var(--lumo-space-m)}.project-navigation-drawer .section-divider{margin-top:var(--lumo-space-m);margin-bottom:var(--lumo-space-m)}.project-selection-menu{margin-left:var(--spacing-03);margin-right:var(--spacing-03)}.project-selection-menu vaadin-menu-bar-button[aria-haspopup]{overflow:hidden;text-overflow:ellipsis;width:98%}.project-selection-menu vaadin-menu-bar-item::part(content){width:100%}.recent-projects-header{color:var(--lumo-tertiary-text-color);margin-left:var(--lumo-space-l)}.dropdown-field{display:inline-flex;justify-content:space-between;width:100%}.selected-project-title{text-overflow:ellipsis;overflow:hidden}.page{height:100%;width:100%}.page-area{background-color:var(--lumo-base-color);padding:var(--lumo-space-l);flex-direction:column;display:flex;gap:var(--spacing-03)}.page-area .title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxl);margin-bottom:.5rem}.page-area.navbar{justify-content:space-evenly;display:flex;flex-direction:row;align-items:center;gap:var(--lumo-space-xs)}.batch-details-component .editor-buttons{display:inline-flex;gap:var(--spacing-03)}.batch-details-component .title-and-controls{display:inline-flex;justify-content:space-between;align-items:baseline}.experiment-details-component .sample-source-display{flex-direction:row;display:flex;justify-content:space-between}.experiment-details-component .sample-source-display .sample-source{flex-direction:column;display:flex;row-gap:var(--lumo-space-m)}.experiment-details-component .sample-source-display .sample-source .header{display:inline-flex;justify-content:start;align-items:start;column-gap:var(--lumo-space-m);font-size:var(--lumo-font-size-m);font-weight:500}.experiment-details-component .sample-source-display .sample-source .ontologies{display:flex;row-gap:var(--spacing-03);align-items:center;width:100%;flex-direction:column}.experiment-details-component .sample-source-display .sample-source .ontologies .ontology{display:inline-flex;gap:var(--spacing-03);align-items:center;width:100%}.experiment-details-component .sample-source-display .icon-with-list vaadin-icon{color:var(--lumo-primary-color);margin-right:1em;margin-top:.5em}.experiment-details-component .header{display:flex;justify-content:space-between;align-items:baseline}.experiment-details-component .details-content{padding:var(--lumo-space-m);display:flex;flex-direction:column;flex-grow:1;gap:var(--lumo-space-m);font-size:var(--lumo-font-size-s)}.experiment-details-component .details-content .experimental-sheet,.experiment-details-component .details-content .experimental-groups-container{width:100%;height:100%}.experiment-details-component .sample-registration-possible{margin-bottom:var(--lumo-space-m)}.experiment-list-component .content{display:grid;gap:var(--lumo-space-m);grid-auto-rows:max-content}.experiment-list-component .header{display:flex;justify-content:space-between;align-items:center;gap:var(--lumo-space-m)}.measurement-details-component{height:100%;justify-content:center;align-items:center}.measurement-details-component .measurement-tabsheet{height:100%;width:100%}.measurement-details-component .measurement-grid{height:100%}.measurement-details-component .measurement-grid .measurement-column-cell,.measurement-details-component .measurement-grid .sample-column-cell{display:inline-flex;column-gap:var(--spacing-03);align-items:center}.measurement-details-component .measurement-grid .sample-column-cell .expand-icon{width:1em;height:1em;color:var(--lumo-primary-color);cursor:pointer}.measurement-details-component .measurement-grid .organisation-entry{align-items:center;column-gap:var(--spacing-03);display:flex}.measurement-details-component .measurement-grid .organisation-entry .organisation-icon{min-width:var(--lumo-icon-size-m);min-height:var(--lumo-icon-size-m)}.measurement-details-component .measurement-grid .instrument-column{column-gap:var(--spacing-03);align-items:center;display:inline-flex}.measurement-details-component .measurement-grid .measurement-item{display:flex;flex-direction:column;row-gap:var(--spacing-03);cursor:default}.measurement-details-component .measurement-grid .measurement-item .entry{display:inline-flex;column-gap:var(--spacing-03)}.measurement-details-component .measurement-grid .measurement-item .entry .entry-label{font-weight:700;white-space:nowrap}.tab-with-count{gap:var(--spacing-03)}.ontology-lookup-component{display:flex;flex-direction:column;row-gap:var(--lumo-space-m)}.ontology-lookup-component .search-field{max-width:33%}.ontology-lookup-component .ontology-grid-section{border-top:1px solid var(--lumo-contrast-10pct);margin-right:var(--lumo-space-xl);row-gap:var(--spacing-03);padding-top:var(--lumo-space-m);height:100%;display:flex;flex-direction:column}.ontology-lookup-component .ontology-grid-section .ontology-grid{height:100%;margin-top:var(--spacing-03)}.ontology-lookup-component .ontology-grid vaadin-grid-cell-content{padding:var(--lumo-space-xs)}.ontology-lookup-component .ontology-item{border:black;border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:var(--spacing-03);margin-top:var(--spacing-03);overflow:hidden;padding:var(--lumo-space-m);row-gap:var(--spacing-03);text-overflow:ellipsis;white-space:normal}.ontology-lookup-component .ontology-item .header{display:inline-flex;column-gap:var(--spacing-03);align-items:center}.ontology-lookup-component .ontology-item .header .copy-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.copy-icon-success{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-success-color)}.success-background-hue{background-color:var(--lumo-success-color-10pct)}.base-background{background-color:var(--lumo-base-color)}.ontology-lookup-component .ontology-item .ontology-item-title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-l)}.ontology-lookup-component .ontology-item .url{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.personal-access-token-component{row-gap:var(--lumo-space-l);display:flex}.personal-access-token-component .header{justify-content:space-between;display:inline-flex}.personal-access-token-component .header .buttons{column-gap:var(--spacing-03);display:inline-flex}.personal-access-token-component .description{display:flex;flex-direction:column;row-gap:var(--lumo-space-m)}.personal-access-token-component .personal-access-token-container{width:60%;height:60%}.personal-access-token-component .personal-access-token-container .personal-access-token-list{border:1px solid var(--lumo-contrast-20pct)}.personal-access-token-component .personal-access-token-container .show-created-personal-access-token-details{display:flex;flex-direction:column;row-gap:var(--spacing-03);padding:var(--lumo-space-m);border:1px solid var(--lumo-contrast-20pct);width:100%}.personal-access-token-component .personal-access-token-container .show-created-personal-access-token-layout{display:flex;justify-content:space-between;align-items:center}.personal-access-token-component .personal-access-token-container .show-created-personal-access-token-details .copy-disclaimer{display:inline-flex;column-gap:var(--spacing-03);font-size:var(--lumo-font-size-s);align-items:center}.personal-access-token-component .personal-access-token-container .show-created-personal-access-token-details .token-text{display:inline-flex;column-gap:var(--spacing-03);align-items:center}.personal-access-token-component .personal-access-token-container .show-encrypted-personal-access-token-details{display:flex;flex-direction:column;row-gap:var(--lumo-space-m)}.personal-access-token-component .personal-access-token-container .show-encrypted-personal-access-token-details .copy-disclaimer,.personal-access-token-component .personal-access-token-container .show-encrypted-personal-access-token-details .expiration-date,.personal-access-token-component .personal-access-token-container .show-encrypted-personal-access-token-details .token-text{display:inline-flex;column-gap:var(--spacing-03);align-items:center}.personal-access-token-component .personal-access-token-container .show-encrypted-personal-access-token-layout{display:flex;padding:var(--lumo-space-m);border-bottom:1px solid var(--lumo-contrast-20pct);justify-content:space-between;align-items:center}.project-access-component{display:flex;row-gap:var(--lumo-space-l);flex-direction:column;height:auto}.project-access-component .header{display:inline-flex;justify-content:space-between;align-items:baseline}.project-access-component .change-project-access-cell{display:inline-flex;column-gap:var(--lumo-space-l);align-items:center}.project-access-component .oidc-cell{display:inline-flex;gap:var(--spacing-03);align-items:center}.project-collection-component{height:100%;border-top:none}.project-collection-component .header{display:flex;column-gap:var(--lumo-space-xl);flex-direction:column}.project-collection-component .controls{display:flex;align-content:space-between;gap:1rem}.project-collection-component .project-grid{height:100%;margin-top:var(--lumo-space-s)}.project-collection-component .project-grid vaadin-grid-cell-content{padding:var(--lumo-space-xs)}.project-collection-component .project-overview-item{border:black;border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s);overflow:hidden;padding:var(--lumo-space-l);row-gap:var(--lumo-space-s);text-overflow:ellipsis;white-space:normal;cursor:pointer}.project-collection-component .project-overview-item .header{display:inline-flex;column-gap:var(--lumo-space-s);flex-direction:row}.project-collection-component .project-overview-item .project-overview-item-title{font-weight:700;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-l)}.project-collection-component .project-overview-item .details{display:flex;flex-direction:column;row-gap:var(--lumo-space-s);color:var(--lumo-secondary-text-color)}.project-details-component .header{display:flex;justify-content:space-between;align-items:baseline}.quality-control-list-component .header{display:inline-flex;justify-content:space-between;align-items:baseline}.raw-data-details-component .raw-data-details{display:flex;flex-direction:column;row-gap:var(--lumo-space-s)}.raw-data-details-component .raw-data-grid .sample-information{text-overflow:ellipsis;overflow:hidden;display:inline-flex;white-space:nowrap;width:80%}.raw-data-details-component .raw-data-grid>*{cursor:pointer}.raw-data-details-component .raw-data-grid ::part(row){cursor:pointer}.raw-data-details-component .raw-data-grid .raw-data-item{display:flex;flex-direction:column;row-gap:var(--lumo-space-s);cursor:default}.raw-data-details-component .raw-data-grid .raw-data-item .entry{display:inline-flex;column-gap:var(--lumo-space-s)}.raw-data-details-component .raw-data-grid .raw-data-item .entry .entry-label{font-weight:700;white-space:nowrap}.raw-data-details-component .raw-data-grid .raw-data-item .entry-value-list{display:flex;flex-wrap:wrap;gap:var(--lumo-space-s)}.raw-data-details-component .raw-data-grid .raw-data-item .entry-value{display:inline-flex;white-space:nowrap}.raw-data-download-information-component{display:flex;flex-direction:column;row-gap:var(--lumo-space-l)}.raw-data-download-information-component .section .section-title{display:inline-flex;align-items:center;column-gap:var(--lumo-space-m);font-weight:700}.project-details-component .ontology-entry-collection{display:inline-flex;flex-wrap:wrap;gap:var(--lumo-space-xs);width:100%;white-space:nowrap}.sample-details-component .sample-details-content{display:flex;flex-direction:column;margin-bottom:var(--lumo-space-m);height:100%}.sample-details-component .sample-count{display:inline-flex;padding-bottom:var(--lumo-space-s);color:var(--lumo-secondary-text-color)}.user-profile-component{display:flex;flex-direction:column;row-gap:var(--lumo-space-xl)}.user-profile-component .user-details-card{display:flex;flex-direction:row;column-gap:5rem;background-color:var(--lumo-base-color);border:black;border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.user-profile-component .change-name{color:var(--lumo-primary-text-color);cursor:pointer;width:fit-content}.user-profile-component .user-details-card .details{display:flex;flex-direction:column}.user-profile-component .user-details-card .detail{display:flex;flex-direction:column;row-gap:var(--lumo-space-m)}.user-profile-component .user-details-card .avatar-with-name{display:flex;flex-direction:column;row-gap:var(--lumo-space-l);column-gap:initial}.user-profile-component .user-details-card .user-avatar{height:5rem;width:5rem}.user-profile-component .user-details-card .linked-account{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;border:2px dotted black;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;padding:var(--lumo-space-m);column-gap:var(--lumo-space-xl)}.user-profile-component .user-details-card .linked-account .logo-with-text{display:inline-flex;flex-direction:row;align-items:center;column-gap:var(--lumo-space-s)}.code-block{display:inline-flex;border-radius:var(--lumo-border-radius-m);align-items:center;padding-inline:var(--spacing-03);justify-content:space-between;border:1px solid var(--lumo-contrast-20pct);column-gap:var(--lumo-space-l);font-family:Source Code Pro for Powerline,monospace}.experiment-list-item{display:flex;gap:var(--spacing-03);font-size:var(--lumo-font-size-l)}.experiment-list-item vaadin-icon{font-size:var(--lumo-font-size-m);padding:var(--lumo-space-xs)}.error-text{color:var(--lumo-error-text-color)}.info-box{display:inline-flex;border-radius:var(--lumo-border-radius-m);column-gap:var(--spacing-03);background-color:var(--lumo-contrast-5pct);align-items:center;width:fit-content;padding-inline:var(--lumo-space-m);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03);font-size:small}.link{color:var(--lumo-primary-text-color);cursor:pointer}.link:hover{text-decoration:underline}.login-card{display:inline-flex;gap:var(--lumo-space-l);align-items:center;padding-inline:var(--lumo-space-m);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03);box-sizing:border-box;background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);border-style:solid;border-color:var(--lumo-contrast-20pct);border-width:1px;width:100%;cursor:pointer}.login-card .text{font-weight:500;font-size:var(--lumo-font-size-m)}.registration-section{display:flex;flex-direction:column;gap:var(--spacing-03);align-items:center;width:100%}.registration-section .link{display:inline-flex;gap:var(--spacing-03);font-weight:500}.registration-section .spacer{display:inline-flex;align-items:center;white-space:nowrap;width:100%}.registration-section .spacer:before,.registration-section .spacer:after{content:"";flex:1;border-bottom:1px solid var(--lumo-contrast-20pct)}.ontology-link{display:inline-flex;box-sizing:border-box;padding:.4em calc(.5em + var(--lumo-border-radius-s) / 4);color:var(--lumo-primary-text-color);background-color:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-s);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);line-height:1;text-decoration-line:underline;width:min-content}span.bold{font-weight:700}span.clickable{cursor:pointer}span.primary{color:var(--lumo-primary-text-color)}span.secondary{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}span.tertiary{color:var(--lumo-tertiary-text-color);font-size:var(--lumo-font-size-s)}span.warning{color:var(--lumo-warning-text-color);font-size:var(--lumo-font-size-s)}span.inline{display:inline-flex;column-gap:var(--lumo-space-xs)}.spreadsheet-list-item{display:inline-flex;width:100%;justify-content:space-between;align-items:center}.tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.4em calc(.5em + var(--lumo-border-radius-s) / 4);border-radius:var(--lumo-border-radius-s);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);line-height:1;font-weight:500;text-transform:initial;letter-spacing:initial;min-width:calc(var(--lumo-line-height-xs) * 1em + .45em);flex-shrink:0}.tag:before{display:inline-block;content:" ";width:0}.tag.contrast{background-color:var(--lumo-contrast-5pct);color:var(--lumo-contrast-80pct)}.tag.error{background-color:var(--lumo-error-color-10pct);color:var(--error-color)}.tag.primary{background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}.tag.success{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}.tag.violet{background-color:#7b61ff1a;color:#7b61ff}.tag.pink{background-color:#ff5dd226;color:#df0b92}.tag.warning{background-color:var(--lumo-warning-color-10pct);color:var(--lumo-warning-text-color)}.spreadsheet,.spreadsheet-container{width:100%;height:100%}.toggle-button::part(checkbox){width:var(--lumo-size-m);border-radius:1em}.toggle-button::part(checkbox):after{content:"";height:calc(var(--lumo-size-m) / 3);background-color:var(--lumo-secondary-text-color);border-radius:1em;inset:0;margin:calc(var(--lumo-size-m) / 12);opacity:1;transition:transform .3s;width:calc(var(--lumo-size-m) / 3)}.toggle-button[checked]::part(checkbox):after{background-color:var(--lumo-primary-contrast-color);transform:translate(calc(var(--lumo-size-m) / 2))}h2{margin-bottom:.5em;margin-top:1.25em}vaadin-menu-bar-button{cursor:pointer}vaadin-menu-bar-item{cursor:pointer}vaadin-form-item::part(content){cursor:pointer}vaadin-multi-select-combo-box.chip-badge vaadin-multi-select-combo-box-chip{color:var(--lumo-primary-text-color);background-color:var(--lumo-primary-color-10pct);font-size:var(--lumo-font-size-s)}vaadin-multi-select-combo-box-item{align-items:start}vaadin-multi-select-combo-box.chip-badge vaadin-multi-select-combo-box-chip[slot=overflow]:before,vaadin-multi-select-combo-box-chip[slot=overflow]:after{border-color:var(--lumo-primary-color-10pct)}vaadin-multi-select-combo-box::part(toggle-button):before{color:var(--lumo-primary-color)}vaadin-multi-select-combo-box.no-chevron::part(toggle-button){display:none}vaadin-number-field::part(decrease-button),vaadin-number-field::part(increase-button){color:var(--lumo-primary-color)}vaadin-tabsheet.minimal::part(tabs-container){box-shadow:none;--_lumo-tab-marker-display: none}vaadin-list-box.transparent-icons vaadin-item::part(checkmark):before{display:none}vaadin-menu-bar-item.transparent-icon::part(checkmark):before{color:transparent}.input-with-label>vaadin-text-field,vaadin-text-field.input-with-label{padding-top:0}.measurement-template-list-component .measurement-template-list{height:fit-content}.measurement-template-list-component .header{display:flex;justify-content:space-between;align-items:center;gap:var(--lumo-space-m)}.measurement-template-list-component .measurement-template-list-item{display:inline-flex;align-items:flex-start;justify-content:space-between;width:100%;column-gap:var(--lumo-space-l);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}.measurement-template-list-component .measurement-template-list-item .controls{display:inline-flex;align-items:end;justify-items:center;column-gap:var(--spacing-03);padding-inline:var(--lumo-space-m)}.measurement-template-list-component .measurement-template-list-item .file-name{overflow:hidden;text-overflow:ellipsis}.measurement-template-list-component .measurement-template-list-item .file-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.measurement-template-list-component .measurement-template-list-item .file-info{display:inline-flex;flex-direction:column;gap:var(--spacing-03);overflow:hidden}.measurement-template-list-component .measurement-template-list-item .file-info-with-icon{display:inline-flex;gap:var(--spacing-03);overflow:hidden;align-items:center}.offer-list-component .header{display:inline-flex;justify-content:space-between;align-items:baseline}.offer-list-component .offer-info{display:inline-flex;align-items:center;justify-content:space-between;width:100%;column-gap:var(--lumo-space-l);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}.offer-list-component .offer-info .controls{display:inline-flex;align-items:end;justify-items:center;column-gap:var(--spacing-03);padding-inline:var(--lumo-space-m)}.offer-list-component .offer-info .file-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.offer-list-component .offer-info .file-info{display:inline-flex;gap:var(--spacing-03);align-items:center;overflow:hidden}.offer-list-component .offer-info .file-name{overflow:hidden;text-overflow:ellipsis}.offer-list-component .offer-list{height:fit-content}.offer-list-component .offer-list .header{display:flex;justify-content:space-between;align-items:center;gap:var(--lumo-space-m)}.offer-list-component .offer-list .offer-list-item{display:inline-flex;justify-content:space-between}.offer-list-component .offer-info .signed-info{width:var(--lumo-icon-size-s);flex-shrink:0;justify-self:right}.offer-list-component .offer-info .signed-info.signed{color:var(--lumo-primary-color)}.offer-list-component .offer-info .signed-info.unsigned{color:var(--lumo-tertiary-text-color)}.quality-control-list-component .quality-control-list{height:fit-content}.quality-control-list-component .header{display:flex;justify-content:space-between;align-items:center;gap:var(--lumo-space-m)}.quality-control-list-component .quality-control-item{display:inline-flex;align-items:flex-start;justify-content:space-between;width:100%;column-gap:var(--lumo-space-l);padding-top:var(--spacing-03);padding-bottom:var(--spacing-03)}.quality-control-list-component .quality-control-item .controls{display:inline-flex;align-items:end;justify-items:center;column-gap:var(--spacing-03);padding-inline:var(--lumo-space-m)}.quality-control-list-component .quality-control-item .file-name{overflow:hidden;text-overflow:ellipsis}.quality-control-list-component .quality-control-item .file-icon{display:inline-flex;font-size:smaller;flex-shrink:0;color:var(--lumo-tertiary-text-color)}.quality-control-list-component .quality-control-item .file-info{display:inline-flex;flex-direction:column;gap:var(--spacing-03);overflow:hidden}.quality-control-list-component .quality-control-item .file-info-with-icon{display:inline-flex;gap:var(--lumo-space-s);overflow:hidden}.toast-notification.success-toast::part(content){background-color:var(--lumo-success-color-10pct)}.toast-notification.info-toast::part(content){background-color:var(--lumo-primary-color-10pct)}.toast-notification .toast-content{width:100%}.toast-notification .toast-content strong{margin-left:.5ch;margin-right:.5ch}.toast-notification .routing-container{display:grid;grid-template-columns:minmax(min-content,max-content) auto minmax(min-content,max-content);column-gap:var(--lumo-space-m)}.toast-notification .routing-content{align-content:center}.toast-notification .routing-link{grid-column:3;align-content:center;justify-content:center}#main-layout{display:grid;grid-template-areas:"announcements" "content-area" "data-manager-footer";grid-template-columns:1fr;grid-template-rows:auto minmax(max-content,.95fr) minmax(min-content,.05fr)}.main.project-overview{grid-template-columns:1fr;grid-template-rows:.1fr .9fr;grid-template-areas:"." "projectcollection"}.main.raw-data{grid-template-columns:minmax(min-content,80%) minmax(min-content,20%);grid-template-rows:minmax(min-content,10%) minmax(90%,100%);grid-template-areas:". rawdatadownloadinformation" "rawdatadetails rawdatadownloadinformation"}.main.sample{grid-template-columns:minmax(min-content,50%) minmax(min-content,50%);grid-template-rows:minmax(min-content,25%) minmax(min-content,70%);grid-template-areas:". batchdetails" "sampledetails sampledetails"}.main.experiment{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"experimentdetails"}.main.measurement{grid-template-columns:minmax(max-content,70%) minmax(max-content,30%);grid-template-rows:minmax(max-content,25%) minmax(max-content,70%);grid-template-areas:". measurementtemplatelist" "measurementdetails measurementdetails"}.main.project{grid-template-columns:minmax(min-content,80%) minmax(min-content,25%);grid-template-rows:auto;grid-template-areas:"projectdetails experimentlist" "projectdetails offerlist" "projectdetails qualitycontrollist"}.main.ontology-lookup-main{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"ontologylookupcomponent"}.main.user-profile{grid-template-columns:minmax(min-content,auto);grid-template-rows:minmax(min-content,auto);grid-template-areas:"user-profile-component"}.grid-experimental-variable-input{display:grid;grid-template-areas:"nameunit levels" "delete levels";grid-template-columns:2fr 1fr;grid-template-rows:1fr minmax(min-content,max-content)}@media only screen and (max-width:1200px){.main.experiment{grid-template-columns:minmax(min-content,1fr);grid-template-areas:"experimentdetails";grid-template-rows:minmax(min-content,1fr)}.main.measurement{grid-template-columns:minmax(min-content,1fr);grid-template-areas:"." "measurementtemplatelist" "measurementdetails";grid-template-rows:minmax(min-content,20%) minmax(min-content,20%) minmax(min-content,60%)}.main.project{grid-template-columns:minmax(min-content,1fr);grid-template-areas:"projectdetails" "experimentlist" "offerlist" "qualitycontrollist";grid-template-rows:minmax(min-content,60%) minmax(min-content,20%) minmax(min-content,20%)}.main.raw-data{grid-template-columns:minmax(min-content,1fr);grid-template-areas:"." "rawdatadownloadinformation" "rawdatadetails";grid-template-rows:minmax(min-content,20%) minmax(min-content,20%) minmax(min-content,60%)}.main.sample{grid-template-columns:minmax(min-content,1fr);grid-template-areas:"." "batchdetails" "sampledetails";grid-template-rows:minmax(min-content,20%) minmax(min-content,20%) minmax(min-content,60%)}}vaadin-avatar-group vaadin-avatar,.user-avatar{background-color:#fff;border-color:var(--lumo-contrast-20pct)}.avatar-with-name{display:inline-flex;justify-content:start;align-items:center;flex-direction:row;column-gap:var(--spacing-03);row-gap:initial}
