/* RTSC V14 Final Royal Media Rails Upgrade 016 */
.rtsc-media-rails-section{
  position:relative;
  z-index:4;
  overflow:hidden;
  padding:18px 0 20px;
  border-top:1px solid rgba(255,229,138,.1);
  border-bottom:1px solid rgba(255,229,138,.13);
  background:
    radial-gradient(circle at 15% 35%,rgba(247,189,34,.1),transparent 25%),
    radial-gradient(circle at 84% 62%,rgba(87,46,142,.18),transparent 28%),
    linear-gradient(180deg,#020b17 0%,#06172b 48%,#020b17 100%);
  --rtsc-rail-top-duration:72s;
  --rtsc-rail-bottom-duration:82s;
}
.rtsc-media-rails-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
}
.rtsc-media-rails-header{
  position:relative;
  z-index:2;
  display:flex;
  width:min(calc(100% - 32px),var(--r-page-width,1440px));
  margin:0 auto 12px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--r-gold2,#ffe58a);
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rtsc-media-rails-header strong{
  display:none!important;
}
.rtsc-media-rail-shell{
  position:relative;
  z-index:2;
  overflow:hidden;
  width:100%;
  padding:5px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.rtsc-media-rail-shell + .rtsc-media-rail-shell{margin-top:7px}
.rtsc-media-rail-track{
  display:flex;
  width:max-content;
  will-change:transform;
}
.rtsc-media-rail-track.direction-rtl{
  animation:rtscRailRightToLeft var(--rtsc-rail-bottom-duration) linear infinite;
}
.rtsc-media-rail-track.direction-ltr{
  animation:rtscRailLeftToRight var(--rtsc-rail-top-duration) linear infinite;
}
.rtsc-media-rail-group{
  display:flex;
  flex:none;
  gap:11px;
  padding-right:11px;
}
.rtsc-media-rail-card{
  position:relative;
  display:block;
  width:clamp(132px,15vw,210px);
  height:clamp(86px,9.5vw,132px);
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(255,229,138,.28);
  border-radius:17px;
  background:#07172b;
  box-shadow:
    0 12px 30px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.025);
  color:#fff;
  text-decoration:none;
  transform:translateZ(0);
}
.rtsc-media-rail-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,229,138,.11),transparent 42%,rgba(33,72,151,.17));
}
.rtsc-media-rail-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .5s ease,filter .5s ease;
}
.rtsc-media-rail-card span{
  position:absolute;
  z-index:2;
  inset:auto 7px 7px;
  display:flex;
  min-width:0;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(1,10,23,.74);
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  backdrop-filter:blur(8px);
}
.rtsc-media-rail-card b{
  flex:none;
  color:var(--r-gold2,#ffe58a);
  font-size:.5rem;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rtsc-media-rail-card em{
  min-width:0;
  overflow:hidden;
  color:#fff;
  font-size:.58rem;
  font-style:normal;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rtsc-media-rail-card:hover,
.rtsc-media-rail-card:focus-visible{
  border-color:rgba(255,229,138,.68);
  outline:none;
  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    0 0 0 2px rgba(247,189,34,.15);
}
.rtsc-media-rail-card:hover img,
.rtsc-media-rail-card:focus-visible img{
  transform:scale(1.075);
  filter:saturate(1.08) contrast(1.04);
}
.rtsc-media-rail-shell:hover .rtsc-media-rail-track,
.rtsc-media-rail-shell:focus-within .rtsc-media-rail-track{
  animation-play-state:paused;
}
.rtsc-media-rails-section.is-loading .rtsc-media-rail-card{
  opacity:.82;
}
.rtsc-media-rails-section[hidden]{display:none!important}
@keyframes rtscRailRightToLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes rtscRailLeftToRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:760px){
  .rtsc-media-rails-section{padding:13px 0 15px}
  .rtsc-media-rails-header{
    width:calc(100% - 24px);
    margin-bottom:8px;
    font-size:.61rem;
  }
  .rtsc-media-rails-header strong{font-size:.53rem}
  .rtsc-media-rail-shell{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
  }
  .rtsc-media-rail-group{gap:8px;padding-right:8px}
  .rtsc-media-rail-card{
    width:132px;
    height:88px;
    border-radius:14px;
  }
  .rtsc-media-rail-card span{
    inset:auto 5px 5px;
    padding:5px 7px;
  }
  .rtsc-media-rail-card b{font-size:.44rem}
  .rtsc-media-rail-card em{font-size:.5rem}
}
@media(prefers-reduced-motion:reduce){
  .rtsc-media-rail-shell{
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .rtsc-media-rail-shell::-webkit-scrollbar{display:none}
  .rtsc-media-rail-track{
    animation:none!important;
    transform:none!important;
  }
  .rtsc-media-rail-group[aria-hidden="true"]{display:none}
  .rtsc-media-rail-card img{transition:none}
}