/* One commenting composer for ALL standalone stories and articles. */
body:has(.rb-post-shell) #socialThread{--comment-accent:#ec599f}
body:has(.rb-post-shell) #socialThread .st-main-form{position:relative!important;display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important;margin:0!important}
body:has(.rb-post-shell) #socialThread .st-form-title{display:block!important;margin:0 0 1px!important;text-align:right!important;font-size:14px!important;font-weight:850!important;line-height:1.6!important;color:#ffeaf4!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-row{display:grid!important;direction:rtl!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:minmax(100px,auto) 47px!important;grid-template-areas:"input input" "send tools"!important;align-items:center!important;column-gap:0!important;row-gap:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:1px solid #a84d80!important;border-radius:13px!important;background:#221026!important;overflow:visible!important;box-sizing:border-box!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-textarea{grid-area:input!important;order:initial!important;display:block!important;box-sizing:border-box!important;align-self:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:100px!important;height:100px!important;max-height:260px!important;margin:0!important;padding:14px 15px!important;border:0!important;border-bottom:1px solid #733658!important;border-radius:12px 12px 0 0!important;outline:none!important;box-shadow:none!important;background:transparent!important;line-height:1.8!important;font-size:14px!important;resize:vertical!important;overflow-y:auto!important;color:#fff1f8!important;direction:rtl!important;text-align:right!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-textarea:focus{box-shadow:inset 0 0 0 1px #e876b0!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-send{grid-area:send!important;order:initial!important;display:grid!important;place-items:center!important;width:49px!important;min-width:49px!important;height:45px!important;min-height:45px!important;max-height:45px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0 0 11px 0!important;background:linear-gradient(130deg,#ed589b,#b72a79)!important;color:#fff!important;cursor:pointer!important;transform:none!important;box-shadow:none!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-send:hover{filter:brightness(1.15)!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar{grid-area:tools!important;order:initial!important;display:flex!important;direction:ltr!important;align-items:center!important;justify-content:flex-start!important;justify-self:stretch!important;gap:5px!important;flex:auto!important;min-width:0!important;max-width:100%!important;height:45px!important;min-height:45px!important;margin:0!important;padding:4px 9px!important;border:0!important;background:transparent!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar>button{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;margin:0!important;border:1px solid #744062!important;border-radius:9px!important;background:#48203f!important;color:#f5d6e9!important;cursor:pointer!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;color:#fbe0ef!important;background:#48203f!important;border:1px solid #744062!important;font-size:22px!important}
body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar button:hover,body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar button:focus-visible{background:#8e366e!important;border-color:#ff9acc!important;outline:none!important}
body:has(.rb-post-shell) #socialThread #rbEmojiPicker{position:absolute!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;direction:rtl!important;bottom:53px!important;top:auto!important;left:0!important;right:auto!important;width:min(340px,100%)!important;max-width:100%!important;max-height:185px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important;padding:10px!important;z-index:40!important;border:1px solid #d864a3!important;border-radius:13px!important;background:#391733!important;box-shadow:0 10px 30px #0e0510cc!important}
body:has(.rb-post-shell) #socialThread #rbEmojiPicker[hidden]{display:none!important}
body:has(.rb-post-shell) #socialThread #rbEmojiPicker .st-emoji{display:grid!important;place-items:center!important;flex:0 0 39px!important;width:39px!important;height:36px!important;min-height:36px!important;font-size:21px!important;line-height:1!important;padding:3px!important;margin:0!important;border:1px solid #70415b!important;border-radius:9px!important;background:#542140!important}
body:has(.rb-post-shell) #socialThread #rbEmojiPicker .st-emoji:hover{background:#873463!important;border-color:#f083b6!important}
body:has(.rb-post-shell) #socialThread .rb-ref-attach-status{display:block!important;max-width:100%!important;margin:0!important;padding:8px 10px!important;color:#ffcee7!important;border:1px solid #a44e7a!important;border-radius:9px!important;background:#3b1a33!important;font-size:12px!important;overflow-wrap:anywhere!important}
body:has(.rb-post-shell) #socialThread .rb-ref-attach-status[hidden]{display:none!important}
body:has(.rb-post-shell) #socialThread .st-compose{padding-top:14px!important;margin-top:13px!important}
body:has(.rb-post-shell) #socialThread .st-empty{padding:17px!important;margin:9px 0 0!important}
body:has(.rb-post-shell) #socialThread .st-thread-item{min-height:0!important}
body:has(.rb-post-shell) #socialThread .st-comment-head .st-author{display:inline-flex!important;align-items:center!important;gap:4px!important;unicode-bidi:plaintext!important}
body:has(.rb-post-shell) #socialThread .st-comment-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
body:has(.rb-post-shell) #socialThread .st-comment-actions button{min-height:27px!important;padding:3px 6px!important;border-radius:8px!important}
body:has(.rb-post-shell) #socialThread .st-comment-actions .rb-ref-selected-reaction{background:#7e2f60!important;color:#fff!important}
body:has(.rb-post-shell) #socialThread .st-status:empty{display:none!important}
@media(max-width:600px){body:has(.rb-post-shell) #socialThread .rb-ref-compose-row{grid-template-rows:minmax(90px,auto) 44px!important;grid-template-columns:45px minmax(0,1fr)!important}body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-textarea{height:90px!important;min-height:90px!important;font-size:13px!important}body:has(.rb-post-shell) #socialThread .rb-ref-compose-row>.st-send{width:44px!important;min-width:44px!important;height:42px!important;min-height:42px!important}body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar{height:43px!important;min-height:43px!important;gap:3px!important;padding:3px 6px!important}body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar>button,body:has(.rb-post-shell) #socialThread .rb-ref-compose-toolbar .rb-ref-emoji-toggle{flex-basis:33px!important;width:33px!important;min-width:33px!important;height:34px!important;min-height:34px!important}body:has(.rb-post-shell) #socialThread #rbEmojiPicker{width:min(300px,100%)!important}}
