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
}

svg.open-source-badge {
    margin: 0 2px
}

.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;
    font-size: 10px;
    margin: 5px 10px;
    padding: 10px;
    text-transform: uppercase
}

.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
}

.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
    }
}

.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
}

.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;
    font-synthesis: none;
    font-weight: 900;
    -webkit-line-clamp: 2;
    text-align: center;
    word-break: break-word
}

@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;
    -webkit-line-clamp: 3;
    margin-top: 5px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center
}

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

.item-row.top .content .item {
    counter-increment: item-counter;
    margin-right: 10px;
    padding-left: 50px
}

@media(min-width:1396px) {
    .item-row.top .content .item {
        margin-right: 20px
    }
}

.item-row.top .content .item:nth-child(n+10) {
    padding-left: 80px
}

.item-row.top .content .item:nth-child(n+10):before {
    width: 100px
}

.item-row.top .content .item:before {
    background: #00aad5;
    background: linear-gradient(90deg, #00aad5 0, #00aad5 60%, #056178);
    -webkit-background-clip: text;
    color: #00aad5;
    content: counter(item-counter);
    display: inline-block;
    font-family: geomanistmedium, sans-serif;
    font-size: 130px;
    font-weight: inherit;
    left: -2px;
    letter-spacing: -12px;
    line-height: .77;
    position: absolute;
    width: 70px;
    -webkit-text-fill-color: transparent
}

@media(min-width:1396px) {

    .item-row.top .content .item:after,
    .item-row.top .content .item:hover:after {
        left: auto;
        right: 0;
        width: 100px
    }
}

.item-row.top .content .item figure {
    position: relative;
    z-index: 1
}

.item-row.vertical .content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding-right: 10px
}

@media(min-width:1396px) {
    .item-row.vertical .content {
        gap: 0 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        height: auto;
        padding-right: 20px
    }
}

.item-row.vertical .content .item {
    width: 100%
}

.item-row.vertical .content .item figure {
    display: table;
    float: left;
    height: 40px;
    width: 40px
}

.item-row.vertical .content .item figure img {
    width: 40px
}

.item-row.vertical .content .item .author,
.item-row.vertical .content .item .description,
.item-row.vertical .content .item .name {
    display: -webkit-box;
    padding-left: 10px;
    text-align: left
}

.item-row.vertical .content .item .description {
    margin-top: 2px;
    padding-bottom: 1px
}

.item-row.vertical.scroll .content {
    gap: 0 10px;
    grid-template-columns: 230px 230px 230px 230px;
    grid-template-rows: 1fr 1fr
}

@media(min-width:1396px) {
    .item-row.vertical.scroll .content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

.promoted {
    cursor: pointer;
    margin-bottom: 20px;
    overflow: initial
}

.promoted>picture img {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    object-fit: fill;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media(min-width:1396px) {
    .promoted>picture img {
        border-radius: 10px
    }
}

.promoted>picture img+img {
    filter: blur(5px);
    top: 0;
    z-index: 0
}

.promoted .content {
    flex-direction: row-reverse;
    padding: 10px;
    z-index: 1
}

.promoted .content .item {
    background: #fff;
    border-radius: 10px;
    margin: 0;
    padding: 10px
}

@media(prefers-color-scheme:dark) {
    .promoted .content .item {
        background: #0f292f
    }
}

@media(min-width:1396px) {
    .item-row.promoted {
        width: 659px
    }

    .item-row.promoted .content {
        height: fit-content;
        padding: 10px
    }

    .item-row.promoted .content .item:last-child {
        box-shadow: 0 0 12px 2px rgba(0, 0, 0, .5);
        height: fit-content;
        padding-right: 10px;
        width: min-content
    }

    .item-row.promoted .content .item:hover:after {
        height: 100%
    }
}

.item-row.promo .content {
    display: inline-flex;
    flex-wrap: inherit
}

@media(min-width:1396px) {
    .item-row.promo .content {
        height: 300px;
        margin-bottom: 20px;
        padding-bottom: 0;
        scrollbar-color: #00aad5 #eee;
        scrollbar-width: thin
    }

    .item-row.promo .content::-webkit-scrollbar {
        height: 5px
    }

    .item-row.promo .content:hover::-webkit-scrollbar {
        height: 10px
    }

    .item-row.promo .content::-webkit-scrollbar-thumb {
        background: #00aad5;
        border-radius: 100px;
        cursor: pointer;
        height: 2px
    }

    .item-row.promo .content::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 100px;
        height: 7px
    }
}

@media(min-width:1396px)and (prefers-color-scheme:dark) {
    .item-row.promo .content::-webkit-scrollbar-track {
        background: #333
    }
}

@media(min-width:1396px)and (prefers-color-scheme:dark) {
    .item-row.promo .content {
        scrollbar-color: #00aad5 #333
    }
}

.item-row.promo .content .item {
    display: table;
    width: 320px
}

@media(min-width:1396px) {
    .item-row.promo .content .item {
        width: 450px
    }
}

@media(min-width:1396px) {
    .item-row.promo .content .item .auto {
        height: 220px;
        width: 450px;
    }
    .item-row.promo .content .item .auto .feature {
        height: 220px;
        width: 450px;
    }
}

.item-row.promo .content .item .auto {
    cursor: pointer
}

.item-row.promo .content .item>picture img.feature {
    border-radius: 10px;
    bottom: 0;
    cursor: pointer;
    height: 150px;
    left: 0;
    margin-bottom: 5px;
    position: relative;
    right: auto;
    top: auto;
    width: 307px;
    object-fit: fill;
    z-index: 0
}

@media(min-width:1396px) {
    .item-row.promo .content .item>picture img.feature {
        height: 220px;
        width: 450px;
        object-fit: fill;
    }
}

.item-row.promo .content .item figure {
    float: left;
    height: 40px
}

.item-row.promo .content .item figure img {
    width: 40px
}

.item-row.promo .content .item .author,
.item-row.promo .content .item .description,
.item-row.promo .content .item .name {
    display: -webkit-box;
    padding-left: 10px;
    text-align: left
}

.item-row.promo .content .item .description {
    margin-top: 2px
}

.special .item {
    display: table;
    width: 215px
}

@media(min-width:1396px) {
    .special .item {
        width: 222px
    }
}

.special .item picture {
    display: block;
    height: 105px;
    margin-bottom: 10px;
    width: 215px
}

@media(min-width:1024px) {
    .special .item picture {
        height: 127px;
        width: 260px
    }
}

.special .item picture .feature {
    background: #eee;
    border-radius: 10px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 300;
    height: 105px;
    left: 0;
    -webkit-line-clamp: 1;
    line-height: 105px;
    margin-bottom: 10px;
    position: relative;
    right: auto;
    text-align: center;
    top: auto;
    width: 215px;
    z-index: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    object-fit: fill;
}

@media(min-width:1024px) {
    .special .item picture .feature {
        height: 127px;
        width: 260px
    }
}

@media(min-width:1396px) {
    .special .item picture .feature {
        margin-bottom: 10px
    }
}

.special .item picture figure {
    float: left;
    height: 40px
}

.special .item picture figure img {
    width: 40px
}

.special .item picture .author,
.special .item picture .description,
.special .item picture .name {
    display: -webkit-box;
    padding-left: 10px;
    text-align: left
}

.special .item picture .description {
    margin-top: 2px
}

.item-row.special.one-app {
    margin-bottom: 20px
}

.item-row.special.one-app .content {
    padding: 0 10px
}

@media(min-width:1396px) {
    .item-row.special.one-app .content {
        display: inline-flex;
        flex-wrap: inherit;
        padding: 0 0 0 20px
    }
}

.item-row.special.one-app .content+.content {
    height: auto;
    padding-bottom: 15px
}

.item-row.special.one-app .content+.content .item {
    height: auto;
    margin-top: 0;
    width: 100%
}

@media(min-width:1396px) {
    .item-row.special.one-app .content+.content .item {
        margin-top: 5px
    }
}

.item-row.special.one-app .content .item {
    height: auto;
    margin: 0 10px 0 0;
    min-width: auto;
    width: auto
}

@media(min-width:1396px) {
    .item-row.special.one-app .content .item {
        margin: 10px 22px 0 0
    }
}

.item-row.special.one-app .content .item>img {
    border: 1px solid #7f949a;
    border-radius: 10px;
    cursor: pointer;
    height: 100px;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    width: auto
}

.item-row.special.one-app .content .item figure {
    float: left;
    height: 40px
}

.item-row.special.one-app .content .item figure img {
    width: 40px
}

.item-row.special.one-app .content .item .author,
.item-row.special.one-app .content .item .description,
.item-row.special.one-app .content .item .name {
    display: -webkit-box;
    padding-left: 10px;
    text-align: left
}

.item-row.special.one-app .content .item .description {
    margin-top: 5px
}

.f-search {
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    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 {
        background: #253d42
    }
}

.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.categories {
    background: #edf3f4;
    color: #7f949a;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    padding: 10px
}

@media(prefers-color-scheme:dark) {
    .suggestion-list li.categories {
        background: #153740;
        color: #c8d7dc
    }
}

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

@media(prefers-color-scheme:dark) {
    .suggestion-list li.categories:hover {
        background: #153740
    }
}

.suggestion-list li a {
    align-items: center;
    display: flex;
    gap: 5px;
    padding: 10px 10px 8px
}

.suggestion-list li a img {
    border-radius: 5px;
    height: auto;
    width: 20px
}

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

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

.suggestion-list li .sug_author {
    color: #7f949a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px
}

@media(prefers-color-scheme:dark) {
    .suggestion-list li .sug_author {
        color: #c8d7dc
    }
}

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

.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(7):before {
    background: #7f949a;
    content: "";
    display: block;
    height: 1px;
    margin: auto;
    width: calc(100% - 20px)
}

.nav-main .menu-column {
    display: flex;
    flex-direction: column
}

.nav-main .subCategory .li.highlighted:before {
    background: rgba(0, 0, 0, .059);
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 23px;
    left: 10px;
    margin: auto 10px auto 0;
    padding: 2px;
    position: absolute;
    top: 2px;
    width: -webkit-fill-available
}

@media(prefers-color-scheme:dark) {
    .nav-main .subCategory .li.highlighted:before {
        background: hsla(0, 0%, 100%, .17)
    }
}

.nav-main .subCategory .li.highlighted:hover {
    background: transparent
}

.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.apps,
.nav-main .li.games {
    color: #1f4e5a;
    font-family: geomanistmedium, sans-serif;
    padding: 10px 20px 10px 60px
}

@media(prefers-color-scheme:dark) {

    .nav-main .li.apps,
    .nav-main .li.games {
        color: #fff
    }
}

.nav-main .li.apps button,
.nav-main .li.games button {
    padding: 0
}

.nav-main .li.apps img,
.nav-main .li.games img {
    left: -30px
}

.nav-main .li.apps.highlighted:before,
.nav-main .li.games.highlighted:before {
    background: rgba(0, 0, 0, .059);
    border-radius: 5px;
    bottom: 0;
    content: "";
    height: 20px;
    left: 10px;
    margin: auto 10px auto 0;
    padding: 2px;
    position: absolute;
    top: 0;
    width: -webkit-fill-available
}

@media(prefers-color-scheme:dark) {

    .nav-main .li.apps.highlighted:before,
    .nav-main .li.games.highlighted:before {
        background: hsla(0, 0%, 100%, .17)
    }
}

.nav-main .li.apps.highlighted:hover,
.nav-main .li.games.highlighted:hover {
    background: transparent
}

.nav-main .li.apps a,
.nav-main .li.games a {
    padding: 0
}

.nav-main .li.download a {
    background: #00aad5;
    border-radius: 10px;
    color: #fff;
    margin: 10px;
    padding: 20px 20px 20px 50px
}

.nav-main .li.download a img {
    filter: brightness(0) invert(1);
    left: 10px
}

.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.active.ios {
    background: #5e5e5e
}

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

.nav-main .li.android img,
.nav-main .li.mac 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.ios img {
    bottom: 0;
    left: 20px;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0
}

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

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

.nav-main .li a .lang,
.nav-main .li button .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;
    left: 0;
    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,
.nav-main .change-lang div.li.active button {
    background: #00aad5;
    border-radius: 10px
}

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

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

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

.nav-main div>div .li a {
    padding: 7px 20px 7px 70px
}

.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
}

.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: 12px;
    margin: 10px 0;
    padding: 10px;
    text-transform: uppercase;
    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 .form-panel {
    background: #edf3f4;
    bottom: 0;
    box-shadow: 0 -2px 20px 5px rgba(10, 137, 204, .302);
    box-sizing: border-box;
    padding: 10px 20px 20px;
    position: sticky;
    top: auto;
    width: 100%;
    z-index: 1
}

@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 .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 {
    border: 1px solid #edf3f4;
    border-radius: 10px;
    grid-template-columns: 1fr;
    margin: 10px;
    overflow: hidden
}

@media(prefers-color-scheme:dark) {
    .panel .list-items.permission {
        border-color: #333
    }
}

.panel .list-items.permission li {
    border-bottom: 1px solid #edf3f4;
    line-height: 1.4;
    padding: 8px 10px
}

@media(prefers-color-scheme:dark) {
    .panel .list-items.permission li {
        border-bottom: 1px solid #2a2a2a
    }
}

.panel .list-items.permission li:last-child {
    border-bottom: 0
}

.panel .list-items.permission li:nth-child(2n) {
    background: #edf3f4
}

@media(prefers-color-scheme:dark) {
    .panel .list-items.permission li:nth-child(2n) {
        background: hsla(0, 0%, 100%, .03)
    }
}

.panel .list-items.permission li:hover {
    background: rgba(0, 170, 213, .08)
}

@media(prefers-color-scheme:dark) {
    .panel .list-items.permission li:hover {
        background: rgba(0, 170, 213, .15)
    }
}

.panel .list-items.permission li span {
    font-family: Courier New, monospace;
    font-size: 12px;
    text-align: left;
    word-break: break-word
}

.panel .list-items.permission li span .prefix {
    color: #7f949a
}

.panel .list-items .prefix {
    font-style: normal
}

.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: 0;
    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 .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 .access.devices,
.panel .setting.devices {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.panel .access.devices .input-group.checkbox,
.panel .setting.devices .input-group.checkbox {
    align-items: center;
    display: flex;
    gap: 10px
}

@media(prefers-color-scheme:dark) {

    .panel .access.devices .input-group.checkbox svg,
    .panel .setting.devices .input-group.checkbox svg {
        filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(3706%) hue-rotate(164deg) brightness(81%) contrast(90%)
    }
}

.panel .access.devices .input-group.checkbox .device-name,
.panel .setting.devices .input-group.checkbox .device-name {
    display: flex;
    flex-direction: column;
    margin-right: auto
}

.panel .access.devices .input-group.checkbox .device-name .name,
.panel .setting.devices .input-group.checkbox .device-name .name {
    color: #133740;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px
}

.panel .access.devices .input-group.checkbox .device-name .name.disabled,
.panel .setting.devices .input-group.checkbox .device-name .name.disabled {
    color: #b8c3c5
}

@media(prefers-color-scheme:dark) {

    .panel .access.devices .input-group.checkbox .device-name .name,
    .panel .setting.devices .input-group.checkbox .device-name .name {
        color: #fff
    }
}

.panel .access.devices .input-group.checkbox .device-name .status,
.panel .setting.devices .input-group.checkbox .device-name .status {
    align-items: center;
    color: #7f949a;
    display: flex;
    font-size: 8px;
    gap: 5px
}

.panel .panel-header.analysis h1 {
    color: #1f4e5a;
    font-size: 16px
}

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

.panel .links {
    border-top: 1px solid #edf3f4;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 10px;
    padding: 20px 0
}

.panel .links .one-link {
    align-items: center;
    display: flex;
    gap: 10px
}

.panel .links .one-link p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    margin: 0;
    text-align: start
}

@media(prefers-color-scheme:dark) {
    .panel .links .one-link p {
        color: #fff
    }
}

.panel .links .one-link p:first-child {
    font-family: geomanistmedium, sans-serif;
    font-size: 14px
}

.panel .text-list {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-size: 10px;
    margin: 0 10px
}

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

.panel .text-list b {
    font-family: geomanistmedium, sans-serif
}

.panel .thisApp {
    align-items: start;
    color: #1f4e5a;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 10px;
    margin: 10px
}

.panel .thisApp p {
    color: #1f4e5a
}

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

.panel .thisApp ul {
    width: 100%
}

.panel .thisApp ul li {
    align-items: center;
    border: none;
    display: flex;
    font-family: geomanistregular, sans-serif;
    gap: 5px;
    padding: 0
}

.panel .thisApp ul li:hover {
    background: transparent
}

.panel .thisApp ul li img {
    margin: 0
}

.panel .thisApp ul li b {
    font-family: geomanistmedium, sans-serif
}

.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: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    text-align: center;
    width: 40px
}

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

@media(prefers-color-scheme:dark) {
    .panel .safety-analysis.ok {
        background: rgba(242, 251, 253, .067)
    }
}

.panel .safety-analysis.ok .icon-report .safe-icon {
    display: block
}

.panel .safety-analysis.ok .icon-report .not-available-icon,
.panel .safety-analysis.ok .icon-report .warning-icon {
    display: none
}

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

@media(prefers-color-scheme:dark) {
    .panel .safety-analysis.ko {
        background: hsla(0, 100%, 96%, .067)
    }
}

.panel .safety-analysis.ko .icon-report .safe-icon {
    display: none
}

.panel .safety-analysis.ko .icon-report .warning-icon {
    color: #d52b12;
    display: block
}

.panel .safety-analysis.ko .icon-report .not-available-icon {
    display: none
}

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

@media(prefers-color-scheme:dark) {
    .panel .safety-analysis.warning {
        background: rgba(255, 250, 237, .067)
    }
}

.panel .safety-analysis.warning .icon-report .safe-icon {
    display: none
}

.panel .safety-analysis.warning .icon-report .warning-icon {
    color: #ffc94f;
    display: block
}

.panel .safety-analysis.warning .icon-report .not-available-icon {
    display: none
}

.panel .safety-analysis.not-available {
    background: #f2f4f5;
    border: 1px solid #7f949a
}

@media(prefers-color-scheme:dark) {
    .panel .safety-analysis.not-available {
        background: rgba(242, 244, 245, .067);
        border-color: #a0b4ba
    }
}

.panel .safety-analysis.not-available .icon-report .safe-icon,
.panel .safety-analysis.not-available .icon-report .warning-icon {
    display: none
}

.panel .safety-analysis.not-available .icon-report .not-available-icon {
    display: block
}

.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,
.panel .safety-analysis div p.title {
    font-family: geomanistmedium, sans-serif
}

.panel .safety-info {
    background: #edf3f4;
    border-radius: 10px;
    margin: 0 10px;
    padding: 10px
}

@media(prefers-color-scheme:dark) {
    .panel .safety-info {
        background: rgba(237, 243, 244, .067)
    }
}

.panel .safety-info li {
    font-family: geomanistregular, sans-serif;
    font-size: 12px;
    padding: 10px;
    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 {
    margin: 20px 0
}

.panel .safety-report li {
    display: grid;
    grid-template-columns: 25px 1fr auto;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    align-items: center;
    margin: 10px;
    padding: 0
}

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

.panel .safety-report li span.ko {
    background: #c40606;
    border-radius: 50%;
    grid-area: 1/1/3/2;
    height: 15px;
    width: 15px
}

.panel .safety-report li span.warning {
    background: #e8a01c;
    border-radius: 50%;
    grid-area: 1/1/3/2;
    height: 15px;
    width: 15px
}

.panel .safety-report li span.type {
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    grid-area: 1/3/3/4;
    height: 20px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.panel .safety-report li span.type.ko {
    background: #c40606
}

.panel .safety-report li span.type.warning {
    background: #e8a01c
}

.panel .safety-report li p {
    color: #1f4e5a;
    font-family: geomanistregular, sans-serif;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    grid-area: 1/2/2/3;
    line-height: 1.4;
    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;
    grid-area: 2/2/3/3
}

.panel .certified {
    padding: 10px
}

.panel .certified ul {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding-left: 0
}

.panel .certified ul:lang(ar) {
    padding: 0 !important
}

.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;
    display: block;
    font-size: 10px;
    font-weight: 300;
    margin: 5px 0 10px;
    width: 100%
}

.panel .certified p,
.panel .certified span {
    font-family: geomanistregular, sans-serif;
    text-align: center
}

.panel .certified p {
    color: #1f4e5a;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px
}

@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 {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -2px 20px 5px rgba(10, 137, 204, .302);
    box-sizing: border-box;
    padding: 20px;
    position: sticky;
    top: auto;
    width: 100%;
    z-index: 1
}

@media(prefers-color-scheme:dark) {
    .panel .no-content {
        background: #1f4e5a
    }
}

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

.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;
    font-size: 12px;
    margin: 0 10px 40px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase
}

@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;
        padding-left: 20px
    }
}

.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
}

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

.panel .comments a.more:lang(ar) {
    float: none !important
}

@media(min-width:1396px) {
    .panel .comments a.more:lang(ar) {
        margin: 0 20px 40px
    }
}

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

@media(min-width:1396px) {
    .panel .comments a.more {
        margin-left: 20px
    }

    .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: 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 .user-says .disclaimer {
    color: #7f949a;
    display: flex;
    font-size: 12px;
    gap: 5px;
    margin: 10px
}

@media(min-width:1396px) {
    .panel .user-says .disclaimer {
        margin: 0 20px
    }
}

.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%
}

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

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

    footer .info {
        flex: 0 0 100%
    }
}

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

    footer .info {
        flex: 0 0 30%
    }
}

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: 80%
    }
}

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 20%
    }

    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-align: left;
    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
}

footer:lang(ar) div {
    text-align: right
}

footer:lang(ar) div.info {
    margin-left: 60px;
    margin-right: 0;
    text-align: right
}

footer:lang(ar) .logo,
footer:lang(ar) .logo+p {
    text-align: right
}

footer:lang(ar) .logo img {
    left: auto;
    right: -25px
}

footer:lang(ar) .svg {
    right: 80px;
    transform: scaleX(-1) scale(2.5)
}

.popup {
    background: #fff;
    border: 0;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 17px;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    overflow: visible;
    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 .advertisement {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

.popup .advertisement .text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 5px 0;
    text-align: center
}

.popup .advertisement .text p {
    font-size: 12px;
    margin: 0
}

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

.popup .advertisement .text p.title {
    font-family: geomanistmedium, sans-serif;
    font-size: 14px
}

.popup .advertisement .text.age {
    border: 1px solid #edf3f4;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    height: fit-content;
    padding: 10px
}

.popup .advertisement .text.age p.title {
    font-size: 12px
}

.popup .advertisement .text.age svg {
    display: block;
    height: 20px;
    margin: auto;
    width: 20px
}

.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: 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 20px;
    text-transform: uppercase
}

.popup button.secondary {
    background: transparent;
    border: 1px solid #00aad5;
    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
}

.popup .icon {
    margin: 0 0 10px
}

.popup.opera {
    max-width: 600px;
    overflow: hidden;
    padding: 0;
    width: 90%
}

.popup.opera:before {
    display: none
}

.popup.opera .opera-header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 12px 24px;
    position: relative
}

.popup.opera .opera-header .opera-brand-logo {
    display: block
}

.popup.opera .opera-header .opera-brand-logo img {
    display: block;
    height: 20px;
    width: auto
}

.popup.opera .opera-header .opera-header-corner {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: center;
    position: absolute;
    right: 12px;
    top: 0
}

.popup.opera .opera-header .opera-header-corner .close {
    background: transparent;
    filter: brightness(0);
    position: static;
    right: auto;
    top: auto
}

@media(prefers-color-scheme:dark) {
    .popup.opera .opera-header .opera-header-corner .close {
        filter: brightness(0) invert(1)
    }
}

.popup.opera .opera-header .opera-header-corner .opera-ad-label {
    color: #7f949a;
    font-size: 8px;
    letter-spacing: .5px;
    margin: 0;
    position: static;
    text-transform: uppercase
}

.popup.opera .opera-hero-container {
    display: flex;
    justify-content: center
}

.popup.opera .opera-hero {
    display: block;
    width: 50%
}

.popup.opera .opera-hero img {
    display: block;
    height: 220px;
    object-fit: contain;
    width: 100%
}

.popup.opera .opera-body {
    padding: 20px 24px 24px;
    text-align: center
}

.popup.opera .opera-app-info {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 auto 16px;
    text-align: left;
    width: fit-content
}

.popup.opera .opera-app-info .opera-app-icon {
    border-radius: 12px;
    flex-shrink: 0
}

.popup.opera .opera-app-info .opera-app-meta {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.popup.opera .opera-app-info .opera-rating {
    align-items: center;
    display: flex;
    gap: 6px
}

.popup.opera .opera-app-info .opera-stars {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    position: relative
}

.popup.opera .opera-app-info .opera-stars .opera-stars-base {
    color: #ccc;
    letter-spacing: 1px
}

.popup.opera .opera-app-info .opera-stars .opera-stars-fill {
    color: #ffb400;
    left: 0;
    letter-spacing: 1px;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.popup.opera .opera-app-info .opera-rating-score {
    color: #1f4e5a;
    font-size: 13px;
    font-weight: 700
}

@media(prefers-color-scheme:dark) {
    .popup.opera .opera-app-info .opera-rating-score {
        color: #fff
    }
}

.popup.opera .opera-app-info .opera-app-name {
    color: #7f949a;
    font-size: 12px;
    margin: 0
}

.popup.opera .title {
    font-size: 24px;
    margin-bottom: 8px
}

.popup.opera .opera-description {
    font-size: 14px;
    margin-bottom: 16px
}

.popup.opera p:not(.title):not(.opera-description):not(.opera-dismiss):not(.opera-app-name):not(.opera-ad-label) {
    font-size: 12px;
    margin-bottom: 16px
}

.popup.opera .opera-btn-download {
    background: #4caf50;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-family: geomanistmedium, sans-serif;
    font-size: 16px;
    margin-bottom: 16px;
    padding: 16px 54px 16px 24px;
    position: relative;
    text-decoration: none
}

.popup.opera .opera-btn-download:hover {
    filter: brightness(.92)
}

.popup.opera .opera-btn-download .svg {
    bottom: 0;
    filter: brightness(0) invert(1);
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0
}

.popup.opera .opera-dismiss {
    box-shadow: 0 -6px 12px rgba(0, 0, 0, .08);
    font-size: 12px;
    margin: 0 -24px -24px;
    padding: 14px 24px
}

.popup.opera .opera-dismiss a {
    color: #7f949a;
    text-decoration: none
}

.popup.opera .opera-dismiss a:hover {
    text-decoration: underline
}

.popup.opera:lang(ar) .opera-header-corner {
    left: 12px;
    right: auto
}

.popup.opera:lang(ar) .opera-app-info {
    text-align: right
}

.popup.opera:lang(ar) .opera-stars-fill {
    left: auto;
    right: 0
}

.popup.opera:lang(ar) .opera-btn-download {
    padding: 16px 24px 16px 54px
}

.popup.opera:lang(ar) .opera-btn-download .svg {
    left: 15px;
    right: auto
}

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

#language-suggestion-banner {
    background-color: #edf3f4;
    border-bottom: 1px solid #d2d2d7;
    margin: 0 auto;
    max-width: 1396px;
    padding: 12px 0;
    position: relative;
    z-index: 1
}

@media(prefers-color-scheme:dark) {
    #language-suggestion-banner {
        background-color: #1f4e5a;
        border-bottom: 1px solid #2a5a68
    }
}

#language-suggestion-banner .container {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1396px;
    padding: 0 20px
}

#language-suggestion-banner .text {
    color: #1f4e5a;
    flex: 1;
    font-family: geomanistregular, sans-serif;
    font-size: 14px;
    line-height: 1.4
}

@media(prefers-color-scheme:dark) {
    #language-suggestion-banner .text {
        color: #e2e2e2
    }
}

#language-suggestion-banner .actions {
    align-items: center;
    display: flex;
    gap: 12px
}

#language-suggestion-banner .button {
    background-color: #00aad5;
    border: none;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: geomanistmedium, sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease;
    white-space: nowrap
}

#language-suggestion-banner .button:hover {
    background-color: #0099c2
}

#language-suggestion-banner .close {
    align-items: center;
    background: transparent;
    border: none;
    color: #7f949a;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px;
    transition: color .2s ease
}

#language-suggestion-banner .close:hover {
    color: #1f4e5a
}

@media(prefers-color-scheme:dark) {
    #language-suggestion-banner .close {
        color: #cddce0
    }

    #language-suggestion-banner .close:hover {
        color: #fff
    }
}

#language-suggestion-banner:lang(ar) {
    direction: ltr
}

.item-row.categories .content .item { min-width: fit-content; width: auto; background: transparent; padding: 0; height: auto !important; margin: 0 10px 10px 0; }
.item-row.categories .content { height: auto !important; padding-bottom: 13px !important; }
.item-row.categories .content .item .name { background-color: #00aad5; padding: 10px; border-radius: 10px; margin: 0; text-align: center; font-size: 10px; color: #fff; font-weight: 500; text-decoration: none; text-transform: uppercase; font-family: 'geomanistmedium', sans-serif; display: block; }
@media (min-width: 1024px) {
    .item-row.categories .content .item .name { font-size: 12px; }
}
@media (prefers-color-scheme: dark) {
    .item-row.categories .content .item .name { background-color: transparent; border: 1px solid #00aad5; color: #fff; }
}