.persistent-navigation-status {
  position: fixed;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.persistent-navigation-loading { cursor: progress; }

.persistent-video-anchor {
  display: block;
  inline-size: min(100%,1280px,140vh);
  min-block-size: 1px;
  margin-inline: auto;
  background: #050708;
  border-radius: var(--radius-media,12px);
}

.persistent-video-anchor[data-video-provider="hosted"] {
  inline-size: min(100%,1280px,var(--watch-hosted-max-width,140vh));
}

.persistent-video-portal {
  --persistent-video-edge: max(14px, env(safe-area-inset-right));
  --persistent-video-drag-y: 0px;
  --persistent-video-drag-scale: 1;
  isolation: isolate;
  box-sizing: border-box;
  overflow: hidden;
  color: #f8fbfb;
  background: #050708;
  z-index: 360;
}

html[dir="rtl"] .persistent-video-portal {
  --persistent-video-edge: max(14px, env(safe-area-inset-left));
}

.persistent-video-portal.is-anchored {
  position: fixed;
  margin: 0;
  border-radius: 0;
}

.persistent-video-portal.is-mini {
  position: fixed;
  inset-inline-end: var(--persistent-video-edge);
  inset-block-end: max(14px, env(safe-area-inset-bottom));
  inline-size: min(360px, calc(100vw - 28px));
  aspect-ratio: var(--persistent-video-aspect, 16 / 9);
  border: 1px solid color-mix(in srgb, #65e7dc 30%, rgba(255,255,255,.14));
  border-radius: 12px;
  box-shadow: 0 22px 64px rgba(0,0,0,.58),0 3px 14px rgba(0,0,0,.42);
  transform: translate3d(0,var(--persistent-video-drag-y),0) scale(var(--persistent-video-drag-scale));
  transform-origin: 100% 100%;
  transition: transform 240ms cubic-bezier(.22,1,.36,1),opacity 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
  will-change: transform;
}

.persistent-video-portal.is-mini.is-auto-docked {
  animation: persistent-video-dock-in 260ms cubic-bezier(.22,1,.36,1) both;
}

@keyframes persistent-video-dock-in {
  from { opacity: .2; transform: translate3d(12px,18px,0) scale(.82); }
  to { opacity: 1; transform: translate3d(0,var(--persistent-video-drag-y),0) scale(var(--persistent-video-drag-scale)); }
}

html[dir="rtl"] .persistent-video-portal.is-mini { transform-origin: 0 100%; }

.persistent-video-portal.is-mini[data-video-orientation="portrait"] {
  inline-size: min(190px, calc(100vw - 28px), 40vh);
}

.persistent-video-portal.is-mini[data-video-orientation="square"] {
  inline-size: min(250px, calc(100vw - 28px));
}

body.player-visible .persistent-video-portal.is-mini {
  inset-block-end: calc(92px + env(safe-area-inset-bottom));
}

.persistent-video-portal.is-mini:is(:hover,:focus-within,.is-dragging) {
  border-color: color-mix(in srgb,#65e7dc 58%,rgba(255,255,255,.22));
  box-shadow: 0 26px 72px rgba(0,0,0,.64),0 4px 18px rgba(0,0,0,.46);
}

.persistent-video-portal.is-mini:is(.is-dragging,.is-repositioning) {
  transition: none;
  box-shadow: 0 30px 78px rgba(0,0,0,.68),0 6px 20px rgba(0,0,0,.5);
}
.persistent-video-portal.is-mini.is-expanding {
  opacity: .88;
  transform: translate3d(0,-22px,0) scale(1.08);
}

.persistent-video-toolbar {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  padding: 9px;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(2,5,6,.72),transparent 38%,transparent 56%,rgba(2,5,6,.86));
  opacity: 0;
  transition: opacity 170ms ease;
}

.persistent-video-portal.is-mini:is(:hover,:focus-within,.is-dragging) .persistent-video-toolbar { opacity: 1; }
.persistent-video-toolbar[hidden] { display: none !important; }
.persistent-video-toolbar :is(a,button) { pointer-events: none; }
.persistent-video-portal.is-mini:is(:hover,:focus-within,.is-dragging) .persistent-video-toolbar :is(a,button) { pointer-events: auto; }

.persistent-video-return {
  grid-column: 1 / -1;
  grid-row: 3;
  min-inline-size: 0;
  max-inline-size: calc(100% - 38px);
  overflow: hidden;
  padding: 7px 8px;
  pointer-events: auto;
  color: #f4f9f8;
  font: 650 .72rem/1.25 var(--font-sans,system-ui,sans-serif);
  letter-spacing: -.005em;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 7px;
}

.persistent-video-return:hover,.persistent-video-return:focus-visible {
  color: #8ef4ea;
  background: rgba(4,10,11,.62);
  outline: 2px solid #79e9df;
  outline-offset: 1px;
}

.persistent-video-toggle,.persistent-video-pip,.persistent-video-expand,.persistent-video-close {
  position: absolute;
  z-index: 5;
  display: grid;
  inline-size: 36px;
  block-size: 36px;
  padding: 0;
  pointer-events: auto;
  color: #fff;
  background: rgba(5,9,10,.76);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  box-shadow: 0 5px 16px rgba(0,0,0,.32);
  cursor: pointer;
  place-items: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.persistent-video-toggle {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%,-50%);
}

html[dir="rtl"] .persistent-video-toggle { transform: translate(50%,-50%); }

.persistent-video-pip {
  inset-block-start: 8px;
  inset-inline-start: 8px;
}

.persistent-video-pip[hidden] { display: none !important; }

.persistent-video-actions {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 8px;
  z-index: 6;
  display: flex;
  gap: 5px;
  pointer-events: auto;
}

.persistent-video-actions .persistent-video-expand,
.persistent-video-actions .persistent-video-close {
  position: static;
  inline-size: 34px;
  block-size: 34px;
}

.persistent-video-close { font: 400 1.2rem/1 system-ui,sans-serif; }

.persistent-video-toggle:hover,.persistent-video-toggle:focus-visible,
.persistent-video-pip:hover,.persistent-video-pip:focus-visible,
.persistent-video-expand:hover,.persistent-video-expand:focus-visible,
.persistent-video-close:hover,.persistent-video-close:focus-visible {
  color: #07100f;
  background: #79e9df;
  border-color: #79e9df;
  outline: none;
}

.persistent-video-expand-glyph {
  position: relative;
  inline-size: 15px;
  block-size: 15px;
}

.persistent-video-expand-glyph::before,
.persistent-video-expand-glyph::after {
  position: absolute;
  inline-size: 6px;
  block-size: 6px;
  content: "";
}

.persistent-video-expand-glyph::before {
  inset-block-start: 0;
  inset-inline-end: 0;
  border-block-start: 1.7px solid currentColor;
  border-inline-end: 1.7px solid currentColor;
}

.persistent-video-expand-glyph::after {
  inset-block-end: 0;
  inset-inline-start: 0;
  border-block-end: 1.7px solid currentColor;
  border-inline-start: 1.7px solid currentColor;
}

.persistent-video-pip.is-active {
  color: #07100f;
  background: #79e9df;
  border-color: #79e9df;
}

.persistent-video-pip-glyph {
  position: relative;
  inline-size: 17px;
  block-size: 13px;
  border: 1.5px solid currentColor;
  border-radius: 2px;
}

.persistent-video-pip-glyph::after {
  position: absolute;
  inset-inline-end: 2px;
  inset-block-end: 2px;
  inline-size: 7px;
  block-size: 5px;
  content: "";
  background: currentColor;
  border-radius: 1px;
}

.persistent-video-toggle-glyph {
  inline-size: 0;
  block-size: 0;
  margin-inline-start: 2px;
  border-block: 6px solid transparent;
  border-inline-start: 9px solid currentColor;
}

.persistent-video-toggle.is-playing .persistent-video-toggle-glyph {
  inline-size: 9px;
  block-size: 12px;
  margin: 0;
  border: 0;
  background: linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px,currentColor 6px 9px);
}

.persistent-video-drag-surface {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  padding: 0;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.persistent-video-drag-surface[hidden] { display: none !important; }
.persistent-video-portal.is-dragging .persistent-video-drag-surface { cursor: grabbing; }

.persistent-video-drag-grip {
  position: absolute;
  inset-block-start: 7px;
  inset-inline-start: 50%;
  inline-size: 34px;
  block-size: 3px;
  background: rgba(255,255,255,.68);
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(0,0,0,.45);
  opacity: .7;
  transform: translateX(-50%);
}

html[dir="rtl"] .persistent-video-drag-grip { transform: translateX(50%); }

.persistent-video-drag-surface:focus-visible {
  outline: 2px solid #79e9df;
  outline-offset: -4px;
  border-radius: inherit;
}

.persistent-video-portal > [data-watch-player] {
  box-sizing: border-box;
  inline-size: 100% !important;
  max-inline-size: none !important;
  margin: 0 !important;
}

.persistent-video-portal.is-anchored > [data-watch-player] { block-size: 100% !important; }

.persistent-video-portal.is-mini > [data-watch-player] {
  position: relative;
  z-index: 1;
  block-size: 100% !important;
  aspect-ratio: var(--persistent-video-aspect,16 / 9) !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  pointer-events: none;
}

.persistent-video-portal.is-mini iframe,.persistent-video-portal.is-mini video {
  display: block;
  inline-size: 100% !important;
  block-size: 100% !important;
  max-inline-size: 100% !important;
  max-block-size: 100% !important;
  object-fit: contain;
}

@media (hover: none), (pointer: coarse) {
  .persistent-video-portal.is-mini .persistent-video-toolbar { opacity: 1; }
  .persistent-video-portal.is-mini .persistent-video-toolbar :is(a,button) { pointer-events: auto; }
  .persistent-video-portal.is-mini .persistent-video-return {
    max-inline-size: calc(100% - 44px);
    padding: 5px 6px;
    font-size: .62rem;
    background: linear-gradient(90deg,rgba(2,5,6,.72),transparent);
  }
}

@media (max-width: 767px) {
  .persistent-video-anchor,
  .persistent-video-anchor[data-video-provider="hosted"] {
    inline-size: 100%;
    border-radius: 0;
  }

  .persistent-video-anchor[data-video-provider="hosted"][data-video-orientation="portrait"] {
    inline-size: min(calc(100% - (var(--gutter,16px) * 2)),var(--watch-hosted-max-width,45vh));
    border-radius: 10px;
  }
}

@media (max-width: 700px) {
  .persistent-video-portal {
    --persistent-video-edge: max(9px,env(safe-area-inset-right));
  }
  html[dir="rtl"] .persistent-video-portal {
    --persistent-video-edge: max(9px,env(safe-area-inset-left));
  }
  .persistent-video-portal.is-mini {
    inset-block-end: max(9px,env(safe-area-inset-bottom));
    inline-size: min(248px,calc(100vw - 18px));
    border-radius: 10px;
  }
  .persistent-video-portal.is-mini[data-video-orientation="portrait"] {
    inline-size: min(118px,calc(100vw - 18px),40vh);
  }
  .persistent-video-portal.is-mini[data-video-orientation="square"] {
    inline-size: min(176px,calc(100vw - 18px));
  }
  body.player-visible .persistent-video-portal.is-mini {
    inset-block-end: calc(104px + env(safe-area-inset-bottom));
  }
  .persistent-video-toolbar { padding: 6px; }
  .persistent-video-toggle,.persistent-video-pip,.persistent-video-expand,.persistent-video-close {
    inline-size: 32px;
    block-size: 32px;
  }
  .persistent-video-actions { inset-block-start: 6px; inset-inline-end: 6px; gap: 4px; }
  .persistent-video-actions .persistent-video-expand,
  .persistent-video-actions .persistent-video-close { inline-size: 30px; block-size: 30px; }
  .persistent-video-pip { inset-block-start: 6px; inset-inline-start: 6px; }
  .persistent-video-return {
    max-inline-size: calc(100% - 36px);
    font-size: .58rem;
  }
  .persistent-video-portal.is-mini[data-video-orientation="portrait"] .persistent-video-return {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  .persistent-video-drag-grip { inline-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .persistent-video-portal,.persistent-video-portal * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}