/* Fans254 v13.7.3 — viewport autoplay for supported video links in text posts. */
.f254-linked-post-video{
  position:relative;
  width:100%;
  min-height:clamp(210px,56.25vw,430px);
  max-height:var(--f254-feed-video-max-mobile,400px);
  overflow:hidden;
  background:#020913;
  color:#fff;
  isolation:isolate;
}
.f254-linked-post-provider,
.f254-linked-post-native{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:inherit;
  max-height:inherit;
  border:0;
  background:#020913;
  object-fit:contain!important;
}
.f254-linked-post-provider>img{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:contain;
  opacity:.88;
}
.f254-linked-post-provider iframe,
.f254-linked-post-provider .fb-video,
.f254-linked-post-provider .fb-video>span,
.f254-linked-post-provider .fb-video iframe{
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  max-height:inherit!important;
  border:0!important;
}
.f254-linked-post-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.84);
}
.f254-linked-post-placeholder svg{width:42px;height:42px}
.f254-linked-post-controls{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(3,10,18,.72);
  backdrop-filter:blur(8px);
  transition:opacity .16s ease,transform .16s ease;
}
.f254-linked-post-controls button,
.f254-linked-post-controls a{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.1);
  color:#fff;
  cursor:pointer;
}
.f254-linked-post-controls button:hover,
.f254-linked-post-controls a:hover{background:rgba(255,255,255,.2)}
.f254-linked-post-controls svg{width:18px;height:18px}
.f254-linked-post-video.is-loading::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:28px;
  height:28px;
  margin:-14px;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:#fff;
  border-radius:50%;
  animation:f254LinkedVideoSpin .8s linear infinite;
}
.f254-linked-post-video.is-error::before{
  content:attr(data-linked-error);
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  place-items:center;
  padding:24px;
  background:#07111c;
  color:rgba(255,255,255,.8);
  font-size:12px;
  text-align:center;
}
@keyframes f254LinkedVideoSpin{to{transform:rotate(1turn)}}
@media(min-width:768px){
  .f254-linked-post-video{
    min-height:clamp(260px,44vw,520px);
    max-height:var(--f254-feed-video-max-tablet,500px);
  }
}
@media(min-width:1100px){
  .f254-linked-post-video{
    min-height:clamp(300px,36vw,580px);
    max-height:var(--f254-feed-video-max-desktop,580px);
  }
}
@media(max-width:420px){
  .f254-linked-post-controls{right:7px;bottom:7px}
  .f254-linked-post-controls button,.f254-linked-post-controls a{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .f254-linked-post-video.is-loading::after{animation:none}
}

/* Fans254 v13.7.8 — provider video is controlled only by Fans254 controls. */
.f254-linked-post-video{
  cursor:pointer;
  touch-action:manipulation;
}
.f254-linked-post-native,
.f254-linked-post-provider iframe,
.f254-linked-post-provider .fb-video,
.f254-linked-post-provider .fb-video>span,
.f254-linked-post-provider .fb-video iframe{
  pointer-events:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
.f254-linked-post-controls{
  z-index:12!important;
  pointer-events:auto!important;
}
.f254-linked-post-controls button,
.f254-linked-post-controls a{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.f254-linked-post-native::-webkit-media-controls,
.f254-linked-post-native::-webkit-media-controls-enclosure,
.f254-linked-post-native::-webkit-media-controls-panel,
.f254-linked-post-native::-webkit-media-controls-play-button,
.f254-linked-post-native::-webkit-media-controls-start-playback-button,
.f254-linked-post-native::-webkit-media-controls-overlay-play-button,
.f254-linked-post-native::-webkit-media-controls-overlay-enclosure,
.f254-linked-post-native::-internal-media-controls-overlay-cast-button{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  -webkit-appearance:none!important;
}
.f254-linked-post-video:has(.f254-linked-post-provider)::before,
.f254-linked-post-video:has(.f254-linked-post-provider)::after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  pointer-events:none;
}
.f254-linked-post-video:has(.f254-linked-post-provider)::before{
  top:0;
  height:52px;
  background:linear-gradient(#020913 0,rgba(2,9,19,.88) 42%,transparent 100%);
}
.f254-linked-post-video:has(.f254-linked-post-provider)::after{
  bottom:0;
  height:66px;
  background:linear-gradient(transparent 0,rgba(2,9,19,.86) 54%,#020913 100%);
}
.f254-linked-post-video:has(.f254-linked-post-provider) .f254-linked-post-controls{z-index:14!important}

/* Fans254 v13.8.1 — one linked-video control row and no provider/native overlays. */
.f254-linked-post-video{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#020913!important}
.f254-linked-post-video>.f254-linked-post-controls{
  position:absolute!important;z-index:30!important;left:9px!important;right:9px!important;bottom:8px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  width:auto!important;min-height:42px!important;margin:0!important;padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;
  background:linear-gradient(90deg,rgba(2,9,19,.88),rgba(2,9,19,.66))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.3)!important;color:#fff!important;pointer-events:auto!important;
}
.f254-linked-post-video>.f254-linked-post-controls~.f254-linked-post-controls{display:none!important}
.f254-linked-post-video>.f254-linked-post-controls :is(button,a){
  position:static!important;inset:auto!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
  min-width:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;pointer-events:auto!important;touch-action:manipulation!important;
}
.f254-linked-post-video>.f254-linked-post-controls a{margin-left:auto!important}
.f254-linked-post-video>.f254-linked-post-controls .f254-icon{width:19px!important;height:19px!important;color:inherit!important;stroke:currentColor!important}
.f254-linked-post-video video::-webkit-media-controls,
.f254-linked-post-video video::-webkit-media-controls-enclosure,
.f254-linked-post-video video::-webkit-media-controls-panel,
.f254-linked-post-video video::-webkit-media-controls-play-button,
.f254-linked-post-video video::-webkit-media-controls-start-playback-button,
.f254-linked-post-video video::-webkit-media-controls-overlay-play-button,
.f254-linked-post-video video::-internal-media-controls-overlay-cast-button{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;-webkit-appearance:none!important}
