.ig-mobile-comments{position:fixed;inset:auto 0 0;width:100%;max-width:none;height:min(80dvh,720px);max-height:80dvh;margin:0;padding:0;border:0;border-radius:18px 18px 0 0;background:var(--ig-surface,var(--surface));color:var(--ink);box-shadow:none;overflow:hidden;direction:rtl;overscroll-behavior:contain;outline:none}
.ig-mobile-comments:not([open]){display:none}
.ig-mobile-comments[open]{display:flex;flex-direction:column;animation:ig-mobile-comments-enter 160ms ease-out both}
.ig-mobile-comments::backdrop{background:rgb(0 0 0 / 48%);animation:ig-mobile-comments-backdrop 160ms ease-out both}
.ig-mobile-comments-handle{flex:none;width:36px;height:4px;margin:10px auto 4px;border-radius:999px;background:var(--muted);opacity:.45}
.ig-mobile-comments-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:4px 58px 12px;border-bottom:1px solid var(--ig-line,var(--line));flex:none}
.ig-mobile-comments-heading h2{margin:0;font-size:16px;line-height:1.5;font-weight:750}
.ig-mobile-comments-count{font-size:12px;color:var(--muted)}
.ig-mobile-comments-close{position:absolute;left:8px;top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.ig-mobile-comments-close:hover{background:var(--soft)}
.ig-mobile-comments-close:focus-visible{outline:2px solid var(--action);outline-offset:-4px}
.ig-mobile-comments-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 24px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ig-mobile-comments .ig-comment-list{display:block;max-height:none;overflow:visible}
.ig-mobile-comments .ex-comment{margin-top:22px;gap:12px}
.ig-mobile-comments .ex-comment>.ex-avatar{width:34px;height:34px}
.ig-mobile-comments .ex-comment p{font-size:14px;line-height:1.8}
.ig-mobile-comments .ex-comments-empty{margin:36px auto;max-width:28ch;text-align:center;font-size:14px;line-height:1.9}
.ig-mobile-comments-composer{flex:none;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--ig-surface,var(--surface));border-top:1px solid var(--ig-line,var(--line))}
.ig-mobile-comments .ig-comment-form{position:static;display:flex;margin:0;padding:12px 18px;min-height:66px;border:0;background:transparent}
.ig-mobile-comments .ig-comment-form textarea{font-size:16px;min-height:40px;height:40px;max-height:100px;resize:none;line-height:1.5}
.ig-mobile-comments .ig-comment-form>.ex-avatar{display:block;width:32px;height:32px;flex:none}
.ig-mobile-comments .ig-comment-form>button{min-width:44px;min-height:44px;font-size:14px}
.ig-mobile-comments .ig-login{display:block;margin:0;border:0;text-align:center;line-height:1.9}
@media(max-width:800px){.ig-viewer .ig-thread>.ig-comment-list,.ig-viewer .ig-sidebar>.ig-comment-form,.ig-viewer .ig-sidebar>.ig-login{display:none}}
@keyframes ig-mobile-comments-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes ig-mobile-comments-backdrop{from{background:rgb(0 0 0 / 0%)}to{background:rgb(0 0 0 / 48%)}}
@media(prefers-reduced-motion:reduce){.ig-mobile-comments[open],.ig-mobile-comments::backdrop{animation:none}}
