/* ANDRIK Player v55.00 FINAL STABLE R86
   Mobile album carousel gesture zones around the cover. */
@media screen and (max-width:860px){
  body.standalone-player .visual-side{
    touch-action:pan-y!important;
    overscroll-behavior-x:contain!important;
  }

  body.standalone-player .r86-album-swipe-zone{
    position:absolute;
    top:0;
    bottom:34px;
    width:22%;
    z-index:18;
    background:transparent;
    touch-action:none;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
  }
  body.standalone-player .r86-album-swipe-zone.is-left{left:0}
  body.standalone-player .r86-album-swipe-zone.is-right{right:0}

  body.standalone-player .visual-side.r86-album-out-next .cover-wrap,
  body.standalone-player .visual-side.r86-album-out-next .youtube-stage{
    animation:r86AlbumOutRight .16s cubic-bezier(.4,0,.8,.2) both!important;
  }
  body.standalone-player .visual-side.r86-album-out-prev .cover-wrap,
  body.standalone-player .visual-side.r86-album-out-prev .youtube-stage{
    animation:r86AlbumOutLeft .16s cubic-bezier(.4,0,.8,.2) both!important;
  }
  body.standalone-player .visual-side.r86-album-in-next .cover-wrap,
  body.standalone-player .visual-side.r86-album-in-next .youtube-stage{
    animation:r86AlbumInRight .25s cubic-bezier(.16,1,.3,1) both!important;
  }
  body.standalone-player .visual-side.r86-album-in-prev .cover-wrap,
  body.standalone-player .visual-side.r86-album-in-prev .youtube-stage{
    animation:r86AlbumInLeft .25s cubic-bezier(.16,1,.3,1) both!important;
  }

  @keyframes r86AlbumOutRight{to{opacity:.18;transform:translate3d(34px,0,0) scale(.985)}}
  @keyframes r86AlbumOutLeft{to{opacity:.18;transform:translate3d(-34px,0,0) scale(.985)}}
  @keyframes r86AlbumInRight{from{opacity:.18;transform:translate3d(-30px,0,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
  @keyframes r86AlbumInLeft{from{opacity:.18;transform:translate3d(30px,0,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
}