@layer components {
  .video-player-wrapper {
    position: sticky;
    inset-block-start: var(--block-space);
    float: inline-end;
    inline-size: 400px;
    margin-inline-start: var(--block-space);
    margin-block-end: var(--block-space);
    background: oklch(0% 0 0);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    z-index: 100;

    /* Responsive behavior */
    @media (max-width: 768px) {
      position: relative;
      float: none;
      inline-size: 100%;
      margin-inline-start: 0;
      margin-block-end: var(--block-space);
    }
  }

  #videoPlayer {
    inline-size: 100%;
    display: block;
  }}