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

html {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}

body{
  background-color: $color-grey;

  &.overflow-hidden {
    overflow: hidden;
  }
}

#__nuxt {
  overflow: hidden;
}

*:focus {
  outline: 0;
}

body, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
ol, 
ul {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

.richtext {
  ul,
  ol {
    padding-left: 27px;
    text-align: left;

    li {
      margin-top: 16px;
      position: relative;
  
      &::before {
        content: '';
        width: 8px;
        height: 8px;
        display: inline-block;
        position: absolute;
        background-color: $color-bright-blue;
        border-radius: 50%;
        top: 12px;
        left: -24px;
      }
    }
  }

  ol {
    list-style: decimal;

    li {
      &::before {
        display: none;
      }
    }
  }

  &.list-arrow {
    ul {
      padding-left: 50px;

      li {
        &::before {
          content: '';
          width: 24px;
          height: 24px;
          background-image: url('~/assets/icons/icon-arrow-right-list-item.svg');
          background-color: transparent;
          left: -48px;
          top: 4px;
        }
      }
    }
  }
}

svg.nuxt-icon--fill, 
svg.nuxt-icon--fill * {
  fill: unset;
  width: auto;
  height: auto;
}

img {
  max-width: 100%;
  height: auto;
}