.video-play-page,
.clip-play-page {
    .video-info {
        &.video-info-playing {
            padding: 0;

            .split-button {
                padding: var(--space-xs) 7px;

                i {
                    font-size: 13px;
                    line-height: 12px;
                }
            }

            &.disabled {
                .video-tools {
                    a, button {
                        color: var(--color-grey-medium-dark) !important;
                        pointer-events: none;
                    }
                }
            }
        }

        .title {
            display: flex;
            align-items: center;
            gap: var(--space-sm);

            .performer {
                display: inline-block;
                max-width: 100%;
                white-space: nowrap;
                overflow-x: hidden;
                text-overflow: ellipsis;
                font-size: var(--font-size-regular);
            }
        }
    }

    .video-info-playing {
        .video-info-sub {
            gap: 4px;
        }
    }

    .after-video-block {
        .show-all {
            margin-top: var(--space-xl);
        }
    }

    @media screen and (max-width: 991px) {
        .video-info {
            .reactions {
                position: absolute;
                top: 34px;
                right: 16px;
            }
        }
    }

    @media screen and (max-width: 767px) {
        .video-info {
            .title {
                .performer {
                    max-width: calc(100% - 50px);
                }
            }
        }
    }

    @media screen and (max-width: 576px) {
        .video-info {
            &.video-info-playing {
                .video-info-sub {
                    font-size: var(--font-size-small);
                    line-height: var(--line-height-small);
                    margin-top: 0;
                }

                .split-button {
                    padding: var(--space-xs) 5.8px;
                    display: inline-flex;
                    align-items: center;
                    gap: 3px;
                }

                .share-video-button {
                    order: 1;

                    .split-button {
                        width: 24px;
                        padding: 5px 0 5px 2px;
                        justify-content: center;

                        span {
                            display: none;
                        }
                    }
                }
            }
        }

        .video-info-sub {
            margin-top: var(--space-xs);
        }

        .after-video-block {
            .show-all {
                margin-top: var(--space-md);
            }
        }
    }
}

.video-play-page .video-info-sub__row {
    display: flex;
    align-items: center;
    gap: inherit;
    flex-wrap: wrap;
}