/* wire-video-reader-social-comments-carousel-303f1h9119 */
.wire-video-social-layout-303f1h9119{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:12px;
  min-height:0;
  padding:12px;
  background:#020a11
}
.wire-video-social-player-303f1h9119{
  min-width:0;
  min-height:0;
  display:grid;
  align-content:start
}
.wire-video-social-player-303f1h9119>
.wire-team-video-player-wrap-303f1h8810{
  margin:0!important;
  width:100%!important
}
.wire-video-comments-303f1h9119{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  min-width:0;
  min-height:420px;
  max-height:min(62vh,700px);
  border:1px solid #1f3a4d;
  border-radius:14px;
  overflow:hidden;
  background:#071521
}
.wire-video-comments-head-303f1h9119{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:12px 13px;
  border-bottom:1px solid #1a3345;
  background:#0a1a27
}
.wire-video-comments-head-303f1h9119 strong{
  font-size:14px
}
.wire-video-comments-head-303f1h9119 span{
  color:#8da5b7;
  font-size:10px
}
.wire-video-comment-form-303f1h9119{
  display:grid;
  gap:7px;
  padding:10px;
  border-bottom:1px solid #1a3345
}
.wire-video-comment-form-303f1h9119 textarea{
  width:100%;
  min-height:68px;
  max-height:140px;
  box-sizing:border-box;
  resize:vertical;
  padding:9px 10px;
  border:1px solid #2b4a60;
  border-radius:10px;
  background:#04111b;
  color:#fff;
  font:inherit
}
.wire-video-comment-form-footer-303f1h9119{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center
}
.wire-video-comment-form-footer-303f1h9119 small{
  color:#8299aa
}
.wire-video-comment-form-footer-303f1h9119 button{
  min-height:34px;
  padding:0 11px;
  border:0;
  border-radius:999px;
  background:#ec2f5d;
  color:#fff;
  font-weight:900;
  cursor:pointer
}
.wire-video-comments-list-303f1h9119{
  min-height:0;
  overflow-y:auto;
  padding:5px 10px 12px
}
.wire-video-comment-303f1h9119{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:8px;
  padding:10px 2px;
  border-bottom:1px solid rgba(46,75,96,.45)
}
.wire-video-reader-comment-avatar-303f1h9119{
  width:36px!important;
  height:36px!important
}
.wire-video-comment-copy-303f1h9119{
  min-width:0
}
.wire-video-comment-copy-303f1h9119 header{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:baseline
}
.wire-video-comment-copy-303f1h9119 header a{
  color:#fff;
  text-decoration:none
}
.wire-video-comment-copy-303f1h9119 header small{
  color:#8299aa
}
.wire-video-comment-copy-303f1h9119 p{
  margin:5px 0 0;
  line-height:1.4;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.wire-video-comments-empty-303f1h9119{
  padding:24px 8px;
  color:#839bab;
  text-align:center
}
.wire-video-more-303f1h9119{
  padding:0 12px 14px;
  background:#020a11
}
.wire-video-more-head-303f1h9119{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px
}
.wire-video-more-head-303f1h9119 strong{
  font-size:13px
}
.wire-video-more-head-303f1h9119 small{
  color:#7892a4
}
.wire-video-more-carousel-303f1h9119{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(180px,220px);
  gap:9px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  padding-bottom:5px
}
.wire-video-more-card-303f1h9119{
  appearance:none;
  display:grid;
  gap:6px;
  min-width:0;
  padding:0 0 8px;
  border:1px solid #20394a;
  border-radius:11px;
  overflow:hidden;
  background:#081621;
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
  scroll-snap-align:start
}
.wire-video-more-card-303f1h9119.is-active{
  border-color:#ec2f5d;
  box-shadow:0 0 0 1px rgba(236,47,93,.3)
}
.wire-video-more-thumb-303f1h9119{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0c2231;
  display:grid;
  place-items:center;
  font-size:22px
}
.wire-video-more-thumb-303f1h9119 img{
  width:100%;
  height:100%;
  object-fit:cover
}
.wire-video-more-card-303f1h9119 strong,
.wire-video-more-card-303f1h9119 small{
  margin-inline:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-video-more-card-303f1h9119 strong{
  font-size:11px
}
.wire-video-more-card-303f1h9119 small{
  color:#7f97a8;
  font-size:9px
}
.wire-team-video-share-preview-303f1h8810{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important
}
.wire-team-video-share-preview-303f1h8810>
img[data-wire-team-video-share-image-303f1h8810]{
  display:block!important;
  width:110px!important;
  height:62px!important;
  object-fit:cover!important;
  border-radius:8px!important;
  background:#0c2231!important
}
@media(max-width:1050px){
  .wire-video-social-layout-303f1h9119{
    grid-template-columns:minmax(0,1fr) 310px
  }
}
@media(max-width:850px){
  .wire-video-social-layout-303f1h9119{
    grid-template-columns:1fr
  }
  .wire-video-comments-303f1h9119{
    min-height:320px;
    max-height:520px
  }
}

/* wire-video-reader-player-sizing-fix-303f1h9119c */

/*
 * h8810 sizes the player wrapper as a direct row of the native reader shell.
 * h9119 intentionally moves that wrapper into the left side of the social
 * grid. Give the relocated wrapper its own explicit geometry so YouTube/video
 * players retain a real render box instead of audio-only playback.
 */
.wire-video-social-layout-303f1h9119{
  grid-template-columns:minmax(0,1fr) 340px!important;
  align-items:start!important;
  gap:14px!important;
  padding:14px!important;
}

.wire-video-social-player-303f1h9119{
  display:block!important;
  min-width:0!important;
  width:100%!important;
}

.wire-video-social-player-303f1h9119
.wire-team-video-player-wrap-303f1h8810{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #24475c!important;
  border-radius:14px!important;
  background:#000!important;
  box-sizing:border-box!important;
}

.wire-video-social-player-303f1h9119
.wire-team-video-player-303f1h8810,
.wire-video-social-player-303f1h9119
iframe.wire-team-video-player-303f1h8810,
.wire-video-social-player-303f1h9119
video.wire-team-video-player-303f1h8810{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}

.wire-video-comments-303f1h9119{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  align-self:stretch!important;
}

.wire-video-social-layout-303f1h9119
.wire-video-comments-303f1h9119{
  height:100%!important;
  max-height:min(
    calc((100vw - 410px - 42px) * .5625),
    calc(100vh - 250px)
  )!important;
  min-height:360px!important;
}

.wire-video-more-303f1h9119{
  padding:4px 14px 16px!important;
  border-top:1px solid rgba(35,68,89,.55)!important;
}

.wire-video-more-head-303f1h9119{
  margin:10px 0 9px!important;
}

.wire-video-more-carousel-303f1h9119{
  grid-auto-columns:minmax(190px,230px)!important;
  gap:10px!important;
  padding:0 0 8px!important;
}

.wire-video-more-card-303f1h9119{
  border-radius:12px!important;
}

@media(max-width:1050px){
  .wire-video-social-layout-303f1h9119{
    grid-template-columns:minmax(0,1fr) 300px!important;
  }

  .wire-video-social-layout-303f1h9119
  .wire-video-comments-303f1h9119{
    max-height:min(
      calc((100vw - 370px - 42px) * .5625),
      calc(100vh - 250px)
    )!important;
  }
}

@media(max-width:850px){
  .wire-video-social-layout-303f1h9119{
    grid-template-columns:1fr!important;
  }

  .wire-video-social-layout-303f1h9119
  .wire-video-comments-303f1h9119{
    height:auto!important;
    min-height:300px!important;
    max-height:480px!important;
  }
}

@media(max-width:620px){
  .wire-video-social-layout-303f1h9119{
    padding:8px!important;
    gap:10px!important;
  }

  .wire-video-more-303f1h9119{
    padding:2px 8px 12px!important;
  }

  .wire-video-more-carousel-303f1h9119{
    grid-auto-columns:minmax(155px,72vw)!important;
  }
}

/* wire-video-reader-carousel-containment-303f1h9119d */

.wire-team-video-reader-shell-303f1h8810,
.wire-video-social-layout-303f1h9119,
.wire-video-social-player-303f1h9119,
.wire-video-more-303f1h9119{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.wire-video-more-303f1h9119{
  width:100%!important;
  overflow:hidden!important;
}

.wire-video-more-carousel-303f1h9119{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(180px,220px)!important;
  justify-content:start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;
  contain:layout paint!important;
}

.wire-video-more-card-303f1h9119{
  width:100%!important;
  min-width:0!important;
  max-width:220px!important;
  box-sizing:border-box!important;
}

@media(max-width:620px){
  .wire-video-more-carousel-303f1h9119{
    grid-auto-columns:minmax(150px,72vw)!important;
  }

  .wire-video-more-card-303f1h9119{
    max-width:72vw!important;
  }
}

/* wire-video-reader-smart-carousel-303f1h9119e */

/*
 * Keep the player dominant. The recommendations shelf should never eat into
 * the active 16:9 video or push the reader taller than the viewport.
 */
.wire-team-video-reader-shell-303f1h8810{
  max-height:100vh!important;
  overflow:hidden!important;
}

.wire-video-social-layout-303f1h9119{
  min-height:0!important;
  max-height:calc(100vh - 250px)!important;
  overflow:hidden!important;
}

.wire-video-social-player-303f1h9119{
  align-self:start!important;
}

.wire-video-social-player-303f1h9119
.wire-team-video-player-wrap-303f1h8810{
  max-height:calc(100vh - 270px)!important;
}

.wire-video-comments-303f1h9119{
  max-height:calc(100vh - 270px)!important;
  overflow:hidden!important;
}

.wire-video-more-303f1h9119{
  flex:0 0 auto!important;
  max-height:148px!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:4px 14px 10px!important;
}

.wire-video-more-head-303f1h9119{
  min-height:30px!important;
  margin:2px 0 6px!important;
}

.wire-video-more-head-303f1h9119>div{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}

.wire-video-more-head-303f1h9119>div small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.wire-video-more-refresh-303f1h9119{
  flex:0 0 auto!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #31566f!important;
  border-radius:999px!important;
  background:#0a2638!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.wire-video-more-carousel-303f1h9119{
  max-height:104px!important;
  grid-auto-columns:150px!important;
  gap:8px!important;
}

.wire-video-more-card-303f1h9119{
  max-width:150px!important;
  height:98px!important;
  grid-template-rows:72px auto!important;
  padding:0!important;
}

.wire-video-more-thumb-303f1h9119{
  height:72px!important;
  aspect-ratio:auto!important;
}

.wire-video-more-card-303f1h9119 strong{
  margin:0 7px!important;
  font-size:9px!important;
  line-height:18px!important;
}

.wire-video-more-card-303f1h9119 small{
  display:none!important;
}

@media(max-width:850px){
  .wire-video-social-layout-303f1h9119{
    max-height:none!important;
    overflow:visible!important;
  }

  .wire-video-comments-303f1h9119{
    max-height:420px!important;
  }

  .wire-video-more-303f1h9119{
    max-height:140px!important;
  }
}

@media(max-width:620px){
  .wire-video-more-carousel-303f1h9119{
    grid-auto-columns:136px!important;
  }

  .wire-video-more-card-303f1h9119{
    max-width:136px!important;
  }
}

/* wire-video-reader-recommendation-tabs-303f1h9119f */

.wire-video-more-head-303f1h9119{
  align-items:center!important;
}

.wire-video-more-tabs-303f1h9119f{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.wire-video-more-tabs-303f1h9119f::-webkit-scrollbar{
  display:none!important;
}

.wire-video-more-tabs-303f1h9119f button{
  flex:0 0 auto!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #29475c!important;
  border-radius:999px!important;
  background:#081a27!important;
  color:#8da6b8!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.wire-video-more-tabs-303f1h9119f button.is-active{
  border-color:#ec2f5d!important;
  background:rgba(236,47,93,.16)!important;
  color:#fff!important;
}

.wire-video-more-meta-303f1h9119f{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

.wire-video-more-meta-303f1h9119f>small{
  max-width:220px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7892a4!important;
  font-size:9px!important;
}

@media(max-width:720px){
  .wire-video-more-head-303f1h9119{
    align-items:flex-start!important;
  }

  .wire-video-more-meta-303f1h9119f>small{
    display:none!important;
  }
}

/* wire-video-reader-fit-title-hover-303f1h9119g */

@media(min-width:851px){
  .wire-video-social-layout-303f1h9119{
    align-items:stretch!important;
    grid-auto-rows:minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  .wire-video-social-player-303f1h9119{
    align-self:stretch!important;
    align-content:stretch!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }

  .wire-video-social-player-303f1h9119
  .wire-team-video-player-wrap-303f1h8810{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  .wire-video-social-player-303f1h9119
  .wire-team-video-player-303f1h8810,
  .wire-video-social-player-303f1h9119
  iframe.wire-team-video-player-303f1h8810,
  .wire-video-social-player-303f1h9119
  video.wire-team-video-player-303f1h8810{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }

  .wire-video-comments-303f1h9119{
    align-self:stretch!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
  }
}

/*
 * Keep the visible label compact, but every shelf card now carries its full
 * video title in title/aria-label so desktop hover exposes the complete name.
 */
.wire-video-more-card-303f1h9119 strong{
  max-width:calc(100% - 14px)!important;
}

/* wire-video-reader-my-timeline-303f1h9124 */

.wire-team-video-reader-actions-303f1h8810
.wire-team-video-reader-timeline-303f1h9124{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #31536a!important;
  border-radius:999px!important;
  background:#0a2030!important;
  color:#eef7fd!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:
    border-color .16s ease,
    background .16s ease,
    transform .16s ease!important;
}

.wire-team-video-reader-actions-303f1h8810
.wire-team-video-reader-timeline-303f1h9124:hover{
  transform:translateY(-1px)!important;
  border-color:#ec3158!important;
  background:rgba(236,49,88,.13)!important;
}

.wire-video-timeline-overlay-303f1h9124{
  position:fixed;
  inset:0;
  z-index:175000;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,540px);
}

.wire-video-timeline-overlay-303f1h9124[hidden]{
  display:none!important;
}

.wire-video-timeline-backdrop-303f1h9124{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:rgba(1,6,10,.28);
  backdrop-filter:blur(2px);
  cursor:pointer;
}

.wire-video-timeline-panel-303f1h9124{
  position:relative;
  grid-column:2;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  width:100%;
  min-width:0;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  border-left:1px solid #31516a;
  background:#07131e;
  box-shadow:-28px 0 90px rgba(0,0,0,.58);
  animation:
    wireVideoTimelineSlide303f1h9124
    .22s
    ease-out;
}

@keyframes wireVideoTimelineSlide303f1h9124{
  from{
    transform:translateX(100%);
  }
  to{
    transform:none;
  }
}

.wire-video-timeline-head-303f1h9124{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border-bottom:1px solid #29445b;
  background:#091925;
}

.wire-video-timeline-head-303f1h9124 small{
  display:block;
  margin-bottom:3px;
  color:#ff4566;
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

.wire-video-timeline-head-303f1h9124 h2{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}

.wire-video-timeline-head-303f1h9124>button{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid #345269;
  border-radius:50%;
  background:#0d2030;
  color:#fff;
  font:inherit;
  font-size:22px;
  cursor:pointer;
}

.wire-video-timeline-tabs-303f1h9124{
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  padding:9px 10px;
  border-bottom:1px solid #29445b;
  background:#07131e;
  scrollbar-width:none;
}

.wire-video-timeline-tabs-303f1h9124::-webkit-scrollbar{
  display:none;
}

.wire-video-timeline-tabs-303f1h9124 button{
  flex:0 0 auto;
  min-height:30px;
  padding:0 11px;
  border:1px solid #29475c;
  border-radius:999px;
  background:#081a27;
  color:#91aabd;
  font:inherit;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.wire-video-timeline-tabs-303f1h9124 button.is-active{
  border-color:#ec3158;
  background:rgba(236,49,88,.16);
  color:#fff;
}

.wire-video-timeline-feed-303f1h9124{
  min-height:0;
  overflow:auto;
  padding:10px;
  background:#050b11;
  scrollbar-width:thin;
}

.wire-video-timeline-feed-303f1h9124>.post-card{
  margin:0 0 10px!important;
}

.wire-video-timeline-state-303f1h9124{
  display:grid;
  place-items:center;
  min-height:260px;
  padding:24px;
  color:#819bad;
  text-align:center;
}

.wire-video-timeline-footer-303f1h9124{
  padding:10px;
  border-top:1px solid #29445b;
  background:#07131e;
}

.wire-video-timeline-footer-303f1h9124 button{
  width:100%;
  min-height:38px;
  margin:0;
  padding:0 12px;
  border:1px solid #345269;
  border-radius:9px;
  background:#0d2030;
  color:#fff;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}

.wire-video-timeline-footer-303f1h9124 button:disabled{
  opacity:.6;
  cursor:wait;
}

@media(max-width:850px){
  .wire-video-timeline-overlay-303f1h9124{
    grid-template-columns:1fr minmax(360px,88vw);
  }
}

@media(max-width:620px){
  .wire-video-timeline-overlay-303f1h9124{
    display:block;
  }

  .wire-video-timeline-overlay-303f1h9124[hidden]{
    display:none!important;
  }

  .wire-video-timeline-panel-303f1h9124{
    width:100%;
    border-left:0;
  }

  .wire-team-video-reader-actions-303f1h8810
  .wire-team-video-reader-timeline-303f1h9124{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wire-video-timeline-panel-303f1h9124{
    animation:none;
  }
}

/* wire-video-reader-timeline-layer-fix-303f1h9124b */
.wire-video-timeline-overlay-303f1h9124{
  z-index:2147483500!important;
  isolation:isolate!important;
}

/* wire-video-queue-up-next-autoplay-303f1h9125 */

.wire-team-video-reader-actions-303f1h8810
.wire-team-video-reader-queue-303f1h9125{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid #31536a!important;
  border-radius:999px!important;
  background:#0a2030!important;
  color:#eef7fd!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

.wire-team-video-reader-queue-303f1h9125
[data-wire-video-queue-count-303f1h9125]{
  display:grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  background:#ec3158;
  color:#fff;
  font-size:8px;
  line-height:1;
}

.wire-team-video-reader-queue-303f1h9125
[data-wire-video-queue-count-303f1h9125][hidden]{
  display:none!important;
}

.wire-video-queue-overlay-303f1h9125{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,570px);
  isolation:isolate;
}

.wire-video-queue-overlay-303f1h9125[hidden]{
  display:none!important;
}

.wire-video-queue-backdrop-303f1h9125{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:rgba(1,6,10,.30);
  backdrop-filter:blur(2px);
  cursor:pointer;
}

.wire-video-queue-panel-303f1h9125{
  position:relative;
  grid-column:2;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  width:100%;
  min-width:0;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  border-left:1px solid #31516a;
  background:#07131e;
  box-shadow:-28px 0 90px rgba(0,0,0,.62);
  animation:
    wireVideoQueueSlide303f1h9125
    .22s
    ease-out;
}

@keyframes wireVideoQueueSlide303f1h9125{
  from{transform:translateX(100%)}
  to{transform:none}
}

.wire-video-queue-head-303f1h9125{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border-bottom:1px solid #29445b;
  background:#091925;
}

.wire-video-queue-head-303f1h9125 small{
  display:block;
  margin-bottom:3px;
  color:#ff4566;
  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

.wire-video-queue-head-303f1h9125 h2{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.1;
}

.wire-video-queue-head-303f1h9125 p{
  margin:4px 0 0;
  color:#7f9aab;
  font-size:10px;
}

.wire-video-queue-head-303f1h9125>button{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid #345269;
  border-radius:50%;
  background:#0d2030;
  color:#fff;
  font:inherit;
  font-size:22px;
  cursor:pointer;
}

.wire-video-queue-controls-303f1h9125{
  display:grid;
  gap:10px;
  padding:11px 12px;
  border-bottom:1px solid #29445b;
  background:#07131e;
}

.wire-video-queue-controls-303f1h9125>label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}

.wire-video-queue-controls-303f1h9125>label>span{
  display:grid;
  gap:2px;
  min-width:0;
}

.wire-video-queue-controls-303f1h9125
label strong{
  color:#fff;
  font-size:11px;
}

.wire-video-queue-controls-303f1h9125
label small{
  color:#7893a5;
  font-size:9px;
}

.wire-video-queue-controls-303f1h9125
input[type="checkbox"]{
  appearance:none;
  position:relative;
  flex:0 0 40px;
  width:40px;
  height:22px;
  margin:0;
  border:1px solid #355469;
  border-radius:999px;
  background:#102332;
  cursor:pointer;
}

.wire-video-queue-controls-303f1h9125
input[type="checkbox"]::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#91a8b8;
  transition:
    transform .16s ease,
    background .16s ease;
}

.wire-video-queue-controls-303f1h9125
input[type="checkbox"]:checked{
  border-color:#ec3158;
  background:rgba(236,49,88,.22);
}

.wire-video-queue-controls-303f1h9125
input[type="checkbox"]:checked::after{
  transform:translateX(18px);
  background:#ff4566;
}

.wire-video-queue-controls-303f1h9125>div{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.wire-video-queue-controls-303f1h9125>div>button{
  min-height:30px;
  padding:0 10px;
  border:1px solid #31536a;
  border-radius:999px;
  background:#0a2030;
  color:#eaf4fb;
  font:inherit;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.wire-video-queue-list-303f1h9125{
  min-height:0;
  overflow:auto;
  padding:10px;
  background:#050b11;
  scrollbar-width:thin;
}

.wire-video-queue-empty-303f1h9125{
  display:grid;
  place-items:center;
  gap:7px;
  min-height:260px;
  padding:26px;
  color:#819bad;
  text-align:center;
}

.wire-video-queue-empty-303f1h9125 strong{
  color:#dce9f1;
  font-size:13px;
}

.wire-video-queue-empty-303f1h9125 span{
  max-width:330px;
  font-size:10px;
  line-height:1.45;
}

.wire-video-queue-item-303f1h9125{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  min-width:0;
  margin:0 0 8px;
  padding:7px;
  border:1px solid #203b4e;
  border-radius:12px;
  background:#081722;
  transition:
    opacity .15s ease,
    border-color .15s ease;
}

.wire-video-queue-item-303f1h9125.is-dragging{
  opacity:.45;
  border-color:#ec3158;
}

.wire-video-queue-play-303f1h9125{
  appearance:none;
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

.wire-video-queue-thumb-303f1h9125{
  position:relative;
  display:grid;
  place-items:center;
  width:104px;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:8px;
  background:#0c2231;
}

.wire-video-queue-thumb-303f1h9125 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.wire-video-queue-thumb-303f1h9125 b{
  color:#fff;
  font-size:20px;
}

.wire-video-queue-copy-303f1h9125{
  display:grid;
  gap:4px;
  min-width:0;
}

.wire-video-queue-copy-303f1h9125 strong{
  display:-webkit-box;
  overflow:hidden;
  color:#fff;
  font-size:11px;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.wire-video-queue-copy-303f1h9125 small{
  overflow:hidden;
  color:#7893a5;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-video-queue-item-actions-303f1h9125{
  display:grid;
  grid-template-columns:repeat(3,28px);
  gap:4px;
}

.wire-video-queue-item-actions-303f1h9125 button{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid #2d4a5f;
  border-radius:7px;
  background:#0b2030;
  color:#cfe0ea;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}

.wire-video-queue-item-actions-303f1h9125 button:disabled{
  opacity:.28;
  cursor:default;
}

.wire-video-queue-footer-303f1h9125{
  min-height:38px;
  padding:10px 12px;
  border-top:1px solid #29445b;
  background:#07131e;
  color:#7f9aab;
  font-size:9px;
}

.wire-video-queue-card-wrap-303f1h9125{
  position:relative;
  display:grid;
  min-width:0;
  scroll-snap-align:start;
}

.wire-video-queue-card-wrap-303f1h9125>
.wire-video-more-card-303f1h9119{
  width:100%;
  min-width:0;
}

.wire-video-queue-card-add-303f1h9125{
  position:absolute;
  right:6px;
  top:6px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:24px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(2,11,18,.82);
  color:#fff;
  font:inherit;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
  backdrop-filter:blur(7px);
}

.wire-video-queue-card-add-303f1h9125 span{
  font-size:12px;
  line-height:1;
}

.wire-video-queue-card-add-303f1h9125.is-added{
  border-color:#ec3158;
  background:rgba(236,49,88,.92);
}

@media(max-width:850px){
  .wire-video-queue-overlay-303f1h9125{
    grid-template-columns:1fr minmax(370px,90vw);
  }
}

@media(max-width:620px){
  .wire-video-queue-overlay-303f1h9125{
    display:block;
  }

  .wire-video-queue-overlay-303f1h9125[hidden]{
    display:none!important;
  }

  .wire-video-queue-panel-303f1h9125{
    width:100%;
    border-left:0;
  }

  .wire-video-queue-play-303f1h9125{
    grid-template-columns:88px minmax(0,1fr);
  }

  .wire-video-queue-thumb-303f1h9125{
    width:88px;
  }

  .wire-video-queue-item-actions-303f1h9125{
    grid-template-columns:28px;
  }

  .wire-video-queue-card-add-303f1h9125 b{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wire-video-queue-panel-303f1h9125{
    animation:none;
  }
}

/* wire-video-comment-reactions-replies-303f1h9130 */

.wire-video-comment-actions-303f1h9130{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:6px;
  min-height:20px;
}

.wire-video-comment-actions-303f1h9130 button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:20px;
  padding:0 2px;
  border:0;
  background:transparent;
  color:#6f8899;
  font:inherit;
  font-size:9px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}

.wire-video-comment-actions-303f1h9130
button:hover,
.wire-video-comment-actions-303f1h9130
button:focus-visible{
  color:#b8cedb;
  outline:none;
}

.wire-video-comment-actions-303f1h9130
button.is-active{
  color:#d9edf7;
}

.wire-video-comment-actions-303f1h9130
button>span{
  font-size:10px;
  line-height:1;
  filter:saturate(.45);
  opacity:.78;
}

.wire-video-comment-actions-303f1h9130
button.is-active>span{
  filter:none;
  opacity:1;
}

.wire-video-comment-actions-303f1h9130 b{
  font-size:8px;
  font-weight:850;
}

.wire-video-comment-reply-form-303f1h9130{
  display:grid;
  gap:5px;
  margin-top:7px;
}

.wire-video-comment-reply-form-303f1h9130[hidden]{
  display:none!important;
}

.wire-video-comment-reply-form-303f1h9130 textarea{
  width:100%;
  min-height:42px;
  max-height:96px;
  resize:vertical;
  box-sizing:border-box;
  padding:7px 8px;
  border:1px solid #263f50;
  border-radius:8px;
  background:#06131d;
  color:#fff;
  font:inherit;
  font-size:9px;
  line-height:1.35;
}

.wire-video-comment-reply-form-303f1h9130>div{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

.wire-video-comment-reply-form-303f1h9130
small{
  flex:1 1 auto;
  color:#9e7180;
  font-size:8px;
}

.wire-video-comment-reply-form-303f1h9130
button{
  min-height:24px;
  padding:0 8px;
  border:1px solid #2d4b5e;
  border-radius:999px;
  background:#0a1e2c;
  color:#b5cad7;
  font:inherit;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}

.wire-video-comment-reply-form-303f1h9130
button[type="submit"]{
  border-color:#9f2946;
  background:#a72949;
  color:#fff;
}

.wire-video-comment-replies-303f1h9130{
  display:grid;
  gap:0;
  margin-top:7px;
  padding-left:10px;
  border-left:1px solid rgba(74,106,125,.34);
}

.wire-video-comment-replies-303f1h9130[hidden]{
  display:none!important;
}

.wire-video-comment-reply-303f1h9130{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:6px;
  padding:7px 0;
}

.wire-video-reader-reply-avatar-303f1h9130{
  width:26px!important;
  height:26px!important;
}

.wire-video-comment-reply-303f1h9130>div{
  min-width:0;
}

.wire-video-comment-reply-303f1h9130 header{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:0;
}

.wire-video-comment-reply-303f1h9130
header a{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-width:0;
  color:#eaf3f8;
  text-decoration:none;
}

.wire-video-comment-reply-303f1h9130
header strong{
  overflow:hidden;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-video-comment-reply-303f1h9130
header small{
  overflow:hidden;
  color:#6f8899;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-video-comment-reply-303f1h9130 p{
  margin:3px 0 0;
  color:#d7e4eb;
  font-size:9px;
  line-height:1.35;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

/* wire-video-shelf-provider-badges-303f1h9134c */
.wire-video-more-thumb-303f1h9119{
  position:relative!important;
}
.wire-video-shelf-provider-303f1h9134c{
  position:absolute;
  left:5px;
  top:5px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:17px;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(2,10,16,.8);
  color:#fff;
  font-size:6px;
  font-weight:950;
  font-style:normal;
  letter-spacing:.05em;
  backdrop-filter:blur(5px)
}
.wire-video-shelf-provider-303f1h9134c.is-wire{
  border-color:#e23660;
  background:rgba(198,30,71,.9)
}