<>
/* Set the base font size to 16px so that we can use rem units in our CSS that match the design system */
html {
font-size: 16px !important;
--base-font-size: 16;
}
#app-root {
display: flex;
min-height: 100vh;
}
#app-root.useDynamicViewPortHeight {
/* Standard vh measures the entire viewport. dvh takes e.g. the iOS Address
bar into account. Use this class to set the app's minimum height to the
actually viewable viewport area. Useful for pages with short content and
items aligned to the "bottom of the screen"so that those items are not
covered up by the address bar. */
min-height: 100dvh;
}
#app-root > div:first-child {
flex: 1;
min-width: 0;
}