/* v482: example page slider. The arrows used to sit on the slide's edge (right:-42px with a
   50px button overlapped the slide) and jumped ~24px down on hover (the hover transform
   replaced the translateY(-50%) centering). Now they live under the slide, next to the
   dots, and never move — only their colour changes. */
@media (min-width:761px){
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-nav,
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-nav-v229{
    top:auto!important;bottom:4px!important;transform:none!important;
    width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;
    box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important;
  }
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-prev{left:calc(50% - 86px)!important;right:auto!important}
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-next{left:calc(50% + 44px)!important;right:auto!important}
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-nav:hover:not(:disabled),
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-nav-v229:hover:not(:disabled){
    transform:none!important;box-shadow:none!important;background:#efe9ff!important;border-color:#cbbafa!important;color:#6338ee!important;
  }
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-nav-v229:disabled{opacity:.35!important}
  html body .presentation-example-page-v57 .presentation-preview-slider .presentation-slider-dots{bottom:20px!important}
}