a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    text-rendering: geometricPrecision;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

a, button {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

input:focus {
    outline: 0;
}

.only-desktop {
    display: none;
}

@media(min-width:1396px) {
    .only-desktop {
        display: block;
    }
}

.only-phone {
    display: block;
}

@media(min-width:1396px) {
    .only-phone {
        display: none;
    }
}

.hidden {
    display: none!important;
}

::-webkit-input-placeholder {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
}

:-ms-input-placeholder {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
}

::placeholder {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
}

body.shadow:before {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 7;
}

section {
    overflow: hidden;
    position: relative;
}

section .title+span {
    color: #1f4e5a;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding: 0 10px;
}

@media(min-width:1396px) {
    section .title+span {
        padding: 0 20px 10px;
    }
}

section.notice {
    background: #edf3f4;
    border-radius: 10px;
    margin: 10px;
}

@media(prefers-color-scheme:dark) {
    section.notice {
        background: #7f949a;
    }
}

section.notice .title {
    display: block;
    margin: 20px 0 0;
    text-align: center;
}

section.notice .content {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding: 20px;
}

section.notice .content p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    margin: 10px 0;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    section.notice .content p {
        color: #fff;
    }
}

section.notice .content a {
    color: #00aad5;
}

.button-more {
    background: #00aad5;
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin: 10px 0;
    padding: 5px 10px;
}

.item-row .more, section .more {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
    z-index: 1;
}

.no-content {
    align-items: center;
    color: #7f949a;
    display: inline-flex;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
}

@media(prefers-color-scheme:dark) {
    .no-content {
        color: #fff;
    }
}

.no-content:lang(ar), .no-content:lang(hi), .no-content:lang(ja), .no-content:lang(ko), .no-content:lang(ro), .no-content:lang(ru), .no-content:lang(th), .no-content:lang(tr), .no-content:lang(vi), .no-content:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.no-content a, .no-content span {
    background: #00aad5;
    border-radius: 10px;
    cursor: pointer;
    margin: 5px 10px;
    padding: 10px;
}

.ads, .no-content a, .no-content span {
    color: #fff;
    font-family: geomanistmedium, sans-serif;
}

.ads {
    background: rgba(0, 0, 0, .5);
    bottom: auto;
    font-size: 8px;
    font-weight: 400;
    left: auto;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
}

.uptodown-toast {
    color: #fff;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 15px;
}

.toastify {
    border-radius: 10px;
}

.toast-close {
    opacity: 1;
}

.item-row {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.item-row.no-link .title-row a {
    cursor: default;
    pointer-events: none;
}

@media(min-width:1396px) {
    .item-row {
        margin: 0 auto 40px;
        max-width: 1396px;
    }
}

.item-row .content {
    box-sizing: border-box;
    height: auto;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: inline-flex;
    position: relative;
}

@media(min-width:1396px) {
    .item-row .content {
        display: flex;
        flex-wrap: wrap;
        padding: 5px 0 0 20px;
    }
}

@media(max-width:1024px) {
    .item-row .content::-webkit-scrollbar {
        display: none;
    }
}

.item-row .content .item:last-child {
    padding-right: 10px;
}

@media(min-width:1396px) {
    .item-row .content .item:last-child {
        padding-right: 0;
    }
}

.item-row .more {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
    z-index: 1;
}

@media(prefers-color-scheme:dark) {
    .item-row .more {
        color: #fff;
    }
}

.item-row .buttons {
    display: none;
}

@media(min-width:1024px) {
    .item-row.categories .content {
        flex-wrap: wrap;
        height: fit-content;
    }
}

.item-row.categories .content .item {
    line-height: 1.2;
    margin: 10px 10px 10px 0;
    min-width: fit-content;
    position: relative;
    vertical-align: top;
    white-space: normal;
}

@media(min-width:1024px) {
    .item-row.categories .content .item {
        margin: 0 10px 10px 0;
    }
}

.item-row.categories .content .item div.name {
    background: #00aad5;
    border-radius: 10px;
    color: #fff;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    padding: 5px 10px;
    text-align: center;
    word-break: break-word;
}

@media(prefers-color-scheme:dark) {
    .item-row.categories .content .item div.name {
        background: dimgray;
    }
}

.item-row.categories .content .item:hover:after {
    opacity: 0;
}

.item {
    cursor: pointer;
    height: 100%;
    line-height: 1.2;
    margin: 0 10px 10px 0;
    min-width: 100px;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 100px;
}

@media(min-width:1396px) {
    .item {
        margin-right: 14px;
    }
    .item:after {
        background: #edf3f4;
        border-radius: 10px;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .3s, transform .3s;
        width: 100%;
        z-index: -1;
    }
    .item:hover:after {
        height: calc(100% - 5px);
        opacity: 1;
        top: 0;
        transform: scale(1.05);
    }
}

@media(min-width:1396px)and (prefers-color-scheme:dark) {
    .item:hover:after {
        opacity: .1;
    }
}

.item>img {
    bottom: auto;
    left: -1px;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 1;
}

.item figure {
    cursor: pointer;
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
    width: auto;
}

.item figure img {
    border-radius: 10px;
    font-size: 10px;
    height: auto;
    max-height: 100px;
    max-width: 100px;
    text-align: center;
    width: auto;
    word-break: break-word;
}

.item figure img.broken-img {
    object-fit: contain;
    width: 100%;
}

.item div.author {
    color: #4caf50;
    -webkit-line-clamp: 1;
}

.item div.author, .item div.name {
    display: -webkit-box;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item div.name {
    color: #1f4e5a;
    word-break: break-word;
    -webkit-line-clamp: 2;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .item div.name {
        color: #fff;
    }
}

.item div.name img {
    background: #fff;
    border: 1px solid #7f949a;
    border-radius: 20%;
    bottom: auto;
    left: 0;
    padding: 5px;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 0;
}

.item div.description {
    color: #7f949a;
    display: -webkit-box;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin-top: 5px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .item div.description {
        color: #cddce0;
    }
}

.f-search {
    bottom: 0;
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7;
}

@media(min-width:1024px) {
    .f-search {
        bottom: auto;
        height: 80px;
        margin: auto;
        width: 100%;
    }
}

@media(min-width:1396px) {
    .f-search {
        height: 80px;
        width: 1396px;
    }
}

.f-search div {
    cursor: pointer;
}

.f-search button {
    background: #fff;
    border: 0;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}

@media(min-width:1024px) {
    .f-search button {
        height: 80px;
        width: 80px;
    }
}

@media(prefers-color-scheme:dark) {
    .f-search button {
        background: #1f4e5a;
    }
}

.f-search img {
    left: 0;
    right: 0;
}

.f-search img, .f-search img.close {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
}

.f-search img.close {
    left: auto;
    right: 10px;
}

@media(min-width:1024px) {
    .f-search img.close {
        right: 20px;
    }
}

.f-search input {
    border: none;
    box-sizing: border-box;
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 16px;
    font-weight: inherit;
    height: 50px;
    padding: 0 40px 0 50px;
    width: 100%;
}

@media(prefers-color-scheme:dark) {
    .f-search input {
        background: #1f4e5a;
        color: #fff;
    }
}

@media(min-width:1024px) {
    .f-search input {
        font-size: 18px;
        height: 80px;
        padding-left: 80px;
        width: 100%;
    }
}

.suggestion-list {
    bottom: 0;
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    left: 0;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 7;
}

@media(min-width:1024px) {
    .suggestion-list {
        font-size: 16px;
        margin: auto;
        top: 80px;
        width: 1396px;
    }
}

.suggestion-list li {
    background: #fff;
    border-top: 1px solid #7f949a;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    z-index: 4;
}

@media(prefers-color-scheme:dark) {
    .suggestion-list li {
        background: #1f4e5a;
        border-top: 1px solid #7f949a;
        color: #fff;
    }
}

.suggestion-list li:hover {
    background: #edf3f4;
}

@media(prefers-color-scheme:dark) {
    .suggestion-list li:hover {
        color: #1f4e5a;
    }
}

.suggestion-list li.active-autocomplete-element {
    background: #edf3f4;
}

@media(prefers-color-scheme:dark) {
    .suggestion-list li.active-autocomplete-element {
        color: #1f4e5a;
    }
}

.suggestion-list li:last-child {
    border-bottom: 2px solid #7f949a;
}

.suggestion-list li a {
    display: block;
    padding: 10px 10px 8px;
}

.suggestion-list li .sug_match {
    font-family: geomanistregular, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

.suggestion-list li .sug_match b {
    font-family: geomanistmedium, sans-serif;
}

.suggestion-list li .system {
    color: #7f949a;
    display: inline-block;
    float: right;
    text-align: right;
    width: 20%;
}

.panel {
    background: #fff;
    box-sizing: border-box;
    height: auto;
    overflow: auto;
    padding: 0;
    width: 100%;
    z-index: 8;
}

.panel:has(.variants) .panel-header {
    align-items: center;
    display: flex;
    gap: 10px;
}

.panel:has(.variants) .panel-header>div img {
    margin: 0;
}

.panel:has(.variants) .panel-header button {
    font-size: 12px;
    margin-left: auto;
    text-transform: uppercase;
    width: fit-content;
}

.panel div .content {
    padding: 10px;
}

.panel div .content .about {
    color: #7f949a;
    margin-bottom: 20px;
}

@media(min-width:767px) {
    .panel {
        height: auto;
        width: 520px;
    }
    .panel.full {
        width: 100%;
    }
    .panel.full.open {
        transform: translate(-520px);
    }
}

@media(prefers-color-scheme:dark) {
    .panel {
        background: #121212;
    }
}

.panel .logo {
    display: block;
    margin: 10px auto 20px;
}

.panel button {
    background: #00aad5;
    border: 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 16px;
    font-weight: inherit;
    margin: 10px 0;
    padding: 10px 10px 8px;
    width: 100%;
}

.panel button:lang(ar), .panel button:lang(hi), .panel button:lang(ja), .panel button:lang(ko), .panel button:lang(ro), .panel button:lang(ru), .panel button:lang(th), .panel button:lang(tr), .panel button:lang(vi), .panel button:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.panel button.hidden {
    display: none;
}

.panel button.file {
    background: #fff;
    border: 1px dashed #7f949a;
    color: #00aad5;
    height: 200px;
    z-index: auto;
}

@media(prefers-color-scheme:dark) {
    .panel button.file {
        background: #1f4e5a;
        color: #fff;
    }
}

.panel.open {
    transform: translate(-100%);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}

@media(min-width:1396px) {
    .panel.open {
        transform: translate(-520px);
    }
}

.panel.close {
    transform: translate(0);
}

.panel .header {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 16px;
    font-weight: inherit;
    height: 50px;
    position: relative;
}

@media(prefers-color-scheme:dark) {
    .panel .header {
        color: #fff;
    }
}

.panel .header div div.left {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
}

.panel .header div div.left img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.panel .header span {
    bottom: 0;
    left: 10px;
    position: absolute;
    right: 0;
    top: 14px;
}

.panel .header p {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 50px;
    position: relative;
    width: 50px;
}

.panel .header p.left {
    float: left;
}

.panel .header p.hidden {
    display: none;
}

.panel .header p img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.panel .panel-header {
    margin: 10px;
}

.panel .panel-header h1 {
    align-items: center;
    background: transparent;
    border-radius: 0;
    color: #00aad5;
    display: flex;
    font-family: geomanistmedium, sans-serif;
    gap: 5px;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: left;
}

.panel .panel-header h1, .panel .panel-header h1 span {
    font-size: 12px;
    font-weight: inherit;
    text-transform: none;
}

.panel .panel-header h1 span {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    margin: 0 5px;
}

.panel .panel-header .version {
    color: #00aad5;
    margin-top: 3px;
}

.panel .panel-header .author, .panel .panel-header .version {
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: inherit;
}

.panel .panel-header .author {
    color: #7f949a;
    margin-top: 1px;
}

.panel .panel-header>div {
    display: table-cell;
    vertical-align: top;
}

.panel .panel-header>div.icon img {
    border: 0;
    border-radius: 10px;
    height: 40px;
    margin: 0 10px 0 0;
    width: 40px;
}

.panel .text-box {
    margin: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box {
        color: #fff;
    }
}

.panel .text-box h2 {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 18px;
    font-weight: inherit;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box h2 {
        color: #fff;
    }
}

.panel .text-box p {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-bottom: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box p {
        color: #fff;
    }
}

.panel .text-box p a {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
}

.panel .text-box p b {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box p b {
        color: #edf3f4;
    }
}

.panel .text-box p:has(+.list) {
    color: #7f949a;
    font-size: 14px;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box p:has(+.list) {
        color: #fff;
    }
}

.panel .text-box .list {
    margin-top: 10px;
}

.panel .text-box .list li {
    counter-increment: item-counter;
    display: grid;
    font-size: 14px;
    gap: 0 10px;
    grid-template-columns: 50px 1fr;
    grid-template-rows: auto 1fr;
    line-height: 1.4;
    padding: 10px 0;
}

.panel .text-box .list li:before {
    background: #00aad5;
    border-radius: 10px;
    color: #fff;
    content: counter(item-counter);
    font-size: 30px;
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.panel .text-box .list li div {
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-row-start: 1;
}

.panel .text-box .list li span {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 2;
    line-height: 16px;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box .list li span {
        color: #edf3f4;
    }
}

.panel .text-box.avatars {
    margin: 0;
}

.panel .text-box.avatars p {
    margin: 0;
    position: relative;
}

.panel .text-box.avatars span {
    align-items: center;
    color: #1f4e5a;
    display: flex;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    gap: 5px;
    margin: 10px 10px 0;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box.avatars span {
        color: #fff;
    }
}

.panel .text-box.avatars span.title {
    font-size: 14px;
    margin-bottom: 20px;
}

.panel .text-box.avatars div {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 10px;
}

.panel .text-box.avatars div p:has(.active) .check {
    background: #8bc34a;
    border-radius: 50%;
    bottom: 4px;
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    display: block;
    height: 20px;
    margin: 0;
    padding: 4px;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 2;
}

.panel .text-box.avatars div p:has(.active) .check img {
    filter: brightness(0) invert(1);
    width: auto;
}

.panel .text-box.avatars div .lock, .panel .text-box.avatars div p .check {
    display: none;
}

@media(min-width:425px) {
    .panel .text-box.avatars div {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media(min-width:560px) {
    .panel .text-box.avatars div {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media(min-width:766px) {
    .panel .text-box.avatars div {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

.panel .text-box.avatars div.turbo {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    display: inline-flex;
}

.panel .text-box.avatars div.turbo::-webkit-scrollbar {
    display: none;
}

@media(min-width:1024px) {
    .panel .text-box.avatars div.turbo {
        scrollbar-color: #00aad5 #eee;
        scrollbar-width: thin;
    }
}

@media(min-width:1024px)and (prefers-color-scheme:dark) {
    .panel .text-box.avatars div.turbo {
        scrollbar-color: #00aad5 #333;
    }
}

@media(min-width:1024px) {
    .panel .text-box.avatars div.turbo::-webkit-scrollbar {
        display: block;
    }
    .panel .text-box.avatars div.turbo::-webkit-scrollbar-thumb {
        background: #00aad5;
        border-radius: 100px;
        cursor: pointer;
        height: 2px;
    }
    .panel .text-box.avatars div.turbo::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 100px;
        height: 7px;
    }
}

.panel .text-box.avatars div.turbo img {
    width: 100px;
}

.panel .text-box.avatars div.turbo img:hover {
    opacity: 1;
    transform: scale(1.05);
    transition: all .1s cubic-bezier(.165, .84, .44, 1);
}

.panel .text-box.avatars div.turbo img.active {
    border: 5px solid #e06290;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    opacity: 1;
    transform: scale(1.1);
}

.panel .text-box.avatars div.turbo.disable p:after {
    border-bottom: 50px solid #e06290;
    border-left: 50px solid transparent;
    bottom: 3.5px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.panel .text-box.avatars div.turbo.disable img {
    opacity: 1;
    pointer-events: none;
    position: relative;
}

.panel .text-box.avatars div.turbo.disable .lock {
    border-radius: 0;
    bottom: 10px;
    display: block;
    filter: brightness(0) invert(1);
    height: 20px;
    position: absolute;
    right: 5px;
    width: 20px;
    z-index: 1;
}

.panel .text-box.avatars div img {
    border-radius: 10px;
    cursor: pointer;
    height: auto;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    width: 100%;
}

.panel .text-box.avatars div img:hover {
    opacity: 1;
    transform: scale(1.1);
    transition: all .1s cubic-bezier(.165, .84, .44, 1);
}

.panel .text-box.avatars div img.active {
    border: 5px solid #00aad5;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    opacity: 1;
    position: relative;
    transform: scale(1.3);
    z-index: 1;
}

.panel .text-box.avatars div img.off {
    opacity: .2;
}

.panel .text-box.avatars button {
    bottom: 10px;
    margin: 10px;
    position: sticky;
    width: -webkit-fill-available;
}

.panel .text-box.onboard span.onBoard {
    background: #ffc94f;
    border: 1px solid #ffc94f;
    border-radius: 10px;
    color: #1f4e5a;
    display: inline-flex;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0 20px;
    padding: 3px 10px;
    text-transform: uppercase;
}

.panel .text-box.onboard p {
    clear: both;
    color: #7f949a;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box.onboard p {
        color: #edf3f4;
    }
}

.panel .text-box.onboard p a {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
}

.panel .text-box.onboard p a:lang(ar), .panel .text-box.onboard p a:lang(hi), .panel .text-box.onboard p a:lang(ja), .panel .text-box.onboard p a:lang(ko), .panel .text-box.onboard p a:lang(ro), .panel .text-box.onboard p a:lang(ru), .panel .text-box.onboard p a:lang(th), .panel .text-box.onboard p a:lang(tr), .panel .text-box.onboard p a:lang(vi), .panel .text-box.onboard p a:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.panel .text-box.onboard p b {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
}

.panel .text-box.onboard p b:lang(ar), .panel .text-box.onboard p b:lang(hi), .panel .text-box.onboard p b:lang(ja), .panel .text-box.onboard p b:lang(ko), .panel .text-box.onboard p b:lang(ro), .panel .text-box.onboard p b:lang(ru), .panel .text-box.onboard p b:lang(th), .panel .text-box.onboard p b:lang(tr), .panel .text-box.onboard p b:lang(vi), .panel .text-box.onboard p b:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

@media(prefers-color-scheme:dark) {
    .panel .text-box.onboard p b {
        color: #edf3f4;
    }
}

.panel .text-box.onboard li {
    border: none;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    line-height: normal;
    margin: 20px 0;
    padding: 0 0 0 20px;
}

.panel .text-box.onboard li:before {
    background: #ffc94f;
    border-radius: 10px;
    border-radius: 50%;
    color: #fff;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 10px;
}

.panel .text-box.onboard li:hover {
    background: transparent;
}

.panel .list-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.panel .list-items.permission {
    grid-template-columns: 1fr;
}

.panel .list-items.permission li span {
    text-align: left;
}

.panel .list-items.language li:hover {
    background: transparent;
}

.panel .list-items li span {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin-left: 0;
    text-align: center;
    word-break: break-all;
}

@media(prefers-color-scheme:dark) {
    .panel .list-items li span {
        color: #fff;
    }
}

.panel li {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    line-height: 2;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
}

@media(prefers-color-scheme:dark) {
    .panel li {
        border-bottom: 1px solid #1f4e5a;
        color: #fff;
    }
}

.panel li:hover {
    background: #edf3f4;
}

@media(prefers-color-scheme:dark) {
    .panel li:hover {
        background: #1f4e5a;
    }
}

.panel li.disabled {
    color: #7f949a;
    cursor: auto;
}

.panel li.disabled a {
    cursor: auto;
}

.panel li a {
    display: block;
}

.panel li img {
    float: left;
    height: 20px;
    margin: 0 20px 0 10px;
    width: 20px;
}

.panel li li {
    border-bottom: 0;
    display: inline-flex;
    font-size: 12px;
    padding: 10px 10px 0 0;
}

.panel li span {
    display: block;
}

.panel li span b, .panel li span span {
    font-family: geomanistmedium, sans-serif;
}

.panel li span span {
    background: #00aad5;
    border-radius: 50%;
    color: #fff;
    float: right;
    font-size: 8px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.panel .rate {
    margin: 10px;
    text-align: center;
}

.panel .rate img {
    margin: 20px 15px;
    transform: scale(3);
}

@media(prefers-color-scheme:dark) {
    .panel .rate img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.5);
    }
}

.panel .rate img.active {
    filter: brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1431%) hue-rotate(159deg) brightness(97%) contrast(103%);
}

.panel .form-panel {
    background: #edf3f4;
    padding: 20px;
}

@media(prefers-color-scheme:dark) {
    .panel .form-panel {
        background: #1f4e5a;
        color: #fff;
    }
}

.panel .form-panel textarea {
    border: 1px solid #7f949a;
    border-radius: 10px;
    box-sizing: border-box;
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    height: 100px;
    margin: 10px 0;
    padding: 10px;
    resize: none;
    width: 100%;
}

@media(prefers-color-scheme:dark) {
    .panel .form-panel textarea {
        background: transparent;
        color: #fff;
    }
}

.panel .filter ul {
    display: flex;
}

.panel .filter ul li {
    border: 0;
    color: #fff;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    padding: 10px;
    text-transform: capitalize;
}

.panel .filter ul li.active {
    background: #00aad5;
}

@media(prefers-color-scheme:dark) {
    .panel .filter ul li.active {
        color: #fff;
    }
}

.panel .filter ul.options {
    background: #fff;
    border-bottom: 1px solid #edf3f4;
    margin-bottom: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .filter ul.options {
        background: transparent;
        border-bottom: 1px solid #fff;
    }
}

.panel .filter ul.options li {
    background: #fff;
    color: #7f949a;
    padding: 0;
    text-align: center;
    width: 100%;
}

@media(prefers-color-scheme:dark) {
    .panel .filter ul.options li {
        background: transparent;
    }
}

.panel .filter ul.options li:hover {
    color: #00aad5;
}

.panel .filter ul.options li a {
    align-items: center;
    background: none;
    border-radius: 0;
    display: flex;
    font-size: 12px;
    height: 50px;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
}

.panel .filter ul.options li.active {
    color: #00aad5;
}

@media(prefers-color-scheme:dark) {
    .panel .filter ul.options li.active {
        color: #fff;
    }
}

.panel .filter ul.options li.active a {
    background: #fff;
    border-bottom: 5px solid #00aad5;
}

@media(prefers-color-scheme:dark) {
    .panel .filter ul.options li.active a {
        background: transparent;
        border-bottom: 5px solid #fff;
    }
}

.panel .access, .panel .setting {
    padding: 10px;
}

.panel .access img, .panel .setting img {
    display: block;
    margin: auto;
}

.panel .access p, .panel .setting p {
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
    text-align: left;
}

.panel .access p.checkbox, .panel .setting p.checkbox {
    text-align: left;
}

.panel .access p.checkbox span, .panel .setting p.checkbox span {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    position: relative;
    top: 0;
}

@media(prefers-color-scheme:dark) {
    .panel .access p.checkbox span, .panel .setting p.checkbox span {
        color: #fff;
    }
}

.panel .access p span, .panel .setting p span {
    position: absolute;
    top: 5px;
}

.panel .access p span img, .panel .setting p span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2065%) hue-rotate(74deg) brightness(78%) contrast(107%);
    left: 10px;
    position: absolute;
    top: 15px;
}

.panel .access p input[type=email], .panel .access p input[type=password], .panel .access p input[type=text], .panel .setting p input[type=email], .panel .setting p input[type=password], .panel .setting p input[type=text] {
    border: 0;
    border-bottom: 1px solid #7f949a;
    box-sizing: border-box;
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding: 15px 10px 15px 40px;
    width: 100%;
}

@media(prefers-color-scheme:dark) {
    .panel .access p input[type=email], .panel .access p input[type=password], .panel .access p input[type=text], .panel .setting p input[type=email], .panel .setting p input[type=password], .panel .setting p input[type=text] {
        background: transparent;
        color: #fff;
    }
}

.panel .access p input[type=email]:lang(ar), .panel .access p input[type=email]:lang(hi), .panel .access p input[type=email]:lang(ja), .panel .access p input[type=email]:lang(ko), .panel .access p input[type=email]:lang(ro), .panel .access p input[type=email]:lang(ru), .panel .access p input[type=email]:lang(th), .panel .access p input[type=email]:lang(tr), .panel .access p input[type=email]:lang(vi), .panel .access p input[type=email]:lang(zh), .panel .access p input[type=password]:lang(ar), .panel .access p input[type=password]:lang(hi), .panel .access p input[type=password]:lang(ja), .panel .access p input[type=password]:lang(ko), .panel .access p input[type=password]:lang(ro), .panel .access p input[type=password]:lang(ru), .panel .access p input[type=password]:lang(th), .panel .access p input[type=password]:lang(tr), .panel .access p input[type=password]:lang(vi), .panel .access p input[type=password]:lang(zh), .panel .access p input[type=text]:lang(ar), .panel .access p input[type=text]:lang(hi), .panel .access p input[type=text]:lang(ja), .panel .access p input[type=text]:lang(ko), .panel .access p input[type=text]:lang(ro), .panel .access p input[type=text]:lang(ru), .panel .access p input[type=text]:lang(th), .panel .access p input[type=text]:lang(tr), .panel .access p input[type=text]:lang(vi), .panel .access p input[type=text]:lang(zh), .panel .setting p input[type=email]:lang(ar), .panel .setting p input[type=email]:lang(hi), .panel .setting p input[type=email]:lang(ja), .panel .setting p input[type=email]:lang(ko), .panel .setting p input[type=email]:lang(ro), .panel .setting p input[type=email]:lang(ru), .panel .setting p input[type=email]:lang(th), .panel .setting p input[type=email]:lang(tr), .panel .setting p input[type=email]:lang(vi), .panel .setting p input[type=email]:lang(zh), .panel .setting p input[type=password]:lang(ar), .panel .setting p input[type=password]:lang(hi), .panel .setting p input[type=password]:lang(ja), .panel .setting p input[type=password]:lang(ko), .panel .setting p input[type=password]:lang(ro), .panel .setting p input[type=password]:lang(ru), .panel .setting p input[type=password]:lang(th), .panel .setting p input[type=password]:lang(tr), .panel .setting p input[type=password]:lang(vi), .panel .setting p input[type=password]:lang(zh), .panel .setting p input[type=text]:lang(ar), .panel .setting p input[type=text]:lang(hi), .panel .setting p input[type=text]:lang(ja), .panel .setting p input[type=text]:lang(ko), .panel .setting p input[type=text]:lang(ro), .panel .setting p input[type=text]:lang(ru), .panel .setting p input[type=text]:lang(th), .panel .setting p input[type=text]:lang(tr), .panel .setting p input[type=text]:lang(vi), .panel .setting p input[type=text]:lang(zh) {
    font-family: sans-serif;
}

.panel .access p input[type=email]:focus, .panel .access p input[type=password]:focus, .panel .access p input[type=text]:focus, .panel .setting p input[type=email]:focus, .panel .setting p input[type=password]:focus, .panel .setting p input[type=text]:focus {
    border-bottom: 1px solid #00aad5;
}

.panel .access p input[type=checkbox], .panel .setting p input[type=checkbox] {
    filter: hue-rotate(331deg) brightness(1.2);
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.panel .access p input[type=file], .panel .setting p input[type=file] {
    background: red;
    bottom: 0;
    cursor: pointer;
    height: 200px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 20px;
    width: 100%;
}

.panel .access span a, .panel .setting span a {
    display: inline-block;
    margin: 0;
}

.panel .access a, .panel .setting a {
    color: #00aad5;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin: 20px 0;
    text-align: right;
}

.panel .access a:lang(ar), .panel .access a:lang(hi), .panel .access a:lang(ja), .panel .access a:lang(ko), .panel .access a:lang(ro), .panel .access a:lang(ru), .panel .access a:lang(th), .panel .access a:lang(tr), .panel .access a:lang(vi), .panel .access a:lang(zh), .panel .setting a:lang(ar), .panel .setting a:lang(hi), .panel .setting a:lang(ja), .panel .setting a:lang(ko), .panel .setting a:lang(ro), .panel .setting a:lang(ru), .panel .setting a:lang(th), .panel .setting a:lang(tr), .panel .setting a:lang(vi), .panel .setting a:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.panel .access a.hidden, .panel .setting a.hidden {
    display: none;
}

.panel .safety-analysis {
    border-radius: 10px;
    color: #1f4e5a;
    display: flex;
    margin: 10px;
}

.panel .safety-analysis div:first-child {
    border-radius: 10px;
    color: #fff;
    font-family: geomanistmedium, sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    text-align: center;
    width: 40px;
}

.panel .safety-analysis.ok {
    border: 1px solid #00aad5;
}

.panel .safety-analysis.ok div:first-child {
    background: #00aad5;
}

.panel .safety-analysis.ko {
    border: 1px solid #c40606;
}

.panel .safety-analysis.ko div:first-child {
    background: #c40606;
}

.panel .safety-analysis.warning {
    border: 1px solid #e8a01c;
}

.panel .safety-analysis.warning div:first-child {
    background: #e8a01c;
}

.panel .safety-analysis div {
    padding: 10px;
}

.panel .safety-analysis div p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-bottom: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .safety-analysis div p {
        color: #fff;
    }
}

.panel .safety-analysis div p+p {
    color: #7f949a;
    font-size: 12px;
}

.panel .safety-analysis div p span {
    font-family: geomanistmedium, sans-serif;
}

.panel .safety-info li {
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    word-break: break-all;
}

.panel .safety-info li:hover {
    background: transparent;
}

.panel .safety-info li span {
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
}

.panel .safety-report li {
    display: flex;
    flex-direction: column;
    margin: 5px 0;
    padding: 0 20px;
}

.panel .safety-report li span {
    display: flex;
}

.panel .safety-report li span.ko {
    background: #c40606;
    border-radius: 10px;
    height: 25px;
    position: absolute;
    width: 25px;
}

.panel .safety-report li p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    line-height: 1.4;
    padding-left: 35px;
    word-break: break-all;
}

@media(prefers-color-scheme:dark) {
    .panel .safety-report li p {
        color: #fff;
    }
}

.panel .safety-report li p+p {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: 600;
}

.panel .certified {
    padding: 10px;
}

.panel .certified>img {
    position: absolute;
}

.panel .certified ul {
    padding-left: 70px;
}

.panel .certified ul li {
    border: 0;
    padding: 1px 0;
}

.panel .certified ul li:hover {
    background: transparent;
}

.panel .certified ul li img {
    margin: 0 10px;
}

.panel .certified span {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: 300;
    padding-left: 80px;
}

.panel .certified p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .panel .certified p {
        color: #fff;
    }
}

.panel .alert {
    background: #c40606;
    color: #fff;
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding: 10px;
    text-align: center;
}

.panel .no-content {
    margin: 0 20px 20px;
}

.panel .preload {
    background: none;
    margin: auto;
    transform: rotate(45deg);
    z-index: 10;
    shape-rendering: auto;
}

.panel .preload, .panel .preload:before {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.panel .preload:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    width: 100%;
}

.panel .preload-bg {
    background: hsla(0, 0%, 100%, .7);
    bottom: 0;
    height: 100%;
    left: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.panel .comments #user-comments-list.content {
    grid-template-columns: 1fr;
}

.panel .comments .more {
    background: #fff;
    border: 1px solid #00aad5;
    border-radius: 10px;
    color: #00aad5;
    display: block;
    float: none;
    font-family: geomanistmedium, sans-serif;
    margin: 0 10px 10px;
    padding: 10px 15px;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .panel .comments .more {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }
}

.panel .variants p {
    align-items: center;
    color: #7f949a;
    display: flex;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    gap: 5px;
    margin: 20px 0 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .variants p {
        color: #fff;
    }
}

.panel .variants p img {
    height: 10px;
    width: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .variants p img {
        filter: brightness(0) invert(1);
    }
}

.panel .variants p:first-child {
    margin-top: 0;
}

.panel .variants .variant {
    display: grid;
    gap: 0;
    grid-template-columns: 50px 1fr 1fr 1fr 40px;
    grid-template-rows: 15px 15px 15px;
    height: 100%;
    margin-bottom: 10px;
}

.panel .variants .variant .v-icon {
    align-self: center;
    cursor: pointer;
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-row-start: 1;
}

.panel .variants .variant .v-version {
    color: #00aad5;
    cursor: pointer;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    grid-column-end: 6;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-row-start: 1;
    width: fit-content;
}

.panel .variants .variant .v-screen {
    color: #7f949a;
    grid-row-end: 4;
    grid-row-start: 3;
}

.panel .variants .variant .v-date, .panel .variants .variant .v-screen {
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: inherit;
    grid-column-end: 4;
    grid-column-start: 2;
}

.panel .variants .variant .v-date {
    color: #1f4e5a;
    grid-row-end: 3;
    grid-row-start: 2;
}

@media(prefers-color-scheme:dark) {
    .panel .variants .variant .v-date {
        color: #fff;
    }
}

.panel .variants .variant .v-date span {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 10px;
    font-weight: inherit;
    margin: 0 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .variants .variant .v-date span {
        color: #fff;
    }
}

.panel .variants .variant .v-report {
    border: 1px solid #00aad5;
    border-radius: 10px;
    cursor: pointer;
    grid-column-end: 6;
    grid-column-start: 5;
    grid-row-end: 4;
    grid-row-start: 2;
    height: auto;
    justify-self: end;
    padding: 8px;
    position: relative;
    top: -2px;
    width: 12px;
}

.panel .variants .variant .v-file {
    grid-column-end: 5;
    grid-column-start: 4;
    grid-row-end: 3;
    grid-row-start: 2;
    justify-self: end;
}

.panel .variants .variant .v-file span {
    border: 1px solid #7f949a;
    border-radius: 5px;
    color: #7f949a;
    font-size: 10px;
    margin-left: 5px;
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
    top: -5px;
}

.panel .variants .variant .v-file span.apk {
    border: 1px solid #4caf50;
    color: #4caf50;
}

.panel .variants .variant .v-file span.xapk {
    border: 1px solid #b99ccf;
    color: #b99ccf;
}

.panel .variants .variant .v-file span.obb {
    border: 1px solid #e06290;
    color: #e06290;
}

.panel .variants .variant .v-os {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: inherit;
    grid-column-end: 5;
    grid-column-start: 4;
    grid-row-end: 4;
    grid-row-start: 3;
    justify-self: end;
}

@media(prefers-color-scheme:dark) {
    .panel .variants .variant .v-os {
        color: #fff;
    }
}

.panel .variants .variant img {
    border-radius: 10px;
    height: auto;
    width: 40px;
}

.panel .change-username .title, .panel .change-username label {
    display: flex;
    gap: 5px;
    width: fit-content;
}

@media(prefers-color-scheme:dark) {
    .panel .change-username .title, .panel .change-username label {
        color: #fff;
    }
}

.panel .change-username button {
    margin-top: 20px;
}

.panel .change-username .input-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 10px 0;
}

.panel .change-username .input-group span img {
    top: 26px;
}

.panel .change-username .input-group input[type=text] {
    font-size: 24px;
}

.panel .change-username .input-group label {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    font-size: 18px;
    font-weight: inherit;
}

.panel .change-username .input-group .lock {
    display: none;
}

.panel .change-username .input-groupturbo {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 10px 0;
}

.panel .change-username .input-groupturbo .lock {
    display: none;
}

.panel .change-username .input-groupturbo.disable {
    pointer-events: none;
}

.panel .change-username .input-groupturbo.disable input {
    opacity: .2;
}

.panel .change-username .input-groupturbo.disable .lock {
    display: block;
    filter: brightness(0) opacity(.2);
    margin: 0;
}

@media(prefers-color-scheme:dark) {
    .panel .change-username .input-groupturbo.disable .lock {
        filter: brightness(0) invert(1) opacity(.3);
    }
}

@keyframes sponsor {
    0%, to {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes delay {
    0%, to {
        background-position: 0 50%;
    }
    25%, 75% {
        background-position: 100% 50%;
    }
}

.panel .comments {
    margin-top: 20px;
}

.panel .comments .title-row:has(.more) .title {
    cursor: pointer;
}

.panel .comments #user-comments-list .comment.main-comment>div .user {
    cursor: pointer;
}

.panel .comments .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media(min-width:1396px) {
    .panel .comments .content {
        align-items: flex-start;
        display: grid;
        gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
}

.panel .comments .content:has(.no-content) {
    display: block;
}

.panel .comments .content .no-content {
    border: 1px solid #00aad5;
    border-radius: 10px;
    box-sizing: border-box;
    flex-direction: column;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    width: 100%;
    word-break: break-word;
}

.panel .comments .content .no-content span {
    margin: 10px 0 0;
}

@media(min-width:1396px) {
    .panel .panel .comments .content {
        grid-template-columns: 1fr;
    }
}

.panel .comment {
    box-sizing: border-box;
    color: #1f4e5a;
    display: grid;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    gap: 10px;
    grid-template-columns: auto 1fr;
    order: 1;
    width: 100%;
}

.panel .comment.main-comment>div .user {
    cursor: auto;
}

@media(min-width:1396px) {
    .panel .comment {
        justify-self: start;
    }
}

.panel .comment:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.panel .comment>img {
    font-size: 12px;
    height: 80px;
    overflow: hidden;
    vertical-align: top;
    width: 80px;
    word-wrap: anywhere;
    aspect-ratio: 1/1;
    border-radius: 10px;
    color: #7f949a;
}

.panel .comment.turbo {
    background: #d9f7ff;
    border-radius: 10px;
    box-shadow: 0 3px 20px 0 #edf3f4;
    order: 0;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .comment.turbo {
        background: #1f4e5a;
        box-shadow: 0 3px 20px 0 rgba(185, 156, 207, .565);
    }
}

.panel .comment.turbo .turbo-link {
    height: fit-content;
    width: fit-content;
}

.panel .comment.turbo>img {
    border: 2px solid #e06290;
    box-shadow: 0 2px 5px 1px rgba(185, 156, 207, .565);
    box-sizing: border-box;
    height: 80px;
    width: 80px;
}

.panel .comment.turbo>div .user {
    display: flex;
    float: none;
    font-size: 16px;
}

.panel .comment.turbo>div span {
    float: none;
}

.panel .comment.turbo>div .rate-star {
    float: none;
    gap: 2px;
    margin-top: 5px;
}

.panel .comment.turbo>div .rate-star+span {
    margin-top: 10px;
}

.panel .comment.turbo>div .rate-star img {
    border-radius: 0;
    filter: hue-rotate(218deg) saturate(903%) contrast(104%);
    height: 20px;
    opacity: .3;
    width: 20px;
}

@media(prefers-color-scheme:dark) {
    .panel .comment.turbo>div .rate-star img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.7);
    }
}

.panel .comment.turbo>div .rate-star img.active {
    filter: brightness(0) saturate(100%) invert(98%) sepia(68%) saturate(7185%) hue-rotate(315deg) brightness(100%) contrast(104%);
    opacity: 1;
}

.panel .comment.turbo p {
    color: #1f4e5a;
    font-size: 16px;
    left: -90px;
    line-height: 1.6;
    margin: 30px 0 20px;
    position: relative;
    width: calc(100% + 90px);
}

@media(prefers-color-scheme:dark) {
    .panel .comment.turbo p {
        color: #fff;
    }
}

.panel .comment.turbo .stats {
    left: -90px;
    position: relative;
}

.panel .comment p {
    clear: both;
    color: #1f4e5a;
    font-size: 12px;
    line-height: 20px;
    margin: 40px 0 10px;
    word-break: break-word;
}

@media(prefers-color-scheme:dark) {
    .panel .comment p {
        color: #cddce0;
    }
}

.panel .comment p span.comment-more {
    color: #00aad5;
    cursor: pointer;
    float: none;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
}

.panel .comment>div {
    vertical-align: top;
}

.panel .comment>div .rate-star, .panel .comment>div .user>div {
    clear: both;
    display: flex;
    float: left;
    margin-top: 3px;
}

.panel .comment>div .rate-star img, .panel .comment>div .user>div img {
    height: auto;
    margin-right: 3px;
    width: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .comment>div .rate-star img, .panel .comment>div .user>div img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.3);
    }
}

.panel .comment>div .rate-star img.active, .panel .comment>div .user>div img.active {
    filter: brightness(0) saturate(100%) invert(51%) sepia(93%) saturate(1870%) hue-rotate(155deg) brightness(92%) contrast(101%);
}

.panel .comment>div .user {
    align-items: center;
    color: #00aad5;
    cursor: pointer;
    display: inline-flex;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-weight: inherit;
    gap: 5px;
    margin: 0 5px 0 0;
    width: 100%;
}

.panel .comment>div .user img {
    width: fit-content;
}

.panel .comment>div .user img.verified {
    height: auto;
    margin: 2px 2px 0 0;
    width: 12px;
}

@media(prefers-color-scheme:dark) {
    .panel .comment>div .user img:not(.turbo-link) {
        filter: brightness(7.5);
    }
}

.panel .comment>div span {
    color: #7f949a;
    display: inline-flex;
    float: left;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: inherit;
    margin: 2px 5px 0;
}

@media(prefers-color-scheme:dark) {
    .panel .comment>div span {
        color: #aaa;
    }
}

.panel .comment .stats {
    color: #1f4e5a;
    display: flex;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}

.panel .comment .stats>div {
    cursor: pointer;
    display: flex;
    line-height: 1;
    margin-right: 20px;
}

.panel .comment .stats>div.off {
    cursor: default;
}

.panel .comment .stats>div span {
    margin: 2px;
    padding-left: 2px;
}

.panel .comment .stats img {
    border-radius: 0;
    filter: brightness(0) saturate(100%) invert(61%) sepia(24%) saturate(220%) hue-rotate(147deg) brightness(90%) contrast(88%);
    height: 12px;
    vertical-align: bottom;
    width: 12px;
}

.panel .comment.answer {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
}

.panel .comment.answer img {
    height: 40px;
    width: 40px;
}

.panel .comment.answer .stats img {
    height: 12px;
    width: 12px;
}

.panel .answers {
    background: #fcf9f7;
    box-sizing: border-box;
    margin: 20px -10px -10px;
    overflow: hidden;
    padding: 20px 0 0;
}

@media(prefers-color-scheme:dark) {
    .panel .answers {
        background: transparent;
    }
}

.panel .answers .form {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 0 20px;
}

@media(prefers-color-scheme:dark) {
    .panel .answers .form {
        box-shadow: none;
    }
}

.panel .answers .form input {
    border: 1px solid #7f949a;
    border-radius: 10px;
    box-sizing: border-box;
    flex: 0 0 calc(100% - 60px);
    margin-left: 10px;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .answers .form input {
        background: transparent;
        color: #fff;
        font-family: geomanistregular, sans-serif;
    }
}

.panel .answers .form button {
    border-radius: 10px;
    flex: 0 0 100%;
    margin-top: 10px;
}

.panel .answers .form>img {
    box-sizing: border-box;
    height: 40px;
    width: 40px;
}

.panel .answers .answer {
    margin-bottom: 20px;
}

.panel .answers .answer img.turbo {
    border: 2px solid #e06290;
}

.panel .answers .answer .user {
    cursor: auto;
}

.panel .answers .answer span {
    margin: 0;
}

.panel .answers .answer p {
    margin: 20px 0 0;
}

.panel .answers .answer.turbo {
    border-radius: 0;
}

.panel .answers .answer.turbo>div .user img {
    height: 14px;
    width: 14px;
}

@media(prefers-color-scheme:dark) {
    .panel .answers .answer.turbo>div .user img {
        filter: none;
    }
}

.panel .answers .answer.turbo p {
    margin: 0;
    padding: 10px 20px 0 90px;
    width: 100%;
}

.panel .answers .answer.turbo .stats {
    left: 0;
}

.panel .user-says {
    margin-top: 20px;
}

.panel .user-says ul {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(min-width:1396px) {
    .panel .user-says ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.panel .user-says ul li {
    align-items: center;
    background: rgba(0, 170, 213, .08);
    border-radius: 5px;
    color: #1f4e5a;
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .panel .user-says ul li {
        color: #fff;
    }
}

.panel .user-says p {
    font-size: 10px;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .panel .user-says p {
        color: #fff;
    }
}

.panel .gallery-full {
    height: 100%;
}

.panel .gallery-full iframe, .panel .gallery-full img {
    bottom: 0;
    left: 0;
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.panel .gallery-full iframe.left, .panel .gallery-full img.left {
    background: #fff;
    border: 3px solid #00aad5;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: -5px;
    margin: auto;
    padding: 5px;
    position: absolute;
    right: auto;
    top: 0;
    transform: scale(.7);
    width: 30px;
    z-index: 1;
}

@media(min-width:1396px) {
    .panel .gallery-full iframe.left, .panel .gallery-full img.left {
        left: 5px;
        transform: scale(1);
    }
}

@media(prefers-color-scheme:dark) {
    .panel .gallery-full iframe.left, .panel .gallery-full img.left {
        background: transparent;
    }
}

.panel .gallery-full iframe.right, .panel .gallery-full img.right {
    background: #fff;
    border: 3px solid #00aad5;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: auto;
    margin: auto;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 0;
    transform: rotate(180deg) scale(.7);
    width: 30px;
    z-index: 1;
}

@media(min-width:1396px) {
    .panel .gallery-full iframe.right, .panel .gallery-full img.right {
        right: 5px;
        transform: rotate(180deg) scale(1);
    }
}

@media(prefers-color-scheme:dark) {
    .panel .gallery-full iframe.right, .panel .gallery-full img.right {
        background: transparent;
    }
}

.panel .gallery-full iframe {
    height: 100%;
    margin: auto;
    width: 100%;
}

.panel .gallery-full #screen-full-screen {
    border: 1px solid #ccc;
}

.panel:has(.profile-box) li img, .panel:has(.profile-box) li span {
    pointer-events: none;
}

.panel.turbo:has(.profile-box) {
    background: #eddff7;
    background: linear-gradient(164deg, #fff 1%, #00aad5);
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) {
        background: #0f292f;
    }
}

.panel.turbo:has(.profile-box) .panel-header .icon img {
    border: 2px solid #e06290;
    box-shadow: 0 2px 5px 1px rgba(185, 156, 207, .565);
    height: 80px;
    width: 80px;
}

.panel.turbo:has(.profile-box) .panel-header .name h1 {
    font-size: 18px;
    text-transform: none;
}

.panel.turbo:has(.profile-box) .panel-header .name .author {
    font-size: 14px;
}

.panel.turbo:has(.profile-box) .profile-box {
    background: #fff;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 10px;
    padding: 10px;
}

@media(max-width:400px) {
    .panel.turbo:has(.profile-box) .profile-box {
        grid-template-columns: 1fr 1fr;
    }
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) .profile-box {
        background: #1f4e5a;
    }
}

.panel.turbo:has(.profile-box) .profile-box li {
    background: #d7f2f9;
    border-radius: 10px;
    overflow: visible;
    padding: 0;
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) .profile-box li {
        background: #7ba0aa;
    }
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) .profile-box li:not(:nth-child(5)) a img {
        filter: brightness(0) invert(1);
    }
}

.panel.turbo:has(.profile-box) .profile-box li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
}

.panel.turbo:has(.profile-box) .profile-box li a img {
    height: 40px;
    margin: 20px;
    pointer-events: none;
    width: 40px;
}

.panel.turbo:has(.profile-box) .profile-box li a span {
    font-family: geomanistregular, sans-serif;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) .profile-box li a span {
        color: #1f4e5a;
    }
}

.panel.turbo:has(.profile-box) .profile-box li a span span {
    background: #e06290;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px 1px rgba(185, 156, 207, .565);
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 30px;
}

@media(prefers-color-scheme:dark) {
    .panel.turbo:has(.profile-box) .profile-box li a span span {
        color: #fff;
    }
}

.panel.turbo:has(.profile-box) .profile-box li.vpn a img {
    height: 50px;
    margin: 20px auto 10px;
    width: auto;
}

.panel.turbo:has(.profile-box) .profile-box li.close {
    order: 1;
}

.panel .panel-header h1 img, a.user img, label img, span.user img {
    cursor: pointer;
}

.panel .panel-header h1.type1, a.user.type1, label.type1, span.user.type1 {
    animation: sponsor 1s cubic-bezier(0, 0, .42, 1.34) infinite reverse, delay 4s ease infinite;
    background: linear-gradient(130deg, #ebb000 10%, #f8e3b0 50%, #ebb000 90%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 900% 100%;
}

.panel .panel-header h1.type1, .panel .panel-header h1.type2, a.user.type1, a.user.type2, label.type1, label.type2, span.user.type1, span.user.type2 {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    font-size: 18px;
    font-weight: inherit;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.panel .panel-header h1.type2, a.user.type2, label.type2, span.user.type2 {
    animation: sponsor 3s cubic-bezier(0, 0, .42, 1.34) infinite reverse, delay 6s ease infinite;
    background: linear-gradient(90deg, #e06290, #b99ccf 25%, #e06290 50%, #b99ccf 75%, #e06290);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 500% 100%;
}

.panel .panel-header h1.type3, a.user.type3, label.type3, span.user.type3 {
    background: linear-gradient(30deg, #c40606, #ebb000 25%, #c40606 50%, #ebb000, #c40606);
    -webkit-background-clip: text;
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    font-size: 18px;
    font-weight: inherit;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    animation: sponsor 2s cubic-bezier(0, 0, .42, 1.34) infinite reverse, delay 5s ease infinite;
    background-size: 900% 100%;
}

.cookies {
    background: #1f4e5a;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    left: auto;
    line-height: 1.6;
    padding: 10px;
    position: fixed;
    right: auto;
    text-align: center;
    top: auto;
    z-index: 5;
}

@media(min-width:1396px) {
    .cookies {
        width: 996px;
    }
}

.cookies a {
    color: #7f949a;
    display: block;
    text-decoration: underline;
}

.nav-main {
    background: #fff;
    bottom: 0;
    height: auto;
    left: -256px;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 256px;
    z-index: 8;
}

@media(prefers-color-scheme:dark) {
    .nav-main {
        background: #1f4e5a;
    }
}

.nav-main.open {
    left: 0;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
}

.nav-main .header {
    height: 50px;
    position: relative;
}

.nav-main .header a, .nav-main .header div {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 60px;
    position: relative;
    width: 60px;
}

.nav-main .header a.left, .nav-main .header div.left {
    float: left;
}

.nav-main .header a#back-button-language-list img, .nav-main .header div#back-button-language-list img {
    width: 19px;
}

.nav-main .header a img, .nav-main .header div img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    rotate: 180deg;
    top: 0;
}

.nav-main .header a img:lang(ar), .nav-main .header div img:lang(ar) {
    rotate: 0deg;
}

.nav-main .header a.my-lang, .nav-main .header div.my-lang {
    color: #000;
    display: block;
    float: left;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: auto;
    margin: 10px;
    width: auto;
}

@media(prefers-color-scheme:dark) {
    .nav-main .header a.my-lang, .nav-main .header div.my-lang {
        color: #fff;
    }
}

.nav-main .header a.my-lang:lang(ro), .nav-main .header a.my-lang:lang(ru), .nav-main .header a.my-lang:lang(vi), .nav-main .header div.my-lang:lang(ro), .nav-main .header div.my-lang:lang(ru), .nav-main .header div.my-lang:lang(vi) {
    font-family: sans-serif;
}

.nav-main .header a.my-lang .lang, .nav-main .header div.my-lang .lang {
    border: 1px solid #00aad5;
    border-radius: 10px;
    box-sizing: border-box;
    color: #00aad5;
    display: inline-block;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 40px;
}

.nav-main .header a.my-lang img, .nav-main .header div.my-lang img {
    bottom: inherit;
    float: left;
    left: 0;
    position: relative;
    right: inherit;
    top: -8px;
    transform: scale(.5);
}

@media(prefers-color-scheme:dark) {
    .nav-main .header a.my-lang img, .nav-main .header div.my-lang img {
        filter: none;
    }
}

.nav-main .header+div>.li:nth-child(6):before {
    background: #7f949a;
    content: "";
    display: block;
    height: 1px;
    margin: auto;
    width: calc(100% - 20px);
}

.nav-main .li {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    position: relative;
}

@media(prefers-color-scheme:dark) {
    .nav-main .li {
        color: #fff;
    }
}

.nav-main .li.reg-log {
    border-bottom: 1px solid #7f949a;
    margin: 10px;
}

.nav-main .li.reg-log:lang(ar), .nav-main .li.reg-log:lang(hi), .nav-main .li.reg-log:lang(ja), .nav-main .li.reg-log:lang(ko), .nav-main .li.reg-log:lang(ro), .nav-main .li.reg-log:lang(ru), .nav-main .li.reg-log:lang(th), .nav-main .li.reg-log:lang(tr), .nav-main .li.reg-log:lang(vi), .nav-main .li.reg-log:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.nav-main .li.reg-log div {
    padding-left: 50px;
}

.nav-main .li.reg-log img {
    left: 10px;
}

.nav-main .li.reg-log .user img {
    border-radius: 10px;
    bottom: 0;
    height: 30px;
    left: 5px;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
    width: 30px;
}

.nav-main .li.reg-log .user img.turbo {
    border: 2px solid #e06290;
    box-shadow: 0 2px 5px 1px rgba(185, 156, 207, .565);
}

.nav-main .li:hover {
    background: #edf3f4;
}

@media(prefers-color-scheme:dark) {
    .nav-main .li:hover {
        background: #1f4e5a;
        color: #fff;
    }
}

.nav-main .li.active {
    border-radius: 10px;
    color: #fff;
    margin: 10px;
}

@media(prefers-color-scheme:dark) {
    .nav-main .li.active {
        background: #1f4e5a;
        color: #fff;
    }
}

.nav-main .li.active a {
    padding: 20px 20px 20px 50px;
}

.nav-main .li.active img {
    filter: brightness(0) invert(1);
}

.nav-main .li.active:before {
    width: 10px;
}

.nav-main .li.active.android {
    background: #67d88c;
}

.nav-main .li.active.android img {
    bottom: 0;
    left: 10px;
    position: absolute;
    right: auto;
    top: 0;
}

.nav-main .li.active.windows {
    background: #16b2ed;
}

.nav-main .li.active.windows img {
    bottom: 0;
    left: 10px;
    position: absolute;
    right: auto;
    top: 0;
}

.nav-main .li.active.mac {
    background: #b7b7b7;
}

.nav-main .li.active.mac img {
    bottom: 0;
    left: 10px;
    position: absolute;
    right: auto;
    top: 0;
}

.nav-main .li.android img, .nav-main .li.windows img {
    bottom: 0;
    left: 20px;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
    transform: scale(1);
}

.nav-main .li img {
    height: 20px;
    transform: inherit;
}

.nav-main .li img, .nav-main .li.mac img {
    bottom: 0;
    left: 20px;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
}

.nav-main .li.mac img {
    transform: scale(1);
}

.nav-main .li a, .nav-main .li div {
    cursor: pointer;
    display: block;
    padding: 20px 20px 20px 60px;
    position: relative;
}

.nav-main .li a .lang, .nav-main .li div .lang {
    bottom: auto;
    color: #00aad5;
    font-weight: 300;
    left: 0;
    margin: 20px;
    position: absolute;
    right: auto;
    top: 0;
}

.nav-main .li button {
    background: transparent;
    border: 0;
    color: #1f4e5a;
    cursor: pointer;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    padding: 20px 20px 20px 60px;
    position: relative;
    text-align: left;
    text-rendering: geometricPrecision;
    width: 100%;
}

@media(prefers-color-scheme:dark) {
    .nav-main .li button {
        color: #fff;
    }
}

.nav-main .li .user+span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-main .li input {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 59px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.nav-main .change-lang .li:nth-child(10), .nav-main .change-lang .li:nth-child(12), .nav-main .change-lang .li:nth-child(13), .nav-main .change-lang .li:nth-child(15), .nav-main .change-lang .li:nth-child(16), .nav-main .change-lang .li:nth-child(17), .nav-main .change-lang .li:nth-child(7), .nav-main .change-lang .li:nth-child(8), .nav-main .change-lang .li:nth-child(9) {
    font-family: sans-serif;
    font-weight: 600;
}

.nav-main .change-lang span {
    font-family: geomanistregular, sans-serif;
}

.nav-main .change-lang div.li.active a {
    background: #00aad5;
    border-radius: 10px;
}

.nav-main .change-lang div.li.active a span {
    color: #fff;
    margin-left: 10px;
}

.nav-main div>div .li {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    padding: 0;
}

@media(prefers-color-scheme:dark) {
    .nav-main div>div .li {
        color: #fff;
    }
}

.nav-main div>div .li a {
    padding: 10px 20px 10px 60px;
}

.gallery-full {
    height: 100%;
}

.gallery-full iframe, .gallery-full img {
    bottom: 0;
    left: 0;
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.gallery-full iframe.left, .gallery-full img.left {
    background: #fff;
    border: 3px solid #00aad5;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: -5px;
    margin: auto;
    padding: 5px;
    position: absolute;
    right: auto;
    top: 0;
    transform: scale(.7);
    width: 30px;
    z-index: 1;
}

@media(min-width:1396px) {
    .gallery-full iframe.left, .gallery-full img.left {
        left: 5px;
        transform: scale(1);
    }
}

@media(prefers-color-scheme:dark) {
    .gallery-full iframe.left, .gallery-full img.left {
        background: transparent;
    }
}

.gallery-full iframe.right, .gallery-full img.right {
    background: #fff;
    border: 3px solid #00aad5;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: auto;
    margin: auto;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 0;
    transform: rotate(180deg) scale(.7);
    width: 30px;
    z-index: 1;
}

@media(min-width:1396px) {
    .gallery-full iframe.right, .gallery-full img.right {
        right: 5px;
        transform: rotate(180deg) scale(1);
    }
}

@media(prefers-color-scheme:dark) {
    .gallery-full iframe.right, .gallery-full img.right {
        background: transparent;
    }
}

.gallery-full iframe {
    height: 100%;
    margin: auto;
    width: 100%;
}

.gallery-full #screen-full-screen {
    border: 1px solid #ccc;
}

@media(prefers-color-scheme:dark) {
    article {
        color: #7f949a;
    }
}

article .text-description {
    word-break: break-word;
}

article .text-description a {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    text-decoration: underline;
}

article .text-description a:lang(ar), article .text-description a:lang(hi), article .text-description a:lang(ja), article .text-description a:lang(ko), article .text-description a:lang(ro), article .text-description a:lang(ru), article .text-description a:lang(th), article .text-description a:lang(tr), article .text-description a:lang(vi), article .text-description a:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

article .text-description p {
    margin-bottom: 20px;
}

article figure {
    text-align: center;
    width: 100%;
}

@media(min-width:767px) {
    article figure {
        margin: 0 0 10px 10px;
        width: 100%;
    }
}

article figure img {
    border-radius: 10px;
    height: 200px;
}

@media(max-width:473px) {
    article figure img {
        height: auto;
        max-height: 200px;
        max-width: fit-content;
        width: 100%;
    }
}

@media(min-width:1396px) {
    article figure img {
        height: 250px;
    }
}

article figure figcaption {
    color: #7f949a;
    font-size: 12px;
    line-height: 1;
}

@media(min-width:1396px) {
    article {
        font-size: 14px;
    }
}

article h2 {
    font-size: 16px;
    margin-top: 20px;
}

@media(min-width:1396px) {
    article h2 {
        font-size: 18px;
    }
}

@media(prefers-color-scheme:dark) {
    article h2 {
        color: #fff;
    }
}

article h3 {
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    margin-top: 10px;
}

@media(min-width:1396px) {
    article h3 {
        font-size: 16px;
    }
}

@media(prefers-color-scheme:dark) {
    article h3 {
        color: #fff;
    }
}

article h3:lang(ar), article h3:lang(hi), article h3:lang(ja), article h3:lang(ko), article h3:lang(ro), article h3:lang(ru), article h3:lang(th), article h3:lang(tr), article h3:lang(vi), article h3:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

article .article-content {
    margin: 40px 0;
}

@media(min-width:1396px) {
    article .article-content {
        overflow: hidden;
    }
}

article .article-content .title {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 16px;
    font-weight: inherit;
}

@media(prefers-color-scheme:dark) {
    article .article-content .title {
        color: #fff;
    }
}

article .question-content {
    margin: 10px 0;
}

@media(min-width:1396px) {
    article .question-content {
        overflow: hidden;
    }
}

article .question-content a {
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    text-decoration: underline;
}

article .by {
    display: block;
    font-size: 12px;
    margin: 10px 0 40px;
    text-align: right;
}

article .by+.by {
    margin: -40px 0 40px;
}

article .by span {
    font-family: geomanistmedium, sans-serif;
}

article .by span a:hover, article .reviewer a.name:hover {
    color: #00aad5;
}

article .note {
    background: #edf3f4;
    border-radius: 10px;
    clear: both;
    margin-top: 5px;
    padding: 10px;
    word-break: break-word;
}

@media(min-width:1396px) {
    article .note {
        padding: 20px;
    }
}

@media(prefers-color-scheme:dark) {
    article .note {
        background: #1f4e5a;
    }
}

article .note a, article .note p {
    font-family: geomanistmedium, sans-serif;
}

article .note a {
    color: #00aad5;
    text-decoration: underline;
}

article .notice {
    align-items: center;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .09);
    clear: both;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    word-break: break-word;
}

@media(prefers-color-scheme:dark) {
    article .notice {
        box-shadow: 0 3px 20px 0 #2a4e57;
    }
}

article .notice img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(5267%) hue-rotate(161deg) brightness(100%) contrast(101%);
    padding: 10px 20px 10px 10px;
}

article .requirements {
    display: inline-block;
}

.info {
    clear: both;
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
}

.info .content {
    padding: 0 10px;
    width: 100%;
}

@media(min-width:1396px) {
    .info .content {
        padding: 0 20px;
    }
}

.info .content tbody {
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 5px;
}

.info .content tbody tr {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0;
    word-break: break-word;
}

@media(prefers-color-scheme:dark) {
    .info .content tbody tr {
        color: #cddce0;
    }
}

@media(max-width:360px) {
    .info .content tbody tr {
        grid-column-end: 3;
        grid-column-start: 1;
    }
}

.info .content tbody tr.full {
    grid-column-end: 3;
    grid-column-start: 1;
}

@media(min-width:1396px) {
    .info .content tbody tr.full {
        grid-column-end: auto;
        grid-column-start: auto;
    }
}

.info .content tbody tr td, .info .content tbody tr th {
    line-height: 1;
    padding: 0 0 0 8px;
    text-align: left;
    vertical-align: middle;
}

.info .content tbody tr td:first-child, .info .content tbody tr th:first-child {
    display: table-row;
    float: left;
    margin: 0;
    padding: 0;
    width: 40px;
}

.info .content tbody tr td:nth-child(2), .info .content tbody tr th:nth-child(2) {
    display: block;
    font-family: geomanistmedium, sans-serif;
    line-height: 1;
    margin: 6px 0 5px 50px;
    padding: 0;
    text-align: left;
}

.info .content tbody tr td:nth-child(2):lang(ar), .info .content tbody tr td:nth-child(2):lang(hi), .info .content tbody tr td:nth-child(2):lang(ja), .info .content tbody tr td:nth-child(2):lang(ko), .info .content tbody tr td:nth-child(2):lang(ro), .info .content tbody tr td:nth-child(2):lang(ru), .info .content tbody tr td:nth-child(2):lang(th), .info .content tbody tr td:nth-child(2):lang(tr), .info .content tbody tr td:nth-child(2):lang(vi), .info .content tbody tr td:nth-child(2):lang(zh), .info .content tbody tr th:nth-child(2):lang(ar), .info .content tbody tr th:nth-child(2):lang(hi), .info .content tbody tr th:nth-child(2):lang(ja), .info .content tbody tr th:nth-child(2):lang(ko), .info .content tbody tr th:nth-child(2):lang(ro), .info .content tbody tr th:nth-child(2):lang(ru), .info .content tbody tr th:nth-child(2):lang(th), .info .content tbody tr th:nth-child(2):lang(tr), .info .content tbody tr th:nth-child(2):lang(vi), .info .content tbody tr th:nth-child(2):lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.info .content tbody tr td label, .info .content tbody tr th label {
    display: block;
    font-weight: 600;
}

.info .content tbody tr td a, .info .content tbody tr th a {
    color: #00aad5;
    font-weight: 600;
    text-decoration: underline;
}

@media(prefers-color-scheme:dark) {
    .info .content tbody tr td a, .info .content tbody tr th a {
        color: #fff;
    }
}

.info .content tbody tr td img, .info .content tbody tr th img {
    border: 1px solid #00aad5;
    border-radius: 10px;
    height: 40px;
    margin: 0;
    vertical-align: middle;
    width: 40px;
}

.info .content tbody tr td div:last-child, .info .content tbody tr th div:last-child {
    color: #00aad5;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline;
}

@media(prefers-color-scheme:dark) {
    .info .content tbody tr td div:last-child, .info .content tbody tr th div:last-child {
        color: #fff;
    }
}

.info .content .requirements-list {
    padding-left: 0;
}

.info .content .requirements-list li {
    list-style: none;
}

.info+.ad {
    margin: 20px auto;
}

@media(min-width:1396px) {
    .info+.ad {
        margin: 10px auto;
    }
}

.versions {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-top: 40px;
}

.versions .title-row+span:empty {
    display: none;
}

@media(min-width:1396px) {
    .versions .content {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

.versions .content div {
    cursor: pointer;
    display: grid;
    font-family: geomanistmedium, sans-serif;
    grid-template-columns: 40px 110px 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .versions .content div {
        color: #fff;
    }
}

.versions .content div:hover {
    background: #edf3f4;
    border-radius: 10px;
}

.versions .content div .version {
    align-self: center;
    color: #00aad5;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    grid-column-end: 4;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-row-start: 1;
    margin: 0 10px;
}

@media(min-width:1396px) {
    .versions .content div .version {
        word-break: break-all;
    }
}

.versions .content div .type {
    background: #ccc;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 40px;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.versions .content div .type.apk {
    background: #73c89a;
}

.versions .content div .type.xapk {
    background: #b79dc4;
}

.versions .content div .type.others {
    background: #71679e;
}

.versions .content div .date {
    grid-column-end: 3;
    grid-column-start: 2;
    justify-self: start;
    margin: 0 10px;
}

.versions .content div .date, .versions .content div .sdkVersion {
    align-self: center;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    grid-row-end: 3;
    grid-row-start: 2;
}

.versions .content div .sdkVersion {
    grid-column-end: 4;
    grid-column-start: 3;
    justify-self: end;
}

.versions .content div span {
    font-weight: 400;
}

.versions #versions-items-list {
    padding-left: 10px;
}

@media(prefers-color-scheme:dark) {
    .versions #versions-items-list div:hover {
        background: rgba(127, 148, 154, .471);
    }
}

.platforms {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-top: 20px;
}

.platforms.active {
    animation-delay: .5s;
    animation-duration: 5s;
    animation-name: focusEffect;
}

@keyframes focusEffect {
    0% {
        background: rgba(255, 201, 79, .314);
    }
    to {
        background: transparent;
    }
}

@media(min-width:1396px) {
    .platforms .content {
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
    .platforms .content div {
        margin-right: 10px;
    }
}

.platforms .content div a {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.platforms .content div a span:first-child {
    border-radius: 10px;
    box-sizing: border-box;
    height: 40px;
    margin-right: 10px;
    position: relative;
    width: 40px;
}

.platforms .content div a span:first-child.android {
    background: #9c0;
}

.platforms .content div a span:first-child.windows {
    background: #00adef;
}

.platforms .content div a span:first-child.mac {
    background: #bcbfc1;
}

.platforms .content div a span:first-child img {
    bottom: 0;
    filter: brightness(0) invert(1);
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.6);
}

.platforms .content div a span+span {
    flex: 1 1;
    font-family: geomanistregular, sans-serif;
    text-align: left;
}

@media(prefers-color-scheme:dark) {
    .platforms .content div a span+span {
        color: #fff;
    }
}

.platforms .content div a span+span+span {
    flex: 1 1;
    font-weight: 300;
    text-align: right;
}

@media(prefers-color-scheme:dark) {
    .platforms .content div a span+span+span {
        color: #fff;
    }
}

.rate {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-top: 30px;
}

.rate .content {
    display: flex;
    padding-bottom: 0;
}

@media(min-width:1396px) {
    .rate .content {
        width: 50%;
    }
}

.rate .content .score {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 100px;
    font-weight: inherit;
    line-height: 85px;
}

@media(prefers-color-scheme:dark) {
    .rate .content .score {
        color: #7f949a;
    }
}

.rate .content .graph {
    padding-left: 30px;
    width: 100%;
}

.rate .content .graph div {
    display: block;
    position: relative;
    width: 100%;
}

.rate .content .graph div span {
    border-radius: 5px;
    display: inline-flex;
    height: 10px;
    margin: 0;
}

.rate .content .graph div span:first-child {
    color: #1f4e5a;
    font-size: 10px;
    left: -15px;
    line-height: 1.8;
    position: absolute;
}

@media(prefers-color-scheme:dark) {
    .rate .content .graph div span:first-child {
        color: #edf3f4;
    }
}

.rate .content .graph div span:last-child {
    background: #00aad5;
}

.rate .stat-comments {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    line-height: 1;
    margin-top: 10px;
    padding: 0 10px;
}

@media(min-width:1396px) {
    .rate .stat-comments {
        padding: 0 20px;
    }
}

.rate .stat-comments span {
    color: #00aad5;
    cursor: pointer;
}

@media(prefers-color-scheme:dark) {
    .rate .stat-comments span {
        color: #fff;
    }
}

.rate .stat-comments img {
    vertical-align: middle;
}

.review {
    margin-top: 30px;
}

.review .content {
    display: table;
}

.review .content img {
    border-radius: 10px;
    display: table-cell;
    height: auto;
    width: 50px;
}

.review .content .rate {
    box-sizing: border-box;
    cursor: pointer;
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.review .content .rate div {
    font-size: 12px;
    margin: 0 0 2px;
}

.review .content .rate div b {
    color: #00aad5;
    font-weight: 600;
}

.review .content .rate img {
    display: inline-flex;
    margin: 10px 2px;
    width: 30px;
}

@media(prefers-color-scheme:dark) {
    .review .content .rate img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.3);
    }
}

.review .content .rate img.active {
    filter: brightness(0) saturate(100%) invert(44%) sepia(99%) saturate(784%) hue-rotate(155deg) brightness(93%) contrast(103%);
}

@media(prefers-color-scheme:dark) {
    .review .content .rate img.active {
        filter: brightness(0) saturate(100%) invert(51%) sepia(93%) saturate(1870%) hue-rotate(155deg) brightness(92%) contrast(101%);
    }
}

.review button.write-review {
    background: #00aad5;
    border: 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    float: none;
    font-family: geomanistmedium, sans-serif;
    margin: 0 10px 10px;
    padding: 10px;
    text-align: center;
}

@media(min-width:1396px) {
    .review button.write-review {
        margin: 0 20px;
    }
}

@media(prefers-color-scheme:dark) {
    .review button.write-review {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }
}

.review button.write-review:lang(ar), .review button.write-review:lang(hi), .review button.write-review:lang(ja), .review button.write-review:lang(ko), .review button.write-review:lang(ro), .review button.write-review:lang(ru), .review button.write-review:lang(th), .review button.write-review:lang(tr), .review button.write-review:lang(vi), .review button.write-review:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.comments {
    margin-top: 20px;
}

.comments .title-row:has(.more) .title {
    cursor: pointer;
}

.comments #user-comments-list .comment.main-comment>div .user {
    cursor: pointer;
}

.comments .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media(min-width:1396px) {
    .comments .content {
        align-items: flex-start;
        display: grid;
        gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
}

.comments .content:has(.no-content) {
    display: block;
}

.comments .content .no-content {
    border: 1px solid #00aad5;
    border-radius: 10px;
    box-sizing: border-box;
    flex-direction: column;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    width: 100%;
    word-break: break-word;
}

.comments .content .no-content span {
    margin: 10px 0 0;
}

@media(min-width:1396px) {
    .panel .comments .content {
        grid-template-columns: 1fr;
    }
}

.comment {
    box-sizing: border-box;
    color: #1f4e5a;
    display: grid;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    gap: 10px;
    grid-template-columns: auto 1fr;
    order: 1;
    width: 100%;
}

.comment.main-comment>div .user {
    cursor: auto;
}

@media(min-width:1396px) {
    .comment {
        justify-self: start;
    }
}

.comment:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.comment>img {
    font-size: 12px;
    height: 80px;
    overflow: hidden;
    vertical-align: top;
    width: 80px;
    word-wrap: anywhere;
    aspect-ratio: 1/1;
    border-radius: 10px;
    color: #7f949a;
}

.comment.turbo {
    background: #d9f7ff;
    border-radius: 10px;
    box-shadow: 0 3px 20px 0 #edf3f4;
    order: 0;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .comment.turbo {
        background: #1f4e5a;
        box-shadow: 0 3px 20px 0 rgba(185, 156, 207, .565);
    }
}

.comment.turbo .turbo-link {
    height: fit-content;
    width: fit-content;
}

.comment.turbo>img {
    border: 2px solid #e06290;
    box-shadow: 0 2px 5px 1px rgba(185, 156, 207, .565);
    box-sizing: border-box;
    height: 80px;
    width: 80px;
}

.comment.turbo>div .user {
    display: flex;
    float: none;
    font-size: 16px;
}

.comment.turbo>div span {
    float: none;
}

.comment.turbo>div .rate-star {
    float: none;
    gap: 2px;
    margin-top: 5px;
}

.comment.turbo>div .rate-star+span {
    margin-top: 10px;
}

.comment.turbo>div .rate-star img {
    border-radius: 0;
    filter: hue-rotate(218deg) saturate(903%) contrast(104%);
    height: 20px;
    opacity: .3;
    width: 20px;
}

@media(prefers-color-scheme:dark) {
    .comment.turbo>div .rate-star img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.7);
    }
}

.comment.turbo>div .rate-star img.active {
    filter: brightness(0) saturate(100%) invert(98%) sepia(68%) saturate(7185%) hue-rotate(315deg) brightness(100%) contrast(104%);
    opacity: 1;
}

.comment.turbo p {
    color: #1f4e5a;
    font-size: 16px;
    left: -90px;
    line-height: 1.6;
    margin: 30px 0 20px;
    position: relative;
    width: calc(100% + 90px);
}

@media(prefers-color-scheme:dark) {
    .comment.turbo p {
        color: #fff;
    }
}

.comment.turbo .stats {
    left: -90px;
    position: relative;
}

.comment p {
    clear: both;
    color: #1f4e5a;
    font-size: 12px;
    line-height: 20px;
    margin: 40px 0 10px;
    word-break: break-word;
}

@media(prefers-color-scheme:dark) {
    .comment p {
        color: #cddce0;
    }
}

.comment p span.comment-more {
    color: #00aad5;
    cursor: pointer;
    float: none;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
}

.comment>div {
    vertical-align: top;
}

.comment>div .rate-star, .comment>div .user>div {
    clear: both;
    display: flex;
    float: left;
    margin-top: 3px;
}

.comment>div .rate-star img, .comment>div .user>div img {
    height: auto;
    margin-right: 3px;
    width: 10px;
}

@media(prefers-color-scheme:dark) {
    .comment>div .rate-star img, .comment>div .user>div img {
        filter: brightness(0) saturate(100%) invert(83%) sepia(7%) saturate(681%) hue-rotate(144deg) brightness(88%) contrast(94%) opacity(.3);
    }
}

.comment>div .rate-star img.active, .comment>div .user>div img.active {
    filter: brightness(0) saturate(100%) invert(51%) sepia(93%) saturate(1870%) hue-rotate(155deg) brightness(92%) contrast(101%);
}

.comment>div .user {
    align-items: center;
    color: #00aad5;
    cursor: pointer;
    display: inline-flex;
    display: block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-weight: inherit;
    gap: 5px;
    margin: 0 5px 0 0;
    width: 100%;
}

.comment>div .user img {
    width: fit-content;
}

.comment>div .user img.verified {
    height: auto;
    margin: 2px 2px 0 0;
    width: 12px;
}

@media(prefers-color-scheme:dark) {
    .comment>div .user img:not(.turbo-link) {
        filter: brightness(7.5);
    }
}

.comment>div span {
    color: #7f949a;
    display: inline-flex;
    float: left;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    font-weight: inherit;
    margin: 2px 5px 0;
}

@media(prefers-color-scheme:dark) {
    .comment>div span {
        color: #aaa;
    }
}

.comment .stats {
    color: #1f4e5a;
    display: flex;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}

.comment .stats>div {
    cursor: pointer;
    display: flex;
    line-height: 1;
    margin-right: 20px;
}

.comment .stats>div.off {
    cursor: default;
}

.comment .stats>div span {
    margin: 2px;
    padding-left: 2px;
}

.comment .stats img {
    border-radius: 0;
    filter: brightness(0) saturate(100%) invert(61%) sepia(24%) saturate(220%) hue-rotate(147deg) brightness(90%) contrast(88%);
    height: 12px;
    vertical-align: bottom;
    width: 12px;
}

.comment.answer {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
}

.comment.answer img {
    height: 40px;
    width: 40px;
}

.comment.answer .stats img {
    height: 12px;
    width: 12px;
}

.answers {
    background: #fcf9f7;
    box-sizing: border-box;
    margin: 20px -10px -10px;
    overflow: hidden;
    padding: 20px 0 0;
}

@media(prefers-color-scheme:dark) {
    .answers {
        background: transparent;
    }
}

.answers .form {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 0 20px;
}

@media(prefers-color-scheme:dark) {
    .answers .form {
        box-shadow: none;
    }
}

.answers .form input {
    border: 1px solid #7f949a;
    border-radius: 10px;
    box-sizing: border-box;
    flex: 0 0 calc(100% - 60px);
    margin-left: 10px;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .answers .form input {
        background: transparent;
        color: #fff;
        font-family: geomanistregular, sans-serif;
    }
}

.answers .form button {
    border-radius: 10px;
    flex: 0 0 100%;
    margin-top: 10px;
}

.answers .form>img {
    box-sizing: border-box;
    height: 40px;
    width: 40px;
}

.answers .answer {
    margin-bottom: 20px;
}

.answers .answer img.turbo {
    border: 2px solid #e06290;
}

.answers .answer .user {
    cursor: auto;
}

.answers .answer span {
    margin: 0;
}

.answers .answer p {
    margin: 20px 0 0;
}

.answers .answer.turbo {
    border-radius: 0;
}

.answers .answer.turbo>div .user img {
    height: 14px;
    width: 14px;
}

@media(prefers-color-scheme:dark) {
    .answers .answer.turbo>div .user img {
        filter: none;
    }
}

.answers .answer.turbo p {
    margin: 0;
    padding: 10px 20px 0 90px;
    width: 100%;
}

.answers .answer.turbo .stats {
    left: 0;
}

.user-says {
    margin-top: 20px;
}

.user-says ul {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(min-width:1396px) {
    .user-says ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.user-says ul li {
    align-items: center;
    background: rgba(0, 170, 213, .08);
    border-radius: 5px;
    color: #1f4e5a;
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 10px;
}

@media(prefers-color-scheme:dark) {
    .user-says ul li {
        color: #fff;
    }
}

.user-says p {
    font-size: 10px;
    text-align: center;
}

@media(prefers-color-scheme:dark) {
    .user-says p {
        color: #fff;
    }
}

.posts {
    margin-top: 20px;
}

.posts .title-row:has(.more) .title {
    cursor: pointer;
}

.posts .content {
    display: grid;
}

@media(min-width:767px) {
    .posts .content {
        grid-template-columns: 50% 50%;
        margin: 0;
    }
}

@media(min-width:1396px) {
    .posts .content {
        grid-template-columns: 1fr 1fr 1fr;
        margin: 0 -10px;
    }
}

.posts .post {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin-bottom: 20px;
    overflow: hidden;
}

@media(min-width:767px) {
    .posts .post {
        padding: 0 10px;
    }
}

@media(min-width:1396px) {
    .posts .post {
        padding: 0 10px;
    }
}

.posts .post a {
    display: block;
    height: 170px;
}

@media(min-width:1396px) {
    .posts .post a {
        height: 150px;
    }
}

.posts .post a .image {
    border-radius: 10px;
    cursor: pointer;
    height: 100%;
    max-height: 170px;
    object-fit: cover;
    width: 100%;
}

@media(min-width:1396px) {
    .posts .post a .image {
        max-height: 150px;
    }
}

.posts .post div a {
    display: block;
    display: -webkit-box;
    height: fit-content;
    line-height: 20px;
    margin-top: 5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media(min-width:1396px) {
    .posts .post div a {
        height: 45px;
    }
}

@media(prefers-color-scheme:dark) {
    .posts .post div a {
        color: #fff;
    }
}

.posts .post div span {
    color: #7f949a;
    display: block;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    margin-top: 10px;
}

@media(prefers-color-scheme:dark) {
    .posts .post div span {
        color: #fff;
    }
}

.posts .post div img {
    float: right;
    height: auto;
    margin: 10px 0;
    width: 100px;
}

@media(prefers-color-scheme:dark) {
    .posts .post div img {
        filter: brightness(7.5);
    }
}

.posts .post:last-child {
    margin-bottom: 0;
}

.login-uptodown {
    background: #fff;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 1px 10px 10px rgba(31, 78, 90, .125);
    box-sizing: border-box;
    height: fit-content;
    left: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3px;
    top: 40px;
    width: auto;
    z-index: 6;
}

@media(min-width:1396px) {
    .login-uptodown {
        bottom: 20px;
    }
}

@media(prefers-color-scheme:dark) {
    .login-uptodown {
        background: #1f4e5a;
    }
}

@media(min-width:1396px) {
    .login-uptodown {
        padding: 0;
    }
}

@media(min-width:1024px) {
    .login-uptodown {
        position: absolute;
        right: 18px;
        top: 56px;
    }
}

@media(min-width:1396px) {
    .login-uptodown {
        background: transparent;
        bottom: auto;
        box-shadow: none;
        margin: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 57px;
    }
}

.login-uptodown div {
    align-items: center;
    color: #1f4e5a;
    display: flex;
    font-size: 12px;
    gap: 15px;
    justify-content: space-between;
    padding: 10px 15px;
    text-align: left;
}

@media(min-width:1396px) {
    .login-uptodown div {
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 1px 10px 10px rgba(31, 78, 90, .125);
        float: right;
        padding: 20px;
        pointer-events: auto;
        position: relative;
        right: 12px;
    }
}

@media(min-width:1396px)and (prefers-color-scheme:dark) {
    .login-uptodown div {
        background: #1f4e5a;
    }
}

.login-uptodown div .icon {
    margin: 0;
}

.login-uptodown div img {
    cursor: pointer;
}

.login-uptodown div span {
    cursor: pointer;
    flex-grow: 1;
    font-family: geomanistmedium, sans-serif;
}

@media(min-width:1396px) {
    .login-uptodown div span {
        font-size: 14px;
    }
}

@media(prefers-color-scheme:dark) {
    .login-uptodown div span {
        color: #fff;
    }
}

.login-uptodown p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding: 10px 10px 0;
    width: calc(100% - 160px);
}

@media(prefers-color-scheme:dark) {
    .login-uptodown p {
        color: #e2e2e2;
    }
}

@media(min-width:1396px) {
    .login-uptodown p {
        font-size: 18px;
        padding: 20px 20px 0;
        width: calc(100% - 245px);
    }
}

.login-uptodown p+p {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    font-weight: inherit;
}

@media(min-width:1396px) {
    .login-uptodown p+p {
        font-size: 16px;
        padding-top: 10px;
    }
}

.login-uptodown .image {
    position: absolute;
    right: 0;
    top: 50px;
}

@media(min-width:1396px) {
    .login-uptodown .image {
        right: 50px;
        right: 25px;
        top: 76px;
        transform: scale(1.3);
    }
}

.login-uptodown button {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex-grow: 1;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    padding: 0;
}

@media(prefers-color-scheme:dark) {
    .login-uptodown button {
        color: #fff;
    }
}

@media(min-width:1396px) {
    .login-uptodown button {
        font-size: 14px;
    }
}

.login-uptodown button:lang(hi), .login-uptodown button:lang(ja), .login-uptodown button:lang(ko), .login-uptodown button:lang(ro), .login-uptodown button:lang(ru), .login-uptodown button:lang(th), .login-uptodown button:lang(tr), .login-uptodown button:lang(vi), .login-uptodown button:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

.login-uptodown:after {
    border: 5px solid transparent;
    border-bottom-color: #fff;
    bottom: 100%;
    content: "";
    margin-left: -5px;
    position: absolute;
    right: 17px;
}

@media(prefers-color-scheme:dark) {
    .login-uptodown:after {
        border-color: transparent transparent #1f4e5a;
    }
}

@media(min-width:1396px) {
    .login-uptodown:after {
        right: 35px;
    }
}

.login-uptodown:lang(ar) {
    left: 3px;
    right: auto;
}

@media(min-width:1024px) {
    .login-uptodown:lang(ar) {
        left: 20px;
        right: auto;
    }
}

@media(min-width:1396px) {
    .login-uptodown:lang(ar) {
        background: transparent;
        bottom: auto;
        box-shadow: none;
        margin: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 57px;
    }
    .login-uptodown:lang(ar) div {
        float: left;
        left: 13px;
        right: auto;
    }
}

.login-uptodown:lang(ar):after {
    left: 22px;
    right: auto;
}

@media(min-width:1024px) {
    .login-uptodown:lang(ar):after {
        left: 20px;
        right: auto;
    }
}

@media(min-width:1396px) {
    .login-uptodown:lang(ar):after {
        left: 40px;
    }
}

body:has(.hotlinks) .login-uptodown {
    top: 40px;
}

@media(min-width:1024px) {
    body:has(.hotlinks) .login-uptodown {
        top: 50px;
    }
}

@media(min-width:1396px) {
    body:has(.hotlinks) .login-uptodown {
        top: 50px;
    }
}

footer {
    background: #1f4e5a;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

@media(min-width:767px) {
    footer {
        padding: 40px;
    }
}

@media(min-width:1396px) {
    footer {
        padding: 40px;
    }
    footer .info {
        flex: 0 0 50%;
    }
}

footer .logo {
    display: block;
    flex: 1 100%;
    padding: 20px 10px;
    text-align: left;
}

@media(min-width:767px) {
    footer .logo {
        padding: 0 0 10px;
    }
}

@media(min-width:1396px) {
    footer .logo {
        padding: 0 10px 10px;
    }
}

footer .logo img {
    filter: brightness(0) saturate(100%) invert(1);
    left: -25px;
    position: relative;
}

footer .logo+p {
    color: #e2e2e2;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    line-height: 1.5;
    text-align: left;
    text-transform: inherit;
}

@media(min-width:1396px) {
    footer .logo+p {
        width: 60%;
    }
}

footer .social {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start;
    margin: 20px 0 0;
}

footer .social a {
    padding: 0;
}

footer .social a:nth-child(2) img, footer .social a:nth-child(3) img {
    height: 20px;
    margin-top: 2px;
}

footer div {
    flex: 1 100%;
    margin: 0 0 40px;
    text-align: left;
}

@media(min-width:767px) {
    footer div {
        flex: 1 30%;
    }
    footer div.info {
        margin-right: 60px;
    }
}

@media(min-width:1396px) {
    footer div {
        flex: 1;
    }
}

footer div>p {
    color: #7f949a;
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    padding-bottom: 10px;
    text-transform: uppercase;
}

footer div>p:lang(ar), footer div>p:lang(hi), footer div>p:lang(ja), footer div>p:lang(ko), footer div>p:lang(ro), footer div>p:lang(ru), footer div>p:lang(th), footer div>p:lang(tr), footer div>p:lang(vi), footer div>p:lang(zh) {
    font-family: sans-serif;
    font-weight: 600;
}

footer div a, footer div div {
    color: #e2e2e2;
    cursor: pointer;
    display: block;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin: 0;
    padding: 10px 0 0;
}

footer div a span, footer div div span {
    background: linear-gradient(130deg, #e06290 10%, #f8e3b0 50%, #e06290 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    animation: new 1s cubic-bezier(0, 0, .42, 1.34) infinite reverse, delaynew 4s ease infinite;
    background-size: 500% 100%;
    border: 1px solid #e06290;
    border-radius: 10px;
    font-family: geomanistmedium, sans-serif;
    font-size: 10px;
    margin: 0 5px;
    padding: 2px 5px;
    position: relative;
    text-transform: uppercase;
}

@keyframes new {
    0%, to {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes delaynew {
    0%, to {
        background-position: 0 50%;
    }
    25%, 75% {
        background-position: 100% 50%;
    }
}

footer div button#csconsentlink.cookie-settings {
    border: 0;
    padding: 10px 0 2px;
    text-rendering: geometricPrecision;
}

footer div button#csconsentlink.cookie-settings, footer div button#csconsentlink.cookie-settings:hover {
    background: transparent;
    color: #e2e2e2;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
}

footer .svg {
    left: 80px;
    opacity: .3;
    pointer-events: none;
    position: absolute;
    top: 150px;
    transform: scale(2.5);
    z-index: 0;
}

.ad {
    clear: both;
    display: table;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.ad.text {
    margin-bottom: 10px;
}

@media(min-width:1396px) {
    .ad.text {
        float: right;
        margin: 0 0 10px 10px;
    }
}

.suggestion-list+.ad {
    margin-bottom: 10px;
    min-height: 100px;
    padding-top: 60px;
}

@media(min-width:1396px) {
    .suggestion-list+.ad {
        min-height: auto;
        padding-top: 10px;
    }
}

.popup {
    background: #fff;
    border: 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 17px;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    padding: 40px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 280px;
    z-index: 10;
}

.popup.turbo {
    max-width: 600px;
    width: 90%;
}

.popup.turbo .title {
    line-height: 1;
}

.popup.turbo .title b {
    background: linear-gradient(-45deg, #e06290, #b99ccf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: block;
    font-size: 30px;
}

.popup.turbo button {
    font-size: 18px;
    padding: 20px;
}

.popup.turbo:before {
    display: none;
}

.popup .feature {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.popup .feature p:first-child {
    color: #1f4e5a;
}

@media screen and (max-height:700px)and (max-width:360px) {
    .popup .feature p+p {
        display: none;
    }
}

.popup .feature svg {
    flex: none;
    height: 20px;
    width: 20px;
}

.popup .feature div {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.popup .feature div p {
    margin: 0;
}

@media(min-width:1396px) {
    .popup {
        max-width: 500px;
        min-width: 280px;
        width: fit-content;
    }
}

@media(prefers-color-scheme:dark) {
    .popup {
        background: #1f4e5a;
    }
}

.popup:before {
    background: #00aad5;
    border-radius: 50%;
    box-shadow: 0 3px 12px 2px rgba(0, 0, 0, .125);
    content: "";
    cursor: pointer;
    height: 20px;
    padding: 8px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 20px;
    z-index: 2;
    z-index: 0;
}

.popup:lang(ar):before {
    left: -15px;
    right: auto;
}

.popup p {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    margin-bottom: 20px;
}

@media(prefers-color-scheme:dark) {
    .popup p {
        color: #edf3f4;
    }
}

.popup p b {
    font-family: geomanistmedium, sans-serif;
}

@media(prefers-color-scheme:dark) {
    .popup p b {
        color: #fff;
    }
}

.popup p.title {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    font-size: 18px;
    font-weight: inherit;
}

@media(prefers-color-scheme:dark) {
    .popup p.title {
        color: #fff;
    }
}

.popup p a {
    color: #00aad5;
    cursor: pointer;
    font-family: geomanistmedium, sans-serif;
}

.popup .popup-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.popup button {
    background: #00aad5;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: geomanistmedium, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    min-width: 80px;
    padding: 10px;
}

.popup button.secondary {
    background: transparent;
    color: #00aad5;
}

.popup .close {
    cursor: pointer;
    filter: brightness(0) invert(1);
    height: 12px;
    padding: 7px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 12px;
}

.popup .close:lang(ar) {
    left: -10px;
    right: auto;
    top: -10px;
}

@media(max-width:767px) {
    body.download-page .popup-turbo {
        display: none;
    }
}

.notice:not(.review) {
cursor:pointer;
}
.notice.disclaimer {
cursor: auto;
}
.notice {
box-shadow: 0 0 15px rgba(0,0,0,.09);
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
min-height: 55px;
position: relative;
}
.notice.not-available {
font-weight: 600;
font-size: 12px;
display: flex;
align-items: center;
margin: 10px;
cursor: initial;
padding: 0 10px;
}
.notice.not-available img {
margin: 0 20px 0 10px;
filter: brightness(0) saturate(100%) invert(67%) sepia(71%) saturate(5707%) hue-rotate(159deg) brightness(98%) contrast(101%);
}
.notice.not-available + span {
font-size: 12px;
margin: 0 10px 10px;
display: block;
text-align: center;
color: #00aad5;
text-decoration: underline;
}
@media (min-width: 1396px) {
.c2 > .ad:first-child {
order:1;
min-height: 280px;
margin-bottom: 20px;
}
.c2 .item-row:first-of-type {
order:1;
}
.c2 .item-row:first-of-type .title-row {
padding-top: 0;
}
.c2 > .ad:nth-of-type(2) {
order:3;
min-height: 600px;
}
.c2 > .ad.no-adsense:nth-of-type(2) {
order:3;
min-height: 250px;
}
.c2 .item-row {
order:4;
margin-bottom: 0;
width: inherit;
}
#ar .c2 .item-row .content {
padding: 0 0 20px 20px;
}
.notice.not-available {
font-size: 14px;
margin: 20px;
width: fit-content;
padding-right: 20px;
}
.notice.not-available + span {
margin: 0 20px 20px;
text-align: left;
}
}
@media (prefers-color-scheme: dark) {
.notice, .notice.xapk {border: 1px solid #333;}
.notice div, .notice.xapk div {color:#ccc;}
.notice img + div, .notice.xapk img + div{color:white;}
.notice.not-available { color: white;}
}
a,
abbr,
acronym,
address,
applet,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-rendering: geometricPrecision;
}
html {
overflow-y: scroll;
}
body > .content {
max-width: 1396px;
min-height: 1000px;
margin: auto;
background: white;
position: relative;
padding-left: 20px;
}
a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
.hidden {
display: none;
}
section {
position: relative;
overflow: hidden;
}
section .content {
padding: 0 10px 10px;
clear: both;
}
section .title-row {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px;
}
section .title {
font-family: 'geomanistmedium', sans-serif;
color: #1f4e5a;
font-size: 16px;
}
section .title:lang(ja),
section .title:lang(hi),
section .title:lang(zh),
section .title:lang(th),
section .title:lang(ru),
section .title:lang(ko),
section .title:lang(ar),
section .title:lang(vi),
section .title:lang(ro),
section .title:lang(tr),
feature + nav ul:lang(ja),
feature + nav ul:lang(hi),
feature + nav ul:lang(zh),
feature + nav ul:lang(th),
feature + nav ul:lang(ru),
feature + nav ul:lang(ko),
feature + nav ul:lang(ar),
feature + nav ul:lang(vi),
feature + nav ul:lang(ro),
feature + nav ul:lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
section .title-row + span {
font-family: 'geomanistregular', sans-serif;
color: #1f4e5a;
font-size: 14px;
padding: 0 10px 0;
display: block;
line-height: 20px;
margin-bottom: 20px;
}
section .title + .more {
padding: 0 10px 0;
}
section .title + .more img {
line-height: 1;
display: block;
}
header {
display: flex;
position: sticky;
top: 0;
height: 50px;
width: 100%;
z-index: 4;
background: white;
justify-content: space-between;
}
header div,
header a {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
header .menu-button {
height: 50px;
width: 50px;
}
header .menu-button img {
position: relative;
z-index: -1;
}
header .search,
header .login {
height: 50px;
width: 50px;
}
header .login img {
width: 30px;
aspect-ratio: 1/1;
border-radius: 50%;
}
header .login .icon {
width: 24px;
height: 24px;
}
header .login .icon.turbo {
border: 2px solid #e06290;
box-shadow: 0 2px 5px 1px #b99ccf90;
}
header > img {
display: none;
cursor: pointer;
}
header .turbo-link {
width: 50px;
}
header .turbo-link img {
width: 24px;
height: 24px;
}
.change-platform {
display: none;
}
.nav-main,
.shadow {
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav-main {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: -256px;
width: 256px;
height: auto;
z-index: 8;
background: white;
overflow: auto;
}
.ad.text div + div,
.suggestion-list + .ad,
.info + .ad {
min-height: 250px;
}
.list .ad div + div + div,
.search .ad div + div + div {
min-height: 0;
}
.ad .title {
font-family: 'geomanistregular', sans-serif;
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #757575;
align-self: end;
grid-auto-rows: min-content;
}
.select-platform {
display: none;
}
@media (min-width: 1024px) {
section .title-row {
padding: 10px 20px 20px;
}
section .title {
font-size: 18px;
}
section .content {
padding: 0 20px 15px;
}
section .title-row + span {
padding: 0 20px 10px;
}
header {
max-width: 1396px;
margin: auto;
left: 0;
right: 0;
position: relative;
height: 80px;
}
header .menu-button,
header .search,
header .login {
width: 80px;
height: 80px;
}
header .login img {
width: 40px;
}
header .login .icon {
width: 30px;
height: 30px;
}
.select-platform {
width: 80px;
height: fit-content;
background: white;
position: absolute;
z-index: 2;
right: 180px;
border-radius: 0 0 5px 5px;
box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);
display: none;
}
.select-platform img {
padding: 20px 30px;
filter: brightness(0) saturate(100%) invert(58%) sepia(81%) saturate(3812%) hue-rotate(158deg) brightness(95%)
contrast(101%);
}
.select-platform img:first-child {
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(232deg) brightness(101%)
contrast(102%);
z-index: 1;
padding: 30px;
}
.select-platform:after {
content: '';
width: 80px;
height: 80px;
background: #00aad5;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.select-platform img:hover {
box-shadow: inset 0 0 0px 3px #00aad5;
}
.select-platform img:first-child:hover {
box-shadow: none;
}
.ad .ad,
.ad.text div + div,
.ad div + div,
.suggestion-list + .ad {
min-height: 100px;
}
.list .ad div + div,
.search .ad div + div {
min-height: 100px;
}
}
body {
background: #eeeeee;
font-family: 'geomanistregular', Tahoma, sans-serif;
margin: 0;
}
.panel {
overflow: auto;
position: fixed;
top: 0;
right: -100%;
bottom: 0;
left: auto;
width: 100%;
height: auto;
z-index: 8;
}
.nav-main {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: -1056px;
width: 256px;
height: auto;
z-index: 8;
background: white;
overflow: auto;
}
header .logo {
margin: 0 auto 0 0;
}
header .logo img {
height: 24px;
left: -10px;
top: 2px;
position: relative;
}
section .title + .more img {
height: fit-content;
transform: scale(0.5);
}
@media (min-width: 767px) {
.panel {
position: fixed;
top: 0;
right: -520px;
bottom: 0;
left: auto;
width: 520px;
height: auto;
}
}
@media (min-width: 1024px) {
.select-platform.show {
display: grid;
margin-right: -20px;
}
.change-platform {
transform: rotate(90deg);
display: block;
position: absolute;
right: 154px;
top: 0;
padding-bottom: 50px;
padding-top: 20px;
}
header .logo img {
height: 20px;
left: 0;
width: auto;
}
header > img {
display: block;
filter: brightness(0) saturate(100%) invert(58%) sepia(81%) saturate(3812%) hue-rotate(158deg) brightness(95%)
contrast(101%);
padding: 30px;
margin-right: 0;
}
header .turbo-link {
margin-left: auto;
}
header .logo {
transform: scale(1.5);
margin-left: 0;
margin-right: auto;
height: 57px;
padding-top: 10px;
width: 108px;
justify-content: flex-start;
position: relative;
left: 40px;
}
}
@media (min-width: 1396px) {
header .logo {
margin-left: auto;
margin-right: -200px;
}
header:not(:has(.turbo-link)) .logo {
margin-right: 384px;
margin-left: auto;
left: inherit;
}
}
@media (prefers-color-scheme: dark) {
body {
background: #09191d;
}
body > .content {
background: #0f292f;
}
header {
background: #0f292f;
}
.select-platform {
background: #333333;
}
section .title {
color: white;
}
section .title-row + span {
color: #cddce0;
}
.nav-main {
background: #1f4e5a;
}
.ad .title {
color: #ccc;
}
section .title + span {
color: #ccc;
}
.panel {
background: #102c33;
}
}
@font-face {
font-family: 'geomanistmedium';
src: url('fonts/lMGUE1YxgRPz.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'geomanistregular';
src: url('fonts/AYBz4BZ0B7gc.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
.popup-turbo {
position: fixed;
bottom: -20%;
left: 0;
width: 100%;
z-index: 3;
background: linear-gradient(-45deg, #b99ccf, #e06290, #b99ccf, #e06290, #ffc94f);
background-size: 400% 400%;
animation: gradient-login 15s ease infinite, slideIn 1s ease forwards 3s;
padding: 10px;
color: #fff;
font-size: 12px;
font-family: 'geomanistregular', sans-serif;
box-sizing: border-box;
display: flex;
gap: 10px;
align-items: end;
bottom: -100%;
min-height: 65px;
}
@keyframes slideIn {
from {
bottom: -20%;
}
to {
bottom: 0;
}
}
@keyframes gradient-login {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.popup-turbo svg {
opacity: 0.1;
width: 300px;
position: absolute;
height: auto;
bottom: -16px;
top: 0;
left: 0;
transform: rotate(-8deg);
}
.popup-turbo .title {
font-family: 'geomanistmedium';
font-size: 16px;
}
.popup-turbo p b {
font-family: 'geomanistmedium';
}
.popup-turbo button {
background: white;
border: 0;
border-radius: 10px;
padding: 5px 10px;
font-family: 'geomanistmedium';
color: #e06290;
height: 35px;
z-index: 1;
word-break: auto-phrase;
width: fit-content;
min-width: max-content;
}
.popup-turbo button:lang(ja),
.popup-turbo button:lang(hi),
.popup-turbo button:lang(zh),
.popup-turbo button:lang(th),
.popup-turbo button:lang(ru),
.popup-turbo button:lang(ko),
.popup-turbo button:lang(ar),
.popup-turbo button:lang(vi),
.popup-turbo button:lang(ro),
.popup-turbo button:lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
.popup-turbo button:lang(zh),
.popup-turbo button:lang(ko),
.popup-turbo button:lang(ar) {
min-width: 80px;
}
.popup-turbo .close {
background: #fff;
padding: 8px;
position: absolute;
top: -20px;
right: 20px;
z-index: 2;
box-shadow: 0 3px 12px 2px #00000020;
border-radius: 50%;
width: 20px;
height: 20px;
cursor: pointer;
}
.popup-turbo .close:lang(ar) {
left: 10px;
right: auto;
}
@media (min-width: 767px) {
.popup-turbo {
width: 300px;
margin: 20px;
border-radius: 20px;
padding: 20px;
right: 0;
left: auto;
flex-direction: column;
font-size: 14px;
text-align: center;
}
.popup-turbo:lang(ar) {
left: 0;
right: auto;
}
.popup-turbo svg {
width: 95%;
bottom: 24px;
left: 0;
right: 0;
margin: auto;
transform: rotate(-8deg);
}
.popup-turbo .title {
font-family: 'geomanistmedium';
font-size: 20px;
}
.popup-turbo button {
padding: 10px 10px;
height: auto;
font-size: 14px;
width: 100%;
}
}
.popup-turbo.blackfriday {
background: linear-gradient(-45deg, #000, #474747, #686668, #474747, #000);
animation: gradient-login2 15s ease infinite, slideIn 1s ease forwards 3s;
background-size: 400% 400%;
}
.popup-turbo.promo .title {
opacity: 0;
}
.popup-turbo.blackfriday button {
background: #e06290;
color: #fff;
}
.popup-turbo.promo .offer:before {
content: '-50%';
position: absolute;
font-size: 30px;
font-family: 'geomanistmedium';
top: -23px;
left: 154px;
color: #ffffff;
background: #000;
padding: 0 5px;
box-shadow: 1px 1px black;
z-index: 1;
}
.popup-turbo.promo .offer:lang(tr):before {
content: '-%50';
}
.popup-turbo.blackfriday:before {
content: 'BLACK FRIDAY';
position: absolute;
font-size: 18px;
font-family: 'geomanistmedium';
top: -21px;
color: #ffffff;
background: #000;
padding: 0 5px;
box-shadow: 1px 1px black;
rotate: 354deg;
z-index: 1;
}
.popup-turbo.promo:after {
content: 'Uptodown Turbo';
position: absolute;
font-size: 16px;
font-family: 'geomanistmedium';
top: 1px;
left: 17px;
color: #ffffff;
background: #e06290;
padding: 0 5px;
box-shadow: 1px 1px black;
rotate: 354deg;
}
@keyframes gradient-login2 {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#ar .popup-turbo.promo .offer:before {
top: -22px;
right: 154px;
left: auto;
direction: ltr;
}
#ar .popup-turbo.promo:before {
right: 13px;
left: auto;
rotate: 5deg;
}
#ar .popup-turbo.promo:after {
right: 18px;
left: auto;
rotate: 5deg;
}
.popup-turbo.cyber {
background: linear-gradient(-45deg, #4a668a, #3f51b5, #447aa3, #3f51b5, #4a668a);
animation: gradient-login2 15s ease infinite, slideIn 1s ease forwards 3s;
background-size: 400% 400%;
}
.popup-turbo.cyber:before {
content: 'CYBER MONDAY';
position: absolute;
font-size: 18px;
font-family: 'geomanistmedium';
top: -21px;
color: #ffffff;
background: #4c3e89;
padding: 0 5px;
rotate: 354deg;
z-index: 1;
border-radius: 10px;
}
.popup-turbo.promo.cyber:after {
border-radius: 10px;
}
@media (min-width: 767px) {
.popup-turbo.promo .offer:before {
top: -8px;
left: 154px;
font-size: 35px;
}
.popup-turbo.promo.cyber .offer:before {
top: -3px;
}
.popup-turbo.promo:before {
font-size: 26px;
left: -13px;
z-index: 2;
}
.popup-turbo.promo:after {
font-size: 19px;
top: 14px;
left: -5px;
}
.popup-turbo.promo .close {
right: 10px;
}
#ar .popup-turbo.promo .close {
left: 10px;
right: auto;
}
#ar .popup-turbo.promo:before {
right: -13px;
left: auto;
}
#ar .popup-turbo.promo:after {
right: -5px;
left: auto;
}
#ar .popup-turbo.promo .offer:before {
top: -6px;
left: 52px;
right: auto;
}
}
.breadcrumb {
font-family: 'geomanistregular', sans-serif;
display: inline-block;
width: auto;
box-sizing: border-box;
}
.breadcrumb.father::-webkit-scrollbar {
display: none;
}
.breadcrumb a {
margin-bottom: 5px;
display: inline-block;
}
.breadcrumb span {
color: #7f949a;
padding: 3px 0;
font-size: 8px;
text-transform: uppercase;
margin: 1px;
}
.breadcrumb .path_separator {
padding: 0 3px;
line-height: 22px;
}
.breadcrumb > span:not(.path_separator) {
font-family: 'geomanistmedium', sans-serif;
color: #00aad5;
}
.breadcrumb > span:not(.path_separator):lang(ja),
.breadcrumb > span:not(.path_separator):lang(hi),
.breadcrumb > span:not(.path_separator):lang(zh) {
font-weight: 600;
font-family: sans-serif;
}
.breadcrumb > span:not(.path_separator):lang(th),
.breadcrumb > span:not(.path_separator):lang(ru),
.breadcrumb > span:not(.path_separator):lang(ko),
.breadcrumb > span:not(.path_separator):lang(ar),
.breadcrumb > span:not(.path_separator):lang(vi) {
font-weight: 600;
font-family: sans-serif;
}
.breadcrumb > span:not(.path_separator):lang(ro),
.breadcrumb > span:not(.path_separator):lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
.breadcrumb span:lang(th) {
font-size: 12px;
}
@media (prefers-color-scheme: dark) {
.breadcrumb span {
}
.breadcrumb > span:not(.path_separator) {
color: white;
}
}
.breadcrumb.father {
height: fit-content;
padding: 0 0 0 10px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
-webkit-overflow-scrolling: touch;
position: relative;
z-index: 1;
}
@media (min-width: 1024px) {
.breadcrumb.father {
padding: 0 10px;
}
}
@media (min-width: 1396px) {
.breadcrumb.father {
padding-top: 0;
padding-left: 20px;
height: auto;
}
}
.hotlinks {
position: relative;
z-index: 5;
display: flex;
align-items: center;
background: #edf3f4;
}
.hotlinks .arrow {
display: none;
width: 10px;
height: 20px;
z-index: 3;
top: 0px;
padding: 0 5px;
cursor: pointer;
position: absolute;
}
.hotlinks .arrow.left {
left: 0;
transform: rotate(180deg);
}
.hotlinks .right {
right: 0;
}
.hotlinks ul {
font-family: 'geomanistregular', sans-serif;
z-index: 2;
box-sizing: border-box;
overflow-x: auto;
overflow-y: hidden;
padding: 0 10px;
margin: 0;
white-space: nowrap;
flex-grow: 1;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hotlinks ul::-webkit-scrollbar {
display: none;
}
.hotlinks ul li {
font-size: 8px;
display: inline-block;
margin: 0 10px 0 0;
vertical-align: top;
cursor: pointer;
text-transform: uppercase;
color: #7f949a;
line-height: 20px;
}
.hotlinks ul li img {
margin: 0;
vertical-align: sub;
}
@media (min-width: 1024px) {
.hotlinks ul {
width: calc(100% - 40px);
margin: auto;
}
.hotlinks ul:before {
content: '';
width: 40px;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, rgba(237, 243, 244, 1) 0%, rgba(237, 243, 244, 0) 100%);
z-index: 2;
}
.hotlinks ul:after {
content: '';
width: 40px;
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(90deg, rgba(237, 243, 244, 0) 0%, rgba(237, 243, 244, 1) 100%);
z-index: 2;
}
.hotlinks ul li {
font-size: 10px;
margin: 0 10px;
}
.hotlinks:hover .arrow {
display: block;
}
}
@media (prefers-color-scheme: dark) {
.hotlinks {
background: #1f4e5a;
}
.hotlinks ul:before {
background: linear-gradient(90deg, rgba(31, 78, 90, 1) 0%, rgba(31, 78, 90, 0) 100%);
}
.hotlinks ul:after {
background: linear-gradient(90deg, rgba(31, 78, 90, 0) 0%, rgba(31, 78, 90, 1) 100%);
}
.hotlinks ul li a {
color: #cddce0;
}
}
.detail {
font-family: 'geomanistregular', sans-serif;
color: #333333;
z-index: 1;
position: relative;
}
.detail > div {
display: table-cell;
vertical-align: top;
margin-bottom: 10px;
}
.gallery-content + .ad,
.detail + .ad,
.button-group.download + .ad {
min-height: 261px;
width: 100%;
display: grid;
align-items: center;
grid-template-rows: auto 250px auto;
}
.ad:not(:has(iframe, img)) .ad-label-turbo {
opacity: 0;
}
.ad-label-turbo {
font-size: 10px;
text-align: center;
display: flex;
width: 100%;
cursor: pointer;
margin: 2px auto 0;
justify-content: center;
align-items: center;
gap: 5px;
opacity: 1;
transition: opacity 1s ease 1s;
}
.ad-label-turbo svg {
background: #e06290;
border-radius: 50%;
}
.detail .icon {
min-width: 120px;
height: 114px;
}
.detail .icon img {
max-height: 100px;
max-width: 100px;
width: auto;
height: auto;
margin: 0 10px 10px;
font-size: 12px;
word-break: break-word;
border-radius: 10px;
}
.detail .icon img.broken-img {
object-fit: contain;
width: 100%;
}
.detail .info h1 {
font-family: 'geomanistmedium', sans-serif;
font-size: 28px;
line-height: 24px;
word-break: break-word;
font-weight: initial;
line-height: 1;
}
.detail .info .version {
font-family: 'geomanistregular', sans-serif;
color: #7f949a;
font-size: 16px;
font-weight: 300;
margin-top: 5px;
word-break: break-all;
}
.detail .info .version span.beta {
color: #00aad5;
border: 1px solid #00aad5;
border-radius: 10px;
padding: 2px 5px 2px;
font-size: 8px;
display: inline-flex;
margin: 0 5px;
top: -1px;
position: relative;
}
.detail .info .autor {
font-family: 'geomanistregular', sans-serif;
font-size: 16px;
color: #00aad5;
margin-bottom: 5px;
margin-top: 5px;
font-weight: 300;
}
.detail .info .autor button {
font-family: 'geomanistregular', sans-serif;
font-size: 16px;
color: #00aad5;
margin-bottom: 5px;
margin-top: 5px;
font-weight: 300;
background: transparent;
border: 0;
padding: 0;
margin: 0;
text-rendering: geometricPrecision;
}
.detail .info .autor a {
padding: 5px 0;
}
.detail .info > div {
margin-top: 3px;
}
.detail .stats {
text-align: center;
font-family: 'geomanistregular', sans-serif;
display: flex;
box-sizing: border-box;
font-size: 14px;
padding: 0 10px 0;
color: #1f4e5a;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
-webkit-overflow-scrolling: touch;
line-height: 15px;
margin: 20px 0 20px;
scrollbar-width: none;
align-items: center;
}
.detail .stats::-webkit-scrollbar {
display: none;
}
.detail .stats div.dwstat img {
filter: brightness(0) saturate(100%) invert(67%) sepia(1%) saturate(0%) hue-rotate(205deg) brightness(92%)
contrast(93%);
}
.detail .stats div span:first-child {
font-size: 20px;
font-family: 'geomanistmedium';
display: block;
color: #1f4e5a;
}
.detail .stats div:first-child span,
.detail .stats div#detail-rating-id + div span {
color: #7f949a;
font-family: 'geomanistregular', sans-serif;
font-size: 14px;
line-height: 20px;
}
.detail .stats div:first-child span > span,
.detail .stats div#detail-rating-id + div span > span {
color: #1f4e5a;
font-family: 'geomanistmedium', sans-serif;
font-size: 20px;
}
.detail .stats div#detail-rating-id img {
width: 15px;
height: 15px;
aspect-ratio: 1/1;
}
.detail .stats div#detail-rating-id span {
font-size: 20px;
line-height: 30px;
font-family: 'geomanistmedium';
color: #1f4e5a;
}
.detail .stats div:last-child img {
width: 20px;
height: 20px;
margin: 9px;
}
.detail .stats img {
filter: brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1431%) hue-rotate(159deg) brightness(97%)
contrast(103%);
position: relative;
top: 1px;
}
.detail .stats .blue,
.review .title-row {
cursor: pointer;
}
.detail .stats .blue:hover {
color: #00aad5;
}
.detail h2 {
font-family: 'geomanistmedium', sans-serif;
font-size: 20px;
font-weight: 300;
padding: 10px;
color: #1f4e5a;
line-height: 24px;
}
.detail h2:lang(ja),
.detail h2:lang(hi),
.detail h2:lang(zh),
.detail h2:lang(th),
.detail h2:lang(ru),
.detail h2:lang(ko),
.detail h2:lang(ar),
.detail h2:lang(vi),
.detail h2:lang(ro) {
font-weight: 600;
font-family: sans-serif;
}
.detail h2:lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
.detail h2 a {
color: #00aad5;
}
.button-group {
display: block;
display: flex;
flex-direction: column;
margin: 20px 10px 20px;
gap: 10px;
}
body.turbo .button-group {
margin: 10px;
}
.button {
margin: 0;
}
.button b,
.button h3,
.button strong {
font-family: 'geomanistmedium', sans-serif;
font-size: 16px;
line-height: 20px;
display: block;
align-self: center;
}
.button h3:lang(ja),
.button h3:lang(hi),
.button h3:lang(zh),
.button h3:lang(th),
.button h3:lang(ru),
.button h3:lang(ko),
.button h3:lang(ar),
.button h3:lang(vi),
.button h3:lang(ro),
.button h3:lang(tr),
.button.version:lang(ja),
.button.version:lang(hi),
.button.version:lang(zh),
.button.version:lang(th),
.button.version:lang(ru),
.button.version:lang(ko),
.button.version:lang(ar),
.button.version:lang(vi),
.button.version:lang(ro),
.button.version:lang(tr),
.button strong:lang(ja),
.button strong:lang(hi),
.button strong:lang(zh),
.button strong:lang(th),
.button strong:lang(ru),
.button strong:lang(ko),
.button strong:lang(ar),
.button strong:lang(vi),
.button strong:lang(ro),
.button strong:lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
.button strong {
text-align: left;
margin-top: 0;
}
.button p,
.button span {
font-size: 10px;
font-weight: 300;
display: inline-flex;
margin-right: 10px;
text-transform: capitalize;
font-family: 'geomanistregular', sans-serif;
margin-top: 5px;
}
.button p.version,
.button span.size {
font-family: 'geomanistmedium', sans-serif;
}
.button.deactivate,
.button.register {
min-width: 300px;
order: 1;
flex-shrink: 1;
overflow: hidden;
}
.button.download,
.button.last {
min-width: 300px;
display: grid;
grid-template-rows: auto auto;
grid-template-columns: auto 1fr;
height: 76px;
align-content: center;
align-items: center;
}
.button h3,
.button strong {
line-height: 16px;
font-family: 'geomanistmedium', sans-serif;
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 2;
grid-column-end: 3;
font-size: 16px;
}
.button p.version {
grid-row-start: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-column-end: 2;
width: max-content;
}
.button span.size {
grid-row-start: 2;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 3;
}
.button.last,
.button.secondary {
background: #00aad5;
}
.button.secondary {
font-family: 'geomanistmedium', sans-serif;
order: 1;
display: none;
margin-right: 10px;
margin-bottom: 10px;
font-size: 16px;
flex-direction: column;
box-sizing: border-box;
height: 60px;
line-height: 20px;
padding-top: 13px;
border: 1px solid #00aad5;
color: #00aad5;
background: transparent;
}
.button.secondary:lang(ja),
.button.secondary:lang(hi),
.button.secondary:lang(zh),
.button.secondary:lang(th),
.button.secondary:lang(ru),
.button.secondary:lang(ko),
.button.secondary:lang(ar),
.button.secondary:lang(vi),
.button.secondary:lang(ro),
.button.secondary:lang(tr) {
font-weight: 600;
font-family: sans-serif;
}
.button.secondary span {
font-size: 8px;
color: #b8b3ce;
float: right;
margin: 0;
text-align: left;
line-height: 1;
text-transform: lowercase;
}
.button.secondary span img {
margin: 0 0 2px 2px;
float: none;
vertical-align: middle;
}
.button.secondary.type-3 {
background: rgb(255, 70, 29);
background: linear-gradient(180deg, rgba(255, 70, 29, 1) 0%, rgba(255, 121, 3, 1) 100%);
color: white;
border: 0;
display: inline-flex;
max-width: none;
min-width: 200px;
margin: 0;
vertical-align: top;
order: 2;
flex-direction: column;
justify-content: center;
height: 76px;
gap: 2px;
}
.button.secondary.type-3 span {
color: white;
}
.button.secondary.type-3 span img {
transform: scale(1.1);
margin-left: -4px;
margin-right: -4px;
}
.button.download,
.button.last {
cursor: pointer;
}
.button.deactivate {
display: grid;
margin-right: 10px;
border: 1px dashed #00aad5;
color: #00aad5;
padding: 16px;
}
.button.register {
display: grid;
color: #fff;
padding: 16px;
background: #00aad5;
cursor: pointer;
box-sizing: border-box;
min-height: 76px;
-webkit-tap-highlight-color: transparent;
}
.button.register + p {
padding: 0 10px 10px;
font-size: 12px;
font-family: 'geomanistregular', sans-serif;
color: #1f4e5a;
}
.button.register + p span {
color: #00aad5;
cursor: pointer;
font-family: 'geomanistmedium', sans-serif;
}
.button.register.on {
border: 1px solid #00aad5;
color: #00aad5;
padding: 16px;
background: #fff;
}
.button.register.on .icon {
display: none;
}
.button.register .icon {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.button.download.external {
padding: 16px;
}
.button.download.external strong {
margin: 0;
}
.button.deactivate b {
display: table-cell;
vertical-align: middle;
font-size: 20px;
}
.button.deactivate p {
display: table-footer-group;
text-align: center;
margin: 2px 0 0;
font-size: 12px;
}
.button.deactivate p span {
margin: 0 2px;
}
.button.deactivate span {
font-weight: 600;
}
.button.deactivate strong,
.button.register strong {
text-align: center;
padding: 0;
margin-top: 0;
}
.button.deactivate + span {
font-size: 12px;
display: block;
margin: 0 10px 10px;
color: #999;
text-align: center;
}
.button.deactivate + span a {
font-weight: 600;
cursor: pointer;
text-decoration: underline;
color: #0081a2;
}
.button.download {
background: #4caf50;
}
.button.download.xapk p {
padding: 0;
font-size: 8px;
margin: 5px 0;
vertical-align: middle;
text-transform: uppercase;
display: flex;
align-items: center;
}
html:lang(zh) .button.download.xapk p,
html:lang(ko) .button.download.xapk p,
html:lang(tr) .button.download.xapk p,
html:lang(ja) .button.download.xapk p {
margin: 0;
display: block;
line-height: 2;
}
.button.download.xapk p img {
margin: -1px 3px 0 6px;
filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(2%) hue-rotate(14deg) brightness(118%)
contrast(100%);
}
.button.download.xapk p img + img {
margin: auto;
top: 0;
bottom: 0;
}
html:lang(ko) .button.download.xapk p img,
html:lang(tr) .button.download.xapk p img,
html:lang(hi) .button.download.xapk p img {
margin-left: 0;
}
html:lang(hi) .button.download.xapk p {
line-height: 0;
}
html:lang(zh) .button.download.xapk p img.svg,
html:lang(tr) .button.download.xapk p img.svg,
html:lang(ja) .button.download.xapk p img.svg {
margin: auto;
}
.button-group:has(.sponsor) button.variants {
height: auto;
width: fit-content;
margin-bottom: 0;
}
.button-group:has(.sponsor):has(.external-notice),
.button-group:has(.sponsor):has(.variants) {
display: flex;
flex-direction: column-reverse;
}
.button-group:has(.xapk) .button.variants {
margin: 0;
}
.c2 .ad {
display: none;
}
body:not(.turbo) .button.last {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
animation-duration: 1s;
animation-name: activateButton;
animation-fill-mode: forwards;
animation-delay: 2s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
body:not(.turbo, .direct) .button.download {
background: #4caf5080;
pointer-events: none;
cursor: not-allowed;
}
body:not(.turbo, .direct) .button.download.active {
animation-duration: 1s;
animation-name: activateButton2;
animation-fill-mode: forwards;
animation-delay: 3s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
body:not(.turbo, .direct) .button.download .by {
animation-duration: 1s;
animation-name: moveBy;
animation-fill-mode: forwards;
animation-delay: 3s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
body:not(.turbo) .versions .content {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
animation-duration: 1s;
animation-name: activateButton;
animation-fill-mode: forwards;
animation-delay: 3s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
body:not(.turbo) .button.last .svg {
opacity: 0;
animation-duration: 1s;
animation-name: activateSvg;
animation-fill-mode: forwards;
animation-delay: 2s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
body:not(.turbo, .direct) .button.download .svg {
opacity: 0;
}
body:not(.turbo, .direct) .button.download.active .svg {
animation-duration: 1s;
animation-name: activateSvg;
animation-fill-mode: forwards;
animation-delay: 3s;
animation-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
@keyframes activateButton {
0% {
opacity: 0.5;
}
100% {
opacity: 1;
pointer-events: auto;
cursor: pointer;
}
}
@keyframes activateButton2 {
0% {
background: #4caf5080;
}
100% {
background: #4caf50;
pointer-events: auto;
cursor: pointer;
}
}
@keyframes activateSvg {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes moveBy {
0% {
right: 0;
}
100% {
right: -300px;
}
}
.xapk-notice button:lang(th),
.xapk-notice button:lang(ru),
.xapk-notice button:lang(ko) {
font-weight: 600;
}
.xapk-notice button:lang(ja),
.xapk-notice button:lang(hi) {
font-weight: 600;
line-height: 14px;
}
.xapk-notice button:lang(zh) {
font-weight: 600;
margin: 0;
line-height: 14px;
}
.button.version {
font-family: 'geomanistmedium', sans-serif;
border: 1px solid #00aad5;
color: #00aad5;
font-size: 10px;
text-transform: uppercase;
padding: 10px;
display: block;
text-align: center;
order: 3;
flex-shrink: 0;
}
.button.badge {
font-family: 'geomanistregular', sans-serif;
border: 1px solid #7f949a;
color: #7f949a;
border-radius: 10px;
padding: 3px 10px 3px;
font-weight: 400;
font-size: 8px;
display: inline-flex;
text-transform: uppercase;
float: left;
box-sizing: border-box;
margin: 0;
}
article {
color: #1f4e5a;
padding: 10px;
font-family: 'geomanistregular', sans-serif;
font-size: 14px;
line-height: 2;
clear: both;
margin-bottom: 30px;
}
article:lang(hi),
article:lang(th),
article:lang(ru),
article:lang(ar),
article:lang(vi),
article:lang(ro) {
font-family: sans-serif;
}
article b {
font-family: 'geomanistmedium', sans-serif;
}
article h2 {
font-family: 'geomanistmedium', sans-serif;
font-size: 16px;
}
article h2:lang(ja),
article h2:lang(hi),
article h2:lang(zh),
article h2:lang(th),
article h2:lang(ru),
article h2:lang(ko),
article h2:lang(vi),
article h2:lang(ro) {
font-weight: 600;
font-family: sans-serif;
}
article h2 span {
font-family: 'geomanistregular', sans-serif;
}
body:not(.turbo) .loader {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 24px;
height: 24px;
aspect-ratio: 1;
border-radius: 50%;
border: 2px solid #fff;
z-index: 4;
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
body:not(.turbo) #ar .loader {
right: auto;
left: 20px;
}
body:not(.turbo) .active .loader {
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 3s forwards;
z-index: 4;
}
body:not(.turbo) .loader-get,
.loader-register {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 24px;
height: 24px;
aspect-ratio: 1;
border-radius: 50%;
border: 2px solid #fff;
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 2s forwards;
}
body:not(.turbo) #ar .loader-get,
#ar .loader-register {
right: auto;
left: 20px;
}
.button-group:has(.loader-register) {
position: relative;
min-height: 76px;
margin-bottom: 10px;
}
.button-group:has(.loader-register.hidden) {
min-height: 0;
}
.loader-register {
position: absolute;
margin: 15px auto;
left: 0;
right: 0;
top: 10px;
bottom: 0;
border: 2px solid #00aad5;
animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear, hideLoader 0s 120s forwards;
}
@keyframes l20-1 {
0% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
}
12.5% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
}
25% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
}
50% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
}
62.5% {
clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
}
75% {
clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
}
100% {
clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
}
}
@keyframes l20-2 {
0% {
transform: scaleY(1) rotate(0deg);
}
49.99% {
transform: scaleY(1) rotate(135deg);
}
50% {
transform: scaleY(-1) rotate(0deg);
}
100% {
transform: scaleY(-1) rotate(-135deg);
}
}
@keyframes hideLoader {
0% {
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
.item-row .content {
width: 100%;
height: auto;
box-sizing: border-box;
overflow-x: auto;
overflow-y: hidden;
margin: 0;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: inline-flex;
position: relative;
}
.item-row:not(.gallery) .buttons {
display: none;
}
.item {
min-width: 100px;
width: 100px;
height: 100%;
position: relative;
vertical-align: top;
margin: 0 10px 10px 0;
white-space: normal;
line-height: 1.2;
}
.item figure {
width: auto;
height: 100px;
text-align: center;
cursor: pointer;
}
.item figure img {
max-height: 100px;
max-width: 100px;
width: auto;
height: auto;
border-radius: 10px;
}
.item div.name {
font-family: 'geomanistmedium', sans-serif;
color: #1f4e5a;
font-size: 12px;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: center;
}
.item div.description {
font-family: 'geomanistregular', sans-serif;
color: #7f949a;
font-size: 12px;
margin-top: 5px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-align: center;
}
.item > img {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: -1px;
z-index: 1;
}
.item-row .more {
padding: 0;
-webkit-appearance: none;
border: 0;
z-index: 1;
position: relative;
background: transparent;
cursor: pointer;
vertical-align: middle;
}
.item-row .more img {
transform: scale(0.5);
}
.external-notice {
color: #7f949a;
font-size: 10px;
font-weight: 300;
position: relative;
display: flex;
}
.external-notice img {
margin: 0 10px;
}
.external-notice p {
margin-top: 4px;
}
.detail-info {
margin: 0 10px;
background: aliceblue;
padding: 10px;
border-radius: 10px;
}
.detail-info.info .content tbody {
grid-template-columns: 100%;
font-size: 14px;
}
.detail-info.info .content tbody tr td:nth-child(2) {
margin: 3px 0 0px 42px;
}
#ar .detail-info.info .content tbody tr td:nth-child(2) {
margin: 3px 42px 0 0;
}
.detail-info.info .content tbody tr td:nth-child(3) {
padding: 0;
}
#ar .detail-info.info .content tbody tr td {
margin: 0;
}
#ar .detail-info.info .content tbody tr td:nth-child(3) {
padding: 0 50px 0 10px;
}
.detail-info.info .content tbody tr td {
padding: 0;
margin-bottom: 15px;
}
.detail-info.info .content tbody tr.full {
grid-column-start: 1;
grid-column-end: 2;
}
.detail-info.info .content tbody tr td img {
width: 30px;
height: 30px;
}
.info + .ad,
.button-group.download + .ad {
margin: 17px auto;
}
@media (max-width: 360px) {
.detail-info.info .content tbody tr {
grid-column-start: auto;
grid-column-end: auto;
}
}
@media (min-width: 768px) {
.detail-info.info .content tbody {
grid-template-columns: 25% 25% 25% 25%;
}
.detail-info.info .content tbody tr.full {
grid-column-start: auto;
grid-column-end: auto;
}
}
@media (min-width: 1396px) {
.detail-info.info {
margin: 0 20px;
}
.detail-info.info .content tbody tr td img {
width: 40px;
height: 40px;
}
.detail-info.info .content tbody tr td:nth-child(2) {
margin: 3px 0 0px 52px;
}
#ar .detail-info.info .content tbody tr td:nth-child(2) {
margin: 3px 52px 0 0;
}
.detail-info.info .content tbody tr td:nth-child(3) {
padding: 0 10px;
}
}
@media (min-width: 425px) {
.button.deactivate + span {
text-align: left;
margin: 0 10px 10px;
}
section {
clear: both;
}
.button.version {
margin-top: 0;
}
.xapk-notice {
width: 322px;
box-sizing: border-box;
margin-right: 0;
}
.button-group:has(.sponsor) button.variants {
position: absolute;
top: 35px;
left: 335px;
}
.button-group.download:has(.loader-register) {
float: none;
max-width: 200px;
height: 76px;
}
.button-group.download:has(.hidden.loader-register) {
max-width: fit-content;
}
.button-group.download:has(.loader-register):has(p) {
margin-bottom: 10px;
}
.button-group.download .button-group.download {
float: none;
margin-bottom: 0;
max-width: 200px;
}
.button.register + p {
width: 140%;
clear: both;
}
}
@media (min-width: 768px) {
.button-group {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
margin: 10px;
gap: 10px;
flex-wrap: nowrap;
}
.button-group:has(.button.version) {
flex-wrap: wrap;
}
.detail:has(+ .gallery-content .gallery) h2:after {
display: none;
}
article .text-description p {
margin-bottom: 20px;
}
}
@media (min-width: 1396px) {
.detail {
padding: 10px 20px 20px;
}
.detail > div {
margin-bottom: 0px;
}
.gallery-content + .ad,
.detail-info + .ad,
.button-group.download + .ad {
grid-template-rows: 1fr minmax(100px, auto) 1fr;
min-height: auto;
}
.detail .icon img {
margin: 0;
}
.detail .info h1 {
font-size: 36px;
line-height: 32px;
}
.detail .info .version {
font-size: 14px;
}
.detail .info .version span.beta {
vertical-align: middle;
margin: 0 5px 5px;
top: 1px;
}
.detail .info .autor,
.detail .info .autor button {
margin-bottom: 2px;
font-size: 14px;
}
.detail h2 {
font-size: 16px;
margin: 5px 0;
padding: 10px 0 0;
}
body.turbo .detail h2 {
margin: 5px 0 0;
}
.detail .stats {
font-size: 14px;
padding: 0;
line-height: 20px;
}
.detail .stats div {
padding: 0 20px;
}
.detail .stats div:last-child img {
margin: 9px;
}
.detail .stats div#detail-rating-id span {
line-height: 40px;
}
.button.deactivate {
min-width: 300px;
}
.button.register {
margin: 20px 0;
}
.button.register + p {
padding: 0 20px 0;
top: -10px;
position: relative;
}
.button.secondary {
display: inline-flex;
max-width: none;
min-width: 200px;
margin: 0;
vertical-align: top;
order: 2;
flex-direction: column;
justify-content: center;
height: 76px;
font-size: 18px;
}
.button.secondary span {
margin: 3px 0 0;
}
.button.deactivate + span {
text-align: left;
margin: -10px 20px 20px;
}
.button.secondary + .button.version {
margin-bottom: 0;
margin-left: 0;
}
article {
padding: 20px;
font-size: 16px;
}
article h2 {
font-family: 'geomanistmedium', sans-serif;
font-size: 18px;
}
.xapk-notice {
margin: 0 10px 10px 10px;
width: 300px;
box-sizing: border-box;
}
.detail .info span.onBoard,
.button.badge {
margin: 5px 5px 0 0;
}
.external-notice img {
margin: 0 10px 0 20px;
}
.item-row {
max-width: 1396px;
margin: 0 auto 40px;
}
.item {
margin-right: 22px;
}
.button-group {
margin: 20px 0 20px 20px;
gap: 20px;
flex-wrap: nowrap;
}
body.turbo .button-group {
margin: 0 20px 20px;
}
.button-group:has(.button.version) {
flex-wrap: nowrap;
}
.button-group:has(.sponsor) .button {
margin-bottom: 5px;
}
.button-group:has(.sponsor) .button {
position: absolute;
width: fit-content;
top: 0;
}
.button-group:has(.sponsor) .button.secondary {
width: fit-content;
position: absolute;
top: 0;
left: 320px;
}
.button.download.xapk p {
margin: 5px 0 0;
}
.button h3,
.button strong {
font-size: 18px;
}
.button-group.download:has(.loader-register) {
margin: 20px;
align-items: center;
}
body.turbo .button-group.download:has(.loader-register) {
margin: 0 20px 20px;
}
}
@media (min-width: 1396px) {
.c1 .item-row .content {
display: flex;
height: 220px;
flex-wrap: inherit;
scroll-padding: 0 0 20px 20px;
scrollbar-color: #00aad5 #eeeeee;
scrollbar-width: thin;
scroll-snap-type: x mandatory;
}
.c1 .item-row.categories .content {
height: fit-content;
flex-wrap: wrap;
}
.c1 .item-row .content::-webkit-scrollbar {
height: 5px;
}
.c1 .item-row .content:hover::-webkit-scrollbar {
height: 10px;
}
.c1 .item-row .content::-webkit-scrollbar-thumb {
background: #00aad5;
border-radius: 100px;
height: 2px;
cursor: pointer;
}
.c1 .item-row .content::-webkit-scrollbar-track {
background: #eee;
height: 7px;
border-radius: 100px;
}
.c2 {
display: flex;
flex-direction: column;
}
.c2 .ad {
display: block;
}
.c2 .item-row .content {
flex-direction: column;
padding: 0 0 20px;
overflow: hidden;
}
.c2 .item {
width: 100%;
display: grid;
row-gap: 5px;
column-gap: 10px;
justify-items: start;
grid-template-rows: 20px auto;
grid-template-columns: 60px 1fr;
margin: 0;
}
.c2 .item::after {
content: '';
width: 100%;
height: 100%;
border-radius: 10px;
opacity: 0;
z-index: -1;
position: absolute;
background: #edf3f4;
transition: opacity 0.3s, transform 0.3s;
}
.c2 .item:hover::after {
opacity: 1;
transform: scale(1);
}
.c2 .item figure {
grid-row-start: 1;
grid-column-start: 1;
grid-row-end: 3;
grid-column-end: 2;
height: auto;
margin: 5px 5px 10px;
}
.c2 .item figure img {
width: 60px;
}
.c2 .item .name {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 2;
grid-column-end: 3;
margin-top: 5px;
}
.c2 .item .description {
grid-row-start: 2;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 3;
margin: 0;
}
}
@media (prefers-color-scheme: dark) {
:root {
--text-color: #cddce0;
}
.detail .icon img {
color: var(--text-color);
}
.detail .info h1,
.detail h2 {
color: white;
}
.detail .stats {
color: var(--text-color);
}
.button.version {
border: 1px solid white;
color: white;
}
.button.badge {
border: 1px solid white;
color: white;
}
article {
color: var(--text-color);
}
.item div.name {
color: #fff;
}
.item div.description {
color: var(--text-color);
}
.item figure img {
color: white;
}
.item-row .more {
color: white;
}
.c1 .item-row .content::-webkit-scrollbar-track {
background: #333;
}
.button.register.on {
background: transparent;
}
.button.register + p {
color: var(--text-color);
}
.detail .stats div:first-child span > span,
.detail .stats div span:first-child,
.detail .stats div#detail-rating-id + div span > span,
.detail .stats div#detail-rating-id span {
color: white;
}
.detail .stats div:first-child span {
color: var(--text-color);
}
.detail-info {
background: #1f4e5a;
}
.ad-label-turbo {
color: white;
}
.c2 .item:hover::after {
opacity: 0.1;
}
.detail .stats div:first-child span,
.detail .stats div#detail-rating-id + div span,
.detail .stats div {
color: var(--text-color);
}
.detail .stats div.dwstat {
color: var(--text-color);
}
}
.sticky_ad {
display: none;
}
.detail .info span.onBoard {
color: #1f4e5a;
background: #ffc94f;
border-radius: 10px;
padding: 3px 10px 3px;
font-weight: 400;
font-size: 8px;
display: inline-flex;
text-transform: uppercase;
float: left;
margin: 5px 5px 10px 0;
border: 1px solid #ffc94f;
cursor: pointer;
}
.button.register {
padding: 16px 56px 16px 16px;
}
.button.register.detail .info {
padding: 0 10px 10px 0;
}
.detail .info .autor a {
margin-right: 5px;
}
.detail .info .autor button {
text-align: left;
}
.detail .stats img {
margin-right: 5px;
vertical-align: initial;
}
.detail .stats div {
border-left: 1px solid #a4c0c7;
padding: 0 20px;
min-width: 80px;
color: #7f949a;
line-height: 20px;
}
.detail .stats div:first-child {
border: none;
cursor: pointer;
padding-left: 0;
}
.button.download,
.button.last {
box-sizing: border-box;
border: 0;
padding: 10px 50px 10px 20px;
}
.button {
padding: 10px 20px;
display: inline-block;
vertical-align: bottom;
color: white;
border-radius: 10px;
z-index: 1;
position: relative;
}
.button.download,
.button.last,
.button.deactivate {
text-align: left;
}
.button .svg {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.button.download,
.button.last,
.button.deactivate {
text-align: left;
}
.button.secondary.type-3 {
padding-right: 60px;
}
.button.variants {
font-family: 'geomanistmedium', sans-serif;
border: 1px solid #4caf50;
min-width: max-content;
margin-top: 0;
color: #4caf50;
font-size: 10px;
text-transform: uppercase;
padding: 10px;
background: transparent;
padding-left: 30px;
order: 4;
}
.button.variants .svg {
left: 10px;
filter: invert(56%) sepia(68%) saturate(387%) hue-rotate(73deg) brightness(92%) contrast(90%);
right: auto;
}
article .reviewer {
display: flex;
flex-direction: column;
gap: 2px;
padding-left: 50px;
position: relative;
margin: 0 0 20px;
}
article .reviewer img {
position: absolute;
border-radius: 10px;
left: 0;
}
article .reviewer div {
line-height: 1;
font-size: 12px;
color: #7f949a;
}
article .reviewer a.name {
font-family: geomanistmedium, sans-serif;
color: #1f4e5a;
line-height: 1;
font-size: 12px;
width: max-content;
}
article .reviewer div.text {
font-size: 8px;
color: #7f949a;
}
@media (min-width: 425px) {
.button-group:has(.sponsor) button.variants {
position: absolute;
top: 35px;
left: 335px;
}
.loader-register {
left: 125px;
top: 5px;
}
.button.register {
padding: 16px 56px 16px 16px;
float: left;
}
}
@media (min-width: 1396px) {
.c1 {
width: 1000px;
float: left;
padding-bottom: 20px;
}
.c2 {
width: 336px;
float: right;
margin-right: 20px;
}
.c2 section .title-row {
padding-left: 0;
padding-top: 20px;
}
.c2 .item .name,
.c2 .item .description {
text-align: left;
}
.detail .stats img {
vertical-align: initial;
}
.ad.text {
min-width: 360px;
min-height: 250px;
float: left;
margin: 0 20px 10px 0;
}
.button.variants {
margin: 0;
}
.button-group:has(.sponsor) button.variants {
top: 45px;
left: 330px;
}
.button-group:has(.sponsor):has(.secondary) button.variants {
top: 45px;
left: 535px;
}
.loader-register {
left: 45%;
top: 0px;
bottom: 0px;
margin: auto;
}
}
@media (min-width: 1396px) {
.detail .stats img {
vertical-align: initial;
}
.ad.text {
min-width: 360px;
min-height: 250px;
float: left;
margin: 0 20px 10px 0;
}
}
@media (prefers-color-scheme: dark) {
.button.variants {
border: 1px solid white;
color: white;
}
.button.variants .svg {
filter: brightness(0) invert(1);
}
article .reviewer div.name {
color: white;
}
article .reviewer a.name {
color: white;
}
}
.gallery {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: inline-flex;
width: 100%;
height: 170px;
padding: 10px;
box-sizing: border-box;
scrollbar-width: none;
}
.gallery::-webkit-scrollbar {
display: none;
}
.gallery div img {
width: auto;
height: 150px;
border-radius: 10px;
border: 1px solid #ccc;
min-height: 100px;
font-size: 10px;
overflow: hidden;
white-space: break-spaces;
text-align: center;
}
@media (min-width: 768px) {
.gallery {
padding: 0 10px;
}
}
@media (min-width: 1024px) {
.gallery {
padding: 0 10px 10px;
min-height: 102px;
overflow-x: auto;
scrollbar-color: #00aad5 #eeeeee;
scrollbar-width: thin;
height: 220px;
}
.gallery div img {
height: 200px;
}
.gallery::-webkit-scrollbar {
height: 5px;
cursor: pointer;
}
.gallery:hover::-webkit-scrollbar {
height: 10px;
}
.gallery::-webkit-scrollbar-thumb {
background: #00aad5;
border-radius: 100px;
height: 2px;
cursor: pointer;
}
.gallery::-webkit-scrollbar-track {
background: #eee;
height: 7px;
border-radius: 100px;
}
}
@media (min-width: 1396px) {
.gallery {
padding: 0 20px 10px;
}
}
@media (prefers-color-scheme: dark) {
.gallery div img {
border: 0;
}
.gallery::-webkit-scrollbar-track {
background: #333;
}
.gallery {
scrollbar-color: #00aad5 #333;
}
}
.gallery div {
margin-right: 10px;
cursor: pointer;
padding-right: 2px;
}

  .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }

  .myscreenshot-image {
    max-width: 100%;
    height: auto;
    display: block;
    width: 80%;
  }


  @media (max-width: 768px) {
    .myscreenshot-image {
      width: 90%; 
    }
  }

  @media (max-width: 480px) {
    .myscreenshot-image {
      width: 100%; 
    }
    
    .image-container {
      padding: 10px; 
    }
  }