._handleWrapper_nxpzz_1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: row-resize;
  height: 6px;
  -webkit-user-select: none;
          user-select: none;
}

._handleWrapper_nxpzz_1:hover,
  ._handleWrapper_nxpzz_1._isDragging_nxpzz_11 {
    cursor: row-resize;
  }

._handleWrapper_nxpzz_1:hover ._handle_nxpzz_1, ._handleWrapper_nxpzz_1._isDragging_nxpzz_11 ._handle_nxpzz_1 {
      width: 100px;
      background: var(--border-primary);
    }

._handle_nxpzz_1 {
  width: 80px;
  height: 4px;
  border-radius: 24px;
  background: var(--border-secondary);
  transition-property: width, background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
._ytPlayerContainer_1ibtv_1 {
    --video-margin-top: calc(var(--progress-bar-large-height) + 50px);
    --after-top: calc(var(--progress-bar-large-height) + 63px);

    display: flex;
    justify-content: center;
    flex-direction: column;
    position: sticky;
    top: var(--video-margin-top);
    left: 0;
    right: 0;
    z-index: 1;
    background: var(--content-background-color);
    transition: top 0.2s ease-in-out;
    aspect-ratio: 16 / 9;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

._ytPlayerContainer_1ibtv_1._isFailedToRenderHighlightsBannerVisible_1ibtv_5 {
        --video-margin-top: calc(var(--progress-bar-large-height) + 67px);
    }

._ytPlayerContainer_1ibtv_1._isVideoHeaderHidden_1ibtv_9 {
        --after-top: var(--progress-bar-large-height);
        --video-margin-top: calc(var(--progress-bar-large-height) - 10px);
    }

._ytPlayerContainer_1ibtv_1 ._behindVideoContainer_1ibtv_29 {
        position: fixed;
        transition: top 0.2s ease-in-out;
        top: var(--after-top);
        left: 0;
        right: 0;
        z-index: -1;
        background: var(--content-background-color);
        height: var(--iframe-wrapper-height);
        max-height: var(--iframe-wrapper-height);
    }

._ytPlayerContainer_1ibtv_1 > div:first-child {
        width: 100% !important;
        max-width: calc(var(--reading-editable-line-length) + var(--content-gutter) * 6) !important;
        height: var(--iframe-wrapper-height) !important;

        /* Vertically aligns YT video in parent div for Safari-specific issue that causes the video to stick on top */
        /* This is kinda hacky because future-proofing requires styling the first child of the ReactPlayer
        function, which doesn't react the way we want it to */
    }

._ytPlayerContainer_1ibtv_1 > div:first-child > div:first-child {
            display: flex;
            align-items: center;
        }

._ytPlayerContainer_1ibtv_1 iframe {
        height: 100%;
        width: 100%;
        height: var(--iframe-height);
        border-radius: 8px;
    }

._ytPlayerContainer_1ibtv_1 ._loadingWrapper_1ibtv_64 {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--content-background-color);
        top: var(--video-margin-top);
    }

._ytPlayerContainer_1ibtv_1 ._resizeHandleWrapper_1ibtv_72 {
        position: fixed;
        top: calc(var(--after-top) + var(--iframe-wrapper-height) - 30px);
        height: 22px;
        background: var(--content-background-color);
        z-index: 9999999992;
        width: 100vw;
        left: 0;
    }

._ytPlayerContainer_1ibtv_1 ._ytPlayer_1ibtv_1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

._ytPlayerContainer_1ibtv_1 ._handleLeftPadding_1ibtv_90 {
        padding-left:  var(--sidebars-max-width);
    }

._ytPlayerContainer_1ibtv_1 ._handleRightPadding_1ibtv_94 {
        padding-right:  var(--sidebars-max-width);
    }

._ytPlayerContainer_1ibtv_1 ._fadeOutEffect_1ibtv_98 {
        width: 100vw;
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
                mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        left: 0;
        position: fixed;
        top: calc(var(--after-top) + var(--iframe-wrapper-height) - 0px);
        height: 40px;
        background: var(--content-background-color);
        pointer-events: none;
    }

._ytPlayerContainer_1ibtv_1 ._resizingOverlay_1ibtv_109 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999999991;
    }

._teleprompter_1ibtv_119 {
    background: var(--transcript-teleprompt-background) !important;
    color: var(--transcript-teleprompt-color) !important;
    border-radius: 4px !important;
}

._toggleVideHeaderOpenButton_1ibtv_125 {
    cursor: pointer;
    border-radius: 50%;
    position: fixed;
    transition: box-shadow 100ms ease-in;
    background: var(--background-elevated);
    box-shadow: var(--shadow-100);
    height: 32px;
    width: 32px;
    padding: 0;
    border: none;
    text-align: center;
    position: absolute;
    right: -48px;
    top: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

._toggleVideHeaderOpenButton_1ibtv_125 svg {
        transition: background 150ms ease-in, box-shadow 150ms ease, transform 150ms ease;
        height: 20px;
        width: 20px;
        color: var(--icon-secondary);
        position: relative;
        top: 1px;
    }

._toggleVideHeaderOpenButton_1ibtv_125:hover {
        box-shadow: var(--shadow-300), inset 0 0 0 200px var(--u-alpha-200);
        background: var(--background-elevated);
    }

._toggleVideHeaderOpenButton_1ibtv_125:hover svg {
            color: var(--icon-primary);
        }

._toggleVideHeaderOpenButton_1ibtv_125._reverseButton_1ibtv_162 svg {
            transform: rotateZ(180deg);
        }

._failedToRenderHighlightsBannerWrapper_1ibtv_169 {
    position: fixed;
    z-index: 1;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 59px;
}

._failedToRenderHighlightsBannerWrapper_1ibtv_169 ._failedToRenderHighlightsBanner_1ibtv_169 {
        margin: 16px 0;
    }

._failedToRenderHighlightsBannerWrapper_1ibtv_169._isLeftSidebarHidden_1ibtv_183 ._failedToRenderHighlightsBanner_1ibtv_169 {
        margin-left: calc(-1* var(--sidebars-max-width));
    }

._failedToRenderHighlightsBannerWrapper_1ibtv_169._isRightSidebarHidden_1ibtv_187 ._failedToRenderHighlightsBanner_1ibtv_169 {
        margin-right: calc(-1* var(--sidebars-max-width));
    }

._failedToRenderHighlightsBannerWrapper_1ibtv_169._isRightSidebarHidden_1ibtv_187._isLeftSidebarHidden_1ibtv_183 ._failedToRenderHighlightsBanner_1ibtv_169 {
        margin-left: 16px;
        margin-right: 16px;
    }