/* 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;
--icon-fill: currentColor;
}

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) 1fr 0 6.75rem .75rem 3rem 0;
--mutual-header-body-grid-template-rows: .75rem 1fr .75rem;
--mutual-header-logo-grid-column: 2;
--mutual-header-logo-grid-row: 2;
--nav-toggle-link-grid-column: 5 / span 2;
--nav-toggle-link-grid-row: 2;
--mutual-nav-grid-column: 4;
--mutual-nav-grid-row: 1 / span 3;
--mutual-header-body-background-color: hsla(220, 5%, 97.5%, .9375);
}

@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);
--mutual-header-logo-grid-column: 4;
--nav-toggle-link-grid-column: 2 / span 2;
--mutual-nav-grid-column: 5 / span 2;
}

}

[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(220, 5%, 97.5%, .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 @m-mutual-header-logo */

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

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

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

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

/* @group @variables */

[class*="m-mutual-header-nav"] {
--gap: .375rem;
--icon-width: 1.125rem;
--icon-height: 1.125rem;
--mutual-header-nav-detail-display: grid;
--link-action-background-color: var(--color-white);
--link-active-background-color: var(--color-white);
--link-color: var(--color-darkgray);
--link-action-color: var(--color-premier);
--link-active-color: var(--color-premier-active);
--link-cursor: pointer;
}

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

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

[class*="m-mutual-header-nav"] {
--grid-auto-flow: column;
--justify-content: end;
}

[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-auto-flow: column;
--margin-left: auto;
}

}

[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;
justify-content: var(--justify-content);
align-items: var(--align-items);
grid-auto-flow: var(--grid-auto-flow);
grid-template-columns: var(--grid-template-columns);
align-content: var(--align-content);
margin-left: var(--margin-left);
gap: var(--gap);
}

:where([class*="a-mutual-header-nav-detail"]) {
position: relative;
display: var(--mutual-header-nav-detail-display);
justify-content: center;
align-items: center;
}

[class*="a-mutual-header-nav-detail"]>a,
[class*="a-mutual-header-nav-detail"]>label {
display: grid;
justify-content: center;
align-items: center;
width: var(--mutual-header-nav-width);
height: 100%;
}


/* @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-account"] {
--expand-account-position: absolute;
--expand-account-top: 100%;
--expand-account-right: -6rem;
--expand-account-width: 20rem;
--expand-account-max-height: 0;
--expand-account-visibility: hidden;
--expand-account-background-color: hsla(0, 0%, 100%, .975);
--expand-account-padding: .75rem;
--expand-account-opacity: 0;
--expand-account-box-shadow: .125rem .125rem .375rem 0 var(--color-very-light-gray);
--expand-account-backdrop-filter: blur(.125rem);
--link-action-color: var(--color-premier-action);
--link-active-color: var(--color-premier-active);
}

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

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

}

@media (hover: none) {

[class*="a-account-toggle"]:checked ~ header [class*="m-expand-account"] {
--expand-account-opacity: 1;
--expand-account-max-height: 20rem;
--expand-account-visibility: visible;
}

}

@media (hover: hover) {

[class*="a-mutual-header-nav-detail"]:hover [class*="m-expand-account"],
[class*="a-mutual-header-nav-detail"]:focus [class*="m-expand-account"] {
--expand-account-opacity: 1;
--expand-account-max-height: 20rem;
--expand-account-visibility: visible;
}

}

/* @end @variables */

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

[class*="m-expand-account"] {
position: var(--expand-account-position);
overflow: hidden;
z-index: 2;
top: var(--expand-account-top);
right: var(--expand-account-right);
width: var(--expand-account-width);
max-height: var(--expand-account-max-height);
box-shadow: var(--expand-account-box-shadow);
visibility: var(--expand-account-visibility);
opacity: var(--expand-account-opacity);
transform: var(--expand-account-transform);
transition: var(--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 {
display: grid;
gap: 1px;
padding: 0 1px 1px;
background-color: var(--color-very-light-gray);
}

[class*="m-expand-account"] a,
[class*="m-expand-account"] button {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 2.25rem;
padding: 0 .75rem;
background-color: var(--color-white);
}

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

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

/* @group @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-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: 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);
inset: 0;
/*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 @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-height: 100vh;
--nav-min-height: 100vh;
--nav-max-height: 100vh;
}

@supports (padding-top: constant(safe-area-inset-top)) {

[class*="a-nav-toggle"]:checked ~ [class*="o-mutual-nav"] {
--nav-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-lbottom));
--nav-min-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-lbottom));
--nav-max-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-lbottom));
}

}

}

@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;
height: var(--nav-height);
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);
--link-cursor: pointer;
}

@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-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);
box-shadow: 0 -1px 0 0 var(--color-gainsboro);
}

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

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

/* @group @variables */

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

[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;
}

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

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

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

}

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

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

[class*="a-primary-nav-link"]:hover,
[class*="a-primary-nav-link"]:focus {
--link-background-color: var(--color-primary-background-color);
--nav-link-color: hsla(220, 5%, 67.5%, 1);
}

}

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

/* @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% - .5625rem);
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 .75rem;
--expand-nav-box-shadow: 0 -1px 0 0 var(--color-gainsboro);
}

}


@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);
}

@media (hover: none) {

[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);
}

}

@media (hover: hover) {

[class*="m-mutual-nav-detail"]:hover [class*="m-expand-nav"],
[class*="m-mutual-nav-detail"]:focus [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);
box-shadow: var(--expand-nav-box-shadow);
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 */

[class*="m-expand-search"] {
--expand-search-position: absolute;
--expand-search-top: 3.75rem;
--expand-search-right: -3rem;
--expand-search-max-height: 0;
--expand-search-padding: .75rem;
--expand-search-background-color: var(--color-white);
--expand-search-backdrop-filter: blur(.125rem);
--expand-search-padding: .75rem;
--expand-search-box-shadow: 1px 0 0 var(--color-very-light-gray), -1px 0 0 0 var(--color-very-light-gray), .125rem .125rem .375rem 0 var(--color-very-light-gray);
--expand-account-backdrop-filter: blur(.125rem);
--expand-search-opacity: 0;
--expand-search-visibility: hidden;
--link-color: var(--color-darkgray);
--link-action-color: var(--color-premier-action);
--link-active-color: var(--color-premier-acrive);
}

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

[class*="m-expand-search"] {
--expand-search-right: 0;
}

}

@media (hover: none) {

[class*="a-search-toggle"]:checked ~ [class*="o-mutual-header"] [class*="m-expand-search"] {
--expand-search-max-height: 4.5rem;
--expand-search-opacity: 1;
--expand-search-visibility: visible;
}

}

@media (hover: hover) {

[class*="a-mutual-header-nav-detail"]:hover [class*="m-expand-search"],
[class*="a-mutual-header-nav-detail"]:focus [class*="m-expand-search"] {
--expand-search-max-height: 4.5rem;
--expand-search-opacity: 1;
--expand-search-visibility: visible;
}

}

/* @end @variables */

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

[class*="m-expand-search"] {
position: var(--expand-search-position);
overflow: hidden;
z-index: -1;
top: 100%;
right: var(--expand-search-right);
width: 20rem;
max-height: var(--expand-search-max-height);
padding: var(--expand-search-padding);
background-color: var(--expand-search-background-color);
box-shadow: var(--expand-search-box-shadow);
visibility: var(--expand-search-visibility);
opacity: var(--expand-search-opacity);
transform: var(--expand-search-transform);
transition: var(--transition);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: var(--expand-search-backdrop-filter);
backdrop-filter: var(--expand-search-backdrop-filter);
}

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

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

/* @group @variables */

[class*="m-search-form"] {
--icon-width: 1rem;
--icon-height: 1rem;
--icon-fill: currentColor;
}

/* @end @variables */

/* @group @m-search-form */

[class*="m-search-form"] {
display: grid;
grid-template-columns: 2px .5625rem 1fr .375rem calc(3rem - 4px) 2px;
grid-template-rows: 2px 1fr 2px;
gap: 0;
}

[class="a-search-form-input"] {
grid-column: 1 / span 6;
grid-row: 1 / span 4;
}

[class="a-search-form-button"] {
grid-column: 5;
grid-row: 2;
align-self: center;
}

/* @end @m-search-form */

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

/* @group @m-search-form */

[class*="m-search-form"] {
height: 3rem;
}

/* @end @m-search-form */

/* @group @m-search-form */

[class="a-search-form-input"] {
padding: .375rem .75rem;
}

/* @end @m-search-form */

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

/* @group @a-search-form-button */

[class="a-search-form-button"] {
position: relative;
z-index: 2;
display: grid;
justify-content: center;
align-items: center;
width: var(--button-width);
height: var(--button-height);
}

[class="a-search-form-button"] svg {

}

/* @end @a-search-form-button */

/* @group a-search-form-input */

[class="a-search-form-input"],
[class="a-brand-form-input"] {
box-sizing: border-box;
display: inline-grid;
align-items: center;
height: inherit;
min-height: 3rem;
padding: calc(.5625rem - 1px) calc(3rem - 1px) calc(.5625rem - 1px) calc(.75rem - 1px);
background-color: var(--color-white);
border: 1px solid var(--color-gainsboro);
caret-color: var(--color-text);
transition: all .3s 0s cubic-bezier(.55, 0, .1, 1);
}

[class="a-brand-form-input"] {
width: 100%;
}

@media (hover: hover) {

[class="a-search-form-input"]:not(:disabled):hover,
[class="a-brand-form-input"]:not(:disabled):hover {
background-color: var(--color-white);
border-color: var(--color-focus-primary);
}

}

[class="a-search-form-input"]:not(:placeholder-shown):not(:disabled):focus,
[class="a-brand-form-input"]:not(:placeholder-shown):not(:disabled):focus {
background-color: var(--color-white);
border-color: var(--color-focus-primary);
box-shadow: inset 0 0 0 1px var(--color-focus-primary);
}

[class="a-search-form-input"]:disabled,
[class="a-brand-form-input"]:disabled {
background-color: var(--color-input-disabled);
-webkit-text-fill-color: var(--color-text);
opacity: .5;
}

/* @end a-search-form-input */

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

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


[class*="a-nav-search-close"],
[class*="a-nav-account-close"] {
position: fixed;
z-index: 13;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
visibility: hidden;
pointer-events: none;
transition: var(--transition);
}

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

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

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

/* @group @variables */

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

[class*="m-secondary-nav"] {
--gap: 1px;
--margin-bottom: 1px;
--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: 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);
margin-bottom: var(--margin-bottom);
}

[class*="m-secondary-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 */