.frame {
    /* background-color: #000; */
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}


/* landscape */

.frame.lsize {
    max-width: 100%;
    min-width: 0
}

.frame.landscape {
    border-radius: 1.2% / 2.1%;
    max-width: 1333px;
    min-width: 1100px;
    width: 100vh
}

.frame.landscape:before {
    content: " ";
    display: block;
    padding-top: 56.25%;
    width: 100%
}


/* portrait */

.frame.psize {
    max-width: 100%
}

.frame.portrait {
    border-radius: 2.1% / 1.2%;
    max-width: 750px;
    min-width: 200px;
    width: 50vh
}

.frame.portrait:before {
    content: " ";
    display: block;
    padding-top: 177.78%;
    width: 100%
}

.innner {
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

/*
._78wt {
    height: 100%
}

._1o3k {
    background-color: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%
}
*/