 





















   



















  body.kk-filmstrip-lock { overflow:hidden; height:100vh; height:100dvh; }
   




   






  .swipe-filmstrip-track { display:flex; scroll-snap-type:x mandatory; touch-action:pan-x; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; width:100%; height:100vh; height:100dvh; scrollbar-width:none; -ms-overflow-style:none; }
  .swipe-filmstrip-track::-webkit-scrollbar { display:none; }
   




























  @media (max-width: 1023.98px) {
    .swipe-filmstrip-track { height:calc(100vh - env(safe-area-inset-top) - 54px); height:calc(100dvh - env(safe-area-inset-top) - 54px); }
  }
   















  .no-swipe-zone { touch-action: manipulation; }
   







  #swipe-live-dashboard, #swipe-live-schedule-week, #swipe-live-schedule-month, #swipe-live-photosheets {
    scrollbar-width: none; -ms-overflow-style: none;
  }
  #swipe-live-dashboard::-webkit-scrollbar, #swipe-live-schedule-week::-webkit-scrollbar,
  #swipe-live-schedule-month::-webkit-scrollbar, #swipe-live-photosheets::-webkit-scrollbar {
    display: none;
  }
   











   












   




  .filmstrip-pane { flex:0 0 100%; min-width:0; height:100%; scroll-snap-align:start; scroll-snap-stop:always; }
   
  .swipe-filmstrip-track.kk-cd > .filmstrip-pane { will-change: transform; }
   









   




  .filmstrip-pane:not(.is-active):not(.is-near) { content-visibility:auto; contain-intrinsic-size:100vw 100vh; }
   

  .filmstrip-pane.is-prewarmed,
  .filmstrip-pane.is-idle-warm { content-visibility: visible; }
   





   












   















  @media(min-width:1024px){
    .swipe-filmstrip-track { display:block; height:auto; overflow-x:visible !important; overflow-y:visible; scroll-snap-type:none; }
    .filmstrip-pane { display:none; height:auto; }
    .filmstrip-pane.is-active { display:block; }
    body.kk-filmstrip-lock { overflow:auto; height:auto; }
    #swipe-live-dashboard, #swipe-live-photosheets, #swipe-live-schedule-week, #swipe-live-schedule-month {
      overscroll-behavior-y: auto !important;
    }
  }
   





  @media (max-width: 1023.98px) {
    #swipe-filmstrip-track.filmstrip-swipe-warm {
      will-change: scroll-position;
    }
    .swipe-filmstrip-track .filmstrip-pane.is-live {
      content-visibility: visible;
    }
  }
