﻿.single-info[data-v-e012aad2]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
.single-info[data-v-e012aad2]:after
{
    position: absolute;
    right: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 36px;
    content: "";
    background: no-repeat url(../image/b01f9e43a201.svg);
}
.single-info__content[data-v-e012aad2]
{
    min-width: 80px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    justify-content: space-around;
}
@media only screen and (max-width: 499px)
{
    .single-info__content[data-v-e012aad2]
    {
        min-width: 58px;
    }
}
.app-basic-info[data-v-59fa38b1]
{
    padding: var(--space-m2-w4) 0 var(--space-m12-w16);
    background-color: var(--extension-background-white);
}
@media only screen and (max-width: 499px)
{
    .app-basic-info[data-v-59fa38b1]
    {
        padding: 0 0 8px 16px;
    }
}
.app-basic-info[data-v-59fa38b1] .tap-swiper-button--icon
{
    width: 20px;
    height: 20px;
}
.app-basic-info[data-v-59fa38b1] .tap-swiper-button
{
    background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--extension-background-white)),to(rgba(245,247,248,0)));
    background: linear-gradient(270deg,var(--extension-background-white) 55.56%,rgba(245,247,248,0));
}
.app-basic-info--simple[data-v-59fa38b1]
{
    padding: 0 var(--space-m12-w16) var(--space-m12-w16);
}
.dark .app-basic-info .tap-swiper-button
{
    background: -webkit-gradient(linear,right top,left top,color-stop(55.56%,var(--extension-background-white)),to(rgba(52,57,71,0)));
    background: linear-gradient(270deg,var(--extension-background-white) 55.56%,rgba(52,57,71,0));
}
[data-v-59fa38b1] .app-basic-info--last-child.single-info:after
{
    display: none;
}
.single-info__content__value[data-v-59fa38b1]
{
    margin-top: 2px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    height: 24px;
}
.platform__icon[data-v-59fa38b1]
{
    display: -webkit-inline-box;
    display: inline-flex;
}
.platform__icon svg[data-v-59fa38b1]:not(:last-child)
{
    margin-right: 3px;
}
.steam-basic-info--wrapper[data-v-1fe21391]
{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: calc(33.33333% - 112px);
}
.steam-basic-info--item[data-v-1fe21391]
{
    width: 84px;
}
.steam-basic-info--item .heading-m14-w16[data-v-1fe21391]
{
    font-size: 16px;
}
@media only screen and (max-width: 499px)
{
    .steam-basic-info--wrapper[data-v-1fe21391]
    {
        gap: calc(33.33333% - 96px);
    }
    .steam-basic-info--item[data-v-1fe21391]
    {
        width: 72px;
    }
    .steam-basic-info--item .heading-m14-w16[data-v-1fe21391]
    {
        font-size: 14px;
    }
}
@media screen and (max-width: 332px)
{
    .steam-basic-info--wrapper[data-v-1fe21391]
    {
        gap: calc(50% - 108px);
    }
    .steam-basic-info--item[data-v-1fe21391]
    {
        width: 72px;
    }
}
.news-list-item[data-v-543b969b]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 8px;
    gap: 10px;
    border-radius: 8px;
    background: var(--gray-01);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news-list-item.in-app-event-item[data-v-543b969b]
{
    background: rgba(115,100,255,.08);
}
.news-list-item[data-v-543b969b] .tap-image
{
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.news-list-item .item-tag[data-v-543b969b]
{
    border-radius: 6px;
    background: var(--primary-tap-blue);
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 2px 3px 2px 6px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: var(--extension-button-label-white);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-right: 9px;
}
@media only screen and (max-width: 499px)
{
    .news-list-item .item-tag[data-v-543b969b]
    {
        font-size: 10px;
    }
}
.news-list-item .item-tag.blue[data-v-543b969b]
{
    background: var(--primary-tap-blue);
}
.news-list-item .item-tag.orange[data-v-543b969b]
{
    background: var(--primary-tap-orange);
}
.news-list-item .item-tag.purple[data-v-543b969b]
{
    background: var(--primary-tap-purple);
}
.news-list-item .item-tag .item-tag-icon[data-v-543b969b]
{
    width: 10px;
    height: 10px;
}
.news-list-item .item-text[data-v-543b969b]
{
    overflow: hidden;
    color: var(--gray-08);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.news-list-item .item-text[data-v-543b969b] .emoji
{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
}
@media only screen and (max-width: 499px)
{
    .news-list-item .item-text[data-v-543b969b]
    {
        font-size: 12px;
        line-height: 20px;
    }
    .news-list-item .item-text[data-v-543b969b] .emoji
    {
        width: 14px;
        height: 14px;
        vertical-align: text-bottom;
    }
}
.news-list-item--single .icon-img[data-v-543b969b]
{
    height: 22px;
    z-index: 1;
    margin-right: 4px;
    display: inline-block;
}
.news-list-item--double .item-content[data-v-543b969b]
{
    width: 0;
    -webkit-box-flex: 1;
    flex: 1;
    max-height: 45px;
    overflow-y: hidden;
}
.news-list-item--double .item-image-list[data-v-543b969b]
{
    display: -webkit-box;
    display: flex;
    gap: 4px;
}
.news-list-item--double .item-image-list .item-image-list_img[data-v-543b969b]
{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--extension-background-white-new);
}
.news-list-item--double .item-image-list .item-image-list_img .tap-image[data-v-543b969b]
{
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.news-list-item--double .item-image-single[data-v-543b969b]
{
    width: 70px;
    height: 40px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--extension-background-white-new);
}
.news-list-item--double .item-image-single .item-image-single_img[data-v-543b969b]
{
    width: 100%;
    height: 100%;
}
.news-list-item--double .item-image-single .item-image-single_img .tap-image[data-v-543b969b]
{
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.news-list-item--banner[data-v-543b969b]
{
    padding: 0;
    overflow: hidden;
}
.news-list-item--banner .tap-image[data-v-543b969b]
{
    vertical-align: bottom;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.app-whats-new-preview[data-v-105a594b]
{
    position: fixed;
    bottom: 98px;
    background: var(--primary-white);
    z-index: 600;
    border-radius: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 499px)
{
    .app-whats-new-preview[data-v-105a594b]
    {
        bottom: 88px;
    }
}
.app-whats-new-preview .app-whats-new-preview-wrap[data-v-105a594b]
{
    background-color: var(--extension-yellow-light);
    padding: 12px 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.app-whats-new-preview .app-whats-new-preview-wrap[data-v-105a594b] svg
{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.app-whats-new-preview .app-whats-new-preview-content[data-v-105a594b]
{
    margin-left: 6px;
    font-size: 14px;
    line-height: 22px;
    color: var(--gray-08);
}
.app-whats-new-preview .app-whats-new-preview-content__title[data-v-105a594b]
{
    font-weight: 600;
}
@media only screen and (max-width: 499px)
{
    .app-whats-new.row-card[data-v-105a594b]
    {
        margin: 0;
        padding: 0 16px 16px;
    }
}
.app-whats-new[data-v-105a594b] .row-card__title
{
    padding-top: 2px;
}
@media only screen and (max-width: 499px)
{
    .app-whats-new[data-v-105a594b] .row-card__title
    {
        padding: 0 0 8px;
    }
    .app-whats-new[data-v-105a594b] .row-card__content
    {
        padding: 0;
    }
}
.app-whats-new__header[data-v-105a594b]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px;
    cursor: pointer;
}
.app-whats-new__header[data-v-105a594b], .app-whats-new__header .app-whats-new__title[data-v-105a594b]
{
    color: var(--gray-07);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.app-whats-new__header .app-whats-new__title[data-v-105a594b]
{
    margin-left: 2px;
}
@media only screen and (max-width: 499px)
{
    .app-whats-new__header .app-whats-new__title[data-v-105a594b]
    {
        font-size: 12px;
    }
}
.app-whats-new__list[data-v-105a594b]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 6px;
}
.app-award[data-v-d753e61b]
{
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    min-height: 40px;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 16px 4px 0;
    overflow: hidden;
}
.app-award__icon[data-v-d753e61b]
{
    width: 16px;
    height: 24px;
    color: var(--gray-03);
}
[data-v-d753e61b] .app__intro__award__icon
{
    width: 28px;
    height: 28px;
    margin-right: 6px;
}
.app__intro__award__text[data-v-d753e61b]
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    white-space: nowrap;
    position: relative;
    text-align: start;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.app__intro__award__title[data-v-d753e61b]
{
    margin-bottom: 2px;
    flex-wrap: nowrap;
}
.app-official-user__text[data-v-d0b24cc1]
{
    max-width: 98px;
    min-width: 58px;
}
.official-user-list--small .app-official-user__text-name[data-v-d0b24cc1]
{
    font-size: 12px;
}
.official-user-list--small .app-official-user__text-identities[data-v-d0b24cc1]
{
    font-size: 10px;
}
.app-creator-modal__body[data-v-7a800b67]
{
    padding-bottom: 20px;
}
.app-creator-modal__developer-note[data-v-7a800b67]
{
    padding: 0 24px;
}
@media only screen and (max-width: 499px)
{
    .app-creator-modal__developer-note[data-v-7a800b67]
    {
        padding: 0;
    }
}
.app-creator-modal__developer-note .app-creator-modal__developer-note-content[data-v-7a800b67]
{
    color: var(--gray-08);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
}
.app-creator-modal__developer-note .app-creator-modal__developer-note-content.is-collapsed[data-v-7a800b67]
{
    max-height: 176px;
    overflow: hidden;
}
.app-creator-modal__developer-note .app-creator-modal__developer-note-expand[data-v-7a800b67]
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 30px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(30%,#fff));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 30%);
    cursor: pointer;
    line-height: 22px;
}
.app-creator-modal__developer-note .app-creator-modal__developer-note-expand .dots[data-v-7a800b67]
{
    color: var(--gray-08);
}
.app-creator-modal__developer-note .app-creator-modal__developer-note-expand .expand-text[data-v-7a800b67]
{
    color: #00cdba;
}
.app-creator-modal__official-users[data-v-7a800b67]
{
    padding-bottom: 12px;
}
.app-creator-modal__official-users .app-creator-modal__official-users-title[data-v-7a800b67]
{
    padding: 20px 24px 12px;
    color: var(--gray-08);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
@media only screen and (max-width: 499px)
{
    .app-creator-modal__official-users .app-creator-modal__official-users-title[data-v-7a800b67]
    {
        padding: 16px 0 8px;
    }
}
.app-creator-modal__official-users .app-creator-modal__official-users-item[data-v-7a800b67]
{
    padding: 6px 24px!important;
}
@media only screen and (max-width: 499px)
{
    .app-creator-modal__official-users .app-creator-modal__official-users-item[data-v-7a800b67]
    {
        padding: 6px 0!important;
    }
}
.app-creator-modal__official-users .app-creator-modal__official-users-item[data-v-7a800b67] .tap-row-card__left
{
    padding: 4px;
    margin-right: 8px;
}
.app-creator-modal__official-users .app-creator-modal__official-users-item[data-v-7a800b67] .user-avatar
{
    width: 40px!important;
    height: 40px!important;
}
.app-creator[data-v-b3c5d08d]
{
    cursor: pointer;
}
.app-creator .app-creator__developer-note[data-v-b3c5d08d]
{
    pointer-events: none;
}
.app-creator .app-creator__developer-note.app-creator__developer-note--empty[data-v-b3c5d08d] .text-modal__content
{
    color: var(--gray-06);
}
.app-creator[data-v-b3c5d08d] .row-card__title
{
    padding-left: 0;
    padding-right: 0;
    height: 0;
}
.app-creator[data-v-b3c5d08d] .row-card__content
{
    padding: 0;
}
.app-creator__content[data-v-b3c5d08d]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 12px;
    background: var(--gray-01);
}
.app-creator__divider[data-v-b3c5d08d]
{
    height: 1px;
    background: var(--gray-02);
}
.app-creator__title[data-v-b3c5d08d]
{
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    margin-right: 24px;
}
.app-creator__title-suffix[data-v-b3c5d08d]
{
    color: var(--gray-06);
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    -webkit-box-flex: 1;
    flex: 1;
}
.app-intro[data-v-de9237df]
{
    border-top: 4px solid var(--gray-01);
    border-radius: 0;
    padding-top: 4px;
}
@media only screen and (max-width: 499px)
{
    .app-intro.row-card[data-v-de9237df]
    {
        margin: 0;
        padding: 16px 16px 0;
    }
    .app-intro[data-v-de9237df] .row-card__title
    {
        padding: 0 0 12px;
    }
    .app-intro[data-v-de9237df] .row-card__content
    {
        padding: 0;
    }
}
.app-intro .tap-chip[data-v-de9237df]
{
    white-space: nowrap;
    border-radius: 6px;
    padding: 4px 8px;
    color: var(--gray-07);
}
.app-intro .app-intro__item[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 0 0 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.app-intro .app-intro__item[data-v-de9237df]:not(:last-child)
{
    padding: 0 0 16px;
}
.app-intro .app-intro__item[data-v-de9237df]:not(:first-child)
{
    margin: 12px 0 0;
}
.app-intro .app-intro__item--no-privacy[data-v-de9237df], .app-intro .app-intro__item--no-privacy[data-v-de9237df]:not(:last-child)
{
    padding-bottom: 0;
}
@media only screen and (max-width: 499px)
{
    .app-intro .app-intro__item[data-v-de9237df]
    {
        padding-bottom: 14px;
    }
}
.app-intro .app-intro__item-link[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.app-intro .app-intro__item__collection-game[data-v-de9237df]
{
    border-radius: 12px;
    border: 1px solid var(--gray-02);
    padding: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}
.app-intro .app-intro__item__collection-game .collection-game-info[data-v-de9237df]
{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}
.app-intro .app-intro__item__collection-game .collection-game-info .collection-game-info-icon[data-v-de9237df]
{
    width: 20px;
    height: 20px;
    border-radius: 7px;
    overflow: hidden;
}
.app-intro .app-intro__item__collection-game .collection-game-info .collection-game-info-title[data-v-de9237df]
{
    color: var(--gray-08);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 8px;
}
.app-intro .app-intro__item__collection-game .collection-game-suffix[data-v-de9237df]
{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--gray-06);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.app-intro .app-intro__item__collection-game .collection-game-suffix .collection-game-suffix-icon[data-v-de9237df]
{
    width: 12px;
    height: 12px;
    margin-left: 4px;
}
.app-intro .app-intro__item__developer[data-v-de9237df]
{
    background-color: var(--gray-01);
    padding: 10px 12px!important;
    border-radius: 8px;
}
.app-intro .app-intro__item__developer[data-v-de9237df] .text-modal__more
{
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(30%,var(--gray-01)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--gray-01) 30%);
}
@media only screen and (max-width: 499px)
{
    .app-intro .app-intro__item__developer[data-v-de9237df]
    {
        margin: 0 0 16px!important;
    }
}
.app-intro .app-intro__item__developer .app-intro__developer-note-divider[data-v-de9237df]
{
    height: .5px;
    background-color: var(--gray-02);
    margin: 10px 0;
}
.app-intro .app-intro__item__developer .app-intro__developer-info-swiper[data-v-de9237df]
{
    margin: 0 -12px;
}
.app-intro .app-intro__item__developer .app-intro__developer-info-swiper[data-v-de9237df] .swiper
{
    padding: 0 12px;
}
.app-intro .app-intro__developer-info-item[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.app-intro .app-intro__developer-info-icon[data-v-de9237df]
{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}
.app-intro .app-intro__developer-info-icon[data-v-de9237df] .tap-image
{
    width: 100%;
    height: 100%;
}
.app-intro .app-intro__developer-info-text[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    white-space: nowrap;
    max-width: 110px;
}
.app-intro .app-intro__developer-info-avatar[data-v-de9237df]
{
    position: relative;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}
.app-intro .app-intro__developer-info-avatar-img[data-v-de9237df]
{
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.app-intro .app-intro__developer-info-avatar-badge[data-v-de9237df]
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
}
.app-intro .app-intro__item__icon[data-v-de9237df]
{
    font-size: 20px;
    flex-shrink: 0;
    margin-right: 12px;
}
.app-intro .app-intro__item__title[data-v-de9237df]
{
    margin-right: 4px;
    line-height: 22px;
}
.app-intro .app-intro__tag[data-v-de9237df]
{
    width: 0;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 12px;
}
.app-intro .app-intro__tag[data-v-de9237df] .tap-swiper-button--icon
{
    display: none;
}
.app-intro .app-intro__tag .app-intro__tag-item[data-v-de9237df]
{
    background-color: transparent;
    border-radius: 6px;
    border: .5px solid var(--gray-07);
    color: var(--gray-07);
    font-weight: 700;
    padding: 4px 8px;
}
.app-intro .app-intro__tag .app-intro__tag-item[data-v-de9237df]:hover
{
    background-color: var(--gray-01);
}
.app-intro__developer-modal-extra[data-v-de9237df]
{
    padding-bottom: 12px;
}
.app-intro__developer-modal-section-title[data-v-de9237df]
{
    padding: 20px 24px 12px;
    color: var(--gray-08);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
@media only screen and (max-width: 499px)
{
    .app-intro__developer-modal-section-title[data-v-de9237df]
    {
        padding: 16px 0 8px;
    }
}
.app-intro__developer-modal-cell[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 6px 24px;
    overflow: hidden;
    text-decoration: none;
}
@media only screen and (max-width: 499px)
{
    .app-intro__developer-modal-cell[data-v-de9237df]
    {
        padding: 6px 0;
    }
}
.app-intro__developer-modal-avatar-wrap[data-v-de9237df]
{
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.app-intro__developer-modal-avatar[data-v-de9237df], .app-intro__developer-modal-avatar[data-v-de9237df] .tap-image-wrapper
{
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%;
    overflow: hidden;
}
.app-intro__developer-modal-avatar[data-v-de9237df] .tap-image
{
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
}
.app-intro__developer-modal-avatar--round[data-v-de9237df]
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.app-intro__developer-modal-avatar-badge[data-v-de9237df]
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
}
.app-intro__developer-modal-info[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 0;
    gap: 2px;
}
.app-intro__developer-modal-cell-link[data-v-de9237df]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 0;
    text-decoration: none;
}
.app-intro__developer-modal-follow[data-v-de9237df]
{
    flex-shrink: 0;
}
.app-intro__summary[data-v-de9237df]
{
    overflow: hidden;
    max-height: 67px;
    margin-bottom: 10px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
}
.app-intro__award-wrapper--last-child[data-v-de9237df]:after
{
    display: none;
}
.app-intro__award-wrapper[data-v-de9237df]
{
    margin-top: 16px;
    margin-bottom: 16px;
}
[data-v-de9237df] .text-modal__more
{
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(30%,var(--extension-background-white)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--extension-background-white) 30%);
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--gray-03);
    white-space: nowrap;
    padding-left: 30px;
}
.app-intro__admin-link[data-v-de9237df]
{
    margin-left: 12px;
}
.app-intro__game-jam-row[data-v-de9237df]
{
    cursor: pointer;
}
.app-intro__game-jam-tag[data-v-de9237df]
{
    width: 56px;
    height: 16px;
    flex-shrink: 0;
    margin-right: 8px;
}
@media only screen and (max-width: 499px)
{
    .app-intro__game-jam-tag[data-v-de9237df]
    {
        width: 42px;
        height: 12px;
    }
}
.app-intro__game-jam-title[data-v-de9237df]
{
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-08);
    line-height: 22px;
}
@media only screen and (max-width: 499px)
{
    .app-intro__game-jam-title[data-v-de9237df]
    {
        font-size: 12px;
        line-height: 18px;
    }
}
.app-intro__game-jam-arrow[data-v-de9237df]
{
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    color: var(--gray-08);
}
.dark .app-intro .app-intro__item__developer[data-v-de9237df] .text-modal__more
{
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(30%,#353535));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#353535 30%);
}
.dark .app-intro .app-intro__item__developer .app-intro__developer-note-divider[data-v-de9237df]
{
    background-color: rgba(255,255,255,.08);
}
.video-card[data-v-185fd985]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 142px;
    max-height: 142px;
    border-radius: 12px;
}
.video-card__banner[data-v-185fd985]
{
    width: 142px;
    height: 80px;
    position: relative;
    border-radius: 8px;
}
.video-card__banner__img__wrapper[data-v-185fd985]
{
    height: inherit;
}
[data-v-185fd985] .video-card__banner__img
{
    width: 142px;
    height: 80px;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}
.video-card__duration[data-v-185fd985]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    bottom: 6px;
    left: 6px;
    padding: 2px 6px;
    border-radius: 20px;
    background: var(--extension-components-black);
}
.video-card__play-count[data-v-185fd985]
{
    margin-right: 10px;
    position: relative;
    text-align: start;
    width: 100%;
    white-space: nowrap;
}
.video-card__play-count[data-v-185fd985]:after
{
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -1px;
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--gray-06);
}
.video-card__play-intro[data-v-185fd985]
{
    margin: 6px 4px 0;
}
.video-card__play-intro__stat[data-v-185fd985]
{
    margin: 0 4px;
    white-space: nowrap;
}
.video-card[data-v-185fd985]:not(:last-child)
{
    margin-right: 8px;
}
.app__video[data-v-8b17c673]
{
    margin-bottom: 0;
}
@media only screen and (max-width: 499px)
{
    .app__video.row-card[data-v-8b17c673]
    {
        padding: 16px 0 16px 16px;
        margin: 0;
    }
}
.app__video[data-v-8b17c673] .tap-swiper-button--circle.tap-swiper-button--next
{
    right: var(--space-m6-w8);
    height: 28px;
    width: 28px;
}
.app__video[data-v-8b17c673] .tap-swiper-button--circle.tap-swiper-button--prev
{
    left: var(--space-m6-w8);
    height: 28px;
    width: 28px;
}
@media only screen and (max-width: 499px)
{
    .app__video[data-v-8b17c673] .row-card__title
    {
        padding: 0 0 12px;
    }
}
.app__video[data-v-8b17c673] .row-card__content
{
    padding: 0 0 16px;
}
@media only screen and (max-width: 499px)
{
    .app__video[data-v-8b17c673] .row-card__content
    {
        padding: 0;
    }
}
.app__video__header[data-v-8b17c673]
{
    padding: 16px 16px 0;
    margin-bottom: 8px;
}
.app__video--single[data-v-8b17c673] .row-card__content
{
    padding: 0 16px 16px;
}
@media only screen and (max-width: 499px)
{
    .app__video--single[data-v-8b17c673] .row-card__content
    {
        padding: 0 8px 12px;
    }
}
.app__video__item--single[data-v-8b17c673]
{
    width: 100%;
    height: auto;
}
.app__video__item--single.video-card[data-v-8b17c673]
{
    max-height: unset;
}
.app__video__item--single[data-v-8b17c673] .video-card__banner
{
    width: 100%;
    height: 296px;
}
@media only screen and (max-width: 499px)
{
    .app__video__item--single[data-v-8b17c673] .video-card__banner
    {
        height: 193px;
    }
}
.app__video__item--single[data-v-8b17c673] .video-card__banner__img__wrapper, .app__video__item--single[data-v-8b17c673] .video-card__banner__img__wrapper .tap-image
{
    width: inherit;
    height: inherit;
}
.app__video__item--single[data-v-8b17c673] .video-card__play-intro
{
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}
.app-group[data-v-5309d1c1]
{
    margin-bottom: 0;
}
@media only screen and (max-width: 499px)
{
    .app-group.row-card[data-v-5309d1c1]
    {
        padding: 16px 0;
        margin: 0;
    }
    .app-group[data-v-5309d1c1] .row-card__title
    {
        padding: 0 16px 8px;
    }
    .app-group[data-v-5309d1c1] .row-card__content
    {
        padding: 0;
    }
}
.app-group__moment[data-v-5309d1c1]
{
    padding: 12px 0;
}
@media only screen and (max-width: 499px)
{
    .app-group__moment.moment-feed-card[data-v-5309d1c1]
    {
        padding: 12px 0 0;
        margin: 0 16px 12px;
    }
}
.app-group__moment[data-v-5309d1c1] .moment-article__lottery
{
    margin-bottom: 0;
}
.app-group__moment[data-v-5309d1c1] .text-box__toggle--aside
{
    display: none;
}
.app-group--empty[data-v-5309d1c1]
{
    border-radius: 40px;
    display: -webkit-box;
    display: flex;
    padding: 9px 24px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: var(--extension-background-gray);
}
@media only screen and (max-width: 499px)
{
    .app-group--empty[data-v-5309d1c1]
    {
        margin: 8px 16px 0;
    }
}
.app-group__header-right[data-v-5309d1c1]
{
    border-radius: 32px;
    display: -webkit-box;
    display: flex;
    padding: 5px 10px 5px 5px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--gray-02);
    line-height: 18px;
    cursor: pointer;
}
.app-group__header-right[data-v-5309d1c1]:before
{
    border-width: 1px;
    border-radius: 32px;
    z-index: 1;
}
.app-group__header-right[data-v-5309d1c1] .user-avatar
{
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
.app-group__empty-guide[data-v-5309d1c1]
{
    background-color: var(--extension-background-gray);
    border-radius: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
}
@media only screen and (max-width: 499px)
{
    .app-group__empty-guide[data-v-5309d1c1]
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 8px;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 16px 12px 20px;
        margin: 0 16px;
    }
}
.app-group__empty-avatar[data-v-5309d1c1]
{
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
.app-group__empty-text[data-v-5309d1c1]
{
    font-size: 14px;
    line-height: 22px;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 12px;
}
@media only screen and (max-width: 499px)
{
    .app-group__empty-text[data-v-5309d1c1]
    {
        margin-left: 0;
        text-align: center;
    }
}
.app-group__empty-btn[data-v-5309d1c1]
{
    background-color: var(--extension-background-white);
    border-radius: 31px;
    padding: 7px 16px;
    line-height: 18px;
    flex-shrink: 0;
}
@media only screen and (max-width: 499px)
{
    .app-group__empty-btn[data-v-5309d1c1]
    {
        width: auto;
    }
}
.app-announcement[data-v-64d2cb1c]
{
    display: -webkit-box;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: var(--space-m8-w12) var(--space-m12-w16);
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: var(--gray-01);
    border-radius: 8px;
}
.app-announcement__content[data-v-64d2cb1c]
{
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.app-announcement__accident-label[data-v-64d2cb1c]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    padding-right: 24px;
    flex-shrink: 0;
}
.app-announcement__accident-label[data-v-64d2cb1c]:after
{
    position: absolute;
    right: 10px;
    top: 0;
    width: 3px;
    height: 36px;
    content: "";
    background: no-repeat url(../image/b01f9e43a201.svg);
}
.app-announcement__icon[data-v-64d2cb1c]
{
    font-size: 20px;
    margin-right: 4px;
    flex-shrink: 0;
}
.link-with-icon[data-v-53f46856]
{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    color: var(--extension-link);
    cursor: pointer;
}
.link-with-icon__icon[data-v-53f46856]
{
    width: 12px;
    height: 12px;
}
.official-group[data-v-b60038ad]
{
    margin: 2px 24px 24px;
    border-radius: 12px;
    background-color: var(--extension-background-gray);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.official-group__row[data-v-b60038ad]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px;
}
.official-group__row-icon[data-v-b60038ad]
{
    width: 32px;
    height: 32px;
}
.official-group__row-content[data-v-b60038ad]
{
    margin: 0 12px;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.official-group__row-content-name[data-v-b60038ad]
{
    font-size: 14px;
    line-height: 22px;
    color: var(--gray-08);
}
.official-group__row-content-number[data-v-b60038ad]
{
    font-size: 12px;
    line-height: 18px;
    color: var(--gray-06);
}
.official-group__row-content-tag[data-v-b60038ad]
{
    font-size: 10px;
    line-height: 14px;
    padding: 1px 3px;
    border-radius: 4px;
    background-color: var(--extension-coral-light);
    margin-left: 4px;
    color: var(--primary-red);
}
.official-group__row-button[data-v-b60038ad]
{
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--gray-07);
    background-color: var(--extension-background-white);
    padding: 7px 16px;
    cursor: pointer;
    border-radius: 31px;
}
@media only screen and (max-width: 499px)
{
    .app-test.row-card[data-v-b8a1d15e]
    {
        margin: 0;
        padding: 0 16px 16px;
    }
}
.app-test[data-v-b8a1d15e] .row-card__title
{
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-top: 2px;
}
@media only screen and (max-width: 499px)
{
    .app-test[data-v-b8a1d15e] .row-card__title
    {
        padding: 0 0 8px;
    }
    .app-test[data-v-b8a1d15e] .row-card__content
    {
        padding: 0;
    }
}
.title-icon[data-v-b8a1d15e]
{
    color: var(--gray-03);
    font-size: 20px;
    margin-right: 4px;
}
.app-test__time-block[data-v-b8a1d15e]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: var(--radius-m8-w12);
    background-color: var(--gray-01);
    padding: 12px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: var(--space-m8-w12);
}
@media only screen and (max-width: 499px)
{
    .app-test__time-block[data-v-b8a1d15e]
    {
        padding: 8px 12px;
    }
}
.app-test__time-block.app-test__time-block--processing[data-v-b8a1d15e]
{
    background-color: transparent;
    border: 1px solid var(--primary-tap-blue);
}
.app-test__time-block.app-test__time-block--processing .app-test__time-block-divider[data-v-b8a1d15e]
{
    background-color: var(--primary-tap-blue);
}
.app-test__time-block.app-test__time-block--processing .app-test__time-block-left[data-v-b8a1d15e]
{
    color: var(--primary-tap-blue);
}
.app-test__time-block-divider[data-v-b8a1d15e]
{
    width: 1px;
    align-self: stretch;
    background-color: var(--gray-03);
}
@media only screen and (max-width: 499px)
{
    .app-test__time-block-divider[data-v-b8a1d15e]
    {
        margin: 0 12px;
    }
}
.app-test__time-block-left[data-v-b8a1d15e]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-self: stretch;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 20%;
}
.app-test__time-block-left-label[data-v-b8a1d15e]
{
    margin-top: 2px;
}
.app-test__time-block-left-tip[data-v-b8a1d15e]
{
    font-size: 12px;
    line-height: 18px;
    color: var(--primary-red);
}
@media only screen and (max-width: 499px)
{
    .app-test__time-block-left-tip[data-v-b8a1d15e]
    {
        font-size: 8px;
        line-height: 12px;
    }
}
.app-test__time-block-right[data-v-b8a1d15e]
{
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    max-width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width: 499px)
{
    .app-test__time-block-right[data-v-b8a1d15e]
    {
        padding: 0;
    }
}
.not-yet-publish[data-v-b8a1d15e]
{
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: var(--gray-04);
}
.app-test__info[data-v-b8a1d15e]
{
    padding: 0 2px;
    flex-wrap: wrap;
    display: -webkit-box;
    display: flex;
}
@media only screen and (max-width: 499px)
{
    .app-test__info[data-v-b8a1d15e]
    {
        padding: 0 0 0 8px;
    }
}
.app-test__info-row[data-v-b8a1d15e]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    width: calc(50% - 12px);
    margin: var(--space-m4-w6) 6px 0;
}
@media only screen and (max-width: 499px)
{
    .app-test__info-row[data-v-b8a1d15e]
    {
        width: 100%;
        margin-left: 0;
    }
}
.app-test__info-row-label[data-v-b8a1d15e]
{
    position: relative;
    font-size: 12px;
    line-height: 18px;
    width: 64px;
    color: var(--gray-06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.app-test__info-title-wrap[data-v-b8a1d15e]
{
    display: -webkit-box;
    display: flex;
    color: var(--gray-07);
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
}
.app-test__info-title[data-v-b8a1d15e]
{
    font-size: 12px;
    line-height: 18px;
    color: var(--gray-07);
    font-weight: 700;
}
.app-test__info-title-tag[data-v-b8a1d15e]
{
    font-size: 12px;
    line-height: 16px;
    padding: 1px 4px;
    background-color: var(--gray-01);
    border-radius: 4px;
    margin-left: 4px;
    color: var(--gray-06);
}
@media only screen and (max-width: 499px)
{
    .app-test__info-title-tag[data-v-b8a1d15e]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-test__info-row-value[data-v-b8a1d15e]
{
    font-size: 12px;
    line-height: 18px;
    color: var(--gray-07);
    -webkit-box-flex: 1;
    flex: 1;
}
.app-test__info-row-value-copy[data-v-b8a1d15e]
{
    cursor: pointer;
    color: var(--extension-link);
}
.app-test__info-row-value-copy-icon[data-v-b8a1d15e]
{
    width: 16px;
    height: 16px;
    margin-left: 4px;
}
.app-test__info-row-value--bold[data-v-b8a1d15e]
{
    font-weight: 700;
}
.app-test__info-recruit[data-v-b8a1d15e]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.app-more-info[data-v-31d48b43]
{
    padding: 16px;
    background: var(--extension-background-white);
    display: block;
}
.app-more-info-header[data-v-31d48b43]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 30px;
    margin-bottom: 8px;
}
.app-more-info-header-title[data-v-31d48b43]
{
    color: var(--Light-Gray-08,var(--Gray8,#1a1c1e));
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px;
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.app-more-info-header-title .arrow-icon[data-v-31d48b43]
{
    width: 14px;
    height: 14px;
}
.app-more-info-card[data-v-31d48b43]
{
    padding: 0!important;
    margin: 0;
}
.app-more-info-card[data-v-31d48b43] .row-card__content
{
    padding: 0!important;
}
.related-app-wrapper[data-v-5de7dcde]
{
    padding: 16px 0;
    background: var(--extension-background-white);
    margin-bottom: 0;
    border-radius: 0;
}
@media only screen and (max-width: 499px)
{
    .related-app-wrapper.row-card[data-v-5de7dcde]
    {
        padding: 16px 0 16px 16px;
        margin: 0;
    }
}
.related-app-wrapper[data-v-5de7dcde] .row-card__title
{
    height: 30px;
    padding: 0 16px 8px;
}
@media only screen and (max-width: 499px)
{
    .related-app-wrapper[data-v-5de7dcde] .row-card__title
    {
        padding: 0 0 12px;
    }
}
.related-app-wrapper .app-row-card[data-v-5de7dcde]
{
    width: 256px;
}
.related-app-wrapper .app-row-card+.app-row-card[data-v-5de7dcde]
{
    margin-top: 16px;
}
.related-app-wrapper[data-v-5de7dcde] .tap-button
{
    width: 64px;
    min-width: 64px;
}
.related-app-wrapper[data-v-5de7dcde] .row-card__content
{
    padding: 0 0 12px;
}
@media only screen and (max-width: 499px)
{
    .related-app-wrapper[data-v-5de7dcde] .row-card__content
    {
        padding-bottom: 0;
    }
}
.related-app-wrapper[data-v-5de7dcde] .tap-swiper-button--circle.tap-swiper-button--next
{
    right: var(--space-m6-w8);
    height: 28px;
    width: 28px;
}
.related-app-wrapper[data-v-5de7dcde] .tap-swiper-button--circle.tap-swiper-button--prev
{
    left: var(--space-m6-w8);
    height: 28px;
    width: 28px;
}
.related-app-swiper[data-v-5de7dcde] .swiper
{
    height: 236px;
}
.app-reward[data-v-a65a5027] .row-card__content
{
    padding: 0 0 12px;
}
.app-reward[data-v-a65a5027] .swiper-slide:first-child
{
    margin-left: 16px;
}
@media only screen and (max-width: 499px)
{
    .app-reward[data-v-a65a5027] .swiper-slide:first-child
    {
        margin-left: 8px;
    }
}
.app-reward[data-v-a65a5027] .swiper-slide:last-child
{
    margin-right: 16px;
}
@media only screen and (max-width: 499px)
{
    .app-reward[data-v-a65a5027] .swiper-slide:last-child
    {
        margin-right: 8px;
    }
}
.last-reward-step[data-v-a65a5027]:after
{
    content: "";
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 8px;
    height: 8px;
    background: var(--primary-tap-blue-light);
    border-radius: 50%;
}
.app-reward-step[data-v-a65a5027]
{
    -webkit-box-align: center;
    align-items: center;
    padding-right: 16px;
}
.app-reward-step .reward-step__text__index[data-v-a65a5027]
{
    font-size: 50px;
    line-height: 40px;
    opacity: .2;
    color: var(--primary-tap-blue-text);
    margin-right: 5px;
    font-weight: 900;
}
.app-reward-step .index-badge__icon[data-v-a65a5027]
{
    width: 16px;
    height: 16px;
}
.app-reward-step .index-badge__circle[data-v-a65a5027]
{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: 3px solid var(--primary-tap-blue);
    opacity: .15;
}
.app-reward-step .index-badge[data-v-a65a5027]
{
    margin-top: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: relative;
    padding-left: 8px;
}
.app-reward-step .index-badge[data-v-a65a5027]:after
{
    content: "";
    position: absolute;
    left: 24px;
    width: calc(100% - 8px);
    height: 0;
    opacity: .15;
    border-top: 2px dashed var(--primary-tap-blue);
}
.app-reward-step .index-badge.index-badge--finished[data-v-a65a5027]:after
{
    opacity: 1;
    border-top: 2px dashed var(--primary-tap-blue);
}
.app-reward-step .reward-step__text[data-v-a65a5027]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
}
.app-reward-step .reward-step__img__wrapper[data-v-a65a5027]
{
    height: 40px;
    width: 40px;
    border-radius: 8px;
    background: var(--gray-01);
    margin-right: 4px;
}
.app-reward-step .reward-step__img[data-v-a65a5027]
{
    height: inherit;
    width: inherit;
    border-radius: inherit;
}
.app-reward-step .reward-text-wrapper[data-v-a65a5027]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.app-reward-step .reward-step__content[data-v-a65a5027]
{
    display: -webkit-box;
    display: flex;
}
.app-reward__content[data-v-a65a5027]
{
    min-height: 60px;
}
.app-official-user :deep(.row-card__content)
{
    padding: 0 0 12px;
}
.app-official-user :deep(.swiper)
{
    padding-left: 12px;
    padding-right: 24px;
}
.app-official-user .title-suffix
{
    color: var(--gray-06);
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.app-official-user__text
{
    max-width: 98px;
    min-width: 58px;
}
.app-official-user__modal .tap-row-card
{
    padding: 10px 0;
}
.app-official-user__modal .media-modal__body
{
    padding: 12px 20px;
}
.app-shop[data-v-b863685c]
{
    overflow: hidden;
}
.app-shop[data-v-b863685c] .row-card__content
{
    padding: 0 0 12px;
}
.app-shop__total[data-v-b863685c]
{
    border-radius: 20px;
    background-color: var(--gray-01);
}
.app-shop__swiper[data-v-b863685c]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.app-shop__swiper[data-v-b863685c] .swiper-horizontal
{
    padding: 0 var(--space-m12-w16);
    margin-left: 0;
}
.app-shop__swiper[data-v-b863685c] .tap-swiper-button
{
    margin: 0 var(--space-m12-w16);
}
.app-shop__item[data-v-b863685c]
{
    width: 104px;
    display: inline-block;
}
.app-shop__item-icon[data-v-b863685c]
{
    width: 104px;
    height: 104px;
    border-radius: 4px;
    overflow: hidden;
}
.pc-config-info[data-v-3d8bd9b4]
{
    background: var(--extension-background-white);
    padding: 16px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overscroll-behavior-x: contain;
}
.pc-config-info .pc-config-info-header[data-v-3d8bd9b4]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 30px;
}
.pc-config-info .pc-config-info-header-title[data-v-3d8bd9b4]
{
    color: var(--gray-08);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px;
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.pc-config-info .pc-config-info-header-title .arrow-icon[data-v-3d8bd9b4]
{
    width: 14px;
    height: 14px;
}
.pc-config-info .pc-config-info-header-platform-item[data-v-3d8bd9b4]
{
    position: relative;
    width: 18px;
    height: 18px;
}
.pc-config-info .pc-config-info-header-platform-item~.pc-config-info-header-platform-item[data-v-3d8bd9b4]
{
    margin-left: 22px;
}
.pc-config-info .pc-config-info-header-platform-item~.pc-config-info-header-platform-item[data-v-3d8bd9b4]:before
{
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 14px;
    background: var(--gray-03);
    left: -12px;
    top: 2px;
}
.pc-config-info .pc-config-info-header-platform-item .platform-icon[data-v-3d8bd9b4]
{
    width: 18px;
    height: 18px;
    color: var(--gray-04);
    cursor: pointer;
}
.pc-config-info .pc-config-info-header-platform-item .platform-icon.active[data-v-3d8bd9b4]
{
    color: var(--gray-07);
}
.pc-config-info .pc-config-info-list[data-v-3d8bd9b4]
{
    margin-top: 8px;
    display: -webkit-box;
    display: flex;
    overscroll-behavior-x: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.pc-config-info .pc-config-info-list[data-v-3d8bd9b4]::-webkit-scrollbar
{
    display: none;
}
.pc-config-info .pc-config-info-list.vertical[data-v-3d8bd9b4]
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    height: 88px;
    gap: 12px 24px;
    overflow-x: auto;
}
.pc-config-info .pc-config-info-list.horizontal[data-v-3d8bd9b4]
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    overflow-x: auto;
}
.pc-config-info .pc-config-info-list .pc-config-info-item[data-v-3d8bd9b4]
{
    max-width: 150px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 38px;
}
.pc-config-info .pc-config-info-list .pc-config-info-item .pc-config-info-item-title[data-v-3d8bd9b4]
{
    color: var(--gray-06);
}
.pc-config-info .pc-config-info-list .pc-config-info-item .pc-config-info-item-value[data-v-3d8bd9b4]
{
    color: var(--gray-08);
    margin-top: 2px;
}
.app-update-log[data-v-b06b5f10]
{
    background: var(--extension-background-white);
    padding: 16px;
    display: block;
}
@media only screen and (max-width: 499px)
{
    .app-update-log[data-v-b06b5f10]
    {
        padding: 14px 16px;
    }
}
.app-update-log .app-update-log-header[data-v-b06b5f10]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 30px;
}
.app-update-log .app-update-log-header-title[data-v-b06b5f10]
{
    color: var(--gray-08);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
}
.app-update-log .app-update-log-header-title .arrow-icon[data-v-b06b5f10]
{
    width: 14px;
    height: 14px;
}
.app-update-log .app-update-log-header-right[data-v-b06b5f10]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    margin-left: 24px;
}
.app-update-log .app-update-log-header-right .app-update-log-header-right-item[data-v-b06b5f10]
{
    color: var(--gray-06);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.app-update-log .app-update-log-content[data-v-b06b5f10]
{
    display: -webkit-box;
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.app-update-log .app-update-log-content .app-update-log-content-left[data-v-b06b5f10]
{
    width: 20px;
    max-height: 66px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}
.app-update-log .app-update-log-content .app-update-log-content-left .app-update-log-content-left-icon[data-v-b06b5f10]
{
    width: 20px;
    height: 20px;
}
.app-update-log .app-update-log-content .app-update-log-content-left .app-update-log-content-left-line[data-v-b06b5f10]
{
    width: 2px;
    height: 100%;
    background: var(--gray-02);
    -webkit-box-flex: 1;
    flex: 1;
}
.app-update-log .app-update-log-content .app-update-log-content-right[data-v-b06b5f10]
{
    max-height: 66px;
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
}
.app-update-log .app-update-log-content .app-update-log-content-right-desc[data-v-b06b5f10], .app-update-log .app-update-log-content .app-update-log-content-right-title[data-v-b06b5f10]
{
    color: var(--gray-08);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.review-swiper-item[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: 12px;
    background-color: var(--gray-01);
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.review-swiper-item-header[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 4px;
}
.review-swiper-item-header__top[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
}
.review-swiper-item-header__avatar[data-v-b5ca7b27]
{
    width: 22px;
    height: 22px;
}
.review-swiper-item-header__name[data-v-b5ca7b27]
{
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: var(--gray-08);
}
.review-swiper-item-header__bottom[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.review-swiper-item-header__bottom-left[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    flex-wrap: nowrap;
}
.review-swiper-item-header__rate[data-v-b5ca7b27]
{
    flex-shrink: 0;
    margin-right: 8px;
}
.review-swiper-item-header__rating[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 2px;
}
.review-swiper-item-header__rating-text[data-v-b5ca7b27]
{
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: var(--primary-tap-orange);
}
.review-swiper-item-header__time-label[data-v-b5ca7b27]
{
    min-width: 0;
    color: var(--gray-06);
    font-size: 12px;
    line-height: 18px;
}
.review-swiper-item-header__time-label--first[data-v-b5ca7b27]
{
    flex-shrink: 0;
}
.review-swiper-item-header__divider[data-v-b5ca7b27]
{
    flex-shrink: 0;
    margin: 0 6px;
    width: 1px;
    height: 10px;
    color: var(--gray-02);
}
.review-swiper-item-content[data-v-b5ca7b27]
{
    margin-top: 8px;
    position: relative;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    color: var(--gray-08);
}
.review-swiper-item-content[data-v-b5ca7b27], .review-swiper-item-content--less[data-v-b5ca7b27]
{
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
}
.review-swiper-item-content--less[data-v-b5ca7b27]
{
    display: -webkit-box;
    -webkit-line-clamp: 5;
}
.review-swiper-item-content--image-less[data-v-b5ca7b27]
{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
}
.review-swiper-item-state[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 8px;
}
.review-swiper-item-state__device[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: var(--space-m8-w12);
}
.review-swiper-item-comment__official-text[data-v-b5ca7b27]
{
    font-weight: 700;
    margin-right: 4px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: -1.2px;
}
.review-swiper-item-comment__official-icon[data-v-b5ca7b27]
{
    width: 14px;
    height: 14px;
    margin-right: 2px;
    position: relative;
    top: 1.2px;
}
.review-swiper-item-comment[data-v-b5ca7b27]
{
    margin-top: 8px;
    padding-top: 8px;
}
.review-swiper-item-comment__author[data-v-b5ca7b27], .review-swiper-item-comment__dot[data-v-b5ca7b27]
{
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-06);
}
.review-swiper-item-comment__author[data-v-b5ca7b27] .user-name__text, .review-swiper-item-comment__dot[data-v-b5ca7b27] .user-name__text
{
    font-weight: 700;
}
.review-swiper-item-comment__content[data-v-b5ca7b27]
{
    font-size: 14px;
    color: var(--gray-06);
}
.review-swiper-item-comment__text[data-v-b5ca7b27]
{
    height: 36px;
    line-height: 18px;
}
.review-swiper-item-content__image-content[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    margin-top: 8px;
}
.review-swiper-item-content__image-cell[data-v-b5ca7b27]
{
    display: -webkit-box;
    display: flex;
    margin-right: 5.33px;
    border-radius: 5.33px;
    overflow: hidden;
}
.review-swiper-item-content__image-cell[data-v-b5ca7b27] .tap-image
{
    width: 100%;
}
.review-swiper[data-v-e48d4d1a] .swiper-slide:first-child
{
    margin-left: 16px;
}
@media only screen and (max-width: 499px)
{
    .review-swiper[data-v-e48d4d1a] .swiper-slide:first-child
    {
        margin-left: 0;
    }
}
.review-swiper[data-v-e48d4d1a] .swiper-slide:last-child
{
    margin-right: 16px;
}
@media only screen and (max-width: 499px)
{
    .review-swiper[data-v-e48d4d1a] .swiper-slide:last-child
    {
        margin-right: 8px;
    }
}
.review-swiper[data-v-e48d4d1a] .tap-swiper-button--circle.tap-swiper-button--next
{
    right: var(--space-m6-w8);
}
.review-swiper[data-v-e48d4d1a] .tap-swiper-button--circle.tap-swiper-button--prev
{
    left: var(--space-m6-w8);
}
.review-swiper[data-v-e48d4d1a] .tap-swiper-button--circle
{
    height: 28px;
    width: 28px;
}
.review-swiper[data-v-e48d4d1a] .tap-swiper-button--icon
{
    height: 20px;
    width: 20px;
}
.review-create-empty[data-v-03b3f7c2]
{
    margin: 0 16px;
    background-color: var(--extension-background-gray);
    padding: 12px 16px;
    border-radius: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
@media only screen and (max-width: 499px)
{
    .review-create-empty[data-v-03b3f7c2]
    {
        margin: 0 16px 0 0;
    }
}
.review-create-empty__left[data-v-03b3f7c2]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.review-create-empty__avatar[data-v-03b3f7c2], .review-create-empty__empty-avatar[data-v-03b3f7c2]
{
    width: 40px;
    height: 40px;
}
.review-create-empty__content[data-v-03b3f7c2]
{
    margin-left: 8px;
}
.review-create-empty__title[data-v-03b3f7c2]
{
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: var(--gray-08);
}
.review-create-empty__text[data-v-03b3f7c2]
{
    font-size: 12px;
    line-height: 18px;
    color: var(--gray-07);
}
.app-review[data-v-ceac4c0c]
{
    margin-bottom: 0;
}
@media only screen and (max-width: 499px)
{
    .app-review.row-card[data-v-ceac4c0c]
    {
        margin: 0;
        padding: 16px 0 16px 16px;
    }
}
.app-review[data-v-ceac4c0c] .row-card__title
{
    height: 30px;
    padding: 16px 16px 8px;
}
@media only screen and (max-width: 499px)
{
    .app-review[data-v-ceac4c0c] .row-card__title
    {
        padding: 0 16px 12px 0;
    }
}
.app-review .app-review__header-right[data-v-ceac4c0c]
{
    border-radius: 32px;
    display: -webkit-box;
    display: flex;
    padding: 5px 10px 5px 5px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--gray-02);
    line-height: 18px;
    cursor: pointer;
}
.app-review .app-review__header-right[data-v-ceac4c0c]:before
{
    border-width: 1px;
    border-radius: 32px;
    z-index: 1;
}
.app-review .app-review__header-right[data-v-ceac4c0c] .user-avatar
{
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
.app-review .app-review__empty[data-v-ceac4c0c]
{
    border-radius: 12px;
    border: 1px solid var(--gray-02);
    background-color: transparent;
}
.app-review .app-review__empty[data-v-ceac4c0c] .review-rate__star:not(:first-child)
{
    margin-left: 2px;
}
.app-review .app-review__header-left[data-v-ceac4c0c]
{
    gap: 2px;
}
.app-review .app-review__header-left .app-review__header-count[data-v-ceac4c0c]
{
    color: var(--gray-08);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0 4px;
}
.app-review[data-v-ceac4c0c] .row-card__content
{
    padding: 0 0 16px;
}
@media only screen and (max-width: 499px)
{
    .app-review[data-v-ceac4c0c] .row-card__content
    {
        padding-bottom: 0;
    }
}
.app-review--empty .app-review__first-review-activity[data-v-ceac4c0c]
{
    margin: 0 0 12px;
}
.app__media-score-detail.media-score-detail[data-v-ceac4c0c]
{
    margin: 4px 16px 12px;
    border-radius: 12px;
}
@media only screen and (max-width: 580px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        padding: 16px 32px;
    }
}
@media only screen and (max-width: 544px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        padding: 16px 20px;
    }
}
@media only screen and (max-width: 500px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        padding: 16px 32px;
    }
}
@media only screen and (max-width: 462px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        padding: 16px 20px;
    }
}
@media only screen and (max-width: 408px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        padding: 16px 12px;
    }
}
@media only screen and (max-width: 499px)
{
    .app__media-score-detail.media-score-detail[data-v-ceac4c0c]
    {
        margin: 0 16px 16px 0;
    }
}
.app-review__first-review-activity[data-v-ceac4c0c]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid var(--gray-02);
    margin: 0 16px 12px;
}
@media only screen and (max-width: 499px)
{
    .app-review__first-review-activity[data-v-ceac4c0c]
    {
        display: -webkit-box;
        display: flex;
        height: 64px;
        padding: 6px 8px 6px 6px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 0 16px;
        width: calc(100% - 16px);
    }
}
.app-review__ai-summary[data-v-ceac4c0c]
{
    padding: 12px;
    margin: 4px 16px 12px;
    border-radius: 12px;
    border: 1px solid var(--gray-02);
}
@media only screen and (max-width: 499px)
{
    .app-review__ai-summary[data-v-ceac4c0c]
    {
        margin: 0 16px 16px 0;
    }
}
.app-new-version[data-v-cc3736a1]
{
    display: block;
    padding: 0 16px 16px;
    cursor: pointer;
}
.app-new-version__simplified[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    padding: 8px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-radius: 12px;
    background: var(--gray-01);
}
@media only screen and (max-width: 499px)
{
    .app-new-version__simplified[data-v-cc3736a1]
    {
        padding: 10px;
    }
}
.app-new-version__simplified-header[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.app-new-version__simplified-header .app-new-version__simplified-header-tag[data-v-cc3736a1]
{
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 2px 5px 2px 4px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: var(--primary-tap-blue-text);
    color: var(--extension-keep-white);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-right: 8px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__simplified-header .app-new-version__simplified-header-tag[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-new-version__simplified-header .app-new-version__simplified-header-tag .app-new-version__simplified-header-tag-line[data-v-cc3736a1]
{
    width: .5px;
    height: 8px;
    background-color: var(--extension-keep-white);
    margin: 0 4.25px;
}
.app-new-version__simplified-header .app-new-version__simplified-header-tag .app-new-version__simplified-header-tag-icon[data-v-cc3736a1]
{
    width: 14px;
    height: 14px;
    margin-right: 2px;
}
.app-new-version__simplified-header .app-new-version__simplified-header-text[data-v-cc3736a1]
{
    overflow: hidden;
    color: var(--gray-08);
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__simplified-header .app-new-version__simplified-header-text[data-v-cc3736a1]
    {
        font-size: 12px;
        line-height: 18px;
    }
}
.app-new-version__simplified-content[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--gray-06);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__simplified-content[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-new-version__header[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.app-new-version__header .app-new-version__header-version[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: var(--gray-08);
}
@media only screen and (max-width: 499px)
{
    .app-new-version__header .app-new-version__header-version[data-v-cc3736a1]
    {
        font-size: 12px;
        line-height: 18px;
    }
}
.app-new-version__header .app-new-version__header-version-divider[data-v-cc3736a1]
{
    width: .5px;
    height: 13px;
    background: var(--gray-08);
    margin: 0 8px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__header .app-new-version__header-version-divider[data-v-cc3736a1]
    {
        height: 8px;
        margin: 0 4px;
    }
}
.app-new-version__header .app-new-version__header-title[data-v-cc3736a1]
{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: var(--gray-08);
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__header .app-new-version__header-title[data-v-cc3736a1]
    {
        font-size: 12px;
        line-height: 18px;
    }
}
.app-new-version__header .app-new-version__header-title-icon[data-v-cc3736a1]
{
    width: 12px;
    height: 12px;
    color: var(--gray-08);
}
.app-new-version__header .app-new-version__header-tag[data-v-cc3736a1]
{
    display: -webkit-inline-box;
    display: inline-flex;
    padding: 2px 6px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: var(--primary-tap-blue-text);
    color: var(--extension-keep-white);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-right: 8px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__header .app-new-version__header-tag[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
        padding: 3px 6px;
    }
}
.app-new-version__header .app-new-version__header-tag-icon[data-v-cc3736a1]
{
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.app-new-version__card[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 8px;
    padding: 10px 0 10px 12px;
    border-radius: 8px;
    background-color: var(--gray-01);
}
.app-new-version__content[data-v-cc3736a1]
{
    -webkit-box-flex: 1;
    flex: 1;
}
.app-new-version__card-intro[data-v-cc3736a1]
{
    color: var(--gray-08);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
}
.app-new-version__card-tags[data-v-cc3736a1]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__card-tags[data-v-cc3736a1]
    {
        margin-top: 4px;
    }
}
.app-new-version__card-tags .app-new-version__card-tag[data-v-cc3736a1]
{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--gray-07);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    flex-shrink: 0;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__card-tags .app-new-version__card-tag[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-new-version__card-tags .app-new-version__card-tag .app-new-version__card-tag-icon[data-v-cc3736a1]
{
    width: 12px;
    height: 12px;
    color: var(--primary-red);
    margin-right: 4px;
}
.app-new-version__card-tags .app-new-version__card-tag .app-new-version__card-tag-content[data-v-cc3736a1]
{
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--gray-07);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__card-tags .app-new-version__card-tag .app-new-version__card-tag-content[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-new-version__card-tags .app-new-version__card-tag .app-new-version__card-tag-content .app-new-version__card-tag-content-divider[data-v-cc3736a1]
{
    width: .5px;
    height: 8px;
    background: var(--gray-07);
    margin: 0 4.25px;
}
.app-new-version__card-tags .app-new-version__card-tag+.app-new-version__card-tag[data-v-cc3736a1]
{
    padding-left: 12px;
    position: relative;
}
.app-new-version__card-tags .app-new-version__card-tag+.app-new-version__card-tag[data-v-cc3736a1]:before
{
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--gray-06);
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.app-new-version__reserve-wrap[data-v-cc3736a1]
{
    width: 56px;
    flex-shrink: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.app-new-version__reserve[data-v-cc3736a1]
{
    color: var(--primary-tap-blue-text);
}
.app-new-version__reserved[data-v-cc3736a1]
{
    color: var(--gray-06);
}
.app-new-version__reserve-icon[data-v-cc3736a1]
{
    width: 20px;
    height: 20px;
}
.app-new-version__reserve-text[data-v-cc3736a1]
{
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 2px;
}
@media only screen and (max-width: 499px)
{
    .app-new-version__reserve-text[data-v-cc3736a1]
    {
        font-size: 10px;
        line-height: 14px;
    }
}
.app-like[data-v-1028d08a]
{
    margin: 4px 16px 16px;
    padding: 7px 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid var(--gray-02);
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
}
.app-like-info[data-v-1028d08a]
{
    -webkit-box-flex: 1;
    flex: 1;
}
.app-like-info .app-like-info__title[data-v-1028d08a]
{
    color: var(--gray-07);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}
.app-like-info .app-like-info__content[data-v-1028d08a]
{
    margin-top: 2px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 3px;
}
.app-like-info .app-like-info__content .app-like-info__content-avatars[data-v-1028d08a]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.app-like-info .app-like-info__content .app-like-info__content-avatars .app-like-info__content-avatar[data-v-1028d08a]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--extension-background-white);
}
.app-like-info .app-like-info__content .app-like-info__content-avatars .app-like-info__content-avatar[data-v-1028d08a]:not(:first-child)
{
    margin-left: -4px;
}
.app-like-info .app-like-info__content .app-like-info__content-avatars .app-like-info__content-avatar .app-like-info__content-avatar-img[data-v-1028d08a]
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.app-like-info .app-like-info__content .app-like-info__content-desc[data-v-1028d08a]
{
    color: var(--gray-06);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.app-like-operation[data-v-1028d08a]
{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--gray-07);
}
.app-like-operation.app-like-operation--liked[data-v-1028d08a]
{
    color: var(--primary-tap-blue);
}
.app-like-operation .app-like-operation__like-icon-wrapper[data-v-1028d08a]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    width: 44px;
    height: 44px;
    padding: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.app-like-operation .app-like-operation__like-icon-wrapper .app-like-operation__like-icon[data-v-1028d08a]
{
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.app-like-operation .app-like-operation__like-icon-wrapper .app-like-operation__like-icon--filled[data-v-1028d08a]
{
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    color: var(--primary-tap-blue);
}
.app-like-operation .app-like-operation__like-text[data-v-1028d08a]
{
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    margin-left: -8px;
}
.app-detail[data-v-8104add1]
{
    position: relative;
    padding-bottom: 48px;
    background: var(--extension-background-white);
}
@media only screen and (max-width: 499px)
{
    .app-detail[data-v-8104add1]
    {
        padding-bottom: 20px;
    }
}
.app-detail[data-v-8104add1] .moment-article__summary--wrapper .text-box__toggle
{
    background: -webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(30%,var(--extension-background-white)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--extension-background-white) 30%);
}