/* src/styles.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
:root {
  --page-pad: clamp(12px, 4vw, 24px);
}
.centered {
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
  padding-block: var(--page-pad);
  padding-inline: max(var(--page-pad), env(safe-area-inset-left)) max(var(--page-pad), env(safe-area-inset-right));
}
img,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */
