.featured-games[data-v-d4e09aa5]{border-radius:20px;background-color:var(--gray-90);overflow:hidden}.featured-games__content[data-v-d4e09aa5]{width:calc(64% - 3.36px)}.featured-games__content-img[data-v-d4e09aa5]{-o-object-fit:cover;object-fit:cover;border-radius:12px}.featured-games__content-mask[data-v-d4e09aa5]{position:absolute;bottom:0;left:0;width:100%;height:60%;border-radius:0 0 12px 12px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,0)),to(#252525));background:linear-gradient(180deg,rgba(51,51,51,0),#252525)}.featured-games__content-title[data-v-d4e09aa5]{font-size:32px;color:#fff}.featured-games__content-desc[data-v-d4e09aa5]{font-size:20px;color:#f0f0f0}.featured-list-wrap[data-v-d4e09aa5]{padding-top:calc(36% + 22.11px)}.featured-list-wrap__bottom-mask[data-v-d4e09aa5]{position:absolute;bottom:0;width:100%;height:30px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}.dark .featured-list-wrap__bottom-mask[data-v-d4e09aa5]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,0)),to(#333));background:linear-gradient(180deg,rgba(51,51,51,0),#333)}.featured-list[data-v-d4e09aa5]{overflow-y:auto}.featured-list__item[data-v-d4e09aa5]{display:block;position:relative;border-radius:16px;border:1px solid transparent;-webkit-transition:all .3s;transition:all .3s}.featured-list__item-app[data-v-d4e09aa5] .disabled{cursor:pointer}.featured-list__item--active[data-v-d4e09aa5]{border-color:var(--gray-10);background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(8,8,8,.15)));background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(8,8,8,.15))}.dark .featured-list__item--active[data-v-d4e09aa5]{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.15)));background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.15))}.featured-list__item-cover[data-v-d4e09aa5]{border-radius:12px;overflow:hidden}.featured-list__item-link[data-v-d4e09aa5]{display:none;position:absolute;bottom:13px;right:10px;width:20px;height:20px;border-radius:50%;background-color:var(--gray-10)}.featured-list__item--active .featured-list__item-link[data-v-d4e09aa5]{display:-webkit-box;display:-ms-flexbox;display:flex}.featured-list__item-link-icon[data-v-d4e09aa5]{width:12px;height:12px;color:var(--back)}.featured-games__app-score[data-v-d4e09aa5] .app-score__number{line-height:46px}[data-v-d4e09aa5] .aside-app__item-score{color:var(--gray-10)}[data-v-d4e09aa5] .aside-app__item-head{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-d4e09aa5] .aside-app__item-title{display:block;font-size:16px!important;line-height:28px!important}[data-v-d4e09aa5] .app-tags{height:20px;color:var(--gray-10)}[data-v-d4e09aa5] .after-has-dot:after,[data-v-d4e09aa5] .aside-app__item-rate:after{background-color:var(--gray-10)!important}@media only screen and (max-width:699px){.featured-games[data-v-d4e09aa5]{display:none}}@media only screen and (max-width:1248px){.featured-games__content-title[data-v-d4e09aa5]{font-size:24px}.featured-games__content-desc[data-v-d4e09aa5]{font-size:14px}.featured-games__app-score[data-v-d4e09aa5] .app-score__logo{width:60px!important}.featured-games__app-score[data-v-d4e09aa5] .app-score__number{font-size:40px!important;line-height:32px}}.fade-img[data-v-d4e09aa5]{-webkit-animation:fade-d4e09aa5 .4s;animation:fade-d4e09aa5 .4s}@-webkit-keyframes fade-d4e09aa5{0%{opacity:.3}to{opacity:1}}@keyframes fade-d4e09aa5{0%{opacity:.3}to{opacity:1}}@media only screen and (max-width:1002px){.featured-list__item-cover-wrap[data-v-d4e09aa5]{display:none}.featured-games__content-mask[data-v-d4e09aa5]{padding:0 12px}}
.publish-button[data-v-9b64c215]{position:relative;width:60px;height:60px;cursor:pointer}.publish-button .publish-button__wrap[data-v-9b64c215]{color:var(--green-primary);width:100%;height:100%}.publish-button .publish-button__add[data-v-9b64c215]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--back);width:22px;height:22px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.publish-button .publish-button__add.open[data-v-9b64c215]{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.publish-modal[data-v-9b64c215]{position:fixed;top:0;left:0;width:100vw;height:100vh;text-align:center;background-color:rgba(0,0,0,.5);z-index:999}.dark .publish-modal[data-v-9b64c215]{background-color:rgba(0,0,0,.9)}.publish-modal__main[data-v-9b64c215]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(50vh - 100px) auto}[data-v-9b64c215] .publish-modal__main-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin:25px}[data-v-9b64c215] .publish-modal__main-item.slide-down{-webkit-animation:slide-down-9b64c215 .45s forwards;animation:slide-down-9b64c215 .45s forwards}[data-v-9b64c215] .publish-modal__main-item.slide-down-1{-webkit-animation-delay:.1s;animation-delay:.1s}[data-v-9b64c215] .publish-modal__main-item.slide-down-2{-webkit-animation-delay:.2s;animation-delay:.2s}[data-v-9b64c215] .publish-modal__main-item.slide-down-3{-webkit-animation-delay:.3s;animation-delay:.3s}[data-v-9b64c215] .publish-modal__main-item.slide-down-4{-webkit-animation-delay:.4s;animation-delay:.4s}.publish-modal__main-item-icon-wrap[data-v-9b64c215]{width:128px;height:128px;background-color:var(--back);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.publish-modal__main-item-icon[data-v-9b64c215]{width:70px;height:70px;color:var(--green-primary)}.publish-modal__main-item-text[data-v-9b64c215]{font-size:20px;line-height:1.35em;color:#fff;font-weight:700}.dark .publish-modal__main-item-text[data-v-9b64c215]{color:var(--gray-10)}@-webkit-keyframes slide-down-9b64c215{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50vh);transform:translateY(50vh);opacity:0}}@keyframes slide-down-9b64c215{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50vh);transform:translateY(50vh);opacity:0}}.v-enter-active[data-v-9b64c215],.v-leave-active[data-v-9b64c215]{-webkit-transition:opacity .3s;transition:opacity .3s}.v-enter-from[data-v-9b64c215],.v-leave-to[data-v-9b64c215]{opacity:0}@media only screen and (min-width:649px){.lang-switch__trigger-icon[data-v-db5a27e5]{width:24px;height:24px}}@media only screen and (min-width:500px){.lang-switch__popover-content{width:244px;border-radius:16px;padding:12px 16px;max-height:80vh;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}}.lang-switch-options__item[data-v-db5a27e5]{line-height:30px}@media (hover:hover){.lang-switch-options__item[data-v-db5a27e5]:hover{background-color:var(--gray-80)}}@media only screen and (min-width:500px){.theme-switch__popover-content{width:244px;border-radius:16px;padding:12px 16px;max-height:80vh;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}}.theme-switch-options[data-v-a042628f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.theme-switch-options__item[data-v-a042628f]{padding:10px 12px;font-size:16px;line-height:30px;color:var(--gray-10);cursor:pointer}@media (hover:hover){.theme-switch-options__item[data-v-a042628f]:hover{background-color:var(--gray-80)}}@media only screen and (max-width:499px){.login-button-container[data-v-8fc42042]{padding:0 12px}}.login-button[data-v-8fc42042]{border-radius:12px;height:48px}.login-button--small[data-v-8fc42042]{display:none;height:32px!important;padding:0!important}.layout-header__container[data-v-8fc42042]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;}.layout-header__footer[data-v-8fc42042]{margin-bottom:20px}@media only screen and (max-width:499px){.layout-header__footer[data-v-8fc42042]{padding-left:10px}}.layout-header__container-logo[data-v-8fc42042]{position:-webkit-sticky;position:sticky;top:0;background-color:var(--back);display:block}@media only screen and (max-width:499px){.layout-header__container-logo[data-v-8fc42042]{display:none}}.layout-header__logo-wide[data-v-8fc42042]{width:114px;height:32px;color:var(--green-primary)}.dark .layout-header__logo-wide[data-v-8fc42042]{color:#fff}.layout-header__navs-sub-item--tag[data-v-8fc42042]{text-transform:capitalize}.layout-header__logo-narrow[data-v-8fc42042]{display:none;width:44px;height:44px;margin:0 auto}.layout-header__menu[data-v-8fc42042]{display:none;width:28px;height:28px}@media only screen and (max-width:499px){.layout-header__menu[data-v-8fc42042]{display:inline-block}}.layout-header__tap-logo[data-v-8fc42042]{width:75px;display:none}@media only screen and (max-width:499px){.layout-header__tap-logo[data-v-8fc42042]{display:inline-block}}.layout-header__navs[data-v-8fc42042]{margin-bottom:40px}.layout-header__navs-item[data-v-8fc42042]{width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100px}.layout-header__navs-item.layout-header__navs-item--active[data-v-8fc42042]{background-color:var(--gray-90)}@media (any-hover:hover){.layout-header__navs-item[data-v-8fc42042]:hover{background-color:var(--gray-90)}}@media only screen and (max-width:499px){.layout-header__navs-item[data-v-8fc42042]{margin-top:12px}}.layout-header__navs-item-icon--inbox[data-v-8fc42042]{position:relative}.layout-header__navs-item-icon--inbox[data-v-8fc42042]:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#f64c4c;border-radius:50%}.layout-header__navs-sub-item[data-v-8fc42042]{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;min-height:24px;line-height:24px;padding-left:50px;padding-right:10px;letter-spacing:.28px;border-radius:100px}.layout-header__navs-sub-item.layout-header__navs-sub-item--active[data-v-8fc42042]{background-color:var(--gray-90)}@media (any-hover:hover){.layout-header__navs-sub-item[data-v-8fc42042]:hover{background-color:var(--gray-90)}}.layout-header__navs-item-text[data-v-8fc42042]{letter-spacing:.32px;font-weight:600}.layout-header__navs-item-more[data-v-8fc42042]{width:28px;height:28px;color:var(--gray-20)}.layout-header__navs-item-more[data-v-8fc42042]:hover{color:var(--white-pure)}.layout-header__navs-item-avatar[data-v-8fc42042]{width:28px;height:28px;border-radius:50%}.layout-header__menu-publish[data-v-8fc42042]{margin-top:8px}@media only screen and (max-width:499px){.layout-header__menu-publish[data-v-8fc42042]{margin-top:12px;margin-left:6px}}[data-v-8fc42042] .lang-switch__popover-content,[data-v-8fc42042] .theme-switch__popover-content{padding:12px 0;border-radius:8px}@media only screen and (max-width:1248px) and (min-width:500px){.layout-header__container--pc[data-v-8fc42042]{width:48px}.layout-header__container--pc .login-button[data-v-8fc42042]{display:none}.layout-header__container--pc .login-button--small[data-v-8fc42042]{display:-webkit-box;display:-ms-flexbox;display:flex}.layout-header__container--pc .layout-header__container-logo[data-v-8fc42042]{padding-left:0;padding-right:0;padding-bottom:0;width:48px;height:48px}.layout-header__container--pc .layout-header__logo-wide[data-v-8fc42042]{display:none}.layout-header__container--pc .layout-header__logo-narrow[data-v-8fc42042]{display:block}.layout-header__container--pc .layout-header__footer[data-v-8fc42042],.layout-header__container--pc .layout-header__navs-item-more[data-v-8fc42042],.layout-header__container--pc .layout-header__navs-item-text[data-v-8fc42042],.layout-header__container--pc .layout-header__navs-sub-item[data-v-8fc42042]{display:none}.layout-header__container--pc .layout-header__menu-publish[data-v-8fc42042] .publish-button{width:48px!important;height:48px!important}}.navs-item-more__popover-content{position:relative;width:207px;background-color:var(--media-component-background);-webkit-box-sizing:border-box;box-sizing:border-box}.navs-item-more__popover-content:after{content:"";width:15px;height:15px;background-color:var(--media-component-background);position:absolute;bottom:-4px;right:26px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.tap-footer__text[data-v-39245703]{color:var(--gray-60);font-size:12px;line-height:1.35em;letter-spacing:.24px}.tap-footer__social-item+.tap-footer__social-item[data-v-39245703]{margin-left:14px}.tap-footer__link-group[data-v-39245703]{-ms-flex-wrap:wrap;flex-wrap:wrap}.tap-footer__link-group-item[data-v-39245703]{position:relative;margin-right:9.5px}.tap-footer__link-group-item[data-v-39245703]:after{position:absolute;content:"";right:-5.5px;top:50%;width:2px;height:2px;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--gray-60)}.tap-footer__link-group-item[data-v-39245703]:last-child{margin-right:0}.tap-footer__link-group-item[data-v-39245703]:last-child:after{display:none}.tap-footer__share-title[data-v-39245703]{margin:0;font-size:14px;line-height:1.35em;color:var(--white-pure);font-weight:700}.tap-footer__share-icon[data-v-39245703]{width:24px;color:var(--gray-60)}
.v-enter-active[data-v-88f52d2c],.v-leave-active[data-v-88f52d2c]{-webkit-transition:-webkit-transform .34s;transition:-webkit-transform .34s;transition:transform .34s;transition:transform .34s,-webkit-transform .34s}@media only screen and (min-width:500px){.v-enter-from[data-v-88f52d2c],.v-leave-to[data-v-88f52d2c]{-webkit-transform:translateY(130%);transform:translateY(130%)}}@media only screen and (max-width:499px){.v-enter-from[data-v-88f52d2c],.v-leave-to[data-v-88f52d2c]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
.user-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;border-radius:50%;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1}.user-avatar:hover{opacity:.8}.user-avatar:after{content:"";display:block;position:absolute;left:0;top:0;width:200%;height:200%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(.5);transform:scale(.5);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--gray-60);border-radius:50%;z-index:-1}.user-avatar .taptap-popover__trigger-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.user-avatar--default{width:50px;height:50px}.user-avatar__verified-img{width:100%;height:100%}.user-avatar__verified-reason{position:absolute;bottom:4px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);border-radius:3px;font-size:12px;padding:8px;text-align:center;line-height:1.428;z-index:1;background:var(--back);white-space:nowrap;border:1px solid var(--gray-80);opacity:.9;-webkit-box-shadow:0 1px 2px 0 var(--gray-80);box-shadow:0 1px 2px 0 var(--gray-80)}.user-avatar__verified-reason .verified-arrow{background:var(--back);background:var(--gray-80);border-radius:3px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.05);box-shadow:0 2px 2px rgba(0,0,0,.05);border:none}.user-avatar__verified-reason .verified-arrow:after,.user-avatar__verified-reason .verified-arrow:before{position:absolute;height:0;width:0;border:solid transparent;content:" ";pointer-events:none}.user-avatar__verified-reason .verified-arrow:after{border-width:5px;border-color:transparent}.user-avatar__verified-reason .verified-arrow:before{border-width:6px;border-color:transparent}.user-avatar__verified-reason .verified-arrow:after,.user-avatar__verified-reason .verified-arrow:before{top:100%;left:50%}.user-avatar__verified-reason .verified-arrow:after{margin-left:-5px;border-top-color:var(--back)}.user-avatar__verified-reason .verified-arrow:before{margin-left:-6px;border-top-color:rgba(255,102,102,.1)}.tap-popover.user-avatar__verified{position:absolute;bottom:0;right:-5.2%;width:18px;height:18px;z-index:1}.user-avatar__verified-icon{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.user-avatar__image{width:100%;height:100%;border-radius:50%}
.app-button-v2[data-v-6da6088a]{min-width:150px;height:38px;border-radius:8px;background-color:var(--green-primary);color:var(--back);cursor:pointer}.app-button-v2.disabled[data-v-6da6088a]{opacity:.5;cursor:not-allowed}.app-button-v2.tertiary[data-v-6da6088a]{background-color:var(--gray-60)}.app-button-v2.secondary[data-v-6da6088a]{background-color:var(--green-80);color:var(--green-primary)}.app-button-v2.default[data-v-6da6088a]{background-color:var(--button-bg);color:var(--white-pure)}.app-button-v2.small[data-v-6da6088a]{min-width:0;height:auto;padding:4px 16px;font-size:12px;letter-spacing:.02em}.app-button-v2.border[data-v-6da6088a]{background-color:transparent;border:1px solid #4d4d4d;color:var(--white-pure)}.app-button-v2.border-primary[data-v-6da6088a]{background-color:transparent;border:1px solid var(--green-primary);color:var(--green-primary)}.app-button-v2.rounded[data-v-6da6088a]{border-radius:24px}.app-button-v2.link[data-v-6da6088a]{background-color:transparent;color:var(--green-primary);font-weight:400;padding:0}.app-button-v2.danger[data-v-6da6088a]{background-color:#f64c4c;color:#fff}
.common-header[data-v-0003f1ed]{position:-webkit-sticky;position:sticky;top:0;height:80px;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--back);z-index:99}.common-header__menu[data-v-0003f1ed]{display:none}.common-header__tap-logo[data-v-0003f1ed]{display:none;width:75px}.common-header__search[data-v-0003f1ed]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0!important}.common-header__search[data-v-0003f1ed] .search-box__trigger{width:525px;max-width:100%}.common-header__search[data-v-0003f1ed] .search-box__trigger-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:499px){.common-header__search[data-v-0003f1ed],.common-header__search[data-v-0003f1ed] .search-box__trigger-wrap{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.common-header__search[data-v-0003f1ed] .search-box__trigger{width:32px;height:32px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.common-header__search[data-v-0003f1ed] .search-box__trigger-text{display:none}}.common-header__button[data-v-0003f1ed]{font-weight:600;padding:0 18px!important;height:40px!important;font-size:14px!important}@media only screen and (max-width:699px){.common-header__download[data-v-0003f1ed]{display:none!important}.common-header[data-v-0003f1ed]{padding:20px 0}[data-v-0003f1ed] .search-box__trigger{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;color:var(--gray-40)!important}[data-v-0003f1ed] .search-box__trigger-icon{margin-right:0!important}[data-v-0003f1ed] .search-box__trigger-text{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media only screen and (max-width:499px){.common-header[data-v-0003f1ed]{padding:12px 16px;height:auto}.common-header__menu[data-v-0003f1ed],.common-header__tap-logo[data-v-0003f1ed]{display:block}.common-header__avatar-wrap[data-v-0003f1ed]{height:32px}}.layout-menu[data-v-1c5f100f]{position:-webkit-sticky;position:sticky;top:0;width:232px;height:100vh;-ms-flex-negative:0;flex-shrink:0;z-index:400}@media only screen and (max-width:1248px){.layout-menu[data-v-1c5f100f]{width:48px}}@media only screen and (max-width:499px){.layout-menu[data-v-1c5f100f]{display:none}}.common-layout[data-v-ce187e0a]{max-width:1608px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 40px}.common-layout__main[data-v-ce187e0a]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;margin-left:16px}.common-layout__footer[data-v-ce187e0a]{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:1px solid var(--gray-80)}.common-layout__footer[data-v-ce187e0a] .tap-footer{padding:4px 16px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-layout__footer[data-v-ce187e0a] .tap-footer__share-title{display:block;text-align:center}@media only screen and (max-width:1248px){.common-layout__footer[data-v-ce187e0a]{display:-webkit-box;display:-ms-flexbox;display:flex}.common-layout[data-v-ce187e0a]{padding:0 16px}}@media only screen and (max-width:499px){.common-layout[data-v-ce187e0a]{padding:0}.common-layout__main[data-v-ce187e0a]{margin-left:0}}@media screen and (min-width:970px){[data-v-ce187e0a] .back-top{right:calc(50vw - 804px)}}@media screen and (max-width:1656px){[data-v-ce187e0a] .back-top{right:20px}}
.home-top-links[data-v-8299cfd4]{display:none;border-top:1px solid var(--gray-80)}.home-title[data-v-8299cfd4]{font-weight:400}.home-apps__item[data-v-8299cfd4]{position:relative;width:calc(33.33333% - 16px);margin-left:24px;margin-bottom:24px}.home-apps__item[data-v-8299cfd4]:nth-child(3n+1){margin-left:0}.home-apps__item[data-v-8299cfd4]:after{display:none;position:absolute;content:"";width:calc(100% + 24px);height:calc(100% + 24px);top:-12px;left:-12px;z-index:12;pointer-events:none;border-radius:12px;-webkit-box-shadow:0 0 6px 4px var(--extension-shadow-background-white-hover);box-shadow:0 0 6px 4px var(--extension-shadow-background-white-hover)}@media (any-hover:hover){.home-apps__item[data-v-8299cfd4]:hover:after{display:block}}@media only screen and (max-width:1350px){.home-posts__item[data-v-8299cfd4]{width:calc(33.33333% - 10.66667px);margin-left:16px;margin-bottom:16px}}@media only screen and (max-width:1002px){.home-apps__item[data-v-8299cfd4]{width:calc(50% - 8px);margin-left:16px;margin-bottom:16px}.home-apps__item[data-v-8299cfd4]:nth-child(3n+1){margin-left:16px}.home-apps__item[data-v-8299cfd4]:nth-child(odd){margin-left:0}}@media only screen and (max-width:699px){.home-title[data-v-8299cfd4]{margin:0;padding:12px 16px;background-color:var(--gray-90)}.home-apps__item[data-v-8299cfd4]{width:100%;margin-left:0!important;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--gray-80);padding:10px 0!important}.home-apps__item[data-v-8299cfd4] .app-card__shadow{top:0}.home-apps__item[data-v-8299cfd4]:hover .app-card__shadow{height:calc(100% + 110px)}}@media only screen and (max-width:499px){.home-top-links[data-v-8299cfd4]{display:-webkit-box;display:-ms-flexbox;display:flex}.home-apps__item[data-v-8299cfd4]{padding:12px 16px!important}.home-apps__item.gamelist[data-v-8299cfd4]{padding:0 0 12px!important}}
html{-webkit-text-size-adjust:100%}body,button,div,input,li,optgroup,p,select,textarea,ul{margin:0;padding:0}li,ul{list-style:none}a,button,div,input{outline:none;-webkit-tap-highlight-color:transparent}button{border:none}a{background-color:transparent;text-decoration:none;color:inherit}img{border-style:none}[hidden]{display:none}.green-primary{color:var(--green-primary)}.white-title{color:var(--gray-10)}.gray-40{color:var(--gray-40)}.white-body{color:var(--gray-20)}.white-pure{color:var(--white-pure)}.gray-20{color:var(--gray-20)}.font-11{font-size:11px}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-m12-w14{font-size:var(--font-m12-w14)}.font-m14-w16{font-size:var(--font-m14-w16)}.font-m16-w20{font-size:var(--font-m16-w20)}.line-height-100{line-height:1em}.line-height-130{line-height:1.3em}.line-height-135{line-height:1.35em}.font-weight-700{font-weight:700}.font-weight-400{font-weight:400}.icon-size-12{width:12px;height:12px}.icon-size-16{width:16px;height:16px}.icon-size-18{width:18px;height:18px}.icon-size-20{width:20px;height:20px}.icon-size-22{width:22px;height:22px}.icon-size-24{width:24px;height:24px}.icon-size-28{width:28px;height:28px}.icon-size-30{width:30px;height:30px}.icon-size-32{width:32px;height:32px}.icon-size-m32-w40{width:var(--icon-size-m32-w40);height:var(--icon-size-m32-w40)}.border-radius-4{border-radius:4px}.border-radius-8{border-radius:8px}.border-radius-12{border-radius:12px}:root{--space-m12-w16:12px;--font-m12-w14:12px;--font-m14-w16:14px;--font-m16-w20:16px;--icon-size-m32-w40:32px}@media screen and (min-width:500px){:root{--space-m12-w16:16px;--icon-size-m32-w40:40px;--font-m12-w14:14px;--font-m14-w16:16px;--font-m16-w20:20px}}:root{color-scheme:light;--media-component-background--value:255,255,255;--media-component-background:rgb(var(--media-component-background--value));--extension-shadow-background-white-hover:#f0f0f0;--green-primary:#28c290;--green-80:#d4f3e9;--white-input-bg:#e1e1e1;--white-overlay:hsla(0,0%,93.3%,.9);--white-model:hsla(0,0%,100%,.3);--white-pure:#000;--button-bg:#dcdcdc;--gray-10:#333;--gray-20:#5c5c5c;--gray-40:#858585;--gray-60:#adadad;--gray-80:#d6d6d6;--gray-90:#f3f4f5;--back:#fff;--root-scrollbar-color:#606060;--scrollbar-color:#909090}.dark{color-scheme:dark;--media-component-background--value:51,51,51;--media-component-background:rgb(var(--media-component-background--value));--extension-shadow-background-white-hover:#4b505c;--green-primary:#12d181;--green-80:#042a1a;--white-input-bg:#333;--white-overlay:rgba(0,0,0,.9);--white-model:rgba(0,0,0,.6);--white-pure:#fff;--button-bg:#393939;--gray-10:#f0f0f0;--gray-20:#ccc;--gray-40:#b2b2b2;--gray-60:grey;--gray-80:#525252;--gray-90:#242424;--back:#161616;--root-scrollbar-color:#ababab;--scrollbar-color:#717171}.tap-ellipsis-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word}.primary-red{color:var(--primary-red)}.heading-m16-w16{font-size:var(--heading-m16-w16-size);line-height:var(--heading-m16-w16-line-height)}.heading-m20-w20{font-size:var(--heading-m20-w20-size);line-height:var(--heading-m20-w20-line-height)}.list-heading-m14-w16{font-size:var(--list-heading-m14-w16-size);line-height:var(--list-heading-m14-w16-line-height)}.caption-m12-w14{font-size:var(--caption-m12-w14-size);line-height:var(--caption-m12-w14-line-height)}.cursor-pointer{cursor:pointer}.w-0{width:0}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-4{margin-bottom:4px}.mb-40{margin-bottom:40px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.ml-10{margin-left:10px}.ml-12{margin-left:12px}.ml-14{margin-left:14px}.ml-16{margin-left:16px}.ml-2{margin-left:2px}.ml-24{margin-left:24px}.ml-30{margin-left:30px}.ml-32{margin-left:32px}.ml-36{margin-left:36px}.ml-4{margin-left:4px}.ml-40{margin-left:40px}.ml-6{margin-left:6px}.ml-8{margin-left:8px}.mr-1{margin-right:1px}.mr-10{margin-right:10px}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.mr-2{margin-right:2px}.mr-4{margin-right:4px}.mr-40{margin-right:40px}.mr-6{margin-right:6px}.mr-8{margin-right:8px}.mt-0{margin-top:0}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-2{margin-top:2px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-36{margin-top:36px}.mt-4{margin-top:4px}.mt-40{margin-top:40px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mx-0{margin-left:0;margin-right:0}.mx-12{margin-left:12px;margin-right:12px}.mx-4{margin-left:4px;margin-right:4px}.mx-6{margin-left:6px;margin-right:6px}.mx-8{margin-left:8px;margin-right:8px}.my-0{margin-top:0;margin-bottom:0}.my-12{margin-top:12px;margin-bottom:12px}.my-16{margin-top:16px;margin-bottom:16px}.my-4{margin-top:4px;margin-bottom:4px}.my-8{margin-top:8px;margin-bottom:8px}.p-10{padding:10px}.p-12{padding:12px}.p-16{padding:16px}.p-24{padding:24px}.pb-0{padding-bottom:0}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-4{padding-bottom:4px}.pb-40{padding-bottom:40px}.pb-8{padding-bottom:8px}.pl-10{padding-left:10px}.pl-12{padding-left:12px}.pl-16{padding-left:16px}.pl-4{padding-left:4px}.pr-12{padding-right:12px}.pr-8{padding-right:8px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pt-2{padding-top:2px}.pt-22{padding-top:22px}.pt-24{padding-top:24px}.pt-36{padding-top:36px}.pt-40{padding-top:40px}.pt-8{padding-top:8px}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.px-22{padding-left:22px;padding-right:22px}.px-24{padding-left:24px;padding-right:24px}.px-4{padding-left:4px;padding-right:4px}.px-8{padding-left:8px;padding-right:8px}.py-1{padding-top:1px;padding-bottom:1px}.py-10{padding-top:10px;padding-bottom:10px}.py-12{padding-top:12px;padding-bottom:12px}.py-14{padding-top:14px;padding-bottom:14px}.py-16{padding-top:16px;padding-bottom:16px}.py-2{padding-top:2px;padding-bottom:2px}.py-20{padding-top:20px;padding-bottom:20px}.py-22{padding-top:22px;padding-bottom:22px}.py-3{padding-top:3px;padding-bottom:3px}.py-4{padding-top:4px;padding-bottom:4px}.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-center,.flex-center--y{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center--x{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.font-bold{font-weight:700}.tap-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-border{-webkit-box-sizing:border-box;box-sizing:border-box}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}@media (min-width:500px){.layout-pc\:hidden{display:none}}@media (max-width:499px){.layout-mobile\:hidden{display:none}}@media (max-width:1002px){.layout-no-aside\:hidden{display:none}}@media (min-width:1003px){.layout-aside\:hidden{display:none}}@media only screen and (any-hover:hover) and (min-width:500px) and (any-hover:hover){.common-hover{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:background-color,border-color;transition-property:background-color,border-color}.common-hover:hover{background-color:var(--gray-90)}}@media (any-hover:hover){.text-hover:hover{text-decoration:underline}@supports (text-underline-offset:2px){.text-hover:hover{text-underline-offset:2px}}}.lazy-image{opacity:0;-webkit-transition:opacity 1s ease,background-color 1s ease;transition:opacity 1s ease,background-color 1s ease}.lazy-image--loaded{opacity:1;background-color:transparent}.invisible{visibility:hidden}.common-img-wrap{position:relative;height:0;padding-top:56.25%}.absolute-top-left{position:absolute;top:0;left:0}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.tap-list{position:relative;min-height:75vh}.tap-list__status-box{padding:20px;min-height:24px;text-align:center}@media only screen and (min-width:500px){.tap-list__status-box{padding:32px;min-height:30px}}.tap-list__status-box--top{padding-bottom:0}.tap-list__loading{text-align:center;position:absolute;left:0;width:100%;z-index:1;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.tap-list__limit{height:1px}.tap-popover__content{background-color:var(--media-component-background);-webkit-box-shadow:0 6px 32px rgba(0,0,0,.4);box-shadow:0 6px 32px rgba(0,0,0,.4);z-index:600}.tap-popover__mask{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.4);z-index:300}.tap-toast{position:fixed;top:50%;left:50%;color:#fff;word-wrap:break-word;background-color:rgba(0,0,0,.7);border-radius:30px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);min-width:96px;pointer-events:none;opacity:1;max-width:calc(100% - 120px);font-size:16px;line-height:1.35em;padding:12px 24px;z-index:1000;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.common-media-popover__content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:12;border-radius:8px;width:207px;-webkit-box-sizing:border-box;box-sizing:border-box}.common-media-popover__content:after{content:"";width:15px;height:15px;background-color:var(--media-component-background);position:absolute;top:-4px;right:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1}.media-popover__item{padding:12px}.media-popover__item:first-child{border-radius:8px 8px 0 0}.media-popover__item:last-child{border-radius:0 0 8px 8px}@media (hover:hover){.media-popover__item:hover{background-color:var(--gray-90)}}.search-box__trigger{height:40px;background-color:var(--white-input-bg);border-radius:20px;color:var(--gray-60)}.search-box__trigger .search-box__trigger-icon{color:var(--gray-40)}.search-box__trigger.hidden{visibility:hidden}body{color:var(--gray-20);background-color:var(--back);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji}@media only screen and (min-width:500px){body{-ms-scroll-chaining:none;overscroll-behavior:none}}html{-ms-touch-action:manipulation;touch-action:manipulation;scrollbar-color:var(--root-scrollbar-color) transparent}button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji}@font-face{font-family:rate-number-font;src:url(~@/assets/fonts/DIN-Bold.woff2) format("woff2"),url(~@/assets/fonts/DIN-Bold.woff) format("woff"),url(~@/assets/fonts/DIN-Bold.ttf) format("truetype")}@font-face{font-family:tap-intl-font;font-weight:400;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.ttf) format("truetype")}@font-face{font-family:tap-intl-font;font-weight:700;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.ttf) format("truetype")}@font-face{font-family:tap-intl-font;font-weight:700;font-style:italic;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")}@font-face{font-family:tap-intl-font;font-style:italic;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")}@font-face{font-family:tap-intl-font-italic-bold;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")}@font-face{font-family:tap-intl-font-italic;font-display:swap;src:url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")}.after-has-dot{position:relative;margin-right:16px}.after-has-dot:after{content:"";width:4px;height:4px;background-color:var(--gray-40);border-radius:50%;position:absolute;right:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.text-dot{width:3px;height:3px;border-radius:50%;background-color:var(--gray-20);margin:0 6px}.overflow-x-auto{overflow-x:auto}.scrollbar-transparent{scrollbar-color:transparent transparent;-ms-scroll-chaining:none;overscroll-behavior:contain;scrollbar-width:thin}.scrollbar-transparent:hover{scrollbar-color:var(--scrollbar-color) transparent}
.app-tag[data-v-f45ee09a] {
    max-width: 85%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 13px;
    background-color: var(--gray-90);
    padding: 5px 10px;
    margin-bottom: 8px;
    margin-right: 6px;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

.app-tag[data-v-f45ee09a]:hover {
    background-color: var(--gray-80);
}

.app-tag__icon[data-v-f45ee09a] {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    border-radius: 22.78%;
}

.app-tag__title[data-v-f45ee09a] {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-tag__label[data-v-f45ee09a], .app-tag__title[data-v-f45ee09a] {
    color: var(--white-pure);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.app-tag__label[data-v-f45ee09a] {
    font-size: 8px;
    line-height: 1.3em;
    background-color: var(--gray-80);
    padding: 0px 4px;
    margin-left: 4px;
    border-radius: 100px;
    font-weight: 700;
}

.app-tag-link.disabled {
    pointer-events: none;
}

.app-tag-link__wrap {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 85%;
    padding: 2px;
    border-radius: 18px;
    background-color: var(--gray-90);
    margin-bottom: 8px;
    margin-right: 6px;
    transition: background-color 0.3s;
}

.app-tag-link__wrap.has-link-text {
    padding-right: 10px;
}

.app-tag-link__wrap .app-tag-link__wrap-text {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.app-tag-link__wrap:hover {
    background-color: var(--gray-80);
}

.app-tag-link__wrap .app-tag-link {
    max-width: 180px;
}

.app-tag-link__wrap .app-tag {
    max-width: 100%;
    margin: 0px;
    background-color: var(--gray-80);
    padding: 3px 6px;
}

.recent-search[data-v-7a505250] {
    padding-bottom: 10px;
}

.recent-search__head[data-v-7a505250] {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 14px 0px;
}

.recent-search__head-title[data-v-7a505250] {
    font-size: 16px;
    line-height: 1.3em;
    color: var(--white-pure);
    font-weight: 500;
}

.recent-search__head-clear[data-v-7a505250] {
    font-size: 12px;
    line-height: 1.3em;
    color: var(--gray-60);
    letter-spacing: 0.02em;
    cursor: pointer;
}

.recent-search__list[data-v-7a505250] {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.recent-search__list.collapse[data-v-7a505250] {
    max-height: 64px;
    overflow: hidden;
}

.recent-search__list[data-v-7a505250]::before {
    content: "";
    float: right;
    width: 0px;
    height: 100%;
    margin-bottom: -26px;
}

.recent-search__list[data-v-7a505250]::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--search-modal-background);
    visibility: hidden;
}

.recent-search__list.collapse[data-v-7a505250]::after {
    visibility: visible;
}

.recent-search__list-trigger[data-v-7a505250] {
    float: right;
    clear: both;
    width: 26px;
    height: 26px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--gray-90);
    border-radius: 50%;
    cursor: pointer;
}

.recent-search__list-icon[data-v-7a505250] {
    width: 14px;
    height: 14px;
    color: var(--white-pure);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.recent-search__list-icon.flips[data-v-7a505250] {
    transform: rotate(180deg);
}

.tap-long-text {
    max-width: 100%;
}

.tap-long-text.tap-text__multi-line {
    line-height: 0;
}

.tap-long-text__contents {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.tap-long-text__contents.tap-long-text__contents--inline {
    display: inline;
}

.tap-long-text__contents.tap-long-text__contents--overflow {
    display: contents;
}

.tap-long-text__contents.tap-long-text__contents--nowrap {
    white-space: nowrap;
}

.tap-long-text--single {
    display: inline-flex;
    overflow: hidden;
    max-width: 100%;
    -webkit-box-align: center;
    align-items: center;
}

.tap-long-text--single .tap-long-text__contents {
    white-space: nowrap;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tap-long-text__float-placeholder {
    float: right;
    width: 0px;
}

.tap-long-text__float-end {
    float: right;
    clear: right;
    max-width: 100%;
}

.tap-search-tag__wrapper {
    display: flex;
    max-width: 34%;
    background: rgb(51, 51, 51);
    border-radius: 18px;
    padding: 3px 6px;
    margin-right: 4px;
    height: 16px;
    -webkit-box-align: center;
    align-items: center;
}

.tap-search-tag__icon {
    margin-right: 4px;
    font-size: 0px;
}

.tap-search-tag__tag {
    margin-left: 4px;
    display: flex;
}

.trend-post__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    background: rgb(51, 51, 51);
    margin-right: 6px;
}

.trend-post {
    display: flex;
    overflow: hidden;
}

.white-primary {
    color: var(--white-pure);
}

.trend-post__user {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 6px;
}

.app-tag[data-v-66c06ed9] {
    display: inline-block;
    padding: 2px 4px;
    font-size: 8px;
    letter-spacing: 0.02em;
    border-radius: 100px;
    background-color: var(--gray-80);
    margin-left: 2px;
    font-weight: 700;
}

.tap-app-title__tag {
    vertical-align: middle;
    font-weight: 400;
}

.tap-app-title__tag.tap-app-title__ad-tag {
    background: linear-gradient(rgb(255, 156, 107), rgb(255, 119, 82));
}

.tap-app-title__title {
    font-size: 12px;
    line-height: 1.3em;
    letter-spacing: 0.02em;
    vertical-align: middle;
}

.tap-app-title__tag {
    margin-top: 1px;
}

.tap-app-title__wrap {
    display: flex;
}

.web-aside__app-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.web-aside__app-item .app-item__icon {
    width: 56px;
    height: 56px;
    border-radius: 23%;
    overflow: hidden;
}

.web-aside__app-item .app-item__infos {
    margin: 6px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-around;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
   }

.web-aside__app-item .app-item__content {
    margin-top: 3px;
}

.web-aside__app-item .app-item__title-tags {
    padding: 2px 4px;
}

.web-aside__app-item .app-item__rating {
    margin-right: 8px;
}

.web-aside__app-item .app-item__tag {
    margin-top: 1px;
    height: 100%;
}

.web-aside__app-item .app-item__tags {
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 1.2em;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    height: 1.2em;
    overflow: hidden;
    word-break: break-word;
}

.web-aside__app-item .app-item__tags-item {
    letter-spacing: 0.02em;
    font-size: 11px;
    line-height: 1.2em;
    color: var(--gray-60);
}

.web-aside__app-item .app-item__tags-item:hover {
    text-decoration: underline;
}

.web-aside__app-item .app-item__tags-item:not(:first-child) {
    position: relative;
    margin-left: 14px;
}

.web-aside__app-item .app-item__tags-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: block;
    background-color: var(--gray-60);
}

.trend-app {
    width: 100%;
}

.trend-app .app-icon {
    width: 44px !important;
    height: 44px !important;
}

.tap-app-title__title {
    font-size: 12px;
    line-height: 1.3em;
    letter-spacing: 0.02em;
    color: var(--gray-10);
}

.trend-post__image {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 10px;
    margin-right: 6px;
}

.tap-trend-search-item__wrapper {
    width: calc(50% - 8px);
    white-space: normal;
    display: flex;
    cursor: pointer;
    padding: 8px 8px 8px 4px;
    border-radius: 12px;
    margin: 0px 4px;
    box-sizing: border-box;
    height: 60px;
}

.tap-trend-search-item__wrapper-small {
    width: 100%;
    margin: 0px;
}

.tap-trend-search-item__wrapper .app-button-v2 {
    display: none;
}

@media only screen and (max-width: 499px) {
    .tap-trend-search-item__wrapper {
        width: 100%;
        margin: 0px;
    }
}

.tap-trend-search-item__wrapper .web-aside__app-item {
    -webkit-box-align: center;
    align-items: center;
}

.tap-trend-search-item__wrapper .web-aside__app-item .app-item__infos {
    margin: 0px 0px 0px 6px;
    display: block;
}

.tap-trend-search-item__index {
    margin-left: 8px;
    margin-right: 10px;
    text-align: center;
    flex-shrink: 0;
}

.green-primary {
    color: var(--green-primary);
}

.black-50 {
    color: var(--gray-60);
}

.tap-trend-search__wrapper {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.tap-trend-search__wrapper-line .tap-trend-search-item__wrapper {
    width: 100%;
}

.trending[data-v-d706c90b] {
    background-color: var(--gray-90);
    border-radius: 16px;
    margin: 12px 0px 16px;
}

.trending__title[data-v-d706c90b] {
    padding: 12px 12px 8px;
    font-size: 16px;
    line-height: 1.3em;
    color: var(--white-pure);
    font-weight: 500;
}

.trending__main[data-v-d706c90b] {
    display: flex;
    flex-wrap: wrap;
}

div.search-list-item-correct__wrapper {
    margin-bottom: 0px;
    border-bottom: 1px solid var(--gray-90);
    padding: 16px;
}

div.search-list-item-app__wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
}

div.search-list-item-app__wrapper--mix-mobile {
    padding-top: 4px;
    padding-bottom: 4px;
}

.search-list-item-app__app-row-card {
    box-sizing: border-box;
    padding: 12px 16px;
    background-color: unset;
    border-radius: 0px;
}

.search-list-item-app__app-row-card .tap-avatar {
    width: 56px;
    height: 56px;
}

.post-item[data-v-c7731368] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
}

.post-item__img-wrap[data-v-c7731368] {
    flex-shrink: 0;
    width: 98px;
}

.post-item__img-wrap .post-item__img[data-v-c7731368], .post-item__img-wrap[data-v-c7731368] img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-item__img-wrap-content[data-v-c7731368] {
    position: relative;
    height: 0px;
    padding-bottom: 56.25%;
    background-color: rgb(64, 69, 82);
    border-radius: 6px;
    overflow: hidden;
    margin-right: 12px;
}

.post-item__info[data-v-c7731368] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    width: 0px;
    padding-bottom: 24px;
    position: relative;
}

.post-item__info-title[data-v-c7731368] {
    width: 100%;
    font-size: 14px;
    line-height: 1.3em;
    color: var(--white-pure);
    letter-spacing: 0.02em;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-item__info-stat[data-v-c7731368] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.post-item__info-stat-item[data-v-c7731368] {
    letter-spacing: 0.02em;
    font-size: 12px;
    line-height: 1.2em;
    color: var(--gray-60);
}

.post-item__info-stat-item[data-v-c7731368]:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
}

.post-item__info-stat-item[data-v-c7731368]:not(:first-child) {
    position: relative;
    margin-left: 14px;
    flex-shrink: 0;
}

.post-item__info-stat-item[data-v-c7731368]:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: block;
    background-color: var(--gray-60);
}

.post-item__duration[data-v-c7731368] {
    position: absolute;
    bottom: 4px;
    left: 4px;
    padding: 1px 4px;
    background-color: var(--white-overlay);
    border-radius: 20px;
    color: var(--white-pure);
    font-weight: 700;
    font-size: 8px;
    line-height: 1.2em;
    letter-spacing: 0.02em;
}

.user-item[data-v-74ad6c46] {
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    cursor: pointer;
}

[data-v-74ad6c46] .user-item__avatar {
    width: 56px;
    height: 56px;
    margin-right: 12px;
}

.user-item__info[data-v-74ad6c46] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    width: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
}

[data-v-74ad6c46] .user-item__info-name {
    width: 100%;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 1.3em;
    color: var(--white-pure);
    letter-spacing: 0.02em;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-v-74ad6c46] .user-item__info-name :hover {
    text-decoration: underline;
}

.user-item__info-intro[data-v-74ad6c46] {
    font-size: 12px;
    line-height: 1.3em;
    color: var(--gray-60);
    letter-spacing: 0.02em;
}

.post-item__info-stat[data-v-74ad6c46], .user-item__info-intro[data-v-74ad6c46] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-item__info-stat[data-v-74ad6c46] {
    width: 100%;
    height: 15px;
    line-height: 15px;
}

[data-v-74ad6c46] .post-item__info-stat-item {
    letter-spacing: 0.02em;
    font-size: 12px;
    line-height: 1.2em;
    color: var(--gray-60);
}

[data-v-74ad6c46] .post-item__info-stat-item:hover {
    text-decoration: underline;
}

[data-v-74ad6c46] .post-item__info-stat-item:not(:first-child) {
    position: relative;
    margin-left: 14px;
}

[data-v-74ad6c46] .post-item__info-stat-item:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    display: block;
    background-color: var(--gray-60);
}

.search-list-item-sug__wrapper .app-tag {
    max-width: 112px;
    margin-bottom: 0px;
    margin-right: 4px;
}

.search-list-item-sug__wrapper {
    padding: 12px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.3em;
}

.search-list-item-sug__text {
    color: var(--white-pure);
    letter-spacing: 0.02em;
}

.search-list-item-sug__icon-more {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    flex-shrink: 0;
    color: var(--white-pure);
}

.search-list-item-sug__icon-sug {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    flex-shrink: 0;
    color: rgb(77, 77, 77);
}

.search-list-item-loading__wrapper[data-v-c8166046] {
    padding: 12px 16px;
    display: flex;
}

.search-list-item-loading__icon[data-v-c8166046], .search-list-item-loading__line[data-v-c8166046] {
    background-color: var(--gray-90);
    border-radius: 16px;
}

.search-list-item-loading__line-wrapper[data-v-c8166046] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.search-list-item-loading__icon[data-v-c8166046] {
    flex-shrink: 0;
    margin-right: 12px;
    width: 56px;
    height: 56px;
}

.search-list-item-loading__line[data-v-c8166046] {
    height: 12px;
    margin-bottom: 12px;
}

.search-list-item-loading__line[data-v-c8166046]:last-child {
    margin-bottom: 0px;
}

.search-item-list__separator--full {
    width: 100%;
    height: 6px;
    background-color: rgb(0, 0, 0);
}

.search-item-list__separator--slim {
    width: calc(100% - 32px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0px auto;
}

.search-item-list__list-item-active {
    background-color: var(--gray-80);
}

.dark .search-item-list__list-item-active {
    background-color: rgb(49, 49, 49);
}

.tap-search-suggest__row {
    padding: 12px 8px;
    display: flex;
    border-radius: 6px;
}

@media only screen and (max-width: 1002px) {
    .tap-search-suggest__row {
        padding: 12px 16px;
    }
}

.tap-search-suggest__text {
    display: block;
    position: relative;
    height: 24px;
}

.tap-search-suggest__empty-list {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 96px;
}

.tap-search-suggest__active {
    background-color: var(--gray-80);
}

.standalone-layout .tap-search-suggest__wrapper {
    padding-bottom: env(safe-area-inset-bottom,0px);
}

.no-search-content {
    padding: 20px 0px;
    text-align: center;
    font-size: 14px;
    line-height: 1.35em;
    color: var(--gray-20);
}

.search-box[data-v-9562513e] {
    width: 100%;
    box-sizing: border-box;
}

.search-box__trigger.hidden[data-v-9562513e] {
    visibility: hidden;
}

.search-box__modal[data-v-9562513e] {
    position: fixed;
    padding-top: 16px;
    border-radius: 16px;
    z-index: 400;
    background-color: var(--back);
    box-sizing: border-box;
}

@media only screen and (max-width: 499px) {
    .search-box__modal[data-v-9562513e] {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.search-box__modal-top[data-v-9562513e] {
    height: 40px;
    margin-bottom: 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.search-box__modal-top-back[data-v-9562513e] {
    display: none;
    width: 26px;
    height: 26px;
    margin-right: 12px;
    transform: rotate(180deg);
    color: var(--white-pure);
    cursor: pointer;
}

@media only screen and (max-width: 1002px) {
    .search-box__modal-top-back[data-v-9562513e] {
        display: inline-block;
    }
}

.search-box__trigger-icon[data-v-9562513e] {
    color: var(--gray-40);
}

.search-box__modal-search-btn[data-v-9562513e] {
    margin-left: 10px;
    flex-shrink: 0;
    height: 28px !important;
    padding: 0px 10px !important;
    letter-spacing: 0px !important;
    border-radius: 14px !important;
}

.search-box__modal-input-wrap[data-v-9562513e] {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    background-color: var(--white-input-bg);
    border-radius: 20px;
    padding: 0px 16px;
    box-sizing: border-box;
    color: var(--gray-80);
    cursor: pointer;
    overflow: hidden;
}

.search-box__modal-input[data-v-9562513e] {

    -webkit-box-flex: 1;
    flex: 1 1 0%;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--white-pure);
}

.search-box__modal-clear[data-v-9562513e] {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    color: var(--gray-20);
    cursor: pointer;
}

.search-box__modal-content[data-v-9562513e] {
    width: 100%;
    overflow-y: overlay;
    max-height: 80vh;
    border-radius: 16px;
    border: 2px solid var(--gray-90);
    background-color: var(--search-modal-background);
    box-sizing: border-box;
}

.dark .search-box__modal-content[data-v-9562513e] {
    border-color: rgb(26, 26, 26);
}

@media only screen and (max-width: 499px) {
    .search-box__modal-content[data-v-9562513e] {
        max-height: calc(-72px + 100vh);
    }
}

:root {
    --search-modal-background: #fff;
}

.dark {
    --search-modal-background: #000;
}

.search-box__modal-input-tag {
    max-width: 120px;
    margin-right: 10px;
}

.search-box__modal-input-tag .app-tag {
    margin-bottom: 0px;
    max-width: 100%;
}
html {
    -webkit-text-size-adjust: 100%
}

body,button,div,input,li,optgroup,p,select,textarea,ul {
    margin: 0;
    padding: 0
}

li,ul {
    list-style: none
}

a,button,div,input {
    outline: none;
    -webkit-tap-highlight-color: transparent
}

button {
    border: none
}

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

img {
    border-style: none
}

[hidden] {
    display: none
}

.green-primary {
    color: var(--green-primary)
}

.white-title {
    color: var(--gray-10)
}

.gray-40 {
    color: var(--gray-40)
}

.white-body {
    color: var(--gray-20)
}

.white-pure {
    color: var(--white-pure)
}

.gray-20 {
    color: var(--gray-20)
}

.font-11 {
    font-size: 11px
}

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

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-m12-w14 {
    font-size: var(--font-m12-w14)
}

.font-m14-w16 {
    font-size: var(--font-m14-w16)
}

.font-m16-w20 {
    font-size: var(--font-m16-w20)
}

.line-height-100 {
    line-height: 1em
}

.line-height-130 {
    line-height: 1.3em
}

.line-height-135 {
    line-height: 1.35em
}

.font-weight-700 {
    font-weight: 700
}

.font-weight-400 {
    font-weight: 400
}

.icon-size-12 {
    width: 12px;
    height: 12px
}

.icon-size-16 {
    width: 16px;
    height: 16px
}

.icon-size-18 {
    width: 18px;
    height: 18px
}

.icon-size-20 {
    width: 20px;
    height: 20px
}

.icon-size-22 {
    width: 22px;
    height: 22px
}

.icon-size-24 {
    width: 24px;
    height: 24px
}

.icon-size-28 {
    width: 28px;
    height: 28px
}

.icon-size-30 {
    width: 30px;
    height: 30px
}

.icon-size-32 {
    width: 32px;
    height: 32px
}

.icon-size-m32-w40 {
    width: var(--icon-size-m32-w40);
    height: var(--icon-size-m32-w40)
}

.border-radius-4 {
    border-radius: 4px
}

.border-radius-8 {
    border-radius: 8px
}

.border-radius-12 {
    border-radius: 12px
}

:root {
    --space-m12-w16: 12px;
    --font-m12-w14: 12px;
    --font-m14-w16: 14px;
    --font-m16-w20: 16px;
    --icon-size-m32-w40: 32px
}

@media screen and (min-width: 500px) {
    :root {
        --space-m12-w16:16px;
        --icon-size-m32-w40: 40px;
        --font-m12-w14: 14px;
        --font-m14-w16: 16px;
        --font-m16-w20: 20px
    }
}

:root {
    color-scheme: light;
    --media-component-background--value: 255,255,255;
    --media-component-background: rgb(var(--media-component-background--value));
    --extension-shadow-background-white-hover: #f0f0f0;
    --green-primary: #28c290;
    --green-80: #d4f3e9;
    --white-input-bg: #e1e1e1;
    --white-overlay: hsla(0,0%,93.3%,.9);
    --white-model: hsla(0,0%,100%,.3);
    --white-pure: #000;
    --button-bg: #dcdcdc;
    --gray-10: #333;
    --gray-20: #5c5c5c;
    --gray-40: #858585;
    --gray-60: #adadad;
    --gray-80: #d6d6d6;
    --gray-90: #f3f4f5;
    --back: #fff;
    --root-scrollbar-color: #606060;
    --scrollbar-color: #909090
}

.dark {
    color-scheme: dark;
    --media-component-background--value: 51,51,51;
    --media-component-background: rgb(var(--media-component-background--value));
    --extension-shadow-background-white-hover: #4b505c;
    --green-primary: #12d181;
    --green-80: #042a1a;
    --white-input-bg: #333;
    --white-overlay: rgba(0,0,0,.9);
    --white-model: rgba(0,0,0,.6);
    --white-pure: #fff;
    --button-bg: #393939;
    --gray-10: #f0f0f0;
    --gray-20: #ccc;
    --gray-40: #b2b2b2;
    --gray-60: grey;
    --gray-80: #525252;
    --gray-90: #242424;
    --back: #161616;
    --root-scrollbar-color: #ababab;
    --scrollbar-color: #717171
}

.tap-ellipsis-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word
}

.primary-red {
    color: var(--primary-red)
}

.heading-m16-w16 {
    font-size: var(--heading-m16-w16-size);
    line-height: var(--heading-m16-w16-line-height)
}

.heading-m20-w20 {
    font-size: var(--heading-m20-w20-size);
    line-height: var(--heading-m20-w20-line-height)
}

.list-heading-m14-w16 {
    font-size: var(--list-heading-m14-w16-size);
    line-height: var(--list-heading-m14-w16-line-height)
}

.caption-m12-w14 {
    font-size: var(--caption-m12-w14-size);
    line-height: var(--caption-m12-w14-line-height)
}

.cursor-pointer {
    cursor: pointer
}

.w-0 {
    width: 0
}

.m-0 {
    margin: 0
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 10px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-24 {
    margin-bottom: 24px
}

.mb-4 {
    margin-bottom: 4px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-6 {
    margin-bottom: 6px
}

.mb-8 {
    margin-bottom: 8px
}

.ml-10 {
    margin-left: 10px
}

.ml-12 {
    margin-left: 12px
}

.ml-14 {
    margin-left: 14px
}

.ml-16 {
    margin-left: 16px
}

.ml-2 {
    margin-left: 2px
}

.ml-24 {
    margin-left: 24px
}

.ml-30 {
    margin-left: 30px
}

.ml-32 {
    margin-left: 32px
}

.ml-36 {
    margin-left: 36px
}

.ml-4 {
    margin-left: 4px
}

.ml-40 {
    margin-left: 40px
}

.ml-6 {
    margin-left: 6px
}

.ml-8 {
    margin-left: 8px
}

.mr-1 {
    margin-right: 1px
}

.mr-10 {
    margin-right: 10px
}

.mr-12 {
    margin-right: 12px
}

.mr-16 {
    margin-right: 16px
}

.mr-2 {
    margin-right: 2px
}

.mr-4 {
    margin-right: 4px
}

.mr-40 {
    margin-right: 40px
}

.mr-6 {
    margin-right: 6px
}

.mr-8 {
    margin-right: 8px
}

.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: 10px
}

.mt-12 {
    margin-top: 12px
}

.mt-14 {
    margin-top: 14px
}

.mt-16 {
    margin-top: 16px
}

.mt-2 {
    margin-top: 2px
}

.mt-20 {
    margin-top: 20px
}

.mt-24 {
    margin-top: 24px
}

.mt-32 {
    margin-top: 32px
}

.mt-36 {
    margin-top: 36px
}

.mt-4 {
    margin-top: 4px
}

.mt-40 {
    margin-top: 40px
}

.mt-6 {
    margin-top: 6px
}

.mt-8 {
    margin-top: 8px
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

.mx-6 {
    margin-left: 6px;
    margin-right: 6px
}

.mx-8 {
    margin-left: 8px;
    margin-right: 8px
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.p-10 {
    padding: 10px
}

.p-12 {
    padding: 12px
}

.p-16 {
    padding: 16px
}

.p-24 {
    padding: 24px
}

.pb-0 {
    padding-bottom: 0
}

.pb-12 {
    padding-bottom: 12px
}

.pb-16 {
    padding-bottom: 16px
}

.pb-24 {
    padding-bottom: 24px
}

.pb-4 {
    padding-bottom: 4px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-8 {
    padding-bottom: 8px
}

.pl-10 {
    padding-left: 10px
}

.pl-12 {
    padding-left: 12px
}

.pl-16 {
    padding-left: 16px
}

.pl-4 {
    padding-left: 4px
}

.pr-12 {
    padding-right: 12px
}

.pr-8 {
    padding-right: 8px
}

.pt-12 {
    padding-top: 12px
}

.pt-16 {
    padding-top: 16px
}

.pt-2 {
    padding-top: 2px
}

.pt-22 {
    padding-top: 22px
}

.pt-24 {
    padding-top: 24px
}

.pt-36 {
    padding-top: 36px
}

.pt-40 {
    padding-top: 40px
}

.pt-8 {
    padding-top: 8px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px
}

.px-22 {
    padding-left: 22px;
    padding-right: 22px
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.py-1 {
    padding-top: 1px;
    padding-bottom: 1px
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-14 {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-22 {
    padding-top: 22px;
    padding-bottom: 22px
}

.py-3 {
    padding-top: 3px;
    padding-bottom: 3px
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.block {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-center,.flex-center--y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-center--x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.font-bold {
    font-weight: 700
}

.tap-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.box-border {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.overflow-hidden {
    overflow: hidden
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

@media (min-width: 500px) {
    .layout-pc\:hidden {
        display:none
    }
}

@media (max-width: 499px) {
    .layout-mobile\:hidden {
        display:none
    }
}

@media (max-width: 1002px) {
    .layout-no-aside\:hidden {
        display:none
    }
}

@media (min-width: 1003px) {
    .layout-aside\:hidden {
        display:none
    }
}

@media only screen and (any-hover: hover) and (min-width:500px) and (any-hover:hover) {
    .common-hover {
        -webkit-transition-duration:.3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-property: background-color,border-color;
        transition-property: background-color,border-color
    }

    .common-hover:hover {
        background-color: var(--gray-90)
    }
}

@media (any-hover: hover) {
    .text-hover:hover {
        text-decoration:underline
    }

    @supports (text-underline-offset:2px) {
        .text-hover:hover {
            text-underline-offset: 2px
        }
    }
}

.lazy-image {
    opacity: 0;
    -webkit-transition: opacity 1s ease,background-color 1s ease;
    transition: opacity 1s ease,background-color 1s ease
}

.lazy-image--loaded {
    opacity: 1;
    background-color: transparent
}

.invisible {
    visibility: hidden
}

.common-img-wrap {
    position: relative;
    height: 0;
    padding-top: 56.25%
}

.absolute-top-left {
    position: absolute;
    top: 0;
    left: 0
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.tap-list {
    position: relative;
    min-height: 75vh
}

.tap-list__status-box {
    padding: 20px;
    min-height: 24px;
    text-align: center
}

@media only screen and (min-width: 500px) {
    .tap-list__status-box {
        padding:32px;
        min-height: 30px
    }
}

.tap-list__status-box--top {
    padding-bottom: 0
}

.tap-list__loading {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.tap-list__limit {
    height: 1px
}

.tap-popover__content {
    background-color: var(--media-component-background);
    -webkit-box-shadow: 0 6px 32px rgba(0,0,0,.4);
    box-shadow: 0 6px 32px rgba(0,0,0,.4);
    z-index: 600
}

.tap-popover__mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.4);
    z-index: 300
}

.tap-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    color: #fff;
    word-wrap: break-word;
    background-color: rgba(0,0,0,.7);
    border-radius: 30px;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    min-width: 96px;
    pointer-events: none;
    opacity: 1;
    max-width: calc(100% - 120px);
    font-size: 16px;
    line-height: 1.35em;
    padding: 12px 24px;
    z-index: 1000;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.common-media-popover__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 12;
    border-radius: 8px;
    width: 207px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.common-media-popover__content:after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: var(--media-component-background);
    position: absolute;
    top: -4px;
    right: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1
}

.media-popover__item {
    padding: 12px
}

.media-popover__item:first-child {
    border-radius: 8px 8px 0 0
}

.media-popover__item:last-child {
    border-radius: 0 0 8px 8px
}

@media (hover: hover) {
    .media-popover__item:hover {
        background-color:var(--gray-90)
    }
}

.search-box__trigger {
    height: 40px;
    background-color: var(--white-input-bg);
    border-radius: 20px;
    color: var(--gray-60)
}

.search-box__trigger .search-box__trigger-icon {
    color: var(--gray-40)
}

.search-box__trigger.hidden {
    visibility: hidden
}

body {
    color: var(--gray-20);
    background-color: var(--back);
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji
}

@media only screen and (min-width: 500px) {
    body {
        -ms-scroll-chaining:none;
        overscroll-behavior: none
    }
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    scrollbar-color: var(--root-scrollbar-color) transparent
}

button,input,textarea {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif,Apple Color Emoji,Segoe UI Emoji
}

@font-face {
    font-family: rate-number-font;
    src: url(~@/assets/fonts/DIN-Bold.woff2) format("woff2"),url(~@/assets/fonts/DIN-Bold.woff) format("woff"),url(~@/assets/fonts/DIN-Bold.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font;
    font-weight: 400;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Regular.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font;
    font-weight: 700;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Bold.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font;
    font-style: italic;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font-italic-bold;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: tap-intl-font-italic;
    font-display: swap;
    src: url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff) format("woff"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.woff2) format("woff2"),url(https://assets.tapimg.com/tap-assets/intl/font/PPNeueMontreal-Italic.ttf) format("truetype")
}

.after-has-dot {
    position: relative;
    margin-right: 16px
}

.after-has-dot:after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--gray-40);
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.text-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--gray-20);
    margin: 0 6px
}

.overflow-x-auto {
    overflow-x: auto
}

.scrollbar-transparent {
    scrollbar-color: transparent transparent;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-width: thin
}

.scrollbar-transparent:hover {
    scrollbar-color: var(--scrollbar-color) transparent
}



/* style mobile */
.common-header[data-v-0003f1ed] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 80px;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--back);
    z-index: 99
}

.common-header__menu[data-v-0003f1ed] {
    display: none
}

.common-header__tap-logo[data-v-0003f1ed] {
    display: none;
    width: 75px
}

.common-header__search[data-v-0003f1ed] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0!important
}

.common-header__search[data-v-0003f1ed] .search-box__trigger {
    width: 525px;
    max-width: 100%
}

.common-header__search[data-v-0003f1ed] .search-box__trigger-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 499px) {
    .common-header__search[data-v-0003f1ed],.common-header__search[data-v-0003f1ed] .search-box__trigger-wrap {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .common-header__search[data-v-0003f1ed] .search-box__trigger {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .common-header__search[data-v-0003f1ed] .search-box__trigger-text {
        display: none
    }
}

.common-header__button[data-v-0003f1ed] {
    font-weight: 600;
    padding: 0 18px!important;
    height: 40px!important;
    font-size: 14px!important
}

@media only screen and (max-width: 699px) {
    .common-header__download[data-v-0003f1ed] {
        display:none!important
    }

    .common-header[data-v-0003f1ed] {
        padding: 20px 0
    }

    [data-v-0003f1ed] .search-box__trigger {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        color: var(--gray-40)!important
    }

    [data-v-0003f1ed] .search-box__trigger-icon {
        margin-right: 0!important
    }

    [data-v-0003f1ed] .search-box__trigger-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 499px) {
    .common-header[data-v-0003f1ed] {
        padding:12px 16px;
        height: auto
    }

    .common-header__menu[data-v-0003f1ed],.common-header__tap-logo[data-v-0003f1ed] {
        display: block
    }

    .common-header__avatar-wrap[data-v-0003f1ed] {
        height: 32px
    }
}

.layout-menu[data-v-1c5f100f] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 232px;
    height: 100vh;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 400
}

@media only screen and (max-width: 1248px) {
    .layout-menu[data-v-1c5f100f] {
        width:48px
    }
}

@media only screen and (max-width: 499px) {
    .layout-menu[data-v-1c5f100f] {
        display:none
    }
}

.common-layout[data-v-ce187e0a] {
    max-width: 1608px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 40px
}

.common-layout__main[data-v-ce187e0a] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 16px
}

.common-layout__footer[data-v-ce187e0a] {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid var(--gray-80)
}

.common-layout__footer[data-v-ce187e0a] .tap-footer {
    padding: 4px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-layout__footer[data-v-ce187e0a] .tap-footer__share-title {
    display: block;
    text-align: center
}

@media only screen and (max-width: 1248px) {
    .common-layout__footer[data-v-ce187e0a] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .common-layout[data-v-ce187e0a] {
        padding: 0 16px
    }
}

@media only screen and (max-width: 499px) {
    .common-layout[data-v-ce187e0a] {
        padding:0
    }

    .common-layout__main[data-v-ce187e0a] {
        margin-left: 0
    }
}

@media screen and (min-width: 970px) {
    [data-v-ce187e0a] .back-top {
        right:calc(50vw - 804px)
    }
}

@media screen and (max-width: 1656px) {
    [data-v-ce187e0a] .back-top {   
        right:20px
    }
}
.app-rating__icon {
    width: 16px;
    height: 16px
}

.app-rating__less-rating {
    white-space: nowrap;
    text-align: center
}

.app-rating__number {
    letter-spacing: .02em
}