:root {
  --quimatic-orange: #ff4e00;
  --quimatic-text: #0a0203;
  --quimatic-muted: #667085;
  --quimatic-bg: #f3f3f3;
  --quimatic-white: #ffffff;
  --quimatic-container-width: 1312px;
  --quimatic-container-gutter: 24px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
  color: var(--quimatic-text);
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.qtm-container {
  width: min(var(--quimatic-container-width), calc(100% - (var(--quimatic-container-gutter) * 2)));
  margin-inline: auto;
}

@media (max-width: 560px) {
  :root {
    --quimatic-container-gutter: 16px;
  }
}