/*START:___reset___*/

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

:focus-visible {
  outline: 1px solid var(--ev-primary, var(--ev-dark));
}

p:empty {
  display: none;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
  margin: 0;
  padding: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  /* For Safari */
  line-height: 1.5;
  overflow-x: hidden;
  margin: 0;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;

  &:hover {
    color: var(--ev-primary, var(--ev-dark));
  }
}

a[class]:not(.btn) {
  text-decoration: none;
  color: currentColor;
}

b {
  font-weight: calc(var(--ev-text-font-weight, 400) + 100);
}

strong {
  font-weight: calc(var(--ev-text-font-weight, 400) + 200);
}

ul {
  padding-left: 0;
}

ul:not(.list-style-none, .filepond--list) li {
  list-style: none;
  position: relative;
}

ul:not(.list-style-none, .filepond--list) li::before {
  content: "";
  display: inline-block;
  left: 0;
  top: 0;
  width: var(--icon-width, 5px);
  /* size of the icon */
  height: var(--icon-height, 5px);
  /* size of the icon */
  mask: var(
      --icon-svg,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 485 485'%3E%3Cpath d='M413.974 71.026C368.171 25.225 307.274 0 242.5 0S116.829 25.225 71.026 71.026C25.225 116.829 0 177.726 0 242.5s25.225 125.671 71.026 171.474C116.829 459.775 177.726 485 242.5 485s125.671-25.225 171.474-71.026C459.775 368.171 485 307.274 485 242.5s-25.225-125.671-71.026-171.474z'/%3E%3C/svg%3E")
    )
    no-repeat center / contain;
  background-color: var(--icon-color, var(--ev-primary, var(--ev-dark)));
  /* Color of the icon */
  mask-size: cover;
  margin-top: var(--icon-top, 10px);
  margin-right: 0.25rem;
}

iframe {
  width: 100%;
}

figure {
  background-color: rgba(0, 0, 0, 0.05);
}

figure img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  font: inherit;
  font-style: italic;
  visibility: hidden;
}

figure.broken-image img {
  display: grid;
  place-items: center;
  place-content: center;
  text-align: center;
}

input,
button,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

input[type="range"] {
  &::-webkit-slider-thumb,
  &::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--ev-primary, var(--ev-light-gray));
    pointer-events: auto;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  &::-moz-range-thumb {
    border: none; // Specific to Mozilla
    box-shadow: 0 0 6px rgba(114, 112, 112, 0.05); // Different shadow color for Mozilla
  }
}

/*END:___reset___*/
