html {
  box-sizing: border-box; }

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

:link, :visited {
  text-decoration: none; }

:active, :hover {
  outline: 0; }

a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  touch-action: manipulation; }

ul, ol {
  list-style: none; }

h1, h2, h3, address {
  font-size: 1em;
  font-weight: normal; }

html, body, h1, h2, h3, p, ul, ol, li, blockquote, figure, hr {
  margin: 0;
  padding: 0; }

address {
  font-style: normal; }

img, svg {
  display: block;
  border: 0;
  width: 100%;
  height: auto; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizelegibility;
  font-size: 14px; }

body {
  background-color: #f0f2f4;
  color: #111111;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.6666666667;
  font-size: 1rem; }

a {
  color: #dd4631; }

strong {
  font-weight: 700; }

.grid {
  max-width: 640px;
  overflow: hidden; }
  @supports (display: grid) {
    @media screen and (min-width: 320px) {
      .grid {
        max-width: 1280px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
        justify-content: end; } } }
  .grid-item {
    position: relative; }
    .grid-item:after {
      content: '';
      position: absolute;
      box-sizing: content-box;
      display: block;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-style: dashed;
      border-color: #c3c5c7;
      border-width: 0 1px 1px 0;
      pointer-events: none; }

.text-black {
  color: #111111; }

.fill-black {
  background-color: #111111; }

.svg-fill-black {
  fill: #111111; }

.svg-stroke-black {
  stroke: #111111; }

.text-white {
  color: #f0f2f4; }

.fill-white {
  background-color: #f0f2f4; }

.svg-fill-white {
  fill: #f0f2f4; }

.svg-stroke-white {
  stroke: #f0f2f4; }

.text-primary {
  color: #dd4631; }

.fill-primary {
  background-color: #dd4631; }

.svg-fill-primary {
  fill: #dd4631; }

.svg-stroke-primary {
  stroke: #dd4631; }

.text-secondary {
  color: #c0c2ce; }

.fill-secondary {
  background-color: #c0c2ce; }

.svg-fill-secondary {
  fill: #c0c2ce; }

.svg-stroke-secondary {
  stroke: #c0c2ce; }

.text-mixed-black-white {
  color: #6a6b6c; }

.text-mixed-black-secondary {
  color: #57585d; }

.text-inherit {
  color: inherit; }

.text-current-color {
  color: currentColor; }

.fill-current-color {
  background-color: currentColor; }

.svg-fill-current-color {
  fill: currentColor; }

.svg-stroke-current-color {
  stroke: currentColor; }

.svg-fill-none {
  fill: none; }

.svg-stroke-none {
  stroke: none; }

.small {
  font-size: 0.75rem;
  line-height: 1.8333333333; }

.large {
  font-size: 1.5rem;
  line-height: 1.5; }

.light {
  font-weight: 300; }

.strong {
  font-weight: 700; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.caps {
  text-transform: uppercase; }

.size-1 {
  width: 0.8333333333rem;
  height: 0.8333333333rem; }

.size-2 {
  width: 1.6666666667rem;
  height: 1.6666666667rem; }

.size-3 {
  width: 3.3333333333rem;
  height: 3.3333333333rem; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.top-0 {
  top: 0; }

.right-0 {
  right: 0; }

.bottom-0 {
  bottom: 0; }

.left-0 {
  left: 0; }

.max-width-1 {
  max-width: 320px; }

.max-width-2 {
  max-width: 640px; }

.max-width-3 {
  max-width: 1280px; }

.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0; }

.flex-zero {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-baseline {
  align-items: baseline; }

.items-center {
  align-items: center; }

.margin-left-auto, .margin-horizontal-auto {
  margin-left: auto; }

.margin-right-auto, .margin-horizontal-auto {
  margin-right: auto; }

.margin-1 {
  margin: 0.8333333333rem; }

.margin-top-1, .margin-vertical-1 {
  margin-top: 0.8333333333rem; }

.margin-right-1, .margin-horizontal-1 {
  margin-right: 0.8333333333rem; }

.margin-bottom-1, .margin-vertical-1 {
  margin-bottom: 0.8333333333rem; }

.margin-left-1, .margin-horizontal-1 {
  margin-left: 0.8333333333rem; }

.margin-2 {
  margin: 1.6666666667rem; }

.margin-top-2, .margin-vertical-2 {
  margin-top: 1.6666666667rem; }

.margin-right-2, .margin-horizontal-2 {
  margin-right: 1.6666666667rem; }

.margin-bottom-2, .margin-vertical-2 {
  margin-bottom: 1.6666666667rem; }

.margin-left-2, .margin-horizontal-2 {
  margin-left: 1.6666666667rem; }

.margin-3 {
  margin: 3.3333333333rem; }

.margin-top-3, .margin-vertical-3 {
  margin-top: 3.3333333333rem; }

.margin-right-3, .margin-horizontal-3 {
  margin-right: 3.3333333333rem; }

.margin-bottom-3, .margin-vertical-3 {
  margin-bottom: 3.3333333333rem; }

.margin-left-3, .margin-horizontal-3 {
  margin-left: 3.3333333333rem; }

.padding-1 {
  padding: 0.8333333333rem; }

.padding-top-1, .padding-vertical-1 {
  padding-top: 0.8333333333rem; }

.padding-right-1, .padding-horizontal-1 {
  padding-right: 0.8333333333rem; }

.padding-bottom-1, .padding-vertical-1 {
  padding-bottom: 0.8333333333rem; }

.padding-left-1, .padding-horizontal-1 {
  padding-left: 0.8333333333rem; }

.padding-2 {
  padding: 1.6666666667rem; }

.padding-top-2, .padding-vertical-2 {
  padding-top: 1.6666666667rem; }

.padding-right-2, .padding-horizontal-2 {
  padding-right: 1.6666666667rem; }

.padding-bottom-2, .padding-vertical-2 {
  padding-bottom: 1.6666666667rem; }

.padding-left-2, .padding-horizontal-2 {
  padding-left: 1.6666666667rem; }

.padding-3 {
  padding: 3.3333333333rem; }

.padding-top-3, .padding-vertical-3 {
  padding-top: 3.3333333333rem; }

.padding-right-3, .padding-horizontal-3 {
  padding-right: 3.3333333333rem; }

.padding-bottom-3, .padding-vertical-3 {
  padding-bottom: 3.3333333333rem; }

.padding-left-3, .padding-horizontal-3 {
  padding-left: 3.3333333333rem; }