.text-count{display:flex;justify-content:space-between;color:#7c8798;font-size:.7rem}.text-qr{display:grid;min-height:314px;place-items:center;border:1px solid #e1e7ef;border-radius:8px;background:#fbfcfe}.text-qr canvas{display:block;max-width:100%;height:auto!important}.text-empty{display:grid;max-width:220px;place-items:center;gap:.5rem;color:#718096;text-align:center}.text-empty i{color:#1464c0;font-size:2.8rem}.text-empty strong{color:#34445c}.text-empty span{font-size:.78rem}.text-summary{display:flex;align-items:flex-start;gap:.6rem;margin-top:.8rem;padding:.75rem;border-radius:7px;background:#f1f5fa;color:#5f6e83;font-size:.72rem;line-height:1.5}.text-summary i{margin-top:.15rem;color:#1464c0}.text-summary span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.text-qr.has-frame{position:relative;min-height:370px;padding:18px 18px 62px;border:6px solid currentColor;background:#fff}.text-qr.has-frame canvas{width:260px!important;height:260px!important}.text-qr.has-frame:after{content:attr(data-label);position:absolute;right:14px;bottom:12px;left:14px;padding:.55rem;border-radius:6px;background:currentColor;color:#fff;font-size:.9rem;font-weight:850;text-align:center}.text-qr.frame-blue{color:#1677ff}.text-qr.frame-coral{color:#d84e48}.text-qr.frame-dark{color:#1f2937}