header nav a:any-link{text-decoration:none;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);outline:0}header nav a:hover{color:var(--lumo-header-text-color)}header nav a:active{background-color:var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct)}header nav a[highlight] span{color:var(--lumo-primary-text-color)}header nav a[highlight]{background-color:var(--lumo-primary-color-10pct)}.exit-icon{width:50px;height:50px}.recipes-view{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.recipes-view vaadin-split-layout{width:100%;height:100%}.recipes-view vaadin-grid{height:100%}.recipes-view .ingredient-layout{display:flex;flex-direction:column}.recipes-view .editor{flex-grow:1;padding:var(--lumo-space-m)}.recipes-view .editor vaadin-checkbox{padding-top:var(--lumo-space-m)}.recipes-view .button-layout{width:100%;background-color:var(--lumo-contrast-10pct)}.search-view{display:flex;flex-direction:row}.grid-wrapper{width:100%;height:100%;flex-direction:row}.search-wrapper{width:400px;padding:var(--lumo-space-s)}.align-center{align-items:center;justify-content:center}.align-right{margin-left:auto}.h-wrapper{width:100%;height:100%;flex-direction:column}.form-wrapper{margin-bottom:var(--lumo-space-m);margin-top:var(--lumo-space-m);margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m)}.tool-wrapper{width:100%;height:100%;flex-direction:column}.flex-chart-item{display:flex;flex:2;margin:.5em;padding:.5em;background-color:var(--lumo-base-color)}.flex-item{display:flex;flex:1;margin:.5em;padding:.5em;background-color:var(--lumo-base-color)}.flex-board{display:flex;width:100%;align-items:center;justify-content:flex-start}.flex-board .left-item{width:20%;text-align:center;text-decoration:overline;text-transform:uppercase;font-size:50px;color:#f83e4b}.flex-board .right-item{width:80%;text-align:center;text-transform:uppercase;color:#4caf50}.lp-header{display:flex;width:100%;height:10vh;flex-flow:row wrap;align-items:center;justify-content:center;border-bottom:1px solid var(--lumo-contrast-10pct)}.lp-body{display:flex;width:100%;height:100%;flex-flow:row wrap;justify-content:center;align-items:center;align-content:flex-start;column-gap:2rem;row-gap:2rem}.lp-footer{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:flex-start}.lp-board{width:500px;height:160px}.lp-board .icon-board{display:flex;flex:1;flex-flow:row wrap;justify-content:flex-start;align-items:center;border-radius:25px;background:var(--lumo-contrast-20pct)}.board-text{font-size:22px}.icon-board:hover{background-color:#041e42;color:#fff;opacity:.7;border:0px}.icon-color{color:tomato;width:50px;height:50px;margin:20px}.button-round{background-color:#1e90ff;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:2px}.back-button:hover{background-color:var(--lumo-contrast-20pct);cursor:pointer}.close-button{margin-left:auto;background-color:var(--lumo-contrast-20pct)}.close-button:hover{background-color:var(--lumo-contrast-10pct)}.calendar-date{text-decoration:overline;font-size:16px;width:50%;margin-left:auto;margin-right:auto}.grid-header{width:100%}.ribbon{width:10px;font-size:10px;padding:4px;position:absolute;right:50px;top:5px;text-align:center;border-radius:25px;background-color:red;color:#fff}.rounded-button .radius-1{border-radius:2px}.rounded-button .radius-2{border-radius:4px}.rounded-button .radius-3{border-radius:8px}.rounded-button .radius-4{border-radius:12px}.rounded-button .radius-5{border-radius:50%}html{--lumo-shade-5pct: rgba(33, 33, 33, .05);--lumo-shade-10pct: rgba(33, 33, 33, .1);--lumo-shade-20pct: rgba(33, 33, 33, .2);--lumo-shade-30pct: rgba(33, 33, 33, .3);--lumo-shade-40pct: rgba(33, 33, 33, .4);--lumo-shade-50pct: rgba(33, 33, 33, .5);--lumo-shade-60pct: rgba(33, 33, 33, .6);--lumo-shade-70pct: rgba(33, 33, 33, .7);--lumo-shade-80pct: rgba(33, 33, 33, .8);--lumo-shade-90pct: rgba(33, 33, 33, .9);--lumo-primary-color-50pct: rgba(235, 89, 5, .5);--lumo-primary-color-10pct: rgba(235, 89, 5, .1);--lumo-error-color-50pct: rgba(231, 24, 24, .5);--lumo-error-color-10pct: rgba(231, 24, 24, .1);--lumo-success-color-50pct: rgba(62, 229, 170, .5);--lumo-success-color-10pct: rgba(62, 229, 170, .1);--lumo-shade: hsl(0, 0%, 13%);--lumo-primary-color: hsl(22, 96%, 47%);--lumo-primary-text-color: hsl(22, 100%, 42%);--lumo-error-color: hsl(0, 81%, 50%);--lumo-error-text-color: hsl(0, 86%, 45%);--lumo-success-color: hsl(159, 76%, 57%);--lumo-success-contrast-color: hsl(159, 29%, 10%);--lumo-success-text-color: hsl(159, 61%, 40%);--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem}