@layer components{.pk-permission-matrix__columns,.pk-permission-matrix__row{padding:var(--pk-2) var(--pk-3) var(--pk-2) var(--pk-5);grid-template-columns:1fr 3rem 3rem 2.25rem;align-items:center;display:grid}.pk-permission-matrix__header{border-bottom:1px solid var(--pk-line);background:var(--pk-surface-sunk)}.pk-permission-matrix__columns{padding-block:var(--pk-2) 0;font-size:var(--pk-text-2xs);color:var(--pk-ink-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.pk-permission-matrix__cell--read{grid-column:2;justify-self:center}.pk-permission-matrix__cell--write{grid-column:3;justify-self:center}span.pk-permission-matrix__cell{min-height:1.25rem;color:var(--pk-accent);place-items:center;display:inline-grid}span.pk-permission-matrix__cell>svg{width:1rem;height:1rem}.pk-permission-matrix__row>.pk-btn{grid-column:4;justify-self:end}.pk-permission-matrix__name{display:grid}.pk-permission-matrix__areas,.pk-permission-matrix__permissions{margin:0;padding:0;list-style:none}.pk-permission-matrix__area+.pk-permission-matrix__area{border-top:1px solid var(--pk-line-soft)}.pk-permission-matrix__chevron{transition:transform var(--pk-dur-fast)}[aria-expanded=true]>.pk-permission-matrix__chevron{transform:rotate(180deg)}.pk-permission-matrix__permissions{padding-bottom:var(--pk-2)}.pk-permission-matrix__permissions>.pk-permission-matrix__row{padding-block:var(--pk-1);padding-left:calc(var(--pk-5) + var(--pk-4))}@media (width<=48rem){.pk-permission-matrix__columns,.pk-permission-matrix__row{padding-left:var(--pk-4)}.pk-permission-matrix__permissions>.pk-permission-matrix__row{padding-left:calc(var(--pk-4) + var(--pk-4))}}}