@media only screen and (orientation: portrait) and (min-width: 1px) and (max-width: 999px) {
    .flying-player {
        bottom: 1rem;
        left: auto;
        right: 1rem;
    }

    .flying-player--wrapper {
        display: flex;
        flex-direction: column;
        border-radius: 5rem;
        gap: var(--k24-gap-sm);
        padding: 0.5rem 0.5rem 0 0.5rem;
    }

    .flying-player--wrapper::before {
        background: linear-gradient(135deg,
                rgba(0, 0, 0, .5) 20%,
                rgba(0, 109, 215, .5) 50%,
                rgba(62, 193, 167, .5) 70%);
        opacity: 1;
    }

    .kp-tv-btn svg {
        display: none;
    }

    .kp-tv-btn {
        order: 4;
        background: none;
        padding: 0rem 0rem 0rem 0rem;
    }

    .kp-player {
        order: 3;
        gap: 0rem;
        padding: 0rem 0rem 0rem 0rem;
    }

    #kp-web-btn-1 {
        order: 2;
    }

    #kp-web-btn-2 {
        order: 1;
    }

    #to-top {
        order: 5;
        margin-bottom: 0rem;
    }

    #to-top.is-visible {
        margin-right: 0rem;
        margin-bottom: 0.5rem;
    }

    .kp-player svg {
        display: none;
    }

    #kp-play {
        display: none;
    }

    #kp-mute {
        display: none;
    }

    #kp-volume {
        display: none;
    }

    .kp-player-wrapper--name {
        display: none;
    }

    .kp-tv-mini {
        position: fixed;
        left: 1rem;
        bottom: 40dvh;
        z-index: 10000;
        width: calc(100dvw - 2rem);
    }

    [data-position="top center"][data-tooltip]:after {
        display: none;
    }

    [data-position="top center"][data-tooltip]:before {
        display: none;
    }

}