.permission-panel{border:1px dashed color-mix(in oklab, var(--line) 55%, transparent);background:color-mix(in oklab, var(--sand) 30%, transparent);border-radius:12px;flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.permission-panel-kicker{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--kicker);margin:0;font-size:.62rem;font-weight:600}.permission-panel-flags{flex-wrap:wrap;gap:.35rem;display:flex}.permission-pill{appearance:none;border:1px solid color-mix(in oklab, var(--line) 55%, transparent);color:var(--sea-ink-soft);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:.22rem .7rem;font-size:.7rem;font-weight:600;transition:background-color .24s,color .24s,border-color .24s;display:inline-flex}.permission-pill:hover{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon-deep) 45%, transparent)}.permission-pill.is-active{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon-deep) 50%, transparent);background:color-mix(in oklab, var(--lagoon-deep) 10%, transparent)}.permission-pill:disabled{opacity:.45;cursor:not-allowed}.permission-panel-error{background:color-mix(in oklab, var(--sea-ink) 6%, transparent);color:var(--sea-ink);font-family:var(--font-sans);border-radius:8px;margin:0;padding:.4rem .75rem;font-size:.78rem;line-height:1.3}