/* attach-pinning -------------------------------------------------------- */

/* @group @a-attach-pinning */

[class*="a-attach-pinning"] {
position: fixed;
left: -999em;
}

/* @end @a-attach-pinning */

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

/* @group @variables */

[class*="o-mutual-header"] {
--mutual-header-position: relative;
--mutual-header-nav-width: 3rem;
}

html[class*="is-fit-sticky"] [class*="o-mutual-header"]{
--mutual-header-position: fixed;
}

/* @end @variables */


/* @group @variables */

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

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

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

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

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

}

/* @end @variables */

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

[class*="o-mutual-header"] {
position: var(--mutual-header-position);
z-index: 21;
/*font-size: .875rem;
line-height: 1.714285714; */
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

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

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

/* @group @variables */

[class*="m-mutual-header-body"] {
--mutual-header-body-grid-template-columns: var(--x-padding-left) 3rem 0 1fr 0 3rem var(--x-padding-right);
--mutual-header-body-grid-template-rows: .75rem 1fr .75rem;
--mutual-header-logo-grid-column: 4;
--mutual-header-logo-grid-row: 2;
--nav-toggle-link-grid-column: 1 / 3;
--nav-toggle-link-grid-row: 2;
--mutual-nav-grid-column: 5 / 7;
--mutual-nav-grid-row: 2;
--mutual-header-body-background-color: var(--color-white);
}

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

[class*="m-mutual-header-body"] {
--mutual-header-body-grid-template-columns: var(--x-padding-left) 0 1fr auto 1fr 0 var(--x-padding-right);
--nav-toggle-link-grid-column: 2 / 4;
--mutual-nav-grid-column: 5 / 7;
}

}

[class*="is-watch-nav"] [class*="m-mutual-header-body"] {
--mutual-header-body-overflow: hidden;
}

[class*="is-fit-sticky"][class*="is-watch-nav"] [class*="m-mutual-header-body"] {
--mutual-header-body-overflow: visible;
--mutual-header-body-position: fixed;
--mutual-header-body-transform: translateY(-15rem);
--mutual-header-body-background-color: hsla(0, 0%, 100%, .9375);
}

[class*="is-fit-sticky"][class*="is-scroll-up"] [class*="m-mutual-header-body"] {
--mutual-header-body-transform: translateY(0);
}

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

[class*="is-fit-sticky"] [class*="m-mutual-header-body"] {
--mutual-header-body-position: fixed;
--mutual-header-body-box-shadow: 0 1px .25rem 0 var(--color-very-light-gray);
}

}

/* @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;
justify-content: center;
gap: var(--mutual-header-body-gap);
grid-template-columns: var(--mutual-header-body-grid-template-columns);
grid-template-rows: var(--mutual-header-body-grid-template-rows);
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(--transition);
transform: var(--mutual-header-body-transform);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

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

[class*="m-mutual-header-nav"] {
grid-column: var(--mutual-nav-grid-column);
grid-row: var(--mutual-nav-grid-row);
}

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

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

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

/* @group @variables */

[class*="m-mutual-header-logo"] {
--mutual-header-logo-height: calc(var(--mutual-header-height) - 1.875rem);
}

/* @end @variables */

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

[class*="m-mutual-header-logo"] {
position: relative;
z-index: 3;
display: grid;
justify-content: center;
align-items: center;
}

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

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

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

/* @group @variables */

[class*="m-mutual-header-nav"] {
--grid-template-columns: repeat(2, var(--mutual-header-nav-width));
--justify-content: end;
--gap: .375rem;
--icon-width: 1.125rem;
--icon-height: 1.125rem;
--mutual-header-nav-detail-display: grid;
--toggle-link-color: var(--color-darkgray);
}

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

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

}

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

[class*="m-mutual-header-nav"] {
--grid-template-columns: repeat(1, var(--mutual-header-nav-width));
/*--grid-template-columns: repeat(3, var(--mutual-header-nav-width));*/
}

}

[class*="a-mutual-header-nav-detail"]:hover,
[class*="a-mutual-header-nav-detail"]:focus {
--toggle-link-color: var(--color-premier);
}

/* @end @variables */

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

[class*="m-mutual-header-nav"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
gap: var(--gap);
}

[class*="a-mutual-header-nav-detail"] {
position: relative;
display: var(--mutual-header-nav-detail-display);
}

[class*="a-toggle-account"],
[class*="a-favorite-link"],
[class*="a-toggle-search"] {
display: grid;
justify-content: center;
align-items: center;
width: var(--mutual-header-nav-width);
}

[class*="a-toggle-account"],
[class*="a-toggle-account"]:hover,
[class*="a-toggle-account"]:focus,
[class*="a-favorite-link"],
[class*="a-favorite-link"]:hover,
[class*="a-favorite-link"]:focus,
[class*="a-toggle-search"],
[class*="a-toggle-search"]:hover,
[class*="a-toggle-search"]:focus {
color: var(--toggle-link-color);
}

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

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

/* @group @a-favorite-link */

[class*="a-favorite-link"] {
position: relative;
}

[class*="a-favorite-budge"] {
position: absolute;
top: 50%;
left: 0%;
display: flex;
justify-content: center;
align-items: center;
width: 1.375rem;
height: 1.375rem;
background-color: var(--color-very-dark-gray);
border-radius: 50%;
font-size: .75rem;
color: var(--color-white);
transform: translate(112.5%, -87.5%) scale(.75);
}

/* @end @a-favorite-link */

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

/* @group @variables */

[class*="m-expand-search"] {
--expand-search-position: absolute;
--expand-search-top: 100%;
--expand-search-max-height: 30rem;
--expand-search-visibility: hidden;
--expand-search-background-color: hsla(220, 50%, 97.5%, .975);
--expand-search-backdrop-filter: blur(.125rem);
--expand-search-padding: 1.5rem var(--x-padding-right) .75rem var(--x-padding-left);
--expand-search-opacity: 0;
--expand-search-clip-path: polygon(calc(100% - 1.5rem) 0, calc(100% - 1.125rem) .75rem, 100% .75rem, 100% 100%, 0 100%, 0 .75rem, calc(100% - 1.875rem) .75rem);
--expand-search-transform: translateY(-.1875rem);
--expand-search-transition: transform .3s 0s cubic-bezier(.6, .5, .5, .75), opacity 0s .3s cubic-bezier(.6, .5, .5, .75), visibility 0s .3s cubic-bezier(.6, .5, .5, .75);
}

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

[class*="m-expand-search"] {
--expand-search-padding: 1.5rem .75rem .75rem;
}

}

[class*="a-mutual-header-nav-detail"]:hover [class*="m-expand-search"],
[class*="a-mutual-header-nav-detail"]:focus [class*="m-expand-search"],
[class*="a-search-toggle"]:checked ~ [class*="o-mutual-header"] [class*="m-expand-search"] {
--expand-search-opacity: 1;
--expand-search-transform: translateY(0);
--expand-search-visibility: visible;
--expand-search-transition: visibility 0s .3s cubic-bezier(.6, .5, .5, .75), opacity 0s .3s cubic-bezier(.6, .5, .5, .75), transform .3s .3s cubic-bezier(.6, .5, .5, .75);
}

/* @end @variables */

/* @group @m-expand-search */

[class*="m-expand-search"] {
position: var(--expand-search-position);
z-index: 2;
top: var(--expand-search-top);
right: 0;
width: 30rem;
max-height: var(--expand-search-max-height);
visibility: var(--expand-search-visibility);
opacity: var(--expand-search-opacity);
transform: var(--expand-search-transform);
transition: var(--expand-search-transition);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: var(--expand-search-backdrop-filter);
backdrop-filter: var(--expand-search-backdrop-filter);
}

[class*="m-expand-search"]>div {
padding: var(--expand-search-padding);
background-color: var(--expand-search-background-color);
-webkit-clip-path: var(--expand-search-clip-path);
clip-path: var(--expand-search-clip-path);
}

/* @end @m-expand-search */

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

/* @group @variables */

[class*="m-expand-account"] {
--expand-account-position: absolute;
--expand-account-top: 100%;
--expand-account-width: 15rem;
--expand-account-max-height: 30rem;
--expand-account-visibility: hidden;
--expand-account-background-color: hsla(220, 50%, 97.5%, .975);
--expand-account-padding: 1.5rem .75rem .75rem;
--expand-account-clip-path: polygon(calc(100% - 1.5rem) 0, calc(100% - 1.125rem) .75rem, 100% .75rem, 100% 100%, 0 100%, 0 .75rem, calc(100% - 1.875rem) .75rem);
--expand-account-opacity: 0;
--expand-account-backdrop-filter: blur(.125rem);
--expand-account-transform: translateY(-.1875rem);
--expand-account-transition: transform .3s 0s cubic-bezier(.6, .5, .5, .75), opacity 0s .3s cubic-bezier(.6, .5, .5, .75), visibility 0s .3s cubic-bezier(.6, .5, .5, .75);
}

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

[class*="m-expand-account"] {
--expand-account-width: 15rem;
}

}

[class*="a-mutual-header-nav-detail"]:hover [class*="m-expand-account"],
[class*="a-mutual-header-nav-detail"]:focus [class*="m-expand-account"],
[class*="a-m-expand-account-toggle"]:checked ~ [class*="m-expand-account"] {
--expand-account-opacity: 1;
--expand-account-transform: translateY(0);
--expand-account-visibility: visible;
--expand-account-transition: visibility 0s .3s cubic-bezier(.6, .5, .5, .75), opacity 0s .3s cubic-bezier(.6, .5, .5, .75), transform .3s .3s cubic-bezier(.6, .5, .5, .75);
}

/* @end @variables */

/* @group @m-expand-account */

[class*="m-expand-account"] {
position: var(--expand-account-position);
z-index: 2;
top: var(--expand-account-top);
right: 0;
width: var(--expand-account-width);
max-height: var(--expand-account-max-height);
visibility: var(--expand-account-visibility);
opacity: var(--expand-account-opacity);
transform: var(--expand-account-transform);
transition: var(--expand-account-transition);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: var(--expand-account-backdrop-filter);
backdrop-filter: var(--expand-account-backdrop-filter);
}

[class*="m-expand-account"]>ul {
padding: var(--expand-account-padding);
background-color: var(--expand-account-background-color);
-webkit-clip-path: var(--expand-account-clip-path);
clip-path: var(--expand-account-clip-path);
}

/* @end @m-expand-account */

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

/* @group @m-expand-account */

[class*="m-expand-account"] li {
display: flex;
align-items: center;
grid-template-columns: auto 1fr;
height: 2.25rem;
}

/* @end @m-expand-account */

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

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

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

[class*="m-nav-toggle-link"] {

}

}

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

[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"]:hover,
[class*="a-nav-toggle-link"]:focus {
--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;
align-self: center;
display: grid;
grid-template-columns: 1fr auto 1rem auto 1fr;
grid-template-rows: 1fr 1rem .25rem auto 1fr;
font-size: .625rem;
line-height: 1.2;
text-transform: uppercase;
text-align: center;
cursor: pointer;
transition: var(--transition);
}

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

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

.a-nav-bar-label {
grid-column: 2 / 5;
grid-row: 4;
transform: scale(.675);
}

/* @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-icon-nav-bar */

[class*="a-icon-nav-bar"] {
position: relative;
display: flex;
justify-content: center;
width: 1rem;
height: 1rem;
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);
transform: var(--icon-nav-before-transform);
}

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

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

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

/* @group @variables */

:root {
--nav-toggle-close-z-index: -11;
--nav-toggle-close-visibility: hidden;
--nav-toggle-close-pointer-events: none;
}

[class*="a-nav-toggle"]:checked ~ [class*="a-nav-toggle-close"] {
--nav-toggle-close-z-index: 10;
--nav-toggle-close-visibility: visible;
--nav-toggle-close-pointer-events: auto;
/*--nav-toggle-close-background-color: hsla(30, 20%, 20%, .5); */
}

/* @end @variables */

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

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

[class*="a-nav-toggle-close"] {
position: fixed;
visibility: var(--nav-toggle-close-visibility);
z-index: var(--nav-toggle-close-z-index);
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--nav-toggle-close-background-color);
pointer-events: var(--nav-toggle-close-pointer-events);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

}

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

/* @group @a-mutual-header-search-close */

[class*="a-nav-search-close"] {
position: fixed;
z-index: -11;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
pointer-events: none;
}

[class*="a-search-toggle"]:checked ~ [class*="a-nav-search-close"] {
z-index: 10;
visibility: visible;
background-color: hsla(30, 5%, 20%, .25);
pointer-events: auto;
}

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

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

/* @group @m-nav-close */

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

[class*="m-nav-close"] {
display: grid;
justify-content: end;
}

}

/* @end @m-nav-close */

/* primary nav -------------------------------------------------------- */

/* @group @variables */

[class*="o-mutual-nav"] {
--nav-grid-template-columns: 1fr;
}

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

[class*="o-mutual-nav"] {
--nav-overflow: hidden;
--nav-position: fixed;
--nav-overflow-y: auto;
--nav-top: 0;
--nav-z-index: 91;
--nav-background-color: hsla(0, 0%, 100%, .9375);
--nav-backdrop-filter: blur(.125rem);
--nav-min-height: 0;
--nav-max-height: 0;
--nav-body-padding: 1.5rem 1.5rem 3rem;
--transition-time: .5s;
--nav-overflow-scrolling: touch;
}

[class*="a-nav-toggle"]:checked ~ [class*="o-mutual-nav"] {
--nav-min-height: 100vh;
--nav-max-height: 100vh;
}

}

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

[class*="o-mutual-nav"] {
--nav-position: relative;
--nav-z-index: 11;
--nav-grid-template-columns: var(--x-padding-left) 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr var(--x-padding-right);
--nav-list-grid-template-columns: var(--x-padding-left) 1fr 3px 1fr 3px 1fr 3px 1fr 3px 1fr var(--x-padding-right);
--nav-height: 3rem;
/*--nav-margin: .75rem 0 0; */
--nav-background-color: hsla(0, 0%, 100%, 1);
}

[class*="is-fit-sticky"] [class*="o-mutual-nav"] {
--nav-top: 3.75rem;
--nav-background-color: hsla(0, 0%, 100%, .9375);
--nav-box-shadow: 0 1px .25rem 0 var(--color-very-light-gray);
}

[class*="is-watch-nav"] [class*="o-mutual-nav"] {
--nav-position: fixed;
--nav-transform: translateY(-15rem);
}

[class*="is-fit-sticky"][class*="is-scroll-up"] [class*="o-mutual-nav"] {
--nav-transform: translateY(0);
}

}

/* @end @variables */

/* @group @variables */

[class*="o-mutual-nav"] {
--nav-font-size: .875rem;
--nav-line-height: 1.714285714;
}

/* @end @variables */

/* @group @o-mutual-nav */

[class*="o-mutual-nav"] {
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: 0;
left: 0;
min-height: var(--nav-min-height);
max-height: var(--nav-max-height);
margin: var(--nav-margin);
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);
transition: var(--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: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @o-mutual-nav */

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

/* @group @variables */

[class*="m-mutual-nav-body"] {
--grid-template-columns: repeat(1, 1fr);
--align-content: start;
--open-background-color: hsla(220, 20%, 15%, 1);
}

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

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

}

/* @end @variables */

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

[class*="m-mutual-nav-body"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
align-items: var(--align-items);
align-content: var(--align-content);
gap: var(--gap);
padding: var(--nav-body-padding);
}

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

/* nav-list -------------------------------------------------------- */

/* @group @variables */

[class*="m-mutual-nav-list"] {
--nav-font-size: .875rem;
--nav-line-height: 1.714285714;
}

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

[class*="m-mutual-nav-list"] {
--nav-gap: 1px;
--nav-list-box-shadow: 0 1px 0 0 var(--color-gainsboro);
}

}

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

[class*="m-mutual-nav-list"]>li:nth-of-type(1) {
--nav-detail-column: 2;
}

[class*="m-mutual-nav-list"]>li:nth-of-type(2) {
--nav-detail-column: 4;
}

[class*="m-mutual-nav-list"]>li:nth-of-type(3) {
--nav-detail-column: 6;
}

[class*="m-mutual-nav-list"]>li:nth-of-type(4) {
--nav-detail-column: 8;
}

[class*="m-mutual-nav-list"]>li:nth-of-type(5) {
--nav-detail-column: 10;
}

}

/* @end @variables */

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

[class*="m-mutual-nav-list"] {
display: grid;
grid-template-columns: var(--nav-list-grid-template-columns);
grid-template-rows: var(--nav-grid-template-rows);
gap: var(--nav-gap);
box-shadow: var(--nav-list-box-shadow);
}

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

[class*="o-mutual-nav"]:after {
grid-column: 1 / 12;
grid-row: 1 / 4;
}

[class*="m-mutual-nav-detail"] {
display: contents;
}

[class*="a-primary-nav-link"],
[class*="a-expand-nav-toggle"] {
grid-column: var(--nav-detail-column);
grid-row: 1;
}

[class*="m-expand-nav"] {
grid-column: 1 / 12;
grid-row: 1 / 4;
}

}

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

/* primary-nav link -------------------------------------------------------- */

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

[class*="m-mutual-nav-detail"] {
transition: var(--transition);
}

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

/* primary-nav link -------------------------------------------------------- */

/* @group @variables */

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

[class*="a-primary-nav-link"] {
--nav-link-box-shadow: 0 -1px 0 0 var(--color-gainsboro);
--nav-link-color: hsla(220, 5%, 20%, 1);
}

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

}

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

[class*="m-mutual-nav-list"]:hover,
[class*="m-mutual-nav-list"]:focus {
--nav-link-color: hsla(220, 5%, 67.5%, 1);
}

[class*="a-primary-nav-link"]:hover,
[class*="a-primary-nav-link"]:focus,
[class*="m-mutual-nav-list"]:hover li:hover {
--nav-link-color: hsla(220, 5%, 20%, 1);
}

[class*="a-primary-nav-link"] {
--nav-link-justify-content: center;
--nav-link-grid-template-rows: 3rem .1875rem .5625rem;
--nav-link-height: var(--nav-height);
--nav-link-padding: 0 0 .75rem;
}

}

/* @end @variables */

/* @group @variables */

[class*="m-mutual-nav-list"] {
--nav-link-font-weight: 300;
--nav-link-font-variation-settings: "wght" 300;
}

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

[class*="m-mutual-nav-list"]:hover {
--nav-link-font-weight: 200;
--nav-link-font-variation-settings: "wght" 200;
}

}

[class*="m-mutual-nav-detail"]:hover {
--nav-link-font-weight: 300;
--nav-link-font-variation-settings: "wght" 300;
}

[class*="a-primary-nav-link"]:hover,
[class*="a-primary-nav-link"]:focus {
--nav-link-font-weight: 300;
--nav-link-font-variation-settings: "wght" 300;
}

[class*="a-primary-nav-link"]:active {
--nav-link-font-weight: 300;
--nav-link-font-variation-settings: "wght" 300;
}

[class*="a-primary-nav-link"] {
--nav-link-display: flex;
--nav-link-align-items: center;
--nav-link-height: 3rem;
}

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


}

/* @end @variables */

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

[class*="a-primary-nav-link"],
[class*="a-primary-nav-toggle"] {
box-sizing: border-box;
position: relative;
z-index: 2;
display: var(--nav-link-display);
justify-content: var(--nav-link-justify-content);
align-items: var(--nav-link-align-items);
grid-template-rows: var(--nav-link-grid-template-rows);
width: 100%;
height: var(--nav-link-height);
padding: var(--nav-link-padding);
box-shadow: var(--nav-link-box-shadow);
}

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

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

[class*="a-primary-nav-link"]:before {
content: '';
position: absolute;
top: calc(100% - .75rem);
left: calc(50% - 1.5rem);
width: 3rem;
height: 1px;
background-color: transparent;
transition: var(--transition);
}

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

[class*="a-primary-nav-toggle"]:before {
content: '';
position: absolute;
top: calc(100% - .75rem);
left: calc(50% - .375rem);
width: .75rem;
height: .75rem;
background-color: transparent;
transition: var(--transition);
-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0);
}

[class*="a-primary-nav-toggle"]:hover:before,
[class*="a-primary-nav-toggle"]:focus:before,
[class*="a-primary-nav-toggle"]:active:before {
background-color: var(--color-premier-action);
}

}

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

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

/* @group @variables */

[class*="a-expand-nav-toggle"] {
--expand-nav-toggle-position: absolute;
}


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

[class*="a-expand-nav-toggle"] {
--expand-nav-toggle-position: relative;
}

}

/* @end @variables */

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

[class*="a-expand-nav-toggle"] {
position: var(--expand-nav-toggle-position);
z-index: -2;
width: 0;
height: 0;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
visibility: hidden;
}

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

/* expand nav -------------------------------------------------------- */

/* @group @variables */

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

[class*="m-expand-nav"] {
--expand-nav-padding: 0 0 0 1.5rem;
}

}


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

[class*="m-expand-nav"] {
--expand-nav-position: absolute;
--expand-nav-top: var(--nav-height);
--expand-nav-max-height: 0;
--expand-nav-visibility: hidden;
--expand-nav-background-color: hsla(220, 50%, 97.5%, .975);
--expand-nav-backdrop-filter: blur(.125rem);
--expand-nav-padding: 1.5rem var(--x-padding-right) 1.5rem var(--x-padding-left);
--expand-nav-transition: max-height .3s 0s cubic-bezier(.6, .5, .5, .75), visibility 0s .3s cubic-bezier(.6, .5, .5, .75);
}

[class*="m-mutual-nav-detail"]:hover [class*="m-expand-nav"],
[class*="m-mutual-nav-detail"]:focus [class*="m-expand-nav"],
[class*="a-expand-nav-toggle"]:checked ~ [class*="m-expand-nav"] {
--expand-nav-max-height: 30rem;
--expand-nav-visibility: visible;
--expand-nav-transition: visibility 0s .3s cubic-bezier(.6, .5, .5, .75), max-height .3s .3s cubic-bezier(.6, .5, .5, .75);
}

}

/* @end @variables */

/* @group @m-expand-nav */

[class*="m-expand-nav"] {
position: var(--expand-nav-position);
overflow: hidden;
z-index: 2;
top: var(--expand-nav-top);
right: 0;
left: 0;
width: 100%;
max-height: var(--expand-nav-max-height);
visibility: var(--expand-nav-visibility);
background-color: var(--expand-nav-background-color);
transition: var(--expand-nav-transition);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: var(--expand-nav-backdrop-filter);
backdrop-filter: var(--expand-nav-backdrop-filter);

}

[class*="m-expand-nav"]>div {
padding: var(--expand-nav-padding);
}

/* @end @m-expand-nav */

/* @group @a-expand-nav-close */

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

[class*="a-expand-nav-close"] {
position: fixed;
z-index: -2;
top: 9rem;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
pointer-events: none;
}

[class*="a-expand-nav-toggle"]:checked ~ [class*="m-mutual-nav-list"] [class*="a-expand-nav-close"] {
visibility: visible;
background-color: hsla(30, 5%, 20%, .25);
pointer-events: auto;
}

}

/* @end @a-expand-nav-close */

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

/* @group @variables */

/* @end @variables */

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

/* @group @variables */

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

[class*="m-secondary-nav"] {
--gap: 0;
--link-action-background-color: hsla(337.3, 38.1%, 97.5%, .875);
--link-action-color: var(--color-premier-action);
--link-active-background-color: hsla(337.3, 38.1%, 95%, .875);
--link-active-color: var(--color-premier-active);
}

[class*="m-secondary-nav"] a {
--expand-nav-link-display: grid;
--expand-nav-link-align-items: center;
--expand-nav-link-height: 3rem;
--expand-nav-link-padding: 0 .75rem;
--expand-nav-link-box-shadow: inset 0 1px 0 0 var(--color-gainsboro);
}

}

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

[class*="m-secondary-nav"] {
--gap: .75rem;
}

}

/* @end @variables */

/* @group @m-secondary-nav */

[class*="m-secondary-nav"] {
display: grid;
justify-content: var(--justify-content);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

[class*="m-expand-nav"] a {
display: var(--expand-nav-link-display);
align-items: var(--expand-nav-link-align-items);
height: var(--expand-nav-link-height);
padding: var(--expand-nav-link-padding);
box-shadow: var(--expand-nav-link-box-shadow);
}

/* @end @m-secondary-nav */

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

/* @group @variables */

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

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

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

}

/* @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 */