/* @group @variables */

:root {
--background-color: hsla(45, 35%, 97.5%, 1);
--font-family: var(--font-family-default);
--font-size: inherit;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);


--color: var(--color-text);

--font-weight: 300;
--font-variation-settings: "wght" 325;
--strong-font-weight: 500;
--strong-font-variation-settings: "wght" 525;
--font-weight-emphasis: 500;
--font-variation-settings-emphasis: "wght" 325;

--margin-bottom: 0;
--margin-top: 0;
--figcaption-margin-top: .375rem;
--figcaption-margin-bottom: 0;

--text-align: justify;

--transition: var(--transition-type) var(--transition-time) var(--transition-delay) var(--transition-cubic-bezier);
--transition-type: all;
--transition-time: .3s;
--transition-delay: 0s;
--transition-cubic-bezier: cubic-bezier(.6, .5, .5, .75);
--link-border-size: 1px;

--head-1-margin-bottom: 0;
--head-1-font-weight: 500;
--head-1-font-variation-settings: "wght" 500;

--head-2-margin-bottom: 0;
--head-2-font-weight: 500;
--head-2-font-variation-settings: "wght" 500;
--head-2-color: hsla(30, 5.9%, 25%, 1);

--head-3-margin-bottom: 0;
--head-3-font-weight: 500;
--head-3-font-variation-settings: "wght" 500;

--head-4-margin-bottom: 0;
--head-4-font-weight: 500;
--head-4-font-variation-settings: "wght" 500;

--link-padding: var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) var(--link-padding-left)
}

:root {
--link-background-color: transparent;
--link-color: inherit;
--link-action-background-color: transparent;
--link-action-color: inherit;
--link-active-background-color: transparent;
--link-active-color: inherit;
--link-font-size: inherit;
--link-line-height: inherit;
}

[class*="o-mutual-header"],
[class*="o-mutual-footer"],
[class*="o-mutual-nav"] {
--head-1-font-size: inherit;
--head-1-line-height: 1;
--head-2-font-size: inherit;
--head-2-line-height: 1;
}

/* @end @variables */

/* @group @variables */

p, ul, ol, dl, table, blockquote, pre, figure {
margin-top: var(--margin-top);
margin-bottom: var(--margin-bottom);
}

body {
font-family: var(--font-family);
line-height: var(--line-height);
color: var(--color);
font-weight: var(--font-weight);
font-variation-settings: var(--font-variation-settings);
}

header, footer, p, ul, ol, li, dl, dt, dd, table, tr, th, td, figure, figure, figcaption, time, blockquote, pre, input, textarea, label, select, button, pre, code {
font-family: var(--font-family);
font-size: var(--font-size);
line-height: var(--line-height);
font-weight: var(--font-weight);
font-variation-settings: var(--font-variation-settings);
color: var(--color);
}

@media all and (max-width:47.9375em) {

input, textarea, select {
--font-size: 16px;
}

}

p {
line-height: var(--paragraph-line-height);
}

strong {
font-weight: var(--strong-font-weight);
font-variation-settings: var(--strong-font-variation-settings);
}

em {
font-size: var(--emphasis-font-size);
line-height: var(--emphasis-line-height);
color: var(--emphasis-color);
font-weight: var(--emphasis-font-weight);
font-variation-settings: var(--emphasis-font-variation-settings);
}

rt {
font-size: var(--ruby-rext-font-size);
line-height: var(--ruby-rext-line-height);
color: var(--ruby-rext-color);
font-weight: var(--ruby-rext-font-weight);
font-variation-settings: var(--ruby-rext-font-variation-settings);
}

h1 {
overflow: var(--head-1-overflow);
overflow: var(--head-1-overflow);
margin-top: var(--head-1-margin-top);
margin-bottom: var(--head-1-margin-bottom);
font-family: var(--head-1-font-family);
font-size: var(--head-1-font-size);
line-height: var(--head-1-line-height);
color: var(--head-1-color);
font-weight: var(--head-1-font-weight);
font-variation-settings: var(--head-1-font-variation-settings);
text-transform: var(--head-1-text-transform);
word-break: var(--head-1-word-break);
overflow-wrap: var(--head-1-overflow-wrap);
text-align: var(--head-1-text-align);
}

h1 em {
font-family: var(--head-1-emphasis-font-family);
font-size: var(--head-1-emphasis-font-size);
line-height: var(--head-1-emphasis-line-height);
font-weight: var(--head-1-emphasis-font-weight);
font-variation-settings: var(--head-1-emphasis-font-variation-settings);
}

h2 {
overflow: var(--head-2-overflow);
margin-top: var(--head-2-margin-top);
margin-bottom: var(--head-2-margin-bottom);
font-family: var(--head-2-font-family);
font-size: var(--head-2-font-size);
line-height: var(--head-2-line-height);
color: var(--head-2-color);
font-weight: var(--head-2-font-weight);
font-variation-settings: var(--head-2-font-variation-settings);
word-break: var(--head-2-word-break);
overflow-wrap: var(--head-2-overflow-wrap);
text-align: var(--head-2-text-align);
}

h2 em {
font-family: var(--head-2-emphasis-font-family);
font-size: var(--head-2-emphasis-font-size);
line-height: var(--head-2-emphasis-line-height);
font-weight: var(--head-2-emphasis-font-weight);
font-variation-settings: var(--head-2-emphasis-font-variation-settings);
}

h3 {
overflow: var(--head-3-overflow);
margin-top: var(--head-3-margin-top);
margin-bottom: var(--head-3-margin-bottom);
font-family: var(--head-3-font-family);
font-size: var(--head-3-font-size);
line-height: var(--head-3-line-height);
color: var(--head-3-color);
font-weight: var(--head-3-font-weight);
font-variation-settings: var(--head-3-font-variation-settings);
word-break: var(--head-3-word-break);
overflow-wrap: var(--head-3-overflow-wrap);
text-align: var(--head-3-text-align);
}

h3 em {
font-family: var(--head-3-emphasis-font-family);
font-size: var(--head-3-emphasis-font-size);
line-height: var(--head-3-emphasis-line-height);
font-weight: var(--head-3-emphasis-font-weight);
font-variation-settings: var(--head-3-emphasis-font-variation-settings);
}

h4 {
overflow: var(--head-4-overflow);
margin-top: var(--head-4-margin-top);
margin-bottom: var(--head-4-margin-bottom);
font-family: var(--head-4-font-family);
font-size: var(--head-4-font-size);
line-height: var(--head-4-line-height);
color: var(--head-4-color);
font-weight: var(--head-4-font-weight);
font-variation-settings: var(--head-4-font-variation-settings);
word-break: var(--head-4-word-break);
overflow-wrap: var(--head-4-overflow-wrap);
text-align: var(--head-4-text-align);
}

h4 em {
font-family: var(--head-4-emphasis-font-family);
font-size: var(--head-4-emphasis-font-size);
line-height: var(--head-4-emphasis-line-height);
font-weight: var(--head-4-emphasis-font-weight);
font-variation-settings: var(--head-4-emphasis-font-variation-settings);
}

figcaption {
overflow-x: var(--figcaption-overflow-x);
margin-top: var(--figcaption-margin-top);
margin-bottom: var(--figcaption-margin-bottom);
word-break: var(--figcaption-word-break);
overflow-wrap: var(--figcaption-overflow-wrap);
text-align: var(--figcaption-text-align);
}

pre,code {font-family: var(--font-family-pre);}
[class*="a-font-numeric"] {font-family: var(--font-family-numeric);}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @variables */

a,
button,
label {
height: var(--link-height);
padding: var(--link-padding);
background-color: var(--link-background-color);
border: var(--link-border);
box-shadow: var(--link-box-shadow);
border-radius: var(--link-border-radius);
font-size: var(--link-font-size);
line-height: var(--link-line-height);
font-weight: var(--link-font-weight);
font-variation-settings: var(--link-font-variation-settings);
color: var(--link-color);
text-align: var(--link-text-align);
cursor: var(--link-cursor);
transition: var(--transition);
}

a:hover,
a:focus,
button:hover,
button:focus,
label:hover,
label:focus {
background-color: var(--link-action-background-color);
border-color: var(--link-action-border-color);
box-shadow: var(--link-action-box-shadow);
/*font-weight: var(--link-action-font-weight);
font-variation-settings: var(--link-action-font-variation-settings);*/
color: var(--link-action-color);
}

a:active,
button:active,
label:active {
background-color: var(--link-disabled-background-color);
border-color: var(--link-disabled-border-color);
box-shadow: var(--link-disabled-box-shadow);
/*font-weight: var(--link-disabled-font-weight);
font-variation-settings: var(--link-disabled-font-variation-settings);*/
color: var(--link-disabled-color);
}

button:disabled {
background-color: var(--link-disabled-background-color);
border-color: var(--link-disabled-border-color);
box-shadow: var(--link-disabled-box-shadow);
/*font-weight: var(--link-disabled-font-weight);
font-variation-settings: var(--link-disabled-font-variation-settings);*/
opacity: var(--link-disabled-box-opacity);
color: var(--link-disabled-color);
}

html {

}

/* @end @variables */