.pb-nav__list,
.pb-nav__submenu {
list-style: none;
margin: 0;
padding: 0;
}
.pb-nav__item {
margin: 0;
padding: 0;
}
.pb-nav__mobile-panel > .pb-nav__list {
display: flex;
}
.pb-nav[data-orientation="row"] .pb-nav__mobile-panel > .pb-nav__list {
flex-direction: row;
}
.pb-nav[data-orientation="column"] .pb-nav__mobile-panel > .pb-nav__list {
flex-direction: column;
}
.pb-nav__collapse-toggle,
.pb-nav__mobile-close,
.pb-nav__indicator {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
line-height: inherit;
display: none;
}
.pb-nav__mobile-overlay {
display: none;
}
.pb-nav__mobile-panel {
transform: translateX(0);
transition: transform 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
.pb-nav__mobile-panel {
transition: none;
}
}
.pb-nav__collapse-toggle:focus-visible,
.pb-nav__mobile-close:focus-visible,
.pb-nav__indicator:focus-visible,
.pb-nav__link:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.pb-nav.is-collapsed .pb-nav__collapse-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5em;
}
.pb-nav.is-collapsed .pb-nav__mobile-panel {
position: fixed;
top: 0;
left: 0;
width: min(340px, 90vw);
height: 100vh;
max-height: 100vh;
overflow: auto;
background: #fff;
z-index: 9999;
transform: translateX(-100%);
}
.pb-nav.is-collapsed.is-open .pb-nav__mobile-panel {
transform: translateX(0);
}
.pb-nav.is-collapsed .pb-nav__mobile-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.35);
z-index: 9998;
display: none;
}
.pb-nav.is-collapsed.is-open .pb-nav__mobile-overlay {
display: block;
}
.pb-nav.is-collapsed .pb-nav__mobile-panel > .pb-nav__list {
display: flex;
flex-direction: column;
}
.pb-nav.is-collapsed .pb-nav__mobile-close {
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
min-width: 30px;
min-height: 30px;
font-size: 25px;
line-height: 0.5em;
}
.pb-nav[data-submenu-indicator-enabled="1"] .pb-nav__indicator {
display: inline-flex;
align-items: center;
justify-content: center;
}
.pb-nav[data-submenu-indicator-enabled="1"] .pb-nav__item.has-children {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pb-nav[data-submenu-indicator-enabled="1"] .pb-nav__item.has-children > .pb-nav__link {
flex: 1 1 auto;
min-width: 0;
width: auto;
}
.pb-nav[data-submenu-indicator-enabled="1"] .pb-nav__item.has-children > .pb-nav__submenu {
flex-basis: 100%;
}
.pb-nav__indicator-icon {
display: inline-flex;
line-height: 0;
transition: transform 0.16s ease;
}
.pb-nav__indicator-icon svg {
display: block;
width: 1em;
height: 1em;
}
.pb-nav[data-orientation="column"]:not(.is-collapsed) .pb-nav__indicator-icon,
.pb-nav[data-orientation="row"]:not(.is-collapsed) .pb-nav__submenu .pb-nav__indicator-icon {
transform: rotate(-90deg);
}
.pb-nav[data-orientation="column"]:not(.is-collapsed):dir(rtl) .pb-nav__indicator-icon,
.pb-nav[data-orientation="row"]:not(.is-collapsed):dir(rtl) .pb-nav__submenu .pb-nav__indicator-icon {
transform: rotate(90deg);
}
.pb-nav.is-collapsed .pb-nav__indicator-icon {
transform: rotate(0deg);
}
.pb-nav[data-orientation="row"]:not(.is-collapsed) .pb-nav__item.is-submenu-flipped-block > .pb-nav__indicator .pb-nav__indicator-icon {
transform: rotate(180deg);
}
.pb-nav:not(.is-collapsed) .pb-nav__item.is-submenu-flipped-inline > .pb-nav__indicator .pb-nav__indicator-icon {
transform: rotate(90deg);
}
.pb-nav:not(.is-collapsed):dir(rtl) .pb-nav__item.is-submenu-flipped-inline > .pb-nav__indicator .pb-nav__indicator-icon {
transform: rotate(-90deg);
}
@media (prefers-reduced-motion: reduce) {
.pb-nav__indicator-icon {
transition: none;
}
}
.pb-nav[data-nav-context="canvas"].is-collapsed .pb-nav__mobile-overlay {
position: absolute;
}
.pb-nav[data-nav-context="canvas"].is-collapsed .pb-nav__mobile-panel {
position: absolute;
}
.pb-nav[data-nav-context="canvas"].is-collapsed {
position: relative;
}
.pb-nav[data-orientation="row"] .pb-nav__list[data-level="0"] > .pb-nav__item {
position: relative;
}
.pb-nav[data-orientation="row"] .pb-nav__submenu > .pb-nav__item,
.pb-nav[data-orientation="column"] .pb-nav__item {
position: static;
}
.pb-nav[data-orientation="column"] .pb-nav__list,
.pb-nav[data-orientation="column"] .pb-nav__submenu {
position: relative;
}
.pb-nav[data-orientation="row"] .pb-nav__submenu,
.pb-nav[data-orientation="column"] .pb-nav__submenu {
display: none;
}
.pb-nav[data-orientation="row"] .pb-nav__submenu {
position: absolute;
inset-block-start: 100%;
inset-inline-start: 0;
}
.pb-nav[data-orientation="row"] .pb-nav__submenu .pb-nav__submenu {
inset-block-start: var(--pb-nav-submenu-block-offset, 0px);
inset-inline-start: 100%;
}
.pb-nav[data-orientation="column"] .pb-nav__submenu {
position: absolute;
inset-block-start: var(--pb-nav-submenu-block-offset, 0px);
inset-inline-start: 100%;
}
.pb-nav[data-orientation="row"] .pb-nav__list[data-level="0"] > .pb-nav__item.is-submenu-flipped-block > .pb-nav__submenu {
inset-block-start: auto;
inset-block-end: 100%;
}
.pb-nav[data-orientation="row"] .pb-nav__submenu > .pb-nav__item.is-submenu-flipped-inline > .pb-nav__submenu,
.pb-nav[data-orientation="column"] .pb-nav__item.is-submenu-flipped-inline > .pb-nav__submenu {
inset-inline-start: auto;
inset-inline-end: 0;
}
.pb-nav[data-orientation] .pb-nav__item.is-open > .pb-nav__submenu {
display: block;
}
.pb-nav.is-collapsed .pb-nav__submenu {
position: static;
display: none;
}
.pb-nav.is-collapsed .pb-nav__item.is-open > .pb-nav__submenu {
display: block;
}