.p_sh_m{position:fixed;bottom:40px;max-width:400px;margin:0 auto;padding:20px 10px;background:var(--mainBackground);border-radius:var(--surface-radius-sm, 5px);display:none;z-index:999;border:1px solid var(--color-4);left:50%;transform:translateX(-50%);width:90%;overflow-y:scroll;height:50vh;}
.p_sh_m .close{position:absolute;top:5px;right:5px;width:25px;height:25px;background:var(--mainColor) url('/images/main-close-8625.png') no-repeat scroll center / 40%;display:inline-block;cursor:pointer;border-radius:var(--surface-radius-2, 4px);}
.p_sh_te{display:none;}
.p_sh_li{font-family:Aller;font-size:13px;color:var(--color-6);text-align:center;margin-bottom:0px;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;max-width:320px;}
.p_sh_smp{flex-wrap:wrap;justify-content:center;transition:2.8s;}
.p_sh_smp div{margin:5px 5px;background:var(--color-3);padding:5px 20px;border-radius:var(--surface-radius-pill, 40px);cursor:pointer;}
.p_sh_smp div:active{transform:scale(0.84);transition:.4s;}
/* THE BOX STOPS MOVING WHEN ITS SCROLLBAR ARRIVES.

   This is the dialog's own scroll container, not the page's -- html already
   carries scrollbar-gutter:stable and the page measured 0 shift. Sampled every
   120 ms from the moment the share dialog opens:

       t=0      overflow-y: hidden   scrollbar  2px   content width 420
       t=1320   overflow-y: scroll   scrollbar 17px   content width 405

   The box never moves; everything inside it slides 15px a second after it
   appears. Reserving the gutter from the first frame holds the width at 405
   throughout -- measured with the rule applied before it was written here. */
.p_sh_m{scrollbar-gutter:stable}
.p_sh_qrp{display:none;}
.p_sh_qr{margin:30px auto;display:table;background:white;padding:20px;border-radius:var(--surface-radius, 10px);}
.p_sh_lip{border-top:1px solid var(--color-3);margin-top:20px;padding-top:20px;}