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

        html {
            line-height: 1.5;
            text-size-adjust: 100%;
        }

        body {
            margin: 0;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font: inherit;
            margin: 0;
        }

        button,
        select {
            text-transform: none;
        }

        button,
        [type='button'],
        [type='reset'],
        [type='submit'] {
            appearance: button;
            background-color: transparent;
            background-image: none;
            border: 0;
            cursor: pointer;
            padding: 0;
        }

        a {
            color: inherit;
            text-decoration: inherit;
        }

        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block;
            max-width: 100%;
        }

        img,
        video {
            height: auto;
        }

        table {
            border-collapse: collapse;
            border-color: inherit;
            text-indent: 0;
        }

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

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

        [hidden] {
            display: none !important;
        }
}