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

[class*="a-mutual-nav-logo"] {
text-align: center;
}

@media all and (min-width: 48em) {

[class*="a-mutual-nav-logo"] {
display: none;
}

}

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

/* @group @variables */

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

[class*="m-mutual-nav"] {
--align-items: start;
--align-content: start;
--grid-auto-flow: row;
--mutual-nav-gap: 1.875rem;
--color: var(--color-white);
}

[class*="a-nav-toggle"]:checked ~ [class*="m-mutual-nav"] {
--nav-box-shadow: -1px 0px 1.5rem hsla(220, 5%, 20%, .5);
}

}

@media all and (min-width: 48em) {

[class*="m-mutual-nav"] {
--justify-content: end;
--align-items: start;
--mutual-nav-grid-template-columns: 11.25rem 1fr auto 11.25rem;
--mutual-nav-grid-template-rows: .375rem 1fr .375rem;
--mutual-nav-gap: .375rem 1.125rem;
}

}

@media all and (min-width: 62em) {

[class*="m-mutual-nav"] {
--mutual-nav-gap: .375rem 1.5rem;
}

}

/* @end @variables */

/* @group @m-mutual-nav */

[class*="m-mutual-nav"] {
display: grid;
align-items: var(--align-items);
align-content: var(--align-content);
justify-content: var(--justify-content);
grid-auto-flow: var(--grid-auto-flow);
grid-template-columns: var(--mutual-nav-grid-template-columns);
grid-template-rows: var(--mutual-nav-grid-template-rows);
gap: var(--mutual-nav-gap);
container-name: var(--section-container-name);
container-type: var(--section-container-type);
}

@media all and (min-width: 48em) {

[class*="m-nav-list"] {
align-self: center;
grid-column: 3;
grid-row: 2;
}

[class*="a-nav-contact"] {
align-self: center;
grid-column: 4;
grid-row: 2;
}

}

/* @end @m-mutual-nav */

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

/* @group @variables */

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

[class*="m-mutual-nav"] {
--nav-position: fixed;
--nav-z-index: 21;
--nav-overflow: hidden;
--nav-overflow-y: auto;
--nav-top: 0;
--nav-right: 0;
--nav-left: auto;
--nav-width: var(--toggle-transform-width);
--nav-height: 100vh;
--nav-height: 100dvh;
--nav-min-height: 100vh;
--nav-padding: 1.5rem 1.125rem 3.75rem;
--nav-background-color: hsla(0, 0%, 100%, .75);
--nav-backdrop-filter: blur(.125rem);
--nav-transform: var(--toggle-nav-transform);
--nav-transition: var(--transition);
--transition-time: .5s;
--nav-overflow-scrolling: touch;
}

}

@media all and (min-width: 48em) {

[class*="m-mutual-nav"] {
--nav-position: fixed;
--nav-z-index: 21;
--nav-top: 0;
--nav-right: 0;
--nav-left: 0;
}

[class*="m-mutual-nav"] {
--nav-position: absolute;
--nav-height: var(--grobal-head-height);
--nav-padding: 0 var(--x-padding-right) 0 var(--x-padding-left);
--nav-transform: translateY(0);
--nav-transition: var(--transition);
--transition-delay: 1s;
}

[class*="is-watch-nav"] [class*="m-mutual-nav"] {
--nav-opacity: 0;
--nav-transform: translateY(-16rem);
}

[class*="is-fit-sticky"][class*="is-watch-nav"] [class*="m-mutual-nav"] {
--nav-position: fixed;
--nav-height: var(--sticky-grobal-head-height);
--nav-opacity: 1;
--nav-transform: translateY(0);
}

}

/* @end @variables */

/* @group @m-mutual-nav */

[class*="m-mutual-nav"] {
box-sizing: border-box;
position: var(--nav-position);
overflow: var(--nav-overflow);
overflow-y: var(--nav-overflow-y);
z-index: var(--nav-z-index);
top: var(--nav-top);
right: var(--nav-right);
left: var(--nav-left);
width: var(--nav-width);
height: var(--nav-height);
min-height: var(--nav-min-height);
max-height: var(--nav-max-height);
margin: var(--nav-margin);
padding: var(--nav-padding);
background-color: var(--nav-background-color);
box-shadow: var(--nav-box-shadow);
backdrop-filter: var(--nav-backdrop-filter);
font-size: var(--nav-font-size);
line-height: var(line-height);
opacity: var(--nav-opacity);
transition: var(--nav-transition);
transform: var(--nav-transform);
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: var(--nav-overflow-scrolling);
overflow-scrolling: var(--nav-overflow-scrolling);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: var(--nav-backdrop-filter);
backdrop-filter: var(--nav-backdrop-filter);
}

@media all and (min-width: 48em) {

[class*="m-mutual-nav"] {
pointer-events: none;
}

[class*="m-nav-list"],
[class*="a-nav-contact"] {
pointer-events: auto;
}

}

/* @end @m-mutual-nav */

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

/* @group @variables */

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

[class*="m-nav-list"] {
--nav-box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, .5);
--nav-list-detail-padding: 1.125rem 0 1.125rem;
--nav-list-detail-box-shadow: 0 1px 0 0 hsla(220, 5%, 90%, 1), inset 0 1px 0 0 hsla(220, 5%, 90%, 1);
}

}

@media all and (min-width: 48em) {

[class*="m-nav-list"] {
--nav-justify-content: end;
--nav-grid-auto-flow: column;
--nav-gap: .75rem;
--font-size: 1rem;
}

}

@media all and (min-width: 62em) {

[class*="m-nav-list"] {
--nav-gap: 1.5rem;
}

}

/* @end @variables */

/* @group @m-mutual-nav */

[class*="m-nav-list"] {
display: grid;
justify-content: var(--nav-justify-content);
align-items: start;
align-content: start;
grid-auto-flow: var(--nav-grid-auto-flow);
gap: var(--nav-gap);
box-shadow: var(--nav-box-shadow);
}

[class*="m-nav-list"]>li {
position: relative;
padding: var(--nav-list-detail-padding);
box-shadow: var(--nav-list-detail-box-shadow);
}

/* @end @m-mutual-nav */

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

/* @group @variables */

[class*="a-nav-link"] {
--link-grid-template-columns: .25rem 1fr .25rem;
--link-grid-template-rows: calc(.1875rem - 1px) 1fr calc(.1875rem - 1px);
--link-color: var(--color-text);
--link-action-color: var(--color-link-action);
--link-active-color: var(--color-link-active);
}


@container style(--page: root) {

[class*="a-nav-link"] {
}

}

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

[class*="m-nav-list"] {
--link-padding: .75rem;
}

}

@media all and (min-width: 48em) {

[class*="a-nav-link"] {
--link-grid-template-columns: .125rem 1fr .125rem;
--link-grid-template-rows: calc(.1875rem - 1px) 1fr calc(.1875rem - 1px) 2px;
--link-height: 3rem;
--link-border-color: var(--color-text);
}

/*@container style(--page: root) {

html:not([class*="is-fit-sticky"][class*="is-watch-nav"]) [class*="a-nav-link"] {
--link-color: var(--color-white);
--link-action-color: var(--color-white-action);
--link-active-color: var(--color-white-active);
--link-border-color: var(--color-white);
}

}*/



html:not([class*="is-fit-sticky"][class*="is-watch-nav"]) [style*="--mutual-nav: root"] [class*="a-nav-link"] {
--link-color: var(--color-white);
--link-action-color: var(--color-white-action);
--link-active-color: var(--color-white-active);
--link-border-color: var(--color-white);
}

/*html:not([class*="is-fit-sticky"][class*="is-watch-nav"]) [class*="o-site-root"] [class*="a-nav-link"] {
--link-color: var(--color-white);
--link-action-color: var(--color-white-action);
--link-active-color: var(--color-white-active);
}*/

}

/* @end @variables */

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

[class*="a-nav-link"],
[class*="a-nav-link"]:hover,
[class*="a-nav-link"]:focus,
[class*="a-nav-link"]:active {
font-weight: var(--font-weight-bold);
font-variation-font-variation-settings: "wght" var(--font-weight-bold);
}

[class*="a-nav-link"] {
position: relative;
display: grid;
grid-template-columns: var(--link-grid-template-columns);
grid-template-rows: var(--link-grid-template-rows);
height: var(--link-height);
}

[class*="a-nav-link"] {
padding: var(--link-padding);
box-shadow: var(--link-box-shadow);
}

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

[class*="a-nav-link"]>span {
align-self: center;
grid-column: 2;
grid-row: 2;
}

@media all and (min-width: 48em) {

[class*="a-nav-link"] {
justify-content: center;
}

[class*="a-nav-link"]:before {
content: '';
position: absolute;
z-index: 2;
grid-column: 1 / 4;
grid-row: 4;
width: 100%;
height: 2px;
background-color: var(--link-action-color);
transition: transform ease .3s;
transform: scaleX(0);
transform-origin: right;
}

li:hover [class*="a-nav-link"]:before,
li:focus [class*="a-nav-link"]:before {
transform: scaleX(1);
transform-origin: left;
}

}

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

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

/* @group @variables */

@media all and (min-width: 48em) {

[class*="m-nav-sub-list"] {
--nav-sub-list-max-height: 0;
--nav-sub-list-visibility: hidden;
--transition: visibility 0s 0s cubic-bezier(.6, .5, .5, .75), max-height .25s 0s cubic-bezier(.6, .5, .5, .75);
}

li:hover [class*="m-nav-sub-list"] {
--nav-sub-list-max-height: 30rem;
--nav-sub-list-visibility: visible;
--transition: visibility 0s 0s cubic-bezier(.6, .5, .5, .75), max-height .25s 0s cubic-bezier(.6, .5, .5, .75);
}

}

/* @end @variables */

/* @group @m-mutual-nav */

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

[class*="m-nav-sub-list"] {
visibility: visible;
}

}

@media all and (min-width: 48em) {

[class*="m-nav-sub-list"] {
box-sizing: border-box;
overflow: hidden;
position: absolute;
z-index: 12;
top: 100%;
left: -1.125rem;
max-height: var(--nav-sub-list-max-height);
padding: .75rem;
min-width: 18rem;
visibility: var(--nav-sub-list-visibility);
transition: var(--transition);
}

[class*="m-nav-sub-list"]>div {
overflow: hidden;
padding: .375rem;
transition: inherit;
}

[class*="m-nav-sub-list"] ul {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
gap: 1px;
padding: .375rem;
background-color: var(--color-white);
border-radius: .375rem;
box-shadow: .125rem .125rem .5rem var(--color-border);
transition: inherit;
}

}

/* @end @m-mutual-nav */

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

/* @group @variables */

[class*="a-nav-sub-link"] {
--link-grid-template-columns: .25rem 1fr .25rem;
--link-grid-template-rows: calc(.1875rem - 1px) 1fr calc(.1875rem - 1px);
--link-color: var(--color-text);
--link-action-color: var(--color-primary-action);
--link-active-color: var(--color-primary-active);
}

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

[class*="a-nav-sub-link"] {
--link-padding: .75rem;
--link-action-background-color: hsla(0, 0%, 100%, .125);
--link-box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .5);
}

}

@media all and (min-width: 48em) {

[class*="a-nav-sub-link"] {
--link-grid-template-columns: .125rem 1fr .125rem;
--link-grid-template-rows: calc(.1875rem - 1px) 1fr calc(.1875rem - 1px) 2px;
--link-padding: .375rem;
}

[class*="a-nav-sub-link"] {
--link-border-color: var(--color-primary-action);
}

}

/* @end @variables */

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

[class*="a-nav-sub-link"] {
position: relative;
display: grid;
grid-template-columns: var(--link-grid-template-columns);
grid-template-rows: var(--link-grid-template-rows);
}

[class*="a-nav-sub-link"] {
padding: var(--link-padding);
}

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

[class*="a-nav-sub-link"]>span {
align-self: center;
grid-column: 2;
grid-row: 2;
}

@media all and (min-width: 48em) {

[class*="a-nav-sub-link"] {
justify-content: center;
}

}

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