@charset "utf-8";

@layer reset {
  * {
    outline-color: var(--primary);
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  :where(body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, dl, dd, input) {
    margin: 0;
    padding: 0;
  }
  :where(input, textarea, select, button) {
    font: inherit;
    color: inherit;
    caret-color: var(--primary);
  }
  :where(input, textarea, select) {
    min-width: 0;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  :where(address, em) {
    font-style: normal;
  }
  body {
    position: relative;
    accent-color: var(--primary);
    font: var(--font-size-16, 16rem)/1.5 var(--font-sans);
    overflow-wrap: break-word;
    word-break: keep-all;
    color: var(--black);
    overflow-x: hidden;
  }
  html {
    scroll-behavior: smooth;
  }
  button {
    padding: 0;
    background: 0;
    border: 0;
    cursor: pointer;
  }
  dialog {
    color: inherit;
  }
  summary {
    cursor: pointer;
  }
  :where(svg:focus, svg *:focus) {
    outline: none;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
  textarea {
    resize: vertical;
  }
  ul,
  ol {
    list-style: none;
  }
}