/* why: Monarch sidebar parity; rail >=1025, bar <=1024, geometry from live. */
.mfam-share,.mfam-sharebar,.mfam-sharebar__tab,.mfam-sharebar__ov{font-family:var(--sans);line-height:1em;font-weight:400;-webkit-font-smoothing:antialiased;box-sizing:content-box}
.mfam-share ul,.mfam-sharebar ul{list-style:none;margin:0;padding:0}
.mfam-share li,.mfam-sharebar li{margin:0;padding:0}
.mfam-share a,.mfam-sharebar a{text-decoration:none;color:var(--ink-2)}
.mfam-share svg,.mfam-sharebar svg,.mfam-sharebar__tab svg{fill:currentColor;display:block;overflow:visible}
/* why: house surface chips: tint + hairline, ink glyph, accent on hover; no brand colours */
.mfam-share li,.mfam-sharebar li{background:var(--tint);border:1px solid var(--line)}
.mfam-share li:hover,.mfam-sharebar li:hover{background:var(--accent-tint);border-color:var(--line-strong)}
.mfam-share li:hover a,.mfam-sharebar li:hover a{color:var(--accent-ink)}

.mfam-share{position:fixed;left:0;top:calc(50% - (var(--n) * 20px + 16px));z-index:999999;animation:mfam-share-in 1s cubic-bezier(.77,0,.175,1) 1}
.mfam-share ul{transition:margin .5s}
.mfam-share li{position:relative;width:50px;height:40px;overflow:hidden;box-sizing:border-box;text-align:center;border-left:0;transition:width .3s}
.mfam-share li:hover{width:56px}
.mfam-share li a{display:block;box-sizing:border-box;width:100%;height:100%;padding:12px 0}
.mfam-share li svg{width:16px;height:16px;margin:0 auto}
.mfam-share__hide{display:block;position:relative;box-sizing:content-box;width:24px;height:24px;margin:8px 0 0 13px;padding:0;border:0;border-radius:12px;background:var(--tint);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .5s,margin .5s,border-radius .5s}
.mfam-share:hover .mfam-share__hide{opacity:1}
.mfam-share__hide svg{position:absolute;left:1px;top:2px;width:20px;height:20px;transform:rotate(-90deg);transform-origin:11px 10px;transition:transform .5s}
.mfam-share.is-hidden ul{margin-left:-50px}
.mfam-share.is-hidden .mfam-share__hide{margin-left:0;opacity:1;border-radius:1px 6px 6px 1px}
.mfam-share.is-hidden .mfam-share__hide svg{transform:rotate(90deg)}

.mfam-sharebar,.mfam-sharebar__ov,.mfam-sharebar__tab{display:none}
.mfam-sharebar{position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:999999;background:var(--bg);border-top:1px solid var(--line-strong);animation:mfam-share-fade 1s cubic-bezier(.77,0,.175,1) 1}
.mfam-sharebar__head{box-sizing:content-box;height:20px;padding:10px 0;text-align:center;font-size:var(--t-14);font-weight:500;line-height:19px;color:var(--ink);cursor:pointer}
.mfam-sharebar .mfam-sharebar__chev{position:absolute;top:3.5px;width:32px;height:32px;display:inline-block;color:var(--ink-3);transform:rotate(180deg);transition:transform 1s ease}
.mfam-sharebar.is-open .mfam-sharebar__chev{transform:rotate(0)}
.mfam-sharebar__x{position:absolute;right:10px;top:0;width:16px;height:40px;padding:0;border:0;background:none;color:var(--ink-3);cursor:pointer}
.mfam-sharebar__x svg{width:16px;height:16px}
.mfam-sharebar__nets{display:grid;grid-template-rows:0fr;background:var(--bg);visibility:hidden;transition:grid-template-rows .6s,visibility 0s .6s}
.mfam-sharebar.is-open .mfam-sharebar__nets{visibility:visible;transition-delay:0s;grid-template-rows:1fr;margin-bottom:-10px}
.mfam-sharebar__nets>div{min-height:0;overflow:auto;max-height:calc(100vh - 30px)}
.mfam-sharebar__nets ul{display:flow-root;padding:20px 20px 25px}
.mfam-sharebar li{position:relative;float:left;width:23.5%;height:40px;margin:0 2% 2% 0;border-radius:var(--r-control);overflow:hidden;box-sizing:border-box}
.mfam-sharebar li:nth-child(4n){margin-right:0}
.mfam-sharebar a{display:block;position:relative;height:40px}
.mfam-sharebar li svg{position:absolute;left:12px;top:12px;width:16px;height:16px}
.mfam-sharebar__name{position:absolute;left:40px;top:13px;z-index:1;font-size:var(--t-14);font-weight:500;line-height:1em;color:inherit;word-break:break-all}
.mfam-sharebar__tab{position:fixed;bottom:0;left:0;margin-left:-45px;width:40px;height:40px;padding:0;border:0;border:1px solid var(--line);border-left:0;border-bottom:0;border-radius:0 var(--r-control) 0 0;background:var(--bg);color:var(--ink-2);cursor:pointer;transition:margin 1s ease,transform 1s ease,opacity 1s ease}
.mfam-sharebar__tab svg{position:absolute;left:12px;top:12px;width:16px;height:16px}
.mfam-sharebar__tab.is-on{margin-left:0;z-index:999999}
.mfam-sharebar__ov{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(22,30,47,.6);opacity:0;transition:opacity .6s}
.mfam-sharebar.is-gone{opacity:0;pointer-events:none;transition:opacity .6s}

@media (max-width:1024px){
  .mfam-share{display:none}
  .mfam-sharebar,.mfam-sharebar__tab{display:block}
  .mfam-sharebar__ov.is-on{display:block;opacity:1;animation:mfam-share-fade .6s ease 1}
  .mfam-sharebar.is-gone{display:none}
}
@media (max-width:767px){
  .mfam-sharebar li{width:49%;margin:2% 0 0 2%;clear:none}
  .mfam-sharebar li:nth-child(2n+1){margin-left:0;clear:both}
  .mfam-sharebar li:nth-child(-n+2){margin-top:0}
}
@media (max-width:479px){
  .mfam-sharebar li{width:100%;margin-left:0;clear:both}
  .mfam-sharebar li:nth-child(n+2){margin:2% 0 0}
  .mfam-sharebar li:first-child{margin-top:0}
}
@keyframes mfam-share-in{from{opacity:0;transform:translateX(-30%)}to{opacity:1;transform:none}}
@keyframes mfam-share-fade{from{opacity:0}to{opacity:1}}