*,:after,:before{box-sizing:border-box}:root{--background-color:#222;--foreground-color:#ddd;--background-active-color:#444;--success-color:#34d399;--error-color:#f87171}:root,body{height:100%}body{margin:0;font-family:sans-serif;background-color:#222;background-color:var(--background-color);color:#ddd;color:var(--foreground-color)}#root{height:100%;display:grid;grid-template:auto 1fr -webkit-max-content 1fr/1fr -webkit-max-content 1fr;grid-template:auto 1fr max-content 1fr/1fr max-content 1fr}.grid-actions{grid-column:1/-1}.grid-wrapper{grid-column:2;grid-row:3}