| 1 |
.bbpc-stats-skeleton{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.bbpc-stats-skeleton__card{animation:bbpc-stats-shimmer 1.5s ease-in-out infinite;background:#f0f0f0;border-radius:12px;padding:24px;text-align:center}.bbpc-stats-skeleton__icon{background:#e0e0e0;border-radius:50%;height:40px;margin:0 auto 12px;width:40px}.bbpc-stats-skeleton__count{background:#e0e0e0;border-radius:4px;height:24px;margin:0 auto 8px;width:60%}.bbpc-stats-skeleton__label{background:#e0e0e0;border-radius:4px;height:14px;margin:0 auto;width:50%}@keyframes bbpc-stats-shimmer{0%,to{opacity:1}50%{opacity:.5}}.bbpc-color-label{font-weight:500;margin-bottom:4px}.bbpc-pro-block-overlay-wrap{border-radius:12px;min-height:160px;overflow:hidden;position:relative}.bbpc-pro-block-preview{opacity:.35;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bbpc-pro-block-overlay{align-items:center;backdrop-filter:blur(3px);background:hsla(0,0%,100%,.55);border-radius:12px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.bbpc-pro-block-overlay__badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;box-shadow:0 2px 8px rgba(99,102,241,.35);color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:18px;margin-bottom:12px;padding:5px 16px;text-transform:uppercase}.bbpc-pro-block-overlay__text{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 16px}.bbpc-pro-block-overlay__btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff!important;display:inline-block;font-size:13px;font-weight:600;padding:10px 28px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.bbpc-pro-block-overlay__btn:hover{box-shadow:0 6px 16px rgba(99,102,241,.4);transform:translateY(-1px)}.bbpc-pro-mock-stats{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:24px}.bbpc-pro-mock-stats__card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:28px 16px;text-align:center}.bbpc-pro-mock-stats__icon{font-size:28px;line-height:1;margin-bottom:10px}.bbpc-pro-mock-stats__count{color:#111827;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.bbpc-pro-mock-stats__label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase} |
