.pban-picker{margin-top:6px;max-height:268px;overflow-y:auto;padding:8px;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--fill)}.pban-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-gap:7px;gap:7px}.pban-section{display:flex;align-items:baseline;gap:8px;margin:12px 2px 7px}.pban-section:first-child{margin-top:4px}.pban-section__lbl{font-size:var(--t-2xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.pban-section__hint{font-size:var(--t-2xs);color:var(--text-3);font-style:italic}.pban-cell{position:relative;display:block;width:100%;aspect-ratio:16/7;padding:0;border:2px solid transparent;border-radius:var(--r-xs);overflow:hidden;cursor:pointer;background:var(--fill-2);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.pban-cell:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.14)}.pban-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pban-cell svg{display:block;width:100%;height:100%}.pban-cell--on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.pban-cell__check{position:absolute;top:4px;right:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.pban-cell--default{display:grid;place-items:center;aspect-ratio:16/7;grid-gap:3px;gap:3px;font-size:var(--t-2xs);color:var(--text-3);background:repeating-linear-gradient(45deg,var(--fill-2),var(--fill-2) 6px,transparent 6px,transparent 12px)}.pban-cell--default .pban-cell__lbl{line-height:1.1;text-align:center;padding:0 4px}