/* Chainbey Social service: illustrative community product artwork.
   This asset is only loaded on /services/social. */
.site-page--detail-social .cb-social-service-demo{position:relative;min-height:405px;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(circle at 60% 46%,rgba(0,209,115,.12),transparent 61%);isolation:isolate}
.site-page--detail-social .cb-social-service-community{position:relative;z-index:2;width:min(100%,520px);border:1px solid #355344;background:linear-gradient(145deg,#152530,#101921);border-radius:19px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.33),0 0 50px rgba(0,209,115,.08);transform:rotate(-1.5deg)}
.site-page--detail-social .cb-social-service-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 20px;color:#a7ead0;border-bottom:1px solid #2c453e;font-size:11px;font-weight:850;letter-spacing:1px}
.site-page--detail-social .cb-social-service-top i{color:#00d173;margin-right:5px}
.site-page--detail-social .cb-social-service-online{font-size:9px;color:#a1b8ab;letter-spacing:.7px}
.site-page--detail-social .cb-social-service-online i{font-size:7px}
.site-page--detail-social .cb-social-service-thread{padding:19px 19px 13px}
.site-page--detail-social .cb-social-service-author{display:flex;align-items:center;gap:11px}
.site-page--detail-social .cb-social-service-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#185c42;color:#bcffe0}
.site-page--detail-social .cb-social-service-author>div{flex:1;min-width:0}
.site-page--detail-social .cb-social-service-author strong,.site-page--detail-social .cb-social-service-author small{display:block}
.site-page--detail-social .cb-social-service-author strong{color:#f0fff8;font-size:12px}
.site-page--detail-social .cb-social-service-author small{color:#93aca1;font-size:9px;margin-top:4px}
.site-page--detail-social .cb-social-service-author>i{color:#799d8e;font-size:15px}
.site-page--detail-social .cb-social-service-message{font-size:13px;line-height:1.6;color:#d7e7df;margin:15px 0}
.site-page--detail-social .cb-social-service-chips{display:flex;gap:8px;flex-wrap:wrap}
.site-page--detail-social .cb-social-service-chips span{font-size:9px;color:#a6bcaf;padding:6px 9px;border:1px solid #314a40;border-radius:16px}
.site-page--detail-social .cb-social-service-chips i{margin-right:3px;color:#6bd4a0}
.site-page--detail-social .cb-social-service-signal{margin:4px 19px 19px;background:#0d1c24;border:1px solid #2c6161;border-radius:11px;overflow:hidden}
.site-page--detail-social .cb-social-service-signal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;color:#96dddd;font-size:10px;font-weight:800;letter-spacing:.65px;border-bottom:1px solid #2a4649;background:#102631}
.site-page--detail-social .cb-social-service-signal-head b{font-size:8px;color:#9eb4b5}
.site-page--detail-social .cb-social-service-signal-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px}
.site-page--detail-social .cb-social-service-signal-values>div{min-width:0;background:#182a32;padding:10px 7px;border:1px solid #35505a;border-radius:7px}
.site-page--detail-social .cb-social-service-signal-values>div:nth-child(2){background:#2a222c;border-color:#61454e}
.site-page--detail-social .cb-social-service-signal-values>div:nth-child(3){background:#152e28;border-color:#2f5e4d}
.site-page--detail-social .cb-social-service-signal-values small{display:block;font-size:8px;color:#aabbbb}
.site-page--detail-social .cb-social-service-signal-values strong{display:block;font-size:10px;color:#e5f3ec;margin-top:5px;font-weight:800}
.site-page--detail-social .cb-social-service-signal-foot{border-top:1px solid #2a454a;color:#9dbeb0;padding:10px 12px;font-size:9px}
.site-page--detail-social .cb-social-service-signal-foot i{color:#79d8ad;margin-right:3px}
.site-page--detail-social .cb-social-service-bottom{padding:12px 19px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2b433d;color:#8faea1;font-size:9px}
.site-page--detail-social .cb-social-service-bottom i{color:#70d8a4}
.site-page--detail-social .cb-social-service-float{position:absolute;z-index:3;color:#d7f7e6;background:#1b342c;border:1px solid #3e7758;box-shadow:0 13px 35px #0005;border-radius:9px;padding:11px 13px;font-weight:750;font-size:10px}
.site-page--detail-social .cb-social-service-float i{color:#00d173;margin-right:5px}
.site-page--detail-social .cb-social-service-float-a{right:-1%;top:8%;transform:rotate(4deg)}
.site-page--detail-social .cb-social-service-float-b{left:0;bottom:5%;transform:rotate(-3deg)}
@media(max-width:640px){.site-page--detail-social .cb-social-service-demo{min-height:320px;padding:12px 0 28px}.site-page--detail-social .cb-social-service-community{transform:none}.site-page--detail-social .cb-social-service-float{display:none}.site-page--detail-social .cb-social-service-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){.site-page--detail-social .cb-social-service-community,.site-page--detail-social .cb-social-service-float{transform:none}}