.access-modes-module__02rfZG__root{gap:var(--s-6);display:grid}.access-modes-module__02rfZG__head{gap:var(--s-3);max-width:720px;display:grid}.access-modes-module__02rfZG__title{font-size:var(--text-4xl);line-height:1.04}.access-modes-module__02rfZG__lede{color:var(--ink-2);max-width:40em}.access-modes-module__02rfZG__board{border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);padding:clamp(16px,2.4vw,28px);display:grid}.access-modes-module__02rfZG__modes{background:var(--pp-paper-2);grid-template-rows:repeat(var(--count), 1fr);border-radius:24px;gap:8px;padding:8px;display:grid;position:relative}.access-modes-module__02rfZG__thumb{height:calc((100% - 16px - (var(--count) - 1) * 8px) / var(--count));border:var(--stroke) solid var(--line);background:var(--pp-paper);box-shadow:var(--shadow-float);transform:translateY(calc(var(--mode) * (100% + 8px)));transition:transform var(--dur-panel) var(--ease-spring);border-radius:18px;position:absolute;inset:8px 8px auto}.access-modes-module__02rfZG__mode{z-index:1;text-align:left;cursor:pointer;transition:border-color var(--dur-touch) var(--ease-physical);background:0 0;border:1px solid #0000;border-radius:18px;gap:4px;padding:16px 18px;display:grid;position:relative}.access-modes-module__02rfZG__mode:hover{background:var(--pp-paper-2)}.access-modes-module__02rfZG__mode[aria-checked=true]:hover{background:0 0;border-color:#0000}.access-modes-module__02rfZG__modeName{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--ink-2);transition:color var(--dur-move) var(--ease-physical);font-weight:600}.access-modes-module__02rfZG__mode[aria-checked=true] .access-modes-module__02rfZG__modeName{color:var(--ink)}.access-modes-module__02rfZG__modeText{font-size:var(--text-sm);color:var(--ink-3);line-height:1.5}.access-modes-module__02rfZG__matrix{align-content:start;gap:var(--s-3);display:grid}.access-modes-module__02rfZG__matrixLabel{font-size:var(--text-xs);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--ink-3);font-weight:650}.access-modes-module__02rfZG__actions{display:grid}.access-modes-module__02rfZG__action{justify-content:space-between;align-items:center;gap:var(--s-4);border-bottom:var(--stroke-hair) solid var(--pp-line-soft);min-height:52px;transition:opacity .42s var(--ease-settle), transform .52s var(--ease-settle);transition-delay:calc(80ms + var(--row) * 60ms);transition-timing-function:linear, var(--ease-spring);padding:8px 0;display:flex}@media (scripting:enabled){.access-modes-module__02rfZG__root[data-unlit] .access-modes-module__02rfZG__action{opacity:0;transform:translateY(10px)}}.access-modes-module__02rfZG__actionText{font-size:var(--text-sm);color:var(--ink)}.access-modes-module__02rfZG__chip{--h:30px;height:var(--h);border-radius:var(--r-pill);background:var(--chip-bg);color:var(--chip-ink);transition:background-color var(--dur-panel) var(--ease-physical), color var(--dur-panel) var(--ease-physical);background:0 0;flex:none;position:relative;overflow:hidden}.access-modes-module__02rfZG__roll{transform:translateY(calc(var(--v) * var(--h) * -1));transition:transform var(--dur-panel) var(--ease-spring);display:grid}.access-modes-module__02rfZG__rollItem{height:var(--h);border-radius:var(--r-pill);font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px 0 12px;font-weight:500;display:inline-flex}.access-modes-module__02rfZG__rollItem i{background:currentColor;border-radius:2px;width:8px;height:8px}.access-modes-module__02rfZG__rollItem[data-name=allow]{background:var(--pp-ink);color:var(--pp-on-ink)}.access-modes-module__02rfZG__rollItem[data-name=confirm]{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink)}.access-modes-module__02rfZG__rollItem[data-name=confirm] i{background:0 0;box-shadow:inset 0 0 0 1.5px}.access-modes-module__02rfZG__rollItem[data-name=deny]{border:1.5px dashed var(--line);color:var(--ink)}.access-modes-module__02rfZG__rollItem[data-name=deny] i{background:linear-gradient(45deg,#0000 40%,currentColor 40% 60%,#0000 60%),linear-gradient(-45deg,#0000 40%,currentColor 40% 60%,#0000 60%);border-radius:0}.access-modes-module__02rfZG__note{margin-top:var(--s-2);font-size:var(--text-xs);color:var(--ink-3);line-height:1.6}@media (max-width:900px){.access-modes-module__02rfZG__board{grid-template-columns:1fr}}@media (max-width:520px){.access-modes-module__02rfZG__action{flex-direction:column;align-items:flex-start;gap:6px}}
