.image-box{width:100%;height:0;padding-bottom:100%;position:relative}
.image-box .image-content{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transform:scale(0);display:block}
.image-box .image-loading{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(34,34,34,.047)}
.show-image{transition:all cubic-bezier(.95,.05,.795,.035) .3s}
.show-image .image-loading{opacity:0;transform:scale(.2);transition:all cubic-bezier(.95,.05,.795,.035) .2s}
.show-image .image-content{opacity:1;transform:scale(1);z-index:2}
.no-limit{height:auto !important;padding-bottom:0 !important}
.no-limit .image-content{position:static !important}

.card{width:100%;min-width:0;flex:1 1 auto;display:flex;align-items:center}
.card .icon{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex:0 0 auto;box-shadow:var(--shadow-icon-sm)}
.card .information{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:7px}
.card .information .information-text{display:flex;flex-direction:column;min-width:0}
.card .information .information-text .title,
.card .information .information-text .developer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.card .information .information-text .title{font-size:16px;font-weight:500;color:var(--text);line-height:24px}
.card .information .information-text .developer{font-size:12px;font-weight:300;color:var(--text-secondary);line-height:18px}
.card .information .grade{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.card .information .grade .star{display:flex;align-items:center;flex:0 1 auto;overflow:hidden}
.card .information .grade .score{font-size:14px;font-weight:300;color:var(--text-secondary);line-height:21px;flex:0 0 auto}
.card .get-button{width:83px;min-width:44px;height:35px;border-radius:var(--radius-pill);border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;flex:0 1 auto}
.card:hover{transition:all .3s cubic-bezier(.25,.46,.45,.94)}
.card:hover .get-button{background:var(--primary);color:var(--surface);box-shadow:var(--shadow-cta)}

.card-vertical{flex-direction:column}
.card-vertical .icon{width:100%;height:auto}
.card-vertical .information{width:100%;gap:5px}
.card-vertical .information .information-text{width:100%}

.gap-8{gap:8px}
.gap-12{gap:12px}
.gap-22{gap:22px}

.star img{width:16px;height:16px;display:block;flex:0 0 auto}
.star .half-star{height:16px;overflow:hidden;display:block}
.star .half-star img{width:16px;height:16px;max-width:none}

.sequence{font-size:16px;font-weight:700;color:var(--rank-rest);flex:0 0 auto}
.medal{width:24px;height:24px;flex:0 0 auto}

.section-header,.trending-header{width:100%;height:30px;padding:0 var(--page-gutter) 6px;display:flex;justify-content:space-between;align-items:center}
.section-header .header-title,.trending-header .header-title{font-size:20px;font-weight:500;color:var(--text);text-transform:capitalize}
.section-header a,.trending-header a{font-size:16px;color:var(--primary);font-weight:300;display:flex;align-items:center;gap:4px}

.ads-box{width:auto;text-align:center;padding:0;margin-top:10px}
.ads-box p{font-size:10px;line-height:18px;font-weight:400;color:var(--text-muted);text-align:center;margin:0 auto}

.desktop-only{display:none}

@media (min-width:1024px){
.mobile-only{display:none}
.desktop-only{display:revert}
}

#disclaimer .disclaimer-text{width:100%;margin-top:8px;border-radius:16px;border:1px solid var(--primary-tint-15);background-color:var(--primary-tint-04);padding:12px}
#disclaimer .disclaimer-text p,#disclaimer .disclaimer-text a{font-size:14px;font-weight:300}
#disclaimer .disclaimer-text p{color:var(--text-secondary)}
#disclaimer .disclaimer-text a{color:var(--primary)}

.category-header{width:100%;height:30px;margin-bottom:7px}
.category-header .header-title{font-size:20px;font-weight:500;color:var(--text);line-height:30px;text-transform:capitalize}
.category-content{width:100%;padding:12px;background-color:var(--surface);border-radius:var(--radius-lg);display:grid;grid-template-columns:repeat(3,calc((100% - 14px) / 3));gap:7px}
.category-content li{width:100%;height:0;padding-bottom:100%;position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--primary-tint-15);background-color:var(--primary-tint-04)}
.category-content li a{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}
.category-content li a .category-icon{width:40px;height:40px}
.category-content li a .category-name{font-size:12px;font-weight:500;color:var(--text);text-align:center}