/* Keep native scrolling, touch and keyboard access without a visible scroll bar. */
body.es-refined :is(.es-review-track,.es-reel-track,.es-youtube-track){
  scrollbar-width:none!important;
  -ms-overflow-style:none;
}
body.es-refined :is(.es-review-track,.es-reel-track,.es-youtube-track)::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
body.es-refined :is(.es-review-track,.es-reel-track){padding-bottom:3px}
body.es-refined #youtube .es-r-shell{min-width:0}
body.es-refined #youtube .es-youtube-track{
  --es-youtube-columns:3;
  --es-youtube-gap:28px;
  display:grid!important;
  grid-template-columns:none!important;
  grid-template-rows:repeat(3,auto)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - (var(--es-youtube-columns) - 1)*var(--es-youtube-gap))/var(--es-youtube-columns));
  gap:32px var(--es-youtube-gap)!important;
  align-items:start!important;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  padding:3px 0;
}
body.es-refined #youtube .es-youtube-track>.es-r-video-card{
  width:100%;
  min-width:0;
  max-width:none;
  scroll-snap-align:start;
}
body.es-refined #youtube .es-youtube-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin:0;
}
body.es-refined #youtube .es-youtube-position{color:#bdbdbd;font-size:14px;font-variant-numeric:tabular-nums}
body.es-refined #youtube .es-youtube-controls button{
  background:#242424;
  color:#fff;
  border-color:#666;
}
body.es-refined #youtube .es-youtube-controls button:hover:not(:disabled){background:#3b3b3b;border-color:#bdbdbd}
body.es-refined :is(.es-youtube-track,.es-review-track,.es-reel-track):focus-visible{
  outline:2px solid #7ea79c;
  outline-offset:4px;
}
body.es-refined #youtube .es-youtube-controls button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:1100px){
  body.es-refined #youtube .es-youtube-track{--es-youtube-columns:2;--es-youtube-gap:24px}
}
@media(max-width:767px){
  body.es-refined #youtube .es-youtube-track{--es-youtube-columns:1;--es-youtube-gap:20px;row-gap:28px!important}
  body.es-refined #youtube .es-youtube-position{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body.es-refined :is(.es-review-track,.es-reel-track,.es-youtube-track){scroll-behavior:auto!important}
}
