html,body,#root{height:100%;margin:0;padding:0}#pagecontainer{display:flex;flex-direction:column;height:100vh;max-width:600px;margin:0 auto;background-color:var(--fluent-colorNeutralBackground1);padding:8px;box-sizing:border-box}#pageheader{position:sticky;top:0;z-index:1;background-color:var(--fluent-colorNeutralBackground2);padding:8px;border-radius:6px;text-align:center;margin:0}#pagecontent{flex:1;overflow-y:auto;padding:8px;word-break:break-word;margin:0}#pagefooter{position:sticky;bottom:0;background-color:var(--fluent-colorNeutralBackground2);padding:8px;border-radius:6px;text-align:center;font-size:12px;margin:0}.signing-in{text-align:center;padding:1rem;color:#6b7280}.page-spacing{margin-left:4px;margin-right:4px;padding:8px}.icon-small{width:24px;height:24px}.toolbar{display:flex;align-items:center;background-color:var(--colorNeutralBackground2);border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow2);gap:var(--spacingHorizontalXL);padding:var(--spacingHorizontalM)}.grow-spacer{flex-grow:1}.tool-button{display:flex;align-items:center;justify-content:center;width:var(--spacingHorizontalXXL);height:var(--spacingHorizontalXXL);background-color:var(--colorNeutralBackground2);border-radius:var(--borderRadiusXLarge);cursor:pointer}.tool-button:hover{background-color:var(--colorNeutralBackgroundHover)}.tool-button-link{text-decoration:none;color:inherit}