.bakir-seo-rail{
  --rail-bg:#10171d;--rail-line:rgba(255,255,255,.12);--rail-text:#f7fafc;
  --rail-muted:#c9d2da;--rail-accent:#ef2b2d;
  position:relative;z-index:35;width:100%;overflow:hidden;
  border-top:1px solid var(--rail-line);border-bottom:1px solid var(--rail-line);
  background:linear-gradient(90deg,rgba(239,43,45,.13),transparent 18%,transparent 82%,rgba(239,43,45,.10)),var(--rail-bg);
  color:var(--rail-text);contain:layout paint;
}
.bakir-seo-rail::before,.bakir-seo-rail::after{
  content:"";position:absolute;z-index:2;top:0;bottom:0;width:56px;pointer-events:none;
}
.bakir-seo-rail::before{left:0;background:linear-gradient(90deg,var(--rail-bg),transparent)}
.bakir-seo-rail::after{right:0;background:linear-gradient(270deg,var(--rail-bg),transparent)}
.bakir-seo-rail__viewport{overflow:hidden}
.bakir-seo-rail__track{
  display:flex;width:max-content;min-width:100%;align-items:center;will-change:transform;
  animation:bakirSeoRailMove 56s linear infinite;
}
.bakir-seo-rail:hover .bakir-seo-rail__track,.bakir-seo-rail:focus-within .bakir-seo-rail__track{animation-play-state:paused}
.bakir-seo-rail__group{display:flex;align-items:center;flex:none;padding:0 10px}
.bakir-seo-rail__item{
  display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:6px 13px;
  white-space:nowrap;font-size:13px;line-height:1.25;font-weight:750;letter-spacing:.01em;color:var(--rail-text);
}
.bakir-seo-rail__item + .bakir-seo-rail__item::before{
  content:"";width:3px;height:3px;margin-right:4px;border-radius:50%;background:rgba(255,255,255,.36);
}
.bakir-seo-rail__icon{width:17px;height:17px;flex:none;color:var(--rail-accent)}
.bakir-seo-rail__strong{color:#fff}.bakir-seo-rail__muted{color:var(--rail-muted);font-weight:650}
.bakir-seo-rail__live{display:inline-flex;align-items:center;gap:6px}
.bakir-seo-rail__live::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#20c774;box-shadow:0 0 0 4px rgba(32,199,116,.12)
}
@keyframes bakirSeoRailMove{from{transform:translate3d(100vw,0,0)}to{transform:translate3d(-100%,0,0)}}
@media (max-width:720px){
  .bakir-seo-rail__track{animation-duration:55s}
  .bakir-seo-rail__item{min-height:38px;padding:6px 10px;font-size:12px}
  .bakir-seo-rail::before,.bakir-seo-rail::after{width:24px}
}
@media (prefers-reduced-motion:reduce){
  .bakir-seo-rail__track{animation:none;width:auto;min-width:100%;overflow-x:auto;scrollbar-width:thin}
  
}
