/* One dialog system across feed, profile, story and registration. */
body.lm-dialog-open{overflow:hidden!important}
.lm-compose-overlay,.lm-compose{transition:none!important;animation:none!important}
.lm-compose-overlay,.lm-modal-overlay,.lm-register-overlay,.page-index>.lm-modal,.page-index .container>.lm-modal{padding:24px!important;background:rgba(0,0,0,.72)!important;backdrop-filter:none!important;z-index:10000!important}
.lm-compose,.lm-modal .modal-box,.lm-modal-overlay>.lm-modal,.lm-register-modal{
 position:relative;max-width:100%;max-height:calc(100dvh - 48px)!important;overflow:auto;overscroll-behavior:contain;
 padding:28px!important;border:1px solid #333!important;border-radius:16px!important;background:#080808!important;
 color:#f2f2f2!important;box-shadow:0 24px 80px #0008!important;backdrop-filter:none!important;
 font-family:"Manrope",system-ui,sans-serif!important;scrollbar-width:thin;scrollbar-color:#444 #080808;
}
.lm-modal .modal-box:hover{transform:none!important;box-shadow:0 24px 80px #0008!important}
.lm-compose{width:min(640px,100%)}
.lm-modal .modal-box,.lm-modal-overlay>.lm-modal{width:min(500px,100%)}
.lm-register-modal{width:min(580px,100%)}
:is(.lm-compose,.modal-box,.lm-modal-overlay>.lm-modal,.lm-register-modal) :is(h2,h3){
 margin:0 44px 16px 0!important;font:800 24px/1.3 "Manrope",system-ui,sans-serif!important;
 letter-spacing:-.035em!important;color:#f2f2f2!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
 text-align:left!important;
}
:is(.modal-box,.lm-modal-overlay>.lm-modal,.lm-register-modal)>p{font-size:14px!important;line-height:1.7!important;color:#aaa!important}
.lm-compose-close,.modal-box>.close-btn,.lm-modal-close,.lm-register-close{
 position:absolute!important;inset:16px 16px auto auto!important;display:grid!important;place-items:center!important;
 width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
 background:transparent!important;color:#aaa!important;font:26px/1 system-ui!important;box-shadow:none!important;cursor:pointer;
}
.lm-compose-close:hover,.modal-box>.close-btn:hover,.lm-modal-close:hover,.lm-register-close:hover{color:white!important;background:#202020!important;transform:none!important}
.lm-modal-close svg{width:18px;height:18px}
.lm-compose-head{display:block!important;margin:0!important}.lm-compose-icon,.lm-compose-head .lm-eyebrow,.lm-anonymous-promise{display:none!important}
.lm-compose-head p{max-width:520px;margin:0 0 24px!important;color:#999!important;font-size:13px!important;line-height:1.7}
.lm-form-grid{grid-template-columns:1fr!important}
.lm-compose form,.modal-box form{gap:16px!important}
.lm-compose label,.modal-box label{font:600 13px/1.6 "Manrope",system-ui,sans-serif!important;color:#bbb!important}
:is(.lm-compose,.modal-box,.lm-modal-overlay) :is(input:not([type=checkbox]):not([type=hidden]),textarea,select){
 min-width:0;width:100%;margin:6px 0 0!important;padding:12px 14px!important;border:1px solid #353535!important;
 border-radius:8px!important;background:#000!important;color:#eee!important;box-shadow:none!important;font:16px/1.5 "Manrope",system-ui,sans-serif!important;
}
.lm-compose textarea{min-height:170px!important;max-height:320px;resize:vertical}
.modal-box textarea,.lm-modal-overlay textarea{min-height:110px;resize:vertical}
.lm-compose .lm-anonymous-choice{padding:16px 0!important;border-width:1px 0!important;border-color:#292929!important;border-radius:0!important;background:none!important}
.lm-anonymous-choice small{color:#999!important;font-size:12px!important}.lm-anonymous-choice:focus-within{outline:2px solid #f05aa3;outline-offset:3px}
.lm-compose-footer{align-items:center!important;gap:16px!important;padding-top:4px!important;flex-wrap:nowrap!important}.lm-compose-footer input{margin:0!important;flex:1;height:48px}
.lm-modal-actions,.delete-modal-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap;margin-top:24px!important}
.modal-box button:not(.close-btn),.lm-compose .lm-primary-btn{min-height:44px!important;padding:10px 20px!important;border:1px solid #383838!important;border-radius:999px!important;background:#151515!important;color:#eee!important;box-shadow:none!important;font:700 13px "Manrope",system-ui,sans-serif!important;text-shadow:none!important}
.modal-box button[type=submit],.lm-compose .lm-primary-btn{background:#f05aa3!important;border-color:#f05aa3!important;color:#190910!important}
.modal-box .delete-confirm-btn,.lm-modal-actions .lm-btn-danger{background:#e34352!important;border-color:#e34352!important;color:#fff!important}
.lm-register-terms-copy{font-size:14px!important;line-height:1.75!important;color:#aaa!important}
.lm-register-modal>.lm-register-kicker,.lm-modal-overlay .lm-eyebrow{display:block!important;color:#999!important;margin:0 44px 12px 0!important;font-size:10px!important;letter-spacing:.12em!important}
:is(.lm-compose,.modal-box,.lm-modal-overlay,.lm-register-modal) :is(button,input,select,textarea,a):focus-visible{outline:2px solid #f05aa3!important;outline-offset:3px!important}
@media(max-width:640px){
 .lm-compose-overlay,.lm-modal-overlay,.lm-register-overlay,.page-index .container>.lm-modal{padding:12px!important}
 .lm-compose,.lm-modal .modal-box,.lm-modal-overlay>.lm-modal,.lm-register-modal{padding:22px 18px!important;border-radius:12px!important;max-height:calc(100dvh - 24px)!important}
 :is(.lm-compose,.modal-box,.lm-modal-overlay>.lm-modal,.lm-register-modal) :is(h2,h3){font-size:22px!important}
 .lm-compose-footer{flex-direction:column!important;align-items:stretch!important}.lm-compose-footer input,.lm-compose-footer button{width:100%;flex:none!important}
 .lm-modal-actions button,.delete-modal-actions button{flex:1;justify-content:center;white-space:nowrap}
}