.sns-cc-wrap{margin:18px 0;border:1px solid #e3e5e8;border-radius:12px;background:#fff;overflow:hidden;font-size:14px}.sns-cc-head{display:flex;gap:10px;align-items:center;padding:14px 16px;background:#f7f8f9}.sns-cc-head strong{display:block;font-size:16px}.sns-cc-head small{display:block;color:#666;margin-top:2px}.sns-cc-icon{font-size:20px}.sns-cc-tabs{display:flex;gap:8px;padding:12px 14px 0;overflow:auto}.sns-cc-tab{border:1px solid #d8dadd;background:#fff;border-radius:999px;padding:8px 13px;white-space:nowrap;cursor:pointer}.sns-cc-tab.active{background:#111;color:#fff;border-color:#111}.sns-cc-panel{display:none;padding:14px}.sns-cc-panel.active{display:block}.sns-cc-from{font-size:13px;margin-bottom:10px}.sns-cc-from strong{font-size:17px}.sns-cc-table{border:1px solid #eceeef;border-radius:9px;overflow:hidden}.sns-cc-row{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:8px;padding:10px 12px;border-top:1px solid #eceeef;align-items:center}.sns-cc-row:first-child{border-top:0}.sns-cc-label{font-size:12px;color:#666;background:#fafafa}.sns-cc-note{display:block;color:#777;margin-top:9px;line-height:1.35}.sns-cc-compact{font-size:12px;line-height:1.35;margin-top:5px}.sns-cc-compact strong{white-space:nowrap}@media(max-width:480px){.sns-cc-wrap{border-radius:10px}.sns-cc-row{grid-template-columns:.8fr 1.1fr 1.1fr;padding:9px 8px;font-size:12px}.sns-cc-head{padding:12px}.sns-cc-panel{padding:12px}.sns-cc-tabs{padding-left:12px}.sns-cc-note{font-size:11px}}