#tsNotice{
  position:fixed;z-index:99985;display:none;
  pointer-events:none;box-sizing:border-box;
}
#tsNotice.show{display:block;}

.tsn-bar{
  position:relative;box-sizing:border-box;
  display:flex;align-items:center;
  width:100%;height:100%;
  padding-left:.9em;
  border-radius:999px;
  background:rgba(10,12,16,.88);
  box-shadow:0 2px 10px rgba(0,0,0,.4);
  overflow:hidden;
  pointer-events:auto;
}

.tsn-track{
  flex:1 1 auto;min-width:0;height:100%;
  display:flex;align-items:center;overflow:hidden;
}
.tsn-roll{
  display:flex;flex:0 0 auto;white-space:nowrap;
  will-change:transform;
  animation:tsn-roll linear infinite;
}
.tsn-seg{
  flex:0 0 auto;
  padding-right:3.4em;
  color:#fff;font-size:1em;line-height:1.1;
  letter-spacing:.5px;font-weight:500;
}
@keyframes tsn-roll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.tsn-bar:hover .tsn-roll{animation-play-state:paused;}

.tsn-x{
  flex:0 0 auto;
  width:2.3em;height:100%;
  display:flex;align-items:center;justify-content:center;
  border:0;padding:0;margin:0;
  background:linear-gradient(90deg,rgba(10,12,16,0) 0%,rgba(10,12,16,.95) 45%);
  color:#fff;font-size:1.15em;font-weight:700;line-height:1;
  cursor:pointer;
}
.tsn-x:active{color:#ffd24a;}