/* DocuSign for Windows — interactive layer styles */

/* Mobile slide-in menu */
.dwx-mnav{
  position:fixed;top:0;right:0;height:100vh;width:min(86vw,340px);
  background:#fff;box-shadow:-10px 0 44px rgba(19,0,50,.22);
  transform:translateX(100%);transition:transform .28s ease;
  z-index:4000;padding:88px 22px 24px;display:flex;flex-direction:column;
  gap:2px;overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.dwx-mnav.open{transform:translateX(0)}
.dwx-mnav a{
  padding:15px 8px;color:#130032;text-decoration:none;font-size:1.05rem;
  font-weight:500;border-bottom:1px solid #f1edfb;
}
.dwx-mnav a:hover{color:#4c00ff}
.dwx-mnav a.dwx-mdl{
  margin-top:18px;background:#4c00ff;color:#fff;border:none;border-radius:999px;
  text-align:center;font-weight:600;padding:15px 18px;border-bottom:none;
}
.dwx-mnav a.dwx-mdl:hover{background:#3900c2;color:#fff}
.dwx-mnav-bk{
  position:fixed;inset:0;background:rgba(19,0,50,.42);opacity:0;visibility:hidden;
  transition:opacity .28s ease;z-index:3900;
}
.dwx-mnav-bk.open{opacity:1;visibility:visible}
body.dwx-noscroll{overflow:hidden}

/* Carousel nav dots — active state */
.dwx-dot-on{opacity:1 !important}