html,body,#app{width:100%;height:100%}html{display:table}body{display:table-cell;position:relative;background:#fdfbf7}body.Dark{background-color:#212b14;--textColor: #fdfbf7}#app{display:flex;flex-direction:column}#app>*{flex:0 0 auto}#app>main{flex:1 0 auto;align-content:start}.grid{--gridPaddingX: 1.5rem;padding-left:var(--gridPaddingX);padding-right:var(--gridPaddingX)}@media (min-width: 48em){.grid{--gridPaddingX: 2rem}}.grid .full-width{margin-left:calc(var(--gridPaddingX, 0) * -1);margin-right:calc(var(--gridPaddingX, 0) * -1)}@media (min-width: 48em){.grid .sm\:full-width{margin-left:calc(var(--gridPaddingX, 0) * -1);margin-right:calc(var(--gridPaddingX, 0) * -1)}.grid .sm\:full-width-unset{margin-left:unset;margin-right:unset}}@media (min-width: 64em){.grid .md\:full-width{margin-left:calc(var(--gridPaddingX, 0) * -1);margin-right:calc(var(--gridPaddingX, 0) * -1)}.grid .md\:full-width-unset{margin-left:unset;margin-right:unset}}@media (min-width: 90em){.grid .lg\:full-width{margin-left:calc(var(--gridPaddingX, 0) * -1);margin-right:calc(var(--gridPaddingX, 0) * -1)}.grid .lg\:full-width-unset{margin-left:unset;margin-right:unset}}.grid .grid{padding-left:0;padding-right:0}