.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

html {
    font-size: 16px
}

#root,
html {
    background-color: #f1f1f1
}

body {
    background-color: #fff;
    margin: 0 auto;
    max-width: 640px
}

.info {
    background-color: #000;
}

.info img {
    border: 1px solid #ccc
}

.info p {
    color: #4f4f4f;
    line-height: 2rem
}

@media screen and (max-width:375px) {
    .rec-app-name {
        font-size: 12px
    }
}

.content {
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    position: relative;
    top: -1rem
}

.arco-tab-cell-container-wrap,
.arco-tabs,
.content {
    background-color: #000;
}

.screen-shot-container img {
    border-radius: 1rem
}

.arco-button.arco-button-type-primary {
    font-weight: 700
}

.rec-logo {
    border-radius: .5rem
}

.download-element {
    font-size: 12px
}

.download-element p {
    line-height: 15px;
    text-align: center
}

.download-element a {
    color: inherit;
    text-decoration: none
}

.db-WCcuN6 {
    max-width: 640px
}