div.bcard-preview{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}div.bcard-preview .bcard-os-switch{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}div.bcard-preview .bcard-os-switch button{border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;cursor:pointer;opacity:.65}div.bcard-preview .bcard-os-switch button.active{background:color-mix(in srgb,currentColor 12%,transparent);opacity:1}div.bcard-preview .bcard-pass{width:100%;max-width:340px;margin:0 auto;padding:18px 18px 20px;background:#FFFFFF;color:#0A0A0A;border:1px solid rgba(10,10,10,.1);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:14px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",var(--font-sans)}div.bcard-preview .bcard-pass-header{display:flex;align-items:center;justify-content:space-between;gap:12px}div.bcard-preview .bcard-pass-logo{height:22px;width:auto;flex-shrink:0}div.bcard-preview .bcard-pass-company{min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.bcard-preview .bcard-pass-primary{margin-top:20px;display:flex;align-items:center;gap:12px}div.bcard-preview .bcard-pass-primary-text{flex:1;min-width:0}div.bcard-preview .bcard-pass-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}div.bcard-preview .bcard-pass-label{font-size:11px;font-weight:600;color:#707070;line-height:1.3}div.bcard-preview .bcard-pass-name{font-size:26px;line-height:1.15;overflow-wrap:anywhere}div.bcard-preview .bcard-pass-value{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.bcard-preview .bcard-pass-qr{align-self:center;margin-top:6px;width:132px;height:132px;padding:8px;background:#FFFFFF;border-radius:6px}div.bcard-preview .bcard-pass-qr img{width:100%;height:100%;display:block;image-rendering:pixelated}div.bcard-preview .bcard-gpass{width:100%;max-width:340px;margin:0 auto;background:#FFFFFF;color:#1F1F1F;border:1px solid rgba(10,10,10,.1);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column;font-family:Roboto,"Google Sans",var(--font-sans)}div.bcard-preview .bcard-gpass-top{display:flex;align-items:center;gap:10px;padding:16px 18px 0;font-size:14px;font-weight:500}div.bcard-preview .bcard-gpass-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e3e3e3}div.bcard-preview .bcard-gpass-body{display:flex;flex-direction:column;gap:16px;padding:22px 18px 16px}div.bcard-preview .bcard-gpass-body-bottom{padding-top:12px;padding-bottom:20px}div.bcard-preview .bcard-gpass-sub{font-size:12px;color:#5F6368;line-height:1.3;margin-bottom:2px}div.bcard-preview .bcard-gpass-name{font-size:24px;line-height:1.2;overflow-wrap:anywhere}div.bcard-preview .bcard-gpass-label{font-size:11px;color:#5F6368;line-height:1.3}div.bcard-preview .bcard-gpass-value{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.bcard-preview .bcard-gpass-qr{align-self:center;width:148px;height:148px;padding:10px;background:#FFFFFF;border:1px solid #e3e3e3;border-radius:12px}div.bcard-preview .bcard-gpass-qr img{width:100%;height:100%;display:block;image-rendering:pixelated}div.bcard-preview .bcard-gpass-hero{display:block;width:100%;aspect-ratio:1032/336;object-fit:cover}div.bcard-preview .bcard-gpass-hero-photo{display:flex;align-items:center;justify-content:center}div.bcard-preview .bcard-gpass-hero-photo img{height:76%;aspect-ratio:1;border-radius:50%;object-fit:cover}