/*
Reset some default browser styles

NOTE: THIS SHOULD ALWAYS BE THE FIRST CSS FILE LINKED
IN ANY HTML DOCUMENT WHERE CSS EXISTS

Inspiration and explanations of the reset values can 
be found in the following articles:

- https://piccalil.li/blog/a-modern-css-reset/
- https://www.joshwcomeau.com/css/custom-css-reset/
*/

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

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

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img, 
picture, 
video, 
/* canvas,  REMOVED FOR MAP COMPONENT */
svg {
    display: block;
    max-width: 100%;
}

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

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus,
    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;
    }
}