* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
  
html {
    width: 100%;
    height: 100%;
    font-family: var(--font-family);
}
  
body {

    background-color: var(--background-color);
    margin: 0;
    line-height: 1;
}

body:not(.in-iframe) {
    width: 100%;
    height: 100%;
}
  
  /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
  
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
  
blockquote, q {
    quotes: none;
}
  
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
  
table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2 {
    margin-top: 35px;
}

h3, h4 {
    margin-top: 15px;
}

h5, h6 {
    margin-top: 10px;
}
  
h1, h2, h3, h4, h5, h6 {
    color: var(--black-700);
    font-weight: var(--header-weight);
    margin-bottom: 4px;
}
  
h1 p, h1 span, h2 p, h2 span, h3 p, h3 span, h4 p, h4 span, h5 p, h5 span, h6 p, h6 span {
    color: var(--black-900);
}

label {
    color: var(--black-900)
}
  
p {
    margin-bottom: 10px;
    margin-top: 0px;
    color: var(--black-900);
}

ul {
    padding: 0;
    list-style: none;
}
  
select {
    border: none;
}
  
button {
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
}

input {
    font-family: var(--font-family);
}
  
button:disabled {
    opacity: 0.6;
    pointer-events: none;
}