.video-float-button span {
    margin-left: 4px;
    color: #8df8ef;
    font-size: .82em;
}

.video-floating-placeholder {
    display: none;
    width: 100%;
    height: 100%;
    grid-row: 1;
}

.video-panel.is-video-floating .video-floating-placeholder {
    display: block;
}

.video-frame.video-floating {
    position: fixed !important;
    z-index: 18000 !important;
    margin: 0 !important;
    min-width: 320px;
    min-height: 180px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    border-radius: 14px !important;
    box-shadow: 0 18px 60px rgba(0, 4, 18, .68), 0 0 0 1px rgba(70, 227, 242, .62), 0 0 28px rgba(70, 227, 242, .22) !important;
    overflow: hidden;
    touch-action: none;
}

.video-frame.video-floating .watch-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.floating-video-chrome {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 34px;
    padding: 0 7px 0 12px;
    color: #eaffff;
    background: linear-gradient(180deg, rgba(3, 22, 49, .94), rgba(3, 22, 49, .64));
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.video-floating .floating-video-chrome { display: flex; }
.floating-video-chrome:active { cursor: grabbing; }
.floating-video-chrome span { font: 800 10px/1 Arial, sans-serif; letter-spacing: .12em; }
.floating-video-restore {
    width: 25px;
    height: 25px;
    padding: 0;
    border: 1px solid rgba(141, 248, 239, .62);
    border-radius: 7px;
    color: #eaffff;
    background: rgba(7, 47, 76, .9);
    font: 700 16px/1 Arial, sans-serif;
    cursor: pointer;
}

.floating-video-resize {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 0;
    display: none;
    width: 28px;
    height: 28px;
    cursor: nwse-resize;
    touch-action: none;
}
.video-floating .floating-video-resize { display: block; }
.floating-video-resize::after {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #8df8ef;
    border-bottom: 2px solid #8df8ef;
    content: "";
}

@media (max-width: 700px), (max-height: 560px) {
    .video-frame.video-floating { min-width: 240px; min-height: 135px; }
}