/**
 * 频道选择界面样式：公告栏、频道列表、横幅。
 *
 * 该文件由原站打包产物 index-DaU_juvi.js 逆向拆分而来，样式与线上版本保持一致。
 */
.channel-screen {
  transform-origin: 0 0;
  color: #fff;
  width: 640px;
  height: 480px;
  font:
    12px/18px 굴림,
    Gulim,
    sans-serif;
  position: absolute;
}
.channel-banner {
  width: 213px;
  height: 43px;
  image-rendering: pixelated;
  position: absolute;
  top: 40px;
  left: 403px;
}
.channel-notice {
  white-space: pre-wrap;
  width: 323px;
  height: 211px;
  margin: 0;
  position: absolute;
  top: 112px;
  left: 47px;
  overflow: hidden;
}
.channel-list {
  width: 218px;
  height: 256px;
  position: absolute;
  top: 103px;
  left: 401px;
}
.channel-row {
  color: #fff;
  width: 218px;
  height: 25px;
  font: inherit;
  text-align: left;
  left: 0;
}
.channel-row:hover,
.channel-row:focus-visible,
.channel-row:active,
.channel-row.key-pressed {
  background-image: none;
}
.channel-number {
  place-items: center;
  width: 39px;
  height: 25px;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
}
.channel-name {
  width: 159px;
  height: 25px;
  padding: 3px 9px;
  position: absolute;
  top: 0;
  left: 42px;
}
.channel-row:hover .channel-name,
.channel-row:focus-visible .channel-name {
  background: url(/assets/channel/frame-4.png) no-repeat;
}
.channel-row[aria-pressed="true"] .channel-name,
.channel-row:active .channel-name,
.channel-row.key-pressed .channel-name {
  background: url(/assets/channel/frame-4.png) 0 -25px no-repeat;
}
.channel-meter {
  flex-direction: column-reverse;
  display: flex;
  position: absolute;
  bottom: 3px;
  left: 206px;
}
.channel-meter i {
  background: url(/assets/channel/frame-5.png);
  width: 8px;
  height: 4px;
}
.notice-prev {
  --sprite: url(/assets/channel/frame-6.png);
  width: 36px;
  height: 21px;
  top: 335px;
  left: 312px;
}
.notice-next {
  --sprite: url(/assets/channel/frame-7.png);
  width: 36px;
  height: 21px;
  top: 335px;
  left: 349px;
}
.channel-prev {
  --sprite: url(/assets/channel/frame-2.png);
  width: 25px;
  height: 15px;
  top: 368px;
  left: 566px;
}
.channel-next {
  --sprite: url(/assets/channel/frame-3.png);
  width: 25px;
  height: 15px;
  top: 368px;
  left: 592px;
}
.channel-exit {
  --sprite: url(/assets/channel/frame-1.png);
  width: 18px;
  height: 16px;
  top: 451px;
  left: 611px;
}
.sprite-button[aria-disabled="true"] {
  cursor: default;
  background-image: none;
}
.channel-status {
  text-align: right;
  color: #fff;
  width: 592px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 394px;
  left: 24px;
}