/* @group @o-page-header */

.o-page-header {
position: -webkit-sticky;
position: sticky;
z-index: 11;
top: 0;
right: 0;
left: 0;
height: var(--line-clamp-2-25);
background: var(--neutral-colors-100);
box-shadow: 0 0 var(--header-shadow-size) var(--neutral-colors-90), 0 0 0 1px var(--color-border-link-block-primary);
}

.a-page-header-logo {
height: inherit;
}

/* @end @o-page-header */

/* @group @o-page-header */

.o-page-header {
display: grid;
justify-content: space-between;
grid-template-columns: var(--line-clamp-3) auto;
grid-column-gap: var(--spacing-x-small);
}

.a-page-header-logo {
grid-column: 1;
grid-row: 1;
}

.m-page-subnav {
grid-column: 2;
grid-row: 1;
}

/* @end @o-page-header */

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

/* @group @m-page-subnav */

.m-page-subnav {
position: relative;
}

/* @end @m-page-subnav */

/* @group @m-page-subnav-list */

.m-page-subnav-list {
--grid-columns: repeat(var(--column-count), auto);
--column-count: 2;/*
grid-template-columns: repeat(var(--column-count), auto);*/
--row-gap: 1px;
}

/* @end @m-page-subnav-list */

/* @group @m-page-subnav-list */

.m-page-subnav-list li {
box-sizing: border-box;
display: flex;
align-items: center;
height: var(--line-clamp-2-25);
}

.m-page-subnav-list button{
text-align: left;
}

/* @end @m-page-subnav-list */

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

.a-page-dropdown-toggle {
height: inherit;
color: var(--gray-colors-50);
}

input:checked ~ ul .a-page-dropdown-toggle,
.a-page-dropdown-toggle:hover,
.a-page-dropdown-toggle:focus {
background: var(--brand-primary-color-action);
color: var(--neutral-colors-100);
}

.a-page-dropdown-toggle:active {
background: var(--brand-primary-color-active);
color: var(--neutral-colors-100);
}

.a-page-dropdown-toggle svg {
height: var(--line-clamp-1);
fill: currentColor;
}

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

.m-page-subnav .a-page-dropdown-toggle {
padding-right: var(--spacing-section-small);
}

}

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

/* @group @m-page-dropdown-list */

.m-page-dropdown-list {
--row-gap: 1px;
}

/* @end @m-page-dropdown-list */

input:checked ~ .a-page-dropdown-list-close {
position: fixed;
z-index: -1;
top: var(--line-clamp-2-25);
right: 0;
left: 0;
bottom: 0;
}

/* @group @m-page-dropdown-list */

.m-page-dropdown-list {
position: absolute;
visibility: hidden;
z-index: 1;
top: 100%;
right: 0;
height: 0;
min-width: 10rem;
max-height: 0;
background: var(--gray-colors-90);
box-shadow: 0 0 0 1px var(--gray-colors-90);
transition: max-height .1s 0s linear, box-shadow .25s .25s linear, visibility 0s 0s linear;
}

input:checked ~ .m-page-dropdown-list {
height: auto;
max-height: 30rem;
visibility: visible;
box-shadow: 0 0 0 1px var(--gray-colors-90), 0 .375rem .75rem 0 var(--floating-background-colors);
transition: max-height .1s 0s linear, box-shadow 0s .3s linear, visibility 0s .3s linear;
}

.m-page-dropdown-list a,
.m-page-dropdown-list button {
background: var(--gray-colors-100);
}

.m-page-dropdown-list a:hover,
.m-page-dropdown-list a:focus,
.m-page-dropdown-list button:hover,
.m-page-dropdown-list button:focus {
background: var(--brand-primary-color-action);
color: var(--neutral-colors-100);
}

.m-page-dropdown-list a:active {
background: var(--brand-primary-color-active);
color: var(--neutral-colors-100);
}

/* @end @m-page-dropdown-list */