.panelnav-overlay{background:var(--carbon-black-op-60);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1001}html.panelnav-open .panelnav-overlay{opacity:1;pointer-events:auto;visibility:visible}.panelnav-panel{background:var(--semantic-background);display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;width:100%;will-change:transform;z-index:1002}@media (min-width:576px){.panelnav-panel{max-width:420px}}.panelnav-header{align-items:center;background:var(--semantic-background);border-bottom:1px solid var(--semantic-border);display:flex;flex-shrink:0;gap:var(--baseline-2);padding:var(--baseline-2) var(--baseline-2);position:sticky;top:0;z-index:10}.panelnav-panel-title{flex:1;margin:0}.panelnav-btn-back{display:none}.panelnav-panel.has-prev-panel .panelnav-btn-back{display:inline-flex}.panelnav-content{flex:1;overflow-y:auto;padding:var(--baseline-2) var(--baseline-3)}.panelnav-list{display:flex;flex-direction:column}.panelnav-item{display:flex}.panelnav-link,.panelnav-sublink,.panelnav-trigger{align-items:center;background:transparent;border:0;color:var(--semantic-on-background);cursor:pointer;display:flex;justify-content:space-between;padding:var(--baseline-2) 0;text-align:left;text-decoration:none;width:100%}.panelnav-accordion,.panelnav-accordion-body>li,.panelnav-list>li{border-bottom:1px solid var(--semantic-border)}.panelnav-accordion:first-child{border-top:1px solid var(--semantic-border)}.panelnav-accordion-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:var(--baseline-2) 0}.panelnav-accordion-head::-webkit-details-marker{display:none}.panelnav-accordion[open] .panelnav-accordion-head .ody-icon{transform:rotate(180deg)}.panelnav-accordion-body{padding-bottom:var(--baseline-2)}.panelnav-footer{align-items:center;border-top:1px solid var(--semantic-border);display:flex;gap:var(--baseline-2);margin-top:auto;padding:var(--baseline-3) var(--baseline-3)}