.social-comments-overlay{z-index:350;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1020a6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.social-comments-dialog{background:#fff;border-radius:20px;grid-template-rows:auto auto 1fr auto auto;width:min(640px,100%);height:min(760px,100dvh - 44px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0006}.social-comments-dialog>header{border-bottom:1px solid #e7e9ed;align-items:center;min-height:62px;padding:0 18px;display:flex}.social-comments-dialog>header>div{flex:1;gap:2px;display:grid}.social-comments-dialog>header>b{font-size:17px}.social-comments-dialog>header small{color:#757d8c}.social-comments-dialog>header>button{background:#f0f2f5;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.social-comments-source{background:#fbfbfc;border-bottom:1px solid #eceef2;align-items:center;gap:11px;padding:12px 18px;display:flex}.social-comments-source>img{object-fit:cover;border-radius:9px;flex:none;width:52px;height:52px}.social-comments-source>span{min-width:0}.social-comments-source b{font-size:13px}.social-comments-source p{color:#5f6879;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.social-comments-dialog>main{padding:17px 18px;overflow-y:auto}.social-comments-dialog>main>article{grid-template-columns:36px 1fr;gap:9px;margin-bottom:13px;display:grid}.social-comments-dialog>main>article.reply{margin-left:42px}.social-comments-dialog>main>article>span,.social-comments-dialog>form>span{color:#fff;background:#e6432c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.social-comments-dialog img{object-fit:cover;width:100%;height:100%}.social-comments-dialog>main article p{overflow-wrap:anywhere;background:#f0f2f5;border-radius:15px;width:max-content;max-width:100%;margin:0;padding:9px 12px;line-height:1.45}.social-comments-dialog>main article p b{margin-bottom:2px;font-size:12px;display:block}.social-comments-dialog>main article small{color:#78808f;margin:4px 0 0 10px;font-size:10px;display:block}.social-comments-dialog>main article small button{color:#596273;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.social-comments-state{text-align:center;color:#747d8c;padding:60px 10px}.social-comments-reply{color:#606a7b;background:#f7f8fa;gap:4px;padding:7px 18px;font-size:11px;display:flex}.social-comments-reply button{background:0 0;border:0;margin-left:auto}.social-comments-dialog>form{background:#fff;border-top:1px solid #e5e8ed;align-items:center;gap:9px;padding:10px 14px;display:flex}.social-comments-dialog>form>span{width:34px;height:34px}.social-comments-dialog>form input{background:#f0f2f5;border:0;border-radius:21px;outline:0;flex:1;min-width:0;height:40px;padding:0 14px}.social-comments-dialog>form>button{color:#fff;background:#e91525;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.social-comments-dialog>form svg{width:16px}.social-comments-dialog>form button:disabled{opacity:.4}.social-comments-error{color:#b42318;background:#fff2f3;margin:0;padding:7px 18px;font-size:12px}@media (max-width:760px){.social-comments-overlay{place-items:end center;padding:0}.social-comments-dialog{border-radius:20px 20px 0 0;width:100%;height:88dvh}.social-comments-dialog>main{padding:14px}.social-comments-source{padding:10px 14px}.social-comments-dialog>main>article.reply{margin-left:28px}}.social-comment-image{object-fit:cover;border-radius:11px;max-height:360px;margin-top:7px;display:block;width:min(320px,100%)!important;height:auto!important}.social-comment-preview{background:#fff;padding:8px 16px 0;position:relative}.social-comment-preview img{object-fit:cover;border-radius:10px;width:72px;height:72px}.social-comment-preview button{color:#fff;background:#273043;border:0;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;left:74px}.social-comments-dialog>form>.social-comment-photo{color:#e91525;background:#fff0f1;flex:none;width:34px;height:34px}.social-comments-dialog>form>.social-comment-photo svg{width:17px}.social-comments-dialog>main article small button.liked{color:#e91525;font-weight:900}