@layer base{:root{--mobileNavOffset: calc(var(--spaceOuter) * 2 + var(--space2XL));--layoutNavOffset: calc(var(--spaceOuter) + var(--space2XL))}html{background-color:var(--background);transition:background-color var(--durationM) ease;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;position:relative;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--fontStack);font-weight:var(--fontWeightRegular);background-color:var(--background);transition:background-color var(--durationM) ease,opacity var(--durationM) ease;color:var(--textBody);width:100%;min-width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;opacity:1;position:relative;-webkit-overflow-scrolling:touch}body:focus{outline:none}:where(code,pre){font-family:var(--monoFontStack)}::selection{background:var(--accent);color:var(--black)}:focus{outline:4px solid var(--text);outline-offset:4px}:focus:not(:focus-visible){outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{transform:scale3d(0,1,1);transform-origin:left}50%{transform:scaleZ(1);transform-origin:left}51%{transform:scaleZ(1);transform-origin:right}to{transform:scale3d(0,1,1);transform-origin:right}}@media (max-width: 696px),(max-height: 696px){:root{--layoutNavOffset: 0px}}}