.saas-portal-split{align-items:start;gap:var(--saas-space-sm);grid-template-columns:minmax(0,1fr) auto minmax(240px,280px);display:grid}.saas-portal-split[data-hidden=true]{grid-template-columns:minmax(0,1fr) auto}.saas-portal-split__main,.saas-portal-split__aside{gap:var(--saas-space-md);min-inline-size:0;display:grid}.saas-portal-split__aside{animation:saas-portal-split-in var(--saas-motion-panel) var(--saas-ease-standard);position:sticky;inset-block-start:var(--saas-space-md)}.saas-portal-split__aside[hidden]{display:none}.saas-portal-split__divider{align-content:start;justify-items:center;gap:var(--saas-space-sm);min-block-size:120px;background:linear-gradient(var(--saas-border-default), var(--saas-border-default)) center / 1px 100% no-repeat;align-self:stretch;padding-block-start:var(--saas-space-xl);display:grid;position:sticky;inset-block-start:var(--saas-space-md)}.saas-portal-split__toggle{border:1px solid var(--saas-brand-primary);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);block-size:32px;inline-size:32px;color:var(--saas-brand-primary);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), transform var(--saas-motion-micro) var(--saas-ease-standard);place-items:center;display:grid}.saas-portal-split__toggle:hover{background:var(--saas-brand-subtle)}.saas-portal-split__toggle:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-portal-split[data-hidden=true] .saas-portal-split__toggle,[dir=rtl] .saas-portal-split__toggle{transform:scaleX(-1)}[dir=rtl] .saas-portal-split[data-hidden=true] .saas-portal-split__toggle{transform:none}.saas-portal-split__rail{border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);block-size:32px;inline-size:32px;color:var(--saas-text-secondary);place-items:center;display:grid;position:relative}.saas-portal-split__badge{min-inline-size:18px;padding-inline:var(--saas-space-2xs);border-radius:var(--saas-radius-full);background:var(--saas-status-danger-fill);color:var(--saas-brand-on-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-caption);text-align:center;font-weight:600;line-height:18px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}@keyframes saas-portal-split-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.saas-portal-split__aside{animation:none}}@media (width<=1023px){.saas-portal-split,.saas-portal-split[data-hidden=true]{grid-template-columns:minmax(0,1fr)}.saas-portal-split__divider{display:none}.saas-portal-split__aside,.saas-portal-split__aside[hidden]{order:-1;display:grid;position:static}}