/* ESVYLA 5.28.11: isolated sidebar alignment and scroll responsiveness.
   Preserve editor scroll panes and floating mobile quick access. */
@media (min-width:761px){
  html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand{
    position:relative!important;display:flex!important;justify-content:center!important;
    align-items:center!important;padding:0!important;min-width:0!important;
  }
  html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand > img.esvylaRailLogo{
    position:static!important;top:auto!important;bottom:auto!important;
    left:auto!important;right:auto!important;inset:auto!important;
    transform:none!important;margin:0 auto!important;padding:0!important;
    flex:0 0 34px!important;width:34px!important;height:34px!important;
    max-width:34px!important;max-height:34px!important;
    object-fit:contain!important;object-position:center!important;
    transform:translateY(-3px)!important;
  }
}
/* Automatic overflow without a scrollbar track reserved for short sections. */
#creatorApp #dynamicView, #creatorApp .inboxThreadList,
#creatorApp .inboxMessages, #creatorApp .primaryNav{
 scrollbar-gutter:auto!important;-webkit-overflow-scrolling:touch;
}
#creatorApp #dynamicView{overscroll-behavior-y:auto;overflow-x:clip}
#creatorApp .inboxThreadList,#creatorApp .inboxMessages{overscroll-behavior-y:contain}
/* Do not allow heavy card shadows to bleed horizontally and cause a phantom scroll. */
#projectsBody .esvylaVideoGrid,#projectsBody .esvylaVideoCard{min-width:0}
/* Prefer immediate native scrolling to global animated scroll, on iPad and Mac. */
@media (prefers-reduced-motion: reduce){
  #creatorApp #dynamicView,#creatorApp .inboxMessages,#creatorApp .inboxThreadList{scroll-behavior:auto!important}
}