@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--clr-klein-light: #0037c2;--clr-klein: #002fa7;--clr-klein-dark: #002585;--clr-rosered-light: #d02a6a;--clr-rosered: #ba265f;--clr-rosered-dark: #a12152;--clr-neonblue-light: #3d75ff;--clr-neonblue-extra-light: #dee7fe;--clr-neonblue: #2362ff;--clr-neonblue-dark: #0043eb;--clr-lightseagreen-light: #2ad0c8;--clr-lightseagreen: #26bbb4;--clr-lightseagreen-dark: #209d97;--clr-grey-1: #0f1b39;--clr-grey-3: #475372;--clr-grey-4: #555555;--clr-grey-5: #62739f;--clr-grey-6: #b1b8cb;--clr-grey-7: #d3d3d3;--clr-grey-8: #ebebeb;--clr-grey-9: #f4f4f4;--clr-black: #000;--clr-white: #fff;--ff-primary: "Segoe UI", sans-serif;--ff-secondary: "Roboto", sans-serif;--transition: all .35s ease-in-out;--spacing: .25rem;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ff-primary);background:var(--clr-white);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}a{text-decoration:none}img{width:100%;display:block}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}.app{overflow:hidden;height:100vh;width:100vw;display:flex;flex-direction:column}.grid-container{height:100%;margin:0;border:0;padding:0;background-color:var(--clr-white);--canvas-text-color: var(--clr-black);--canvas-text-font: 500 14px Calibri;--canvas-cell-border-color: var(--clr-grey-7);--heading-background-color: var(--clr-grey-9);--heading-selected-background-color: var(--clr-neonblue-extra-light);--heading-formula-background-color: var(--clr-rosered-light) --filter-row-background-color: var(--clr-white);--filter-row-selected-background-color: var(--clr-white);--filter-row-watermark-text-color: var(--clr-grey-7);--filter-row-selected-watermark-text-color: var(--clr-grey-7);--filter-row-text-color: var(--clr-black);--filter-row-selected-text-color: var(--clr-black);--canvas-cell-selected-background-color: var(--clr-grey-8);--selected-column-border-color: var(--clr-neonblue-dark);--formulabar-height: 36;--default-row-height: 21;--statusbar-height: 21;--scrollbar-width: 21;--scrollbar-thumbwidth-percent: 34;--scrollbar-bg-color: var(--clr-grey-8);--scrollbar-fg-color: var(--clr-grey-4);--show-headings: true;--show-filter-row: true}:root{--ribbon-menu-height: 31px;--ribbon-underline-height: 3px;--ribbon-strip-height: 45px;--ribbon-strip-margin: 0 0 0 6px;--ribbon-menuitem-width: 80px;--ribbon-menuitem-padding: 2px 0 0px 0;--ribbon-menuitem-active-underline-margin: 4px 0 0 0;--ribbon-menu-number-of-strips: 5;--ribbon-font-weight: 400;--ribbon-menuitem-active-font-weight: 500;--ribbon-font-size: tiny;--ribbon-menuitem-clr-hover: rgba(180, 180, 180, .15);--ribbon-underline-clr: var(--clr-neonblue-light);--ribbon-underline-clr-hover: var(--clr-neonblue-dark)}.ribbon{font-family:var(--ff-primary);font-size:var(--ribbon-font-size);font-weight:var(--ribbon-font-weight);background:var(--clr-grey-9);color:var(--clr-black);transition:var(--transition)}.menugrid{display:grid;grid-template-rows:1fr 3px;grid-template-columns:repeat(var(--ribbon-menu-number-of-strips),minmax(80px,min-content)) auto;gap:0px;height:var(--ribbon-menu-height);width:100%}.menugrid .underline-box{justify-content:center}.menu,.underline{display:contents}.menu{height:var(--ribbon-menu-height)}.menu div{padding:var(--ribbon-menuitem-padding);text-align:center;text-justify:center}.menu div:hover{background:var(--ribbon-menuitem-clr-hover);font-weight:var(--ribbon-menuitem-active-font-weight)}.menu div.active{font-weight:var(--ribbon-menuitem-active-font-weight)}.underline-box{height:100%;width:100%;background-color:var(--ribbon-underline-clr)}.strip{display:flex;flex-direction:row;padding:0 0 5px;align-items:end;height:var(--ribbon-strip-height);margin:var(--ribbon-strip-margin)}.selected{display:flex;flex-direction:row}.notselected{display:none}.ribitem{margin:0 10px 0 0}.shiftlabeldown{margin-top:4px}.shiftbadgedown{margin-top:0}.oxcheckbox{height:24px}.oxcheckbox label{font-size:var(--fontSizeBase200)}