.saas-attendance-split{align-items:start;gap:var(--saas-space-md);grid-template-columns:minmax(240px,300px) minmax(0,1fr);display:grid}.saas-attendance-split__rail{max-block-size:calc(100vh - var(--saas-header-height) - var(--saas-space-xl));border-radius:var(--saas-radius-lg);display:grid;position:sticky;inset-block-start:var(--saas-space-md);overflow-y:auto}.saas-attendance-split__main{gap:var(--saas-space-md);min-inline-size:0;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);display:grid}.saas-attendance-split__back{justify-self:start;align-items:center;gap:var(--saas-space-2xs);min-block-size:44px;color:var(--saas-brand-strong);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;display:none}.saas-attendance-split__back svg{transform:scaleX(-1)}[dir=rtl] .saas-attendance-split__back svg{transform:none}@media (width<=1023px){.saas-attendance-split{grid-template-columns:minmax(0,1fr)}.saas-attendance-split__rail{max-block-size:none;position:static}.saas-attendance-split[data-show=main] .saas-attendance-split__rail,.saas-attendance-split[data-show=rail] .saas-attendance-split__main{display:none}.saas-attendance-split__back{display:inline-flex}.saas-attendance-split__main{padding:var(--saas-space-sm)}}