.wpl-btn[data-astro-cid-3bshvyla] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999px;
  border: 1px solid #fff3;
  color: #fffc;
  transition: border-color .2s, color .2s;
}

.wpl-btn[data-astro-cid-3bshvyla]:hover {
  border-color: #c9bfa899;
  color: #c9bfa8;
}

.wpl-toggle[data-astro-cid-3bshvyla] {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  height: 2.25rem;
  padding: 0 .9rem;
  border-radius: 9999px;
  border: 1px solid #fff3;
  font-size: .6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff9;
  transition: border-color .2s, color .2s, background-color .2s;
}

.wpl-toggle[data-astro-cid-3bshvyla]:hover {
  color: #ffffffe6;
}

.wpl-toggle--on[data-astro-cid-3bshvyla] {
  border-color: #c9bfa8b3;
  background: #c9bfa81f;
  color: #c9bfa8;
}

.wpl-strip[data-astro-cid-3bshvyla] {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #c9bfa899 #ffffff14;
}

.wpl-strip[data-astro-cid-3bshvyla]::-webkit-scrollbar {
  height: 6px;
}

.wpl-strip[data-astro-cid-3bshvyla]::-webkit-scrollbar-track {
  background: #ffffff14;
  border-radius: 9999px;
}

.wpl-strip[data-astro-cid-3bshvyla]::-webkit-scrollbar-thumb {
  background: #c9bfa899;
  border-radius: 9999px;
}

.wpl-strip[data-astro-cid-3bshvyla]::-webkit-scrollbar-thumb:hover {
  background: #c9bfa8d9;
}

.wpl-strip-nav[data-astro-cid-3bshvyla] {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.5rem;
  border-radius: 9999px;
  border: 1px solid #fff3;
  background: #000000bf;
  backdrop-filter: blur(6px);
  color: #ffffffd9;
  transition: border-color .2s, color .2s;
}

.wpl-strip-nav[data-astro-cid-3bshvyla]:hover {
  border-color: #c9bfa8b3;
  color: #c9bfa8;
}

.wpl-strip-nav--left[data-astro-cid-3bshvyla] {
  left: -.5rem;
}

.wpl-strip-nav--right[data-astro-cid-3bshvyla] {
  right: -.5rem;
}

.wpl-item[data-astro-cid-3bshvyla] {
  border: 1px solid #0000;
  transition: border-color .2s;
}

.wpl-item[data-astro-cid-3bshvyla]:hover {
  border-color: #fff3;
}

.wpl-item--active[data-astro-cid-3bshvyla] {
  border-color: #c9bfa8cc;
}

.wpl-item-badge[data-astro-cid-3bshvyla] {
  position: absolute;
  left: .4rem;
  top: .4rem;
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 9999px;
  background: #000000a6;
  color: #c9bfa8;
  backdrop-filter: blur(4px);
}

.wpl-item--active[data-astro-cid-3bshvyla] .wpl-item-badge[data-astro-cid-3bshvyla] {
  display: inline-flex;
}
header {
    transition: transform 0.25s ease;
    transform: translateY(-100%);
  }
  header.watch-header--visible {
    transform: translateY(0);
  }

  :root {
    --plyr-color-main: #c9bfa8;
    --plyr-video-background: #000;
    --plyr-menu-background: rgba(20, 20, 20, 0.95);
    --plyr-menu-color: #e8e6e1;
  }
  [data-watch-player] ~ .plyr,
  [data-watch-plyr-stage] .plyr {
    width: 100%;
    height: 100%;
  }
  .plyr--video {
    width: 100%;
    height: 100%;
    background: #000;
  }
  .plyr--video .plyr__video-wrapper {
    height: 100%;
  }
  .plyr--video video {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .plyr__control--overlaid {
    background: rgba(201, 191, 168, 0.85);
  }
  .plyr__captions {
    display: none !important;
  }

  .watch-loop-play-wrap {
    position: relative;
    width: 4rem;
    height: 4rem;
  }
  @media (min-width: 768px) {
    .watch-loop-play-wrap {
      width: 5rem;
      height: 5rem;
    }
  }

  .watch-loop-play-ring {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0) 70%);
    animation: watch-loop-play-pulse 2.4s ease-out infinite;
    pointer-events: none;
    z-index: 0;
  }
  @keyframes watch-loop-play-pulse {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }
    70% {
      transform: scale(1.7);
      opacity: 0;
    }
    100% {
      transform: scale(1.7);
      opacity: 0;
    }
  }

  .watch-loop-play-plate {
    position: absolute;
    inset: -6px;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    z-index: 1;
  }

  .watch-loop-play {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.3) 62%, rgba(255, 255, 255, 0.06) 100%),
      rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.25),
      0 8px 24px rgba(0, 0, 0, 0.45),
      inset 0 1px 1px rgba(255, 255, 255, 0.8),
      inset 0 -3px 6px rgba(0, 0, 0, 0.15);
    transition:
      transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.35s ease;
  }
  .watch-loop-play::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background: conic-gradient(
      from 200deg,
      rgba(255, 214, 240, 0.2),
      rgba(205, 230, 255, 0.14),
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 240, 205, 0.16) 75%,
      rgba(255, 214, 240, 0.2)
    );
    mix-blend-mode: screen;
    opacity: 0.85;
    pointer-events: none;
  }
  .watch-loop-play::before {
    content: '';
    position: absolute;
    inset: -50%;
    background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.9) 50%, transparent 65%);
    transform: translateX(-130%) rotate(10deg);
    transition: transform 0.7s ease;
    z-index: 1;
  }
  .watch-loop-play:hover {
    transform: scale(1.1);
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.3),
      0 10px 32px rgba(0, 0, 0, 0.5),
      0 0 0 5px rgba(255, 255, 255, 0.25),
      inset 0 1px 1px rgba(255, 255, 255, 0.9),
      inset 0 -3px 6px rgba(0, 0, 0, 0.15);
  }
  .watch-loop-play:hover::before {
    transform: translateX(130%) rotate(10deg);
  }
  .watch-loop-play svg {
    position: relative;
    z-index: 2;
    margin-left: 3px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  }