@layer base {
  /* 
  Mix rules from
  - https://www.joshwcomeau.com/css/custom-css-reset
  - https://piccalil.li/blog/a-more-modern-css-reset
  */

  /* Use a more-intuitive box-sizing model */
  *, *::before, *::after {
    box-sizing: border-box;
  }

  /* Remove default margin */
  * {
    margin: 0;
  }

  /* Enable keyword animations */
  @media (prefers-reduced-motion: no-preference) {
    html {
      interpolate-size: allow-keywords;
    }
  }

  body {
    /* Add accessible line-height */
    line-height: 1.4;
    /* Improve text rendering */
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
  }

  /* Improve media defaults */
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
  }

  img {
    height: auto;
  }

  /* Inherit fonts for form controls */
  input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    line-height: 1.25;
  }
  input[type="date"] {
    font-family: inherit;
  }

  /* Prevent browser user agent style */
  input:-internal-autofill-selected{
    background-color: inherit !important;
    color: inherit !important;
  }

  /* Avoid text overflows */
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }

  /* Improve line wrapping */
  p {
    text-wrap: pretty;
  }
  h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    line-height: 1.25;
  }

  ul[role='list'],
  ol[role='list'] {
    list-style: none;
  }
  ul,
  ul li {
    list-style: none;
    margin-block: unset;
    padding-inline: unset;
  }

  /* Create a root stacking context */
  #root, #__next {
    isolation: isolate;
  }

  a:link, a:visited {
    color: var(--text-normal);
    text-decoration: none;
  }
}