.free #Full {

    width: 100%;
    scroll-snap-align: start;
    -webkit-scroll-snap-align: start;
    -ms-scroll-snap-align: start;
    /* Snap to top of this element */
    scroll-snap-stop: always;
    -webkit-scroll-snap-stop: always;
    -ms-scroll-snap-stop: always;
    /* Force stop at each item (prevent skipping) */

    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;

    color: white;
}

/* Main Container - The "Phone Screen" View */
.scroller {
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-behavior:smooth;
    -webkit-scroll-behavior: smooth;
    scrollbar-width: none;

    -ms-overflow-style: none;

    position: relative;
}

.MoreTabs {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
}

#FullMore {}

.scroller #Full {

    height: 100%;
    width: 100%;
    scroll-snap-align: start;
    -webkit-scroll-snap-align: start;
    -ms-scroll-snap-align: start;
    /* Snap to top of this element */
    scroll-snap-stop: always;
    -webkit-scroll-snap-stop: always;
    -ms-scroll-snap-stop: always;
    /* Force stop at each item (prevent skipping) */

    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;

    color: white;
}

.scroller.free {
    scroll-snap-type: none;
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
}

.scroller.free #Full {
    height: unset;
    min-height: auto;
    scroll-snap-align: none;
    -webkit-scroll-snap-align: none;
    -ms-scroll-snap-align: none;
}

.scroller::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    /* Chrome/Safari/Edge */
}

.cover {
    width: calc(100% + 20px);
    margin: -10px -10px 0px -10px;
    background: black;
}

audio {}



.cover img,
.cover video,
.cover iframe {
    max-height: 55vh;
}


.scroller #Full .cover {
    position: relative;

}

.scroller #Full .cover img,
.scroller #Full .cover video,
.scroller #Full .cover iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.scroller p {
    width: 100%;
    height: 100%;
    align-content: center;
    text-align: left;

}

.scroller .cont {
    position: relative;
}

.scroller .absolute {
    height: auto;
    bottom: 0;
    background: #0003;
    color: white;
}

.absolute {
    position: absolute;
}


.scroller .imgText {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #9d9d9d63;
    padding: 9px 20px;
    max-width: 100%;
    margin: 0;
}

.scroller .card {
    height: calc(100% - 30px);
}