*,
*::before,
*::after {
    box-sizing: border-box;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}

img,
iframe {
    max-width: 100%;
}

html {
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next',
    Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Cantarell, Ubuntu,
    Roboto, Oxygen-Sans, Noto, Arial, sans-serif;
}

ul.u, ol.u {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

summary, ul.u, ol.u li {
    list-style-type: none;
}

.sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

[data-js="1"] .h-js,
[data-js="1"] .hide-js {
    display: none;
}

.show-sm {
    display: none;
}

.hide-sm {
    display: initial;
}

@media only screen and  (max-width: 576px) {
    .show-sm {
        display: initial;
    }

    .hide-sm {
        display: none;
    }
}
