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

body {
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

img {
    max-width: 100%;
    width: 100%;
    display: block;
}

button, input, textarea {
    font: inherit;
}

input:focus {
    outline: none;
}

input:focus-visible {
    outline: 1px solid var(--color-gray);
}

input[type='search']::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}