AppLayout.css

.system-info[data-v-f4725d04]{display:grid;grid-template-columns:2rem auto;gap:var(--c-spacing-md);align-items:center;color:currentColor}.system-info__icon[data-v-f4725d04]{aspect-ratio:1}[data-v-f4725d04] svg{fill:currentColor;max-width:100%;height:auto}.nav-indicator[data-v-2115cac3]{--nav-item-indicator-size: .25rem ;display:inline-flex;width:var(--nav-item-indicator-size);border-radius:var(--c-radius-full);aspect-ratio:1;background-color:currentcolor}.nav-indicator[active][data-v-2115cac3]{--nav-item-indicator-size: .375rem }.edition-logo[data-v-f8b4ece7]{-webkit-user-select:none;user-select:none;border:1px solid currentColor;border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding-block:6px;padding-inline:7px 5px;line-height:8px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.dev-mode[data-v-52fa7a33]{padding:calc(var(--spacing) * 2);text-align:center;background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,var(--color-yellow-400) 12px,var(--color-yellow-400) 20px);background-color:var(--color-slate-900)}.cp-sidebar[data-v-37793606]{height:100%;width:var(--global-sidebar-width);background-color:var(--c-bg-overlay);display:grid;grid-template-rows:minmax(0,auto) 1fr minmax(0,auto)}.cp-sidebar[data-mode=docked][data-v-37793606]{position:relative;transform:0}.cp-sidebar[data-mode=floating][data-v-37793606]{position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:auto;border-radius:0 var(--c-radius-md) var(--c-radius-md) 0;box-shadow:var(--c-shadow-lg);transform:translate(0);max-width:90%;z-index:100;transition:transform .2s cubic-bezier(0,.55,.45,1)}.cp-sidebar[data-visibility=hidden][data-v-37793606]{transform:translate(-100%)}.cp-sidebar__body[data-v-37793606]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md)}.sidebar-header[data-v-37793606]{padding-block:var(--c-spacing-md);padding-inline:var(--c-spacing-md);display:flex;justify-content:space-between;align-items:center}.cp-sidebar__body[data-v-37793606]{overflow-y:scroll;background:linear-gradient(#fff 30%,#fff0) center top,linear-gradient(#fff0,#fff 70%) center bottom,linear-gradient(to bottom,#0000001a,#0000) center top,linear-gradient(to top,#0000001a,#0000) center bottom;background-repeat:no-repeat;background-size:100% 2.5rem,100% 2.5rem,100% .5rem,100% .5rem;background-attachment:local,local,scroll,scroll}.breadcrumbs[data-v-9d4a3cfc]{display:flex}.breadcrumb-item--active[data-v-9d4a3cfc]{font-weight:700;color:currentColor}.separator[data-v-9d4a3cfc]{padding:0 var(--c-spacing-md)}.cp[data-v-238a6bde]{display:grid}.cp__main[data-v-238a6bde]{container-type:size;padding-block-end:var(--c-spacing-2xl)}.cp__header[data-v-238a6bde]{color:var(--color-slate-200);background-color:var(--color-slate-950)}.container[data-v-238a6bde]{max-width:var(--global-content-width);margin:0 auto;padding-inline:var(--c-spacing-lg)}.container--full[data-v-238a6bde]{max-width:none}@media screen and (min-width:1024px){.cp[data-v-238a6bde]{grid-template-columns:var(--v97ceca52) minmax(0,1fr);grid-template-areas:"header header" "sidebar main";grid-template-rows:auto 1fr;min-height:100vh;position:fixed;inset:0;width:100%;height:100%}.cp__header[data-v-238a6bde]{grid-area:header}.cp__sidebar[data-v-238a6bde]{grid-area:sidebar}.cp__main[data-v-238a6bde]{grid-area:main;overflow:auto}}