/* @group @variables */

[class*="o-mutual-header"] {
--mutual-header-position: relative;
--mutual-header-height: 4.5rem;
--mutual-header-body-height: 4.5rem;
--paragraph-line-height: var(--line-height);
}

[class*="o-mutual-header"] [class*="m-around-list"] {
--around-list-align-items: center;
--around-list-gap: .25rem;
}

[class*="is-fit-sticky"] [class*="o-mutual-header"] {
--mutual-header-body-height: 3.75rem;
}

[class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 3.75rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="o-mutual-header"] {
}

[class*="is-fit-sticky"] [class*="o-mutual-header"] {
--mutual-header-body-height: 3rem;
}

[class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 4.5rem;
}

[class*="is-watch-nav"] [class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 4.5rem;
}

[class*="is-rootnav-out"] [class*="o-site-root"] [class*="o-mutual-header"] {
--mutual-header-body-height: 3rem;
}

}

/* @end @variables */

/* @group @o-mutual-header */

[class*="o-mutual-header"] {
position: var(--mutual-header-position);
z-index: 11;
top: 0;
right: 0;
left: 0;
height: var(--mutual-header-height);
}

[class*="o-mutual-header"] a[href^="tel:"] {
--link-color: var(--color-text);
--link-action-color: var(--color-text-action);
--link-active-color: var(--color-text-action);
}

/* @end @a-mutual-header */

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

/* @group @variables */

[class*="m-mutual-header-body"] {
--mutual-header-body-position: absolute;
--mutual-header-body-overflow: hidden;
--mutual-header-body-place-items: center;
--mutual-header-body-background-color: hsl(0deg 0% 100% / 87.5%);
--mutual-header-body-transform: translateY(0);
--mutual-header-body-backdrop-filter: blur(.125rem);
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
}

[class*="is-watch-nav"] [class*="m-mutual-header-body"] {
--mutual-header-body-overflow: visible;
--mutual-header-body-background-color: hsl(0deg 0% 100% / 90%);
--mutual-header-body-box-shadow: 0 1px 0 0 var(--border-color), 0 1px .5rem 0 hsl(220deg 5% 50% / 50%);
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
}

[class*="is-fit-sticky"] [class*="m-mutual-header-body"] {
--mutual-header-body-position: fixed;
--mutual-header-body-transform: translateY(-15rem);
}

[class*="is-watch-nav"][class*="is-scroll-up"] [class*="m-mutual-header-body"]{
--mutual-header-body-transform: translateY(0);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}

[class*="is-fit-sticky"] [class*="o-site-root"] [class*="m-mutual-header-body"] {
--mutual-header-body-position: fixed;
--mutual-header-body-transform: translateY(0);
}

[class*="is-watch-nav"][class*="is-scroll-down"] [class*="m-mutual-header-body"] {
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}

[class*="is-rootnav-out"] [class*="m-mutual-header-body"] {
--mutual-header-body-position: fixed;
--mutual-header-body-transform: translateY(-15rem);
}

[class*="is-rootnav-out"][class*="is-scroll-down"] [class*="m-mutual-header-body"] {
--mutual-header-body-transition: var(--transform-none-transition), var(--position-none-transition);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}

[class*="is-rootnav-out"][class*="is-scroll-up"] [class*="m-mutual-header-body"] {
--mutual-header-body-transform: translateY(0);
--mutual-header-body-transition: var(--transform-transition), var(--position-wait-transition);
}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-mutual-header-body"] {
--mutual-header-body-box-shadow: 0 1px 0 0 var(--color-very-light-gray), 0 1px .25rem 0 var(--color-very-light-gray);
--nav-toggle-link-grid-column: 4;
--mutual-header-logo-grid-column: 2 / span 2;
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="m-mutual-header-body"] {
--mutual-header-body-grid-template-columns: var(--x-padding-left) auto 1fr auto auto var(--x-padding-right);
--mutual-header-logo-grid-column: 2;
--mutual-header-info-grid-column: 4;
--mutual-header-contact-grid-column: 5;
}

}

/* @end @variables */

/* @group @o-mutual-header-body */

[class*="m-mutual-header-body"] {
box-sizing: border-box;
position: var(--mutual-header-body-position);
overflow: var(--mutual-header-body-overflow);
top: 0;
right: 0;
left: 0;
display: grid;
place-items: var(--mutual-header-body-place-items);
grid-template-columns: var(--mutual-header-body-grid-template-columns);
gap: .75rem;
}

[class*="a-mutual-header-logo"] {
grid-column: var(--mutual-header-logo-grid-column);
}

[class*="a-mutual-header-info"] {
grid-column: var(--mutual-header-info-grid-column);
}

[class*="a-mutual-header-contact"] {
grid-column: var(--mutual-header-contact-grid-column);
}

[class*="m-nav-toggle-link"] {
grid-column: var(--nav-toggle-link-grid-column);
grid-row: 1;
}

/* @end @o-mutual-header-body */

/* @group @o-mutual-header-body */

[class*="m-mutual-header-body"] {
width: 100%;
height: var(--mutual-header-body-height);
background-color: var(--mutual-header-body-background-color);
box-shadow: var(--mutual-header-body-box-shadow);
transition: var(--mutual-header-body-transition);
will-change: transform;
transform: var(--mutual-header-body-transform);
-webkit-backdrop-filter: var(--mutual-header-body-backdrop-filter);
backdrop-filter: var(--mutual-header-body-backdrop-filter);
}

/* @end @o-mutual-header-body */

/* header logo -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-header-logo"] {
--mutual-header-logo-img-height: 1.875rem;
}

/* @end @variables */

/* @group @a-mutual-header-logo */

[class*="a-mutual-header-logo"] {
position: relative;
z-index: 3;
display: inline-grid;
place-items: center;
}

[class*="a-mutual-header-logo-img"],
[class*="a-mutual-header-logo-img"][height] {
width: auto;
height: var(--mutual-header-logo-img-height);
}

/* @end @a-mutual-header-logo */

/* header-info -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-header-info"] {
--around-list-align-self: center;
--around-list-gap: .25rem .375rem;
--font-size: .75rem;
--line-height: 1.33333333;
--icon-width: .75rem;
--icon-height: .75rem;
--icon-fill: var(--color-text);
}

/* @end @variables */

/* @group @a-mutual-header-info */

[class*="a-mutual-header-info"] {

}

/* @end @a-mutual-header-info */

/* watch header -------------------------------------------------------- */

/* @group @variables */

[class*="a-mutual-header-watch"] {
--header-watch-height: 20rem;
}

/*[class*="a-mutual-header-watch"] {
--header-watch-height: calc(100vh + 4.5rem);
}*/

/*@supports (min-height: 100dvh) {

[class*="a-mutual-header-watch"] {
--header-watch-height: calc(100dvh + 4.5rem);
}

}*/

@media (width >= 62em) { /* 992px -> * */

[class*="a-mutual-header-watch"] {
--header-watch-height: 24rem;
}

/*[class*="a-mutual-header-watch"] {
--header-watch-height: calc(100vh + 9rem);
}

@supports (min-height: 100dvh) {

[class*="a-mutual-header-watch"] {
--header-watch-height: calc(100dvh + 9rem);
}

}*/

}

/* @end @variables */

/* @group @a-mutual-header-watch */

[class*="a-mutual-header-watch"] {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: var(--header-watch-height);
pointer-events: none;
}

/* @end @a-mutual-header-watch */

/* @group @variables */

/*[class*="a-sticky-checker"] {
--sticky-checker-height: 22rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-sticky-checker"] {
--sticky-checker-height: 36rem;
}

}*/

/* @end @variables */

/* @group @a-sticky-checker */

/*[class*="a-sticky-checker"] {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: var(--sticky-checker-height);
pointer-events: none;
}*/

/* @end @a-sticky-checker */

/* nav toggle -------------------------------------------------------- */

/* @group @m-nav-toggle-link */

@media (width >= 48em) { /* 768px -> * */

[class*="m-nav-toggle-link"] {
display: none;
}

}

/* @end @m-nav-toggle-link */

/* @group @variables */

[class*="a-nav-toggle-link"] {
--toggle-link-color: var(--color-text);
}

[class*="a-nav-toggle-link"]:focus {
--toggle-link-color: var(--color-dimgray);
}

@media (hover: hover) {

[class*="a-nav-toggle-link"]:hover {
--toggle-link-color: var(--color-dimgray);
}

}

[for="mutual-nav-toggle"]:checked ~ [class*="o-mutual-header"] [class*="a-nav-toggle-link"] {
--toggle-link-background-color: var(--color-premier-action);
--toggle-link-color: var(--color-white);
}

/* @end @variables */

/* @group @a-nav-toggle-link */

[class*="a-nav-toggle-link"] {
position: relative;
display: grid;
place-items: center;
align-content: center;
grid-template-columns: auto 1.25rem auto;
grid-template-rows: 1.25rem .25rem auto;
width: 3rem;
height: 3rem;
font-size: .625rem;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
cursor: pointer;
transition: var(--link-primary-transition);
}

[class*="a-nav-toggle-link"],
[class*="a-nav-toggle-link"]:focus {
background-color: var(--toggle-link-background-color);
color: var(--toggle-link-color);
}

@media (hover: hover) {

[class*="a-nav-toggle-link"]:hover {
background-color: var(--toggle-link-background-color);
color: var(--toggle-link-color);
}

}

[class*="a-icon-nav-bar"] {
grid-column: 2;
grid-row: 1;
}

.a-nav-bar-label {
grid-column: 1 / span 3;
grid-row: 3;
will-change: transform;
transform: scale(.8);
}

/* @end @a-nav-toggle-link */

/* @group @variables */

:root {
--icon-nav-before-margin: -.375rem;
--icon-nav-after-margin: .375rem;
--icon-nav-opacity: 1;
}

/*[name*="mutual-nav-toggle"]:checked ~ [class*="o-mutual-header"],
[name*="mutual-nav-toggle"]:checked ~ [class*="o-mutual-nav"] {
--icon-nav-before-margin: 0;
--icon-nav-after-margin: 0;
--icon-nav-opacity: 0;
--icon-nav-before-transform: rotate(45deg);
--icon-nav-after-transform: rotate(-45deg);
}*/

/* @end @variables */

/* @group @a-nav-toggle-link */

/*html:has(> body > [name*="mutual-nav-toggle"]:checked),
body:has(> [name*="mutual-nav-toggle"]:checked) {
overflow-y: hidden !important;
}*/

/* @end @a-nav-toggle-link */

/* @group @a-icon-nav-bar */

[class*="a-icon-nav-bar"] {
position: relative;
display: flex;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
margin: auto;
}

[class*="a-icon-nav-bar"]:before,
[class*="a-icon-nav-bar"]:after,
[class*="a-icon-nav-bar"]>span {
position: absolute;
top: 50%;
display: block;
width: inherit;
height: 1px;
background-color: currentColor;
}

[class*="a-icon-nav-bar"]:before,
[class*="a-icon-nav-bar"]:after {
content: '';
left: 0;
}

[class*="a-icon-nav-bar"]>span {
opacity: var(--icon-nav-opacity);
}

[class*="a-icon-nav-bar"]:before {
margin-top: var(--icon-nav-before-margin);
will-change: transform;
transform: var(--icon-nav-before-transform);
}

[class*="a-icon-nav-bar"]:after {
margin-top: var(--icon-nav-after-margin);
will-change: transform;
transform: var(--icon-nav-after-transform);
}

/* @end @a-icon-nav-bar */