/* FollowerAbzar SMM 80.2.15 — public mobile drawer portal hardening. * Drawer/backdrop are moved to by fasmm-public-header-footer.js. * These rules deliberately avoid any header ancestor selector. */ @media (max-width:1023.98px){ body>.fasmm-public-drawer-backdrop[data-fasmm-portaled="1"], body>.fasmm-public-mobile-backdrop[data-fasmm-portaled="1"]{ display:block!important; position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-height:100vh!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:rgba(15,23,42,.52)!important; backdrop-filter:blur(2px)!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:none!important; z-index:2147483000!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"], body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]{ display:flex!important; flex-direction:column!important; position:fixed!important; top:8px!important; right:8px!important; bottom:8px!important; left:auto!important; width:min(390px,92vw)!important; height:calc(100dvh - 16px)!important; min-height:calc(100vh - 16px)!important; max-height:calc(100dvh - 16px)!important; margin:0!important; padding:0!important; border:1px solid var(--fasmm-drawer-border,#e2e8f0)!important; border-radius:10px!important; background:var(--fasmm-drawer-bg,#fff)!important; color:var(--fasmm-drawer-text,#172338)!important; overflow:hidden!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translate3d(104%,0,0)!important; transition:transform .24s ease,opacity .2s ease,visibility .2s ease!important; z-index:2147483100!important; box-sizing:border-box!important; } body.fasmm-public-menu-open>.fasmm-public-drawer-backdrop[data-fasmm-portaled="1"].is-open, body.fasmm-public-menu-open>.fasmm-public-mobile-backdrop[data-fasmm-portaled="1"].is-open{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; } body.fasmm-public-menu-open>.fasmm-public-side-drawer[data-fasmm-portaled="1"].is-open, body.fasmm-public-menu-open>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"].is-open{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translate3d(0,0,0)!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"]>.fasmm-public-side-drawer__header, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]>.fasmm-public-mobile-drawer__header{ flex:0 0 auto!important; width:100%!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"]>.fasmm-public-drawer__profile, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]>.fasmm-public-drawer__profile{ flex:0 0 auto!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"]>.fasmm-public-side-drawer__scroll, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]>.fasmm-public-mobile-drawer__scroll{ display:block!important; flex:1 1 0%!important; width:100%!important; min-width:0!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; padding:8px 14px 18px!important; visibility:visible!important; opacity:1!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-menu--drawer, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-menu--drawer{ display:grid!important; width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; visibility:visible!important; opacity:1!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__item, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__item{ visibility:visible!important; opacity:1!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"]>.fasmm-public-side-drawer__footer, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]>.fasmm-public-mobile-drawer__actions{ flex:0 0 auto!important; width:100%!important; } } @media (max-width:420px){ body>.fasmm-public-side-drawer[data-fasmm-portaled="1"], body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]{ width:min(390px,92vw)!important; } } /* 80.2.16 — narrower canonical mobile drawer */ @media (max-width: 767px){ body > .fasmm-panel-drawer, body > .fasmm-mobile-drawer, body > [data-fasmm-panel-drawer], body > [data-fasmm-mobile-drawer]{ width:min(390px,92vw)!important; max-width:390px!important; } } @media (min-width:768px) and (max-width:1023px){ body > .fasmm-panel-drawer, body > .fasmm-mobile-drawer, body > [data-fasmm-panel-drawer], body > [data-fasmm-mobile-drawer]{ width:min(420px,88vw)!important; max-width:420px!important; } } /* 80.3.3 — mobile drawer uses the usable viewport instead of the legacy 310px cap. */ @media (max-width: 480px){ body>.fasmm-public-side-drawer[data-fasmm-portaled="1"], body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"], body>.fasmm-panel-drawer, body>.fasmm-mobile-drawer, body>[data-fasmm-panel-drawer], body>[data-fasmm-mobile-drawer]{ right:10px!important; left:auto!important; width:calc(100vw - 20px)!important; max-width:none!important; border-radius:18px!important; } } /* 80.3.4 — true responsive drawer geometry and readable menu items. */ @media (min-width:601px) and (max-width:767px){ body>.fasmm-public-side-drawer[data-fasmm-portaled="1"], body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"], body>.fasmm-panel-drawer, body>.fasmm-mobile-drawer, body>[data-fasmm-panel-drawer], body>[data-fasmm-mobile-drawer]{ width:min(480px,94vw)!important; max-width:480px!important; } } @media (max-width:600px){ body>.fasmm-public-side-drawer[data-fasmm-portaled="1"], body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"], body>.fasmm-panel-drawer, body>.fasmm-mobile-drawer, body>[data-fasmm-panel-drawer], body>[data-fasmm-mobile-drawer]{ top:0!important; right:0!important; bottom:0!important; left:0!important; width:100vw!important; max-width:none!important; height:100dvh!important; min-height:100vh!important; max-height:100dvh!important; border-radius:0!important; border-inline:0!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"]>.fasmm-public-side-drawer__scroll, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"]>.fasmm-public-mobile-drawer__scroll{ padding:8px 10px calc(16px + env(safe-area-inset-bottom))!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-menu--drawer, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-menu--drawer{ gap:7px!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__item, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__item{ grid-template-columns:minmax(0,1fr) 46px!important; border-radius:14px!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__link, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__link{ width:100%!important; min-height:54px!important; padding:10px 12px!important; gap:10px!important; font-size:13px!important; line-height:1.7!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__label, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__label{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu-toggle, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu-toggle{ width:46px!important; height:54px!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu{ padding:0 6px 7px!important; } body>.fasmm-public-side-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu .fasmm-public-drawer__link, body>.fasmm-public-mobile-drawer[data-fasmm-portaled="1"] .fasmm-public-drawer__submenu .fasmm-public-drawer__link{ min-height:44px!important; padding:8px 10px!important; font-size:12px!important; } }