.pp-pass{box-sizing:border-box;width:320px;max-width:100%;outline:1px solid rgba(128,128,128,.35);outline-offset:-1px;min-height:420px;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--pp-bg);color:var(--pp-fg);font:14px/1.3 -apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.pp-pass *{box-sizing:border-box}
.pp-apple{border-radius:12px}
.pp-google{border-radius:24px;font-family:"Google Sans",Roboto,"Segoe UI",sans-serif}
.pp-top{display:flex;align-items:center;gap:8px;min-height:32px}
.pp-logo{width:28px;height:28px;border-radius:50%;object-fit:cover}
.pp-apple .pp-logo{width:auto;max-width:40%;border-radius:0;object-fit:contain}
.pp-apple .pp-top-logo .pp-logo{height:36px;max-width:62%}
.pp-top-logo .pp-headers{margin-left:auto}
.pp-strip{display:block;width:calc(100% + 32px);margin:0 -16px;max-height:150px;object-fit:cover}
.pp-kind-membership .pp-strip{width:72px;height:72px;margin:0 0 0 auto;border-radius:6px}
.pp-google .pp-strip{margin-bottom:-16px;border-radius:0 0 24px 24px}
.pp-google{overflow:hidden}
.pp-brand{font-size:16px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-headers{display:flex;gap:12px;text-align:right}
.pp-field{display:flex;flex-direction:column;min-width:0}
.pp-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-label);font-weight:600}
.pp-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-primary .pp-value{font-size:28px;font-weight:300;white-space:normal;line-height:1.15}
.pp-google .pp-primary .pp-value{font-size:24px;font-weight:400}
.pp-google .pp-grid .pp-value{white-space:normal;overflow-wrap:anywhere}
.pp-row{display:flex;gap:16px;justify-content:space-between}
.pp-row:empty{display:none}
.pp-row .pp-field:last-child:not(:first-child){text-align:right}
.pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.pp-grid:empty{display:none}
.pp-barcode{margin-top:auto;align-self:center;background:#fff;color:#0e0f12;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;max-width:100%}
.pp-barcode span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-code-real{width:120px;height:120px}
.pp-code-real svg{display:block;width:100%;height:100%}
.pp-code{width:120px;height:120px;background:conic-gradient(#0e0f12 25%,#fff 0 50%,#0e0f12 0 75%,#fff 0) 0 0/12px 12px}
.pp-code-pdf417,.pp-code-code128{width:220px;height:56px;background:repeating-linear-gradient(90deg,#0e0f12 0 2px,#fff 2px 3px,#0e0f12 3px 4px,#fff 4px 7px)}