.cp.ap .ap-stage .ap-sidebar{container-type:inline-size;width:min(100%,680px);margin-inline:auto}.cp.ap .ap-stage .ap-sidebar__frame{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:520px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);background:var(--ap-surface);box-shadow:var(--ap-shadow-md);color:var(--ap-text)}.cp.ap .ap-stage .ap-sidebar__panel{display:flex;flex-direction:column;gap:10px;width:236px;padding:14px 12px 12px;border-inline-end:1px solid var(--ap-border);border-radius:var(--ap-radius-lg) 0 0 var(--ap-radius-lg);background:var(--ap-surface-2);transition:width .2s var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar__brand{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 6px 6px;font-weight:700}.cp.ap .ap-stage .ap-sidebar__logo{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--ap-radius-sm);background:var(--ap-accent);color:var(--ap-on-accent)}.cp.ap .ap-stage .ap-sidebar__logo svg{width:18px;height:18px;fill:currentColor}.cp.ap .ap-stage .ap-sidebar__nav{flex:1;padding-bottom:10px;border-bottom:1px solid var(--ap-border)}.cp.ap .ap-stage .ap-sidebar__list,.cp.ap .ap-stage .ap-sidebar__sub{display:grid;gap:2px;margin:0;padding:0;list-style:none}.cp.ap .ap-stage .ap-sidebar__link,.cp.ap .ap-stage .ap-sidebar__toggle,.cp.ap .ap-stage .ap-sidebar__collapse{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:var(--ap-target);padding:0 10px 0 12px;border:0;border-radius:var(--ap-radius-sm);background:transparent;color:var(--ap-text-2);font:inherit;font-size:.9375rem;font-weight:500;text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--ap-duration) var(--ap-ease),color var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar__link:hover,.cp.ap .ap-stage .ap-sidebar__toggle:hover,.cp.ap .ap-stage .ap-sidebar__collapse:hover,.cp.ap .ap-stage .ap-sidebar__sublink:hover{background:var(--ap-surface-3);color:var(--ap-text)}.cp.ap .ap-stage .ap-sidebar__link:focus-visible,.cp.ap .ap-stage .ap-sidebar__toggle:focus-visible,.cp.ap .ap-stage .ap-sidebar__collapse:focus-visible,.cp.ap .ap-stage .ap-sidebar__sublink:focus-visible{outline:2px solid var(--ap-focus);outline-offset:-2px}.cp.ap .ap-stage .ap-sidebar__icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.cp.ap .ap-stage .ap-sidebar__flip{transform-box:fill-box;transform-origin:center;transition:transform .2s var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp.ap .ap-stage .ap-sidebar__chevron{width:16px;height:16px;flex-shrink:0;margin-inline-start:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar__toggle[aria-expanded=true] .ap-sidebar__chevron{transform:rotate(180deg)}.cp.ap .ap-stage .ap-sidebar__sub{position:relative;margin:2px 0 6px;padding-inline-start:22px}.cp.ap .ap-stage .ap-sidebar__sub:before{content:"";position:absolute;inset-block:4px;inset-inline-start:21px;border-inline-start:1px solid var(--ap-border-strong);opacity:.5}.cp.ap .ap-stage .ap-sidebar__sublink{position:relative;display:flex;align-items:center;min-height:38px;padding:0 10px 0 18px;border-radius:var(--ap-radius-sm);color:var(--ap-text-2);font-size:.9rem;text-decoration:none;transition:background-color var(--ap-duration) var(--ap-ease),color var(--ap-duration) var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar__link[aria-current=page],.cp.ap .ap-stage .ap-sidebar__sublink[aria-current=page]{background:var(--ap-accent-soft);color:var(--ap-accent-soft-text);font-weight:650}.cp.ap .ap-stage .ap-sidebar__link[aria-current=page]:before,.cp.ap .ap-stage .ap-sidebar__sublink[aria-current=page]:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:var(--ap-radius-full);background:var(--ap-accent)}.cp.ap .ap-stage .ap-sidebar__group:has([aria-current=page])>.ap-sidebar__toggle{color:var(--ap-text);font-weight:650}.cp.ap .ap-stage .ap-sidebar__collapse{color:var(--ap-text-3)}.cp.ap .ap-stage .ap-sidebar__main{min-width:0;padding:26px 28px}.cp.ap .ap-stage .ap-sidebar__crumb{margin:0 0 4px;color:var(--ap-text-3);font-size:.8125rem;font-weight:600}.cp.ap .ap-stage .ap-sidebar__page{margin:0 0 8px;font-size:1.375rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.cp.ap .ap-stage .ap-sidebar__hint{margin:0 0 22px;max-width:36ch;color:var(--ap-text-2);line-height:1.55}.cp.ap .ap-stage .ap-sidebar__mock{display:grid;gap:10px}.cp.ap .ap-stage .ap-sidebar__mock span{display:block;height:44px;border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);background:linear-gradient(90deg,var(--ap-surface-2) 0 30%,transparent 30% 36%,var(--ap-surface-2) 36% 58%,transparent 58%);background-size:calc(100% - 24px) 10px;background-position:12px center;background-repeat:no-repeat}.cp.ap .ap-stage .ap-sidebar__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__panel{width:68px}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__link,.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__toggle,.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__collapse{justify-content:center;padding:0}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__brand{justify-content:center;padding-inline:0}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__chevron{display:none}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__flip{transform:scaleX(-1)}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__group:has([aria-current=page])>.ap-sidebar__toggle{background:var(--ap-accent-soft);color:var(--ap-accent-soft-text)}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__group:has([aria-current=page])>.ap-sidebar__toggle:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:var(--ap-radius-full);background:var(--ap-accent)}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cp.ap .ap-stage .ap-sidebar--rail :is(.ap-sidebar__link,.ap-sidebar__toggle,.ap-sidebar__collapse):is(:hover,:focus-visible):not([data-quiet]) .ap-sidebar__text{z-index:3;inset-inline-start:calc(100% + 10px);top:50%;width:auto;height:auto;overflow:visible;clip-path:none;padding:6px 10px;border-radius:var(--ap-radius-sm);background:var(--ap-text);box-shadow:var(--ap-shadow-md);color:var(--ap-surface);font-size:.8125rem;font-weight:600;line-height:1.3;transform:translateY(-50%);animation:ap-sidebar-tip .12s var(--ap-ease)}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__text:before{content:"";position:absolute;inset-block:0;inset-inline-end:100%;width:12px}@container (max-width: 520px){.cp.ap .ap-stage .ap-sidebar:not(.ap-sidebar--rail) .ap-sidebar__frame{grid-template-columns:minmax(0,1fr)}.cp.ap .ap-stage .ap-sidebar:not(.ap-sidebar--rail) .ap-sidebar__panel{width:auto;border-inline-end:0;border-bottom:1px solid var(--ap-border);border-radius:var(--ap-radius-lg) var(--ap-radius-lg) 0 0}.cp.ap .ap-stage .ap-sidebar__main{padding:20px}}@keyframes ap-sidebar-tip{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.cp.ap .ap-stage .ap-sidebar__panel,.cp.ap .ap-stage .ap-sidebar__flip,.cp.ap .ap-stage .ap-sidebar__chevron,.cp.ap .ap-stage .ap-sidebar__link,.cp.ap .ap-stage .ap-sidebar__toggle,.cp.ap .ap-stage .ap-sidebar__collapse,.cp.ap .ap-stage .ap-sidebar__sublink{transition:none}.cp.ap .ap-stage .ap-sidebar--rail .ap-sidebar__text{animation:none}}