* {
    margin: 0;
    padding: 0;
    border: 0;
}

:focus:not(:focus-visible) {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
    content: '';
    content: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

body,
html {
    height: 100%;
}

body {
    text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

b,
strong {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

textarea {
    resize: none;
}

body,
button,
input,
textarea {
    font-family: system-ui;
}

button,
input {
    background: none;
    font-size: inherit;
    appearance: none;
}

/* recaptcha */
.grecaptcha-badge {
    visibility: hidden;
}

/* scrollbar */
@media only screen and (min-width: 960px) {
    div,
    ul {
        &::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            border-radius: var(--pds-round-m);
            background: rgba(0, 0, 0, 0);
        }

        &::-webkit-scrollbar-thumb {
            border-radius: var(--pds-round-m);
            background-color: rgba(193, 193, 212, 0);
        }

        &:hover {
            &::-webkit-scrollbar {
                background: rgba(218, 218, 232, 0.5);
            }

            &::-webkit-scrollbar-thumb {
                background-color: rgba(193, 193, 212, 1);
            }
        }
    }
}
