/* page-nav - common --------------------------------------------------------*/

/* @group @variables */

[class*="o-global-nav"] {
--global-nav-z-index: 43;
--global-nav-grid-template-columns: var(--x-padding-header-left) 0 0 1fr var(--x-padding-header-right);
--global-nav-grid-template-rows: auto 1.5rem auto 1.5rem auto 1fr 3rem auto auto;
}

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

[class*="o-global-nav"] {
--global-nav-position: fixed;
--global-nav-overflow: clip;
--global-nav-overflow-y: auto;
--global-nav-height: 100vh;
--global-nav-background-color: hsl(0deg 0% 100% / 95%);
--global-nav-backdrop-filter: var(--backdrop-filter);
--global-nav-transform: translateY(-110vh);
--global-nav-transition: var(--transform-pointer-events-transition);
}

[id="page-gloval-nav-toggle"]:checked ~ [class*="o-global-nav"] {
--global-nav-transform: translateY(0);
}

@supports (min-height: 100dvh;) {

[class*="o-global-nav"] {
--global-nav-height: 100dvh;
--global-nav-transform: translateY(-110dvh);
}

[id="page-gloval-nav-toggle"] [class*="o-global-nav"] {
--global-nav-transform: translateY(0);
}

}

}

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

[class*="o-global-nav"] {
--global-nav-position: absolute;
--global-nav-grid-template-columns: var(--x-padding-header-left) 9.875rem 0 1fr 2.25rem 1rem 10rem 0 var(--x-padding-header-right);
--global-nav-grid-template-rows: 6rem;
--global-nav-pointer-events: none;
--global-nav-transition: var(--transform-transition);
}

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

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

}

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

[class*="o-global-nav"] {
--global-nav-grid-template-columns: var(--x-padding-header-left) 9.875rem 0 1fr 2.25rem 3rem 13rem 0 var(--x-padding-header-right);
--global-nav-grid-template-rows: 6.75rem;
}

}

/* @end @variables */

/* @group @o-global-nav */

/* @group Untitled Group */

[class*="o-global-nav"] {
position: var(--global-nav-position);
z-index: var(--global-nav-z-index);
overflow: var(--global-nav-overflow);
overflow-y: var(--global-nav-overflow-y);
top: 0;
right: 0;
left: 0;
display: grid;
grid-template-columns: var(--global-nav-grid-template-columns);
grid-template-rows: var(--global-nav-grid-template-rows);
height: var(--global-nav-height);
background-color:var(--global-nav-background-color);
-webkit-backdrop-filter: var(--global-nav-backdrop-filter);
backdrop-filter: var(--global-nav-backdrop-filter);
transform: var(--global-nav-transform);
transition: var(--global-nav-transition);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}

/* @end */

[class*="m-global-nav-header"] {
grid-column: 1 / span 5;
grid-row: 1;
}

[class*="m-nav-list-primary"] {
grid-column: 4;
grid-row: 3;
}

[class*="a-page-nav-application"] {
grid-column: 4;
grid-row: 5;
}

[class*="a-page-nav-icon"] {
grid-column: 1 / span 5;
grid-row: 8;
}

[class*="a-page-nav-bg"] {
grid-column: 1 / span 5;
grid-row: 9;
}

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

[class*="o-global-nav"] {
pointer-events: none;
}

[class*="m-nav-list-primary"] {
grid-column: 4;
grid-row: 1;
}

}

/* @end @o-global-nav */

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

/* @group @a-page-nav-application */

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

[class*="a-page-nav-application"] {
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}

}

/* @end @a-page-nav-application */

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

/* @group @a-page-nav-bg */

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

[class*="a-page-nav-bg"] svg {
display: grid;
width: 100vw;
height: 4.615385vw;
vertical-align: bottom;
}

}

/* @end @a-page-nav-bg */

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

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

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

[class*="a-page-nav-icon"] {
display: grid;
justify-content: end;
grid-template-columns: var(--x-padding-header-left) 1fr auto var(--x-padding-header-right);
}

[class*="a-page-nav-icon"] svg {
grid-column: 3;
grid-row: 1;
}

}

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

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

/* @group @variables */

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

[class*="m-global-nav-header"] {
--page-header-grid-template-columns: var(--x-padding-header-left) auto 3.375rem 1fr 1rem 3.375rem var(--x-padding-header-right);
--page-header-grid-template-rows: .375rem 0 3rem .375rem;
--page-header-height: 3.75rem;
--application-link-padding: .375rem 0;
--application-link-svg-width: 1rem;
--application-link-svg-height: 1rem;
--application-link-font-size: .625rem;
--application-link-line-height: 1.2;
}

}

/* @end @variables */

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

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

[class*="m-global-nav-header"] {
display: grid;
grid-template-columns: var(--page-header-grid-template-columns);
grid-template-rows: var(--page-header-grid-template-rows);
height: var(--page-header-height);
}

[class*="a-page-back-toggle"] {
grid-column: 6;
grid-row: 3 / span 2;
}

[class*="a-page-nav-logo"] {
grid-column: 2;
grid-row: 1 / span 3;
height: 100%;
background-color: hsl(65deg 83% 50%);
}

[class*="a-page-nav-logo"] a {
display: grid;
align-items: center;
height: inherit;
}

[class*="a-page-nav-logo"] img {
width: auto;
height: 1.25rem;
}

[class*="m-global-nav-header"]:before {
content: '';
grid-column: 1;
grid-row: 1 / span 3;
width: 100%;
height: 100%;
background-color: hsl(65deg 83% 50%);
}

[class*="m-global-nav-header"]:after {
content: '';
grid-column: 3;
grid-row: 1 / span 3;
content: '';
width: 100%;
height: 100%;
background-color: hsl(65deg 83% 50%);
clip-path: circle(100% at 0 0%);
}

}

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

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

/* @group @variables */

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

[class*="a-page-back-toggle"] {
--application-link-background-color: hsl(347deg 84% 64%);
--application-link-action-background-color: hsl(0deg 0% 100%);
--application-link-border-color: hsl(347deg 84% 64%);
--application-link-action-border-color: hsl(347deg 84% 59%);
--application-link-color: hsl(0deg 0% 100%);
--application-link-action-color: hsl(347deg 84% 59%);
}

}

/* @end @variables */

/* @group @a-page-back-toggle */

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

[class*="a-page-back-toggle"] {
box-sizing: border-box;
position: relative;
display: grid;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-color: var(--application-link-background-color);
border-width: 2px;
border-style: solid;
border-color: var(--application-link-border-color);
border-radius: .5rem;
color: var(--application-link-color);
transition: var(--link-premier-transition);
cursor: pointer;
}

[class*="a-page-back-toggle"]:hover,
[class*="a-page-back-toggle"]:focus {
background-color: var(--application-link-action-background-color);
border-color: var(--application-link-action-border-color);
color: var(--application-link-action-color);
}

[class*="a-page-back-toggle"] svg {
width: auto;
height: 1.5rem;
fill: currentColor;
}

}

/* @end @a-page-back-toggle */

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

/* @group @variables */

[class*="m-nav-list-primary"] {
--page-primary-nav-grid-template-columns: 1fr;
}

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

[class*="m-nav-list-primary"]>li {
--page-primary-border-bottom: 1px dotted hsl(0deg 0% 20%);
}

}

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

[class*="m-nav-list-primary"] {
--page-primary-nav-grid-template-columns: repeat(4, 1fr);
--page-primary-nav-gap: 1px;
}

}

/* @end @variables */

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

[class*="m-nav-list-primary"] {
position: relative;
display: grid;
grid-template-columns: var(--page-primary-nav-grid-template-columns);
gap: var(--page-primary-nav-gap);
border-bottom: var(--page-primary-nav-border-bottom);
pointer-events: auto;
}

[class*="m-nav-list-primary"]>li {
border-bottom: var(--page-primary-border-bottom);
}

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

[class*="m-nav-list-primary"]>li:hover [class*="m-sub-nav-toggle"] {
background-color: hsl(65deg 82% 70%);
}

}

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

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

/* @group @variables */

[class*="a-page-primary-nav-link"] {
--page-primary-nav-link-grid-template-columns: 1fr auto;
--page-primary-nav-link-grid-template-rows: auto;
--page-primary-nav-link-gap: .75rem;
--page-primary-nav-link-height: 3rem;
--page-primary-nav-link-padding: 0 .75rem;
--page-primary-color: hsl(0deg 0% 20%);
--page-primary-action-color: hsl(347deg 84% 64%);
}

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

[class*="a-page-primary-nav-link"] {
--page-primary-nav-link-justify-content: center;
--page-primary-nav-link-grid-template-columns: auto;
--page-primary-nav-link-grid-template-rows: repeat(2, auto);
--page-primary-nav-link-height: 100%;
--page-primary-nav-link-padding: .375rem.1875rem;
--page-primary-nav-link-background-color: transparent;
--page-primary-nav-link-action-background-color: hsl(65deg 82% 70%);
--page-primary-font-size: .625rem;
--page-primary-line-height: 1.5;
--page-primary-action-color: hsl(0deg 0% 27%);
--link-primary-text-align: center;
}

}

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

[class*="a-page-primary-nav-link"] {
--page-primary-font-size: .75rem;
}

}

/* @end @variables */

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

[class*="a-page-primary-nav-link"] {
box-sizing: border-box;
display: grid;
justify-content: var(--page-primary-nav-link-justify-content);
align-content: center;
align-items: center;
grid-template-columns: var(--page-primary-nav-link-grid-template-columns);
grid-template-rows: var(--page-primary-nav-link-grid-template-rows);
gap: var(--page-primary-nav-link-gap);
width: 100%;
height: var(--page-primary-nav-link-height);
padding: var(--page-primary-nav-link-padding);
background-color: var(--page-primary-nav-link-background-color);
font-size: var(--page-primary-font-size);
line-height: var(--page-primary-line-height);
text-align: var(--link-primary-text-align);
cursor: pointer;
color: var(--page-primary-color);
transition: var(--link-secondary-transition);
}

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

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

[class*="a-subnav-symbol-icon"] {
display: grid;
width: auto;
height: 2.625rem;
margin: 0 auto;
fill: currentColor;
}

[class*="a-page-primary-nav-link"]>span {
display: grid;
grid-auto-flow: row;
align-items: center;
}

}

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

[class*="a-subnav-symbol-icon"] {
height: 3rem;
}

}

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

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

/* @group @variables */

[class*="m-sub-nav-toggle"] {
--page-primary-nav-link-grid-template-columns: 1fr auto;
--page-primary-nav-link-gap: .75rem;
--page-primary-nav-link-height: 3rem;
--page-primary-nav-link-padding: 0 .75rem;
--page-primary-color: hsl(0deg 0% 20%);
--page-primary-action-color: hsl(347deg 84% 64%);
}

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

[class*="m-sub-nav-toggle"] {
--page-primary-nav-link-justify-content: center;
--page-primary-nav-link-grid-template-columns: auto;
--page-primary-nav-link-grid-template-rows: 2.625rem 1fr;
--page-primary-nav-link-height: 100%;
--page-primary-nav-link-padding: .75rem .1875rem;
--page-primary-nav-link-background-color: transparent;
--page-primary-nav-link-action-background-color: hsl(65deg 82% 70%);
--page-primary-font-size: .75rem;
--page-primary-line-height: 1.5;
--page-primary-action-color: hsl(0deg 0% 27%);
/*
--page-primary-nav-link-grid-template-columns: auto;
--page-primary-nav-link-grid-template-rows: auto 1fr;
--page-primary-nav-link-height: 100%;
--link-primary-text-align: center;*/
}

}

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

[class*="m-sub-nav-toggle"] {
--page-primary-nav-link-grid-template-rows: 3rem 1fr;
--page-primary-font-size: .75rem;
}

}

/* @end @variables */

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

[class*="m-sub-nav-toggle"] {
box-sizing: border-box;
display: grid;
justify-content: var(--page-primary-nav-link-justify-content);
align-content: center;
align-items: center;
grid-template-columns: var(--page-primary-nav-link-grid-template-columns);
grid-template-rows: var(--page-primary-nav-link-grid-template-rows);
gap: var(--page-primary-nav-link-gap);
width: 100%;
height: var(--page-primary-nav-link-height);
padding: var(--page-primary-nav-link-padding);
background-color: var(--page-primary-nav-link-background-color);
font-size: var(--page-primary-font-size);
line-height: var(--page-primary-line-height);
text-align: var(--link-primary-text-align);
color: var(--page-primary-color);
cursor: pointer;
transition: var(--link-secondary-transition);
}

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

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

[class*="m-sub-nav-toggle"]>span {
grid-column: 1;
grid-row: 1;
}

[class*="a-sub-nav-toggle-icon"] {
grid-column: 2;
grid-row: 1;
width: .5rem;
height: auto;
color: currentColor;
transition: var(--transform-transition);
}
input:checked ~ [class*="m-sub-nav-toggle"] svg {
transform: scale(1, -1);
}

}

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

[class*="m-sub-nav-toggle"]>span {
align-self: center;
/*display: grid;
grid-auto-flow: row;
align-items: center;*/
text-align: center;
overflow: hidden; word-break: keep-all; overflow-wrap:anywhere;
}

}

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

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

/* @group @variables */

[class*="a-global-sub-nav-list"] {
--global-sub-nav-list-transition: max-height var(--transition-time) 0s var(--transition-cubic-bezier), padding var(--transition-time) 0s var(--transition-cubic-bezier), background-color var(--transition-time) 0s var(--transition-cubic-bezier);
}

/* @end @variables */

/* @group @a-global-sub-nav-list */

[class*="a-global-sub-nav-list"] {
box-sizing: border-box;
overflow: hidden;
max-height: 0;
padding: 0 1rem;
}
input:checked ~ [class*="a-global-sub-nav-list"] {
max-height: 50rem;
padding: .5rem 1rem 1.5rem 1rem;
transition: var(--global-sub-nav-list-transition);
}

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

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

[class*="a-global-sub-nav-list"] {
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 0 1.5rem;
background-color: hsl(0deg 0% 100%);
}

[class*="m-nav-list-primary"]>li:hover [class*="a-global-sub-nav-list"],
input:checked ~ [class*="a-global-sub-nav-list"] {
max-height: 50rem;
padding: 1.5rem;
transition: var(--global-sub-nav-list-transition);
}

}

/* @end @a-global-sub-nav-list */

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

/* @group @variables */

[class*="a-area-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(2, 1fr);
--area-sub-nav-link-background-color: hsl(0deg 0% 100%);
--area-sub-nav-link-border-color: hsl(198deg 59% 65%);
--area-sub-nav-link-color: hsl(198deg 59% 65%);
--area-sub-nav-link-action-background-color: hsl(198deg 59% 65%);
--area-sub-nav-link-action-border-color: hsl(198deg 59% 65%);
--area-sub-nav-link-action-color: hsl(0deg 0% 100%);
--area-sub-nav-font-size: .875rem;
--area-sub-nav-line-height: 1.42857143;
}

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

[class*="a-area-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(3, 1fr);
}

}

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

[class*="a-area-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(4, 1fr);
--area-sub-nav-font-size: .75rem;
--area-sub-nav-line-height: 1.5;
}

}

/* @end @variables */

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

[class*="a-area-sub-nav"] {
display: grid;
grid-template-columns: var(--area-sub-nav-grid-template-columns);
gap: .75rem;
}

[class*="a-area-sub-nav"] li {
font-size: var(--area-sub-nav-font-size);
line-height: var(--area-sub-nav-line-height);
}

[class*="a-area-sub-nav"] a {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
height: 3rem;
padding: 0 .5rem;
background-color: var(--area-sub-nav-link-background-color);
border: 2px solid var(--area-sub-nav-link-border-color);
color: var(--area-sub-nav-link-color);
transition: var(--link-premier-transition);
}

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

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

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

/* @group @variables */

[class*="a-car-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(1, 1fr);
--area-sub-nav-link-background-color: hsl(198deg 59% 65%);
--area-sub-nav-link-border-color: hsl(198deg 59% 65%);
--area-sub-nav-link-color: hsl(0deg 0% 100%);
--area-sub-nav-link-action-background-color: hsl(0deg 0% 100%);
--area-sub-nav-link-action-border-color: hsl(198deg 59% 65%);
--area-sub-nav-link-action-color: hsl(198deg 59% 65%);
--area-sub-nav-font-size: .875rem;
--area-sub-nav-line-height: 1.42857143;
}

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

[class*="a-car-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(3, 1fr);
--area-sub-nav-font-size: .75rem;
--area-sub-nav-line-height: 1.5;
}

}

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

[class*="a-car-sub-nav"] {
--area-sub-nav-grid-template-columns: repeat(3, 1fr);
--area-sub-nav-font-size: .75rem;
--area-sub-nav-line-height: 1.5;
}

}

/* @end @variables */

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

[class*="a-car-sub-nav"] {
display: grid;
grid-template-columns: var(--area-sub-nav-grid-template-columns);
gap: .75rem;
}

[class*="a-car-sub-nav"] li {
font-size: var(--area-sub-nav-font-size);
line-height: var(--area-sub-nav-line-height);
}

[class*="a-car-sub-nav"] a {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
height: 3rem;
padding: 0 .5rem;
background-color: var(--area-sub-nav-link-background-color);
border: 2px solid var(--area-sub-nav-link-border-color);
color: var(--area-sub-nav-link-color);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
transition: var(--link-premier-transition);
}

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

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

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

/* @group @variables */

[class*="a-more-sub-nav"] {
--more-sub-nav-grid-template-columns: repeat(1, 1fr);
--more-sub-nav-grid-template-rows: auto;
--area-sub-nav-link-border-color: transparent;
--area-sub-nav-link-color: hsl(0deg 0% 20%);
--area-sub-nav-link-action-border-color: hsl(347deg 84% 64%);
--area-sub-nav-link-action-color: hsl(347deg 84% 64%);

--link-action-color: hsl(347deg 84% 64%);
--link-action-border-color: hsl(347deg 84% 64%);
}

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

[class*="a-more-sub-nav"] {
--more-sub-nav-grid-template-columns: repeat(2, 1fr);
--more-sub-nav-link-grid-template-columns: 1rem 1fr;
}

}

/* @end @variables */

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

[class*="a-more-sub-nav"] {
display: grid;
grid-template-columns: var(--more-sub-nav-grid-template-columns);
grid-template-rows: var(--more-sub-nav-grid-template-rows);
gap: .75rem;
padding-left: 1r.75em;
}

[class*="a-more-sub-nav"] a {
display: inline-grid;
align-items: center;
grid-template-columns: var(--more-sub-nav-link-grid-template-columns);
border-bottom: 1px solid var(--area-sub-nav-link-border-color);
font-weight: 600;
font-variation-settings-strong: "wght" 600;
color: var(--area-sub-nav-link-color);
transition: var(--link-premier-transition);
}

[class*="a-more-sub-nav"] a:hover,
[class*="a-more-sub-nav"] a:focus {
border-color: var(--area-sub-nav-link-action-border-color);
color: var(--area-sub-nav-link-action-color);
text-decoration: none;
}

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

[class*="a-more-sub-nav"] a>span {
grid-column: 2;
grid-row: 1;
}

[class*="a-more-sub-nav"] svg {
grid-column: 1;
grid-row: 1;
width: .75rem;
height: auto;
fill: currentColor;
transition: none;
}

}

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

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