html,
body {
    box-sizing: border-box;
    user-select: none;
}

* {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    line-height: inherit;
    box-sizing: border-box;
}

*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #e5e7eb; /* 2 */
    font-family: inherit;
}

option {
    background: inherit;
}

html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
    tab-size: 4; /* 3 */
}

hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
}

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

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp,
pre {
    font-size: 1em; /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
}

button,
input,
optgroup,
select,
textarea {
    font-size: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
    min-width: 0;
    max-width: auto;
    width: auto;
    height: auto;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 1 */
    background-color: transparent; /* 2 */
    background-image: none; /* 2 */
    vertical-align: middle;
}

input,
select {
    vertical-align: middle;
    max-width: 100%;
}

progress {
    vertical-align: baseline;
}

span {
    font-size: 1em;
}

dialog {
    color: inherit;
}

:focus {
    outline: none;
}

[popover] {
    color: inherit;
}
