:root .gsit-button{padding:0 var(--gsit-margin-small);background-color:var(--gsit-primary);color:var(--gsit-on-primary);border:1px solid var(--gsit-on-primary);border-radius:var(--gsit-corner);cursor:pointer}:root .gsit-button:hover{background-color:var(--gsit-primary-600)}:root .gsit-input{height:22px;flex:1;border:none;outline:none}:root{--gsit-primary-400: #B3D236;--gsit-on-primary-400: #FFF;--gsit-primary-500: #81AF40;--gsit-on-primary-500: #FFF;--gsit-primary: #81AF40;--gsit-on-primary: #FFF;--gsit-primary-600: #568C3F;--gsit-on-primary-600: #FFF;--gsit-secondary-400: #53C7EA;--gsit-on-secondary-400: #000;--gsit-secondary-500: #2687C7;--gsit-on-secondary-500: #FFF;--gsit-secondary: #2687C7;--gsit-on-secondary: #FFF;--gsit-secondary-600: #1b73ae;--gsit-on-secondary-600: #FFF;--gsit-surface-400: #F0F0F0;--gsit-on-surface-400: #000;--gsit-surface-500: #6F6F6F;--gsit-on-surface-500: #FFF;--gsit-surface: #6F6F6F;--gsit-on-surface: #FFF;--gsit-surface-600: #444;--gsit-on-surface-600: #FFF;--gsit-body-small: 400 13px/20px "Open Sans";--gsit-body-medium: 400 16px/20px "Open Sans";--gsit-body-large: 600 18px/22px "Open Sans";--gsit-body: var(--gsit-body-medium);--gsit-title-xsmall: 600 14px/16px "Montserrat";--gsit-title-small: 600 20px/26px "Montserrat";--gsit-title-large: 700 30px/36px "Montserrat";--gsit-label-small: 600 12px/16px "Open Sans";--gsit-corner-small: 5px;--gsit-corner-medium: 10px;--gsit-corner-large: 28px;--gsit-corner-xlarge: 32px;--gsit-corner: var(--gsit-corner-medium);--gsit-outline: 1px solid color-mix(in srgb, var(--gsit-primary-600) 70%, transparent);--gsit-outline-thick: 2px solid color-mix(in srgb, var(--gsit-primary-600) 70%, transparent);--gsit-margin-xxsm: 4px;--gsit-margin-xsm: 8px;--gsit-margin-small: 16px;--gsit-margin-medium: 24px;--gsit-margin-large: 32px;--gsit-margin: var(--gsit-margin-medium)}:root .font-body-small{font:var(--gsit-body-small)}:root .font-body-large{font:var(--gsit-body-large)}:root .font-title-small{font:var(--gsit-title-small);color:var(--gsit-title-color)}:root .font-title-large{font:var(--gsit-title-large);color:var(--gsit-title-color)}html,body,app-root{display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;font:var(--gsit-body)}*{box-sizing:border-box}ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}app-root{display:flex;flex-direction:column}app-root .content{height:100%;flex:1}