.style__error___JGELj {
    padding: 46px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.style__error___JGELj .style__copy___VZwX- {
    width: 100%;
    text-align: center
}

.style__error___JGELj .style__copy___VZwX- h3 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    text-align: center
}

.style__error___JGELj .style__copy___VZwX- p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px
}

.style__error___JGELj .style__copy___VZwX- .style__btn___dbfk- {
    margin-top: 24px;
    position: relative;
    display: inline-flex;
    height: 32px;
    width: auto;
    padding: 0 15px;
    border: 1px solid rgba(0,0,0,.15);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    transition: all .3s ease
}

.style__error___JGELj .style__loading___\+1TXJ {
    padding: 0 8px 0 0
}

@media (max-width: 767px) {
    .ContentModal__mini-modal___gimr2>div:nth-child(2)>div:first-child {
        width:100%;
        height: 100%;
        border-radius: 0
    }
}

.ContentModal__mini-modal___gimr2.ContentModal__focus-visible___QTHO6 {
    outline: 0
}

.ContentModal__mini-modal___gimr2:focus-visible {
    outline: 0
}

.ContentModal__mini-modal___gimr2 main {
    padding: 0;
    height: 100%
}

@media (max-width: 767px) {
    .ContentModal__mini-modal___gimr2 main {
        max-height:none!important
    }
}

.ContentModal__mini-modal___gimr2>div>div:first-child {
    z-index: 1
}

@media (max-width: 767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child {
        width:100%;
        padding-top: 24px
    }
}

.ContentModal__mini-modal___gimr2>div>div:first-child>span {
    z-index: 9999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.2);
    color: #fff;
    transition: all .3s ease;
    right: 16px;
    top: 16px
}

@media (max-width: 767px) {
    .ContentModal__mini-modal___gimr2>div>div:first-child>span {
        width:32px;
        height: 32px
    }
}

.ContentModal__mini-modal___gimr2>div>div:first-child>span:hover {
    background: rgba(0,0,0,.3);
    color: #fff
}

.ContentModal__mini-modal___gimr2>div>div:first-child>span:active {
    background: rgba(0,0,0,.4);
    color: #fff
}

@media (max-width: 767px) {
    .ContentModal__others-content___K-0j8 {
        display:flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        background: #fff
    }
}

.ContentModal__loading___BeDMp {
    padding: 96px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.NavIcon__nav-icon-wrap___vuPbf {
    opacity: 0;
    display: none
}

.NavIcon__nav-icon-wrap___vuPbf .NavIcon__left-arrow___9RXme {
    left: 32px
}

.NavIcon__nav-icon-wrap___vuPbf .NavIcon__right-arrow___qiutH {
    right: 32px
}

.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-arrow___4hNCc {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-arrow___4hNCc:active {
    background-color: rgba(0,0,0,.12)
}

.NavIcon__nav-icon-wrap___vuPbf .NavIcon__button-disabled___gbE\+V {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease
}

@media (min-width: 1200px) {
    .NavIcon__nav-icon-wrap___vuPbf {
        display:block
    }
}

.CardsScroller__container___GDUgU {
    margin-bottom: -32px;
    position: relative
}

.CardsScroller__container___GDUgU:hover div[class*=nav-icon-wrap] {
    opacity: 1
}

.CardsScroller__card-list___oMJkb {
    padding-bottom: 32px;
    padding-top: 8px;
    margin-top: -8px;
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain
}

@media not all and (any-pointer: fine),(hover:none),(max-width:767px) {
    .CardsScroller__card-list___oMJkb {
        scroll-snap-type:none
    }
}

.CardsScroller__card-list___oMJkb::-webkit-scrollbar {
    display: none
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
    --col-gap: 8px;
    --visible-cols: 1;
    --col-hint: 0.154168;
    --padding-left: 24px;
    --total-gap: calc(var(--col-gap) * (var(--visible-cols)));
    --full-width: calc(100vw - var(--scrollbar-width, 0px));
    --col-size: calc((var(--full-width) - var(--total-gap) - var(--padding-left)) / (var(--visible-cols) + var(--col-hint)));
    --last-col-size: calc(var(--col-size) + var(--padding-left));
    scroll-snap-coordinate: left;
    scroll-snap-align: start;
    margin: 0 calc(var(--col-gap)/ 2);
    flex: 0 0 var(--col-size)
}

@media (min-width: 768px) {
    .CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols: 2;
        --col-hint: 0.5;
        --padding-left: 32px
    }
}

@media (min-width: 1200px) {
    .CardsScroller__card-list___oMJkb [data-cards-scroller-item] {
        --col-gap:16px;
        --visible-cols: 3;
        --padding-left: calc((var(--full-width) - 1200px) / 2);
        --col-size: calc((1200px - (var(--visible-cols) - 1) * var(--col-gap)) / var(--visible-cols))
    }
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:first-child {
    margin-left: 0
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:last-child {
    flex-basis: var(--last-col-size)
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item]:last-child [data-cards-scroller-item-container]::after {
    content: '';
    padding-right: var(--padding-left)
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item] [data-cards-scroller-item-container] {
    position: relative;
    height: 100%;
    display: flex;
    transform: translateX(var(--padding-left))
}

.CardsScroller__card-list___oMJkb [data-cards-scroller-item] [data-cards-scroller-item-content] {
    flex: 1 1
}

.style__tad-card-module___mxjj3 .style__text___9j2Dx {
    margin: 0 24px 24px
}

.style__tad-card-module___mxjj3 .style__text___9j2Dx .style__title___5raNm {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    color: #232526;
    width: 100%;
    letter-spacing: 0
}

.style__tad-card-module___mxjj3 .style__text___9j2Dx .style__describe___WRafy {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.6);
    text-align: center
}

.style__tad-card-module___mxjj3 .style__content-card___3HDwF [class*=CardsScroller__container] {
    margin-bottom: 0;
    margin-top: 0
}

.style__tad-card-module___mxjj3 .style__content-card___3HDwF [class*=CardsScroller__container] [class*=CardsScroller__card-list] {
    padding-bottom: 0
}

.style__tad-card-module___mxjj3 .style__jump___mYQaI {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 16px;
    display: inline-flex;
    flex-direction: row;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 24px
}

.style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ::-webkit-scrollbar {
    display: none
}

.style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ .style__link___c1ERo {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0060ef;
    margin-right: 24px;
    flex-shrink: 0
}

.style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ .style__link___c1ERo:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .style__tad-card-module___mxjj3 [data-cards-scroller-item] {
        --col-hint:1.28655!important
    }

    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ {
        padding: 0 0 0 24px
    }

    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ .style__link___c1ERo:last-child {
        padding-right: 24px
    }
}

@media (min-width: 768px) {
    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ {
        padding:0 32px
    }

    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ .style__link___c1ERo {
        font-size: 18px;
        line-height: 24px
    }

    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ .style__link___c1ERo:hover {
        text-decoration: underline
    }

    .style__tad-card-module___mxjj3 .style__text___9j2Dx {
        max-width: 1200px;
        margin: 0 32px 32px
    }

    .style__tad-card-module___mxjj3 .style__text___9j2Dx .style__title___5raNm {
        font-size: 56px;
        line-height: 64px;
        margin-bottom: 16px
    }

    .style__tad-card-module___mxjj3 .style__text___9j2Dx .style__describe___WRafy {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width: 1200px) {
    .style__tad-card-module___mxjj3 .style__text___9j2Dx {
        margin:0 auto 32px
    }

    .style__tad-card-module___mxjj3 .style__jump___mYQaI .style__jump-container___t6PkQ {
        padding: 0
    }
}

.Card__click___-tiLX {
    cursor: zoom-in;
    width: 100%
}

.Card__card___y-RN8 {
    display: block;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0)
}

.Card__card___y-RN8 .Card__image-box___9UTWF {
    width: 100%;
    padding-bottom: calc(100% / 1.5);
    position: relative;
    overflow: hidden
}

.Card__card___y-RN8 .Card__image-box___9UTWF .Card__image___1iFSE {
    transition: all .6s ease;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.Card__card___y-RN8 .Card__text___JXXYj {
    background: #fff;
    padding: 8px 16px 12px;
    width: 100%
}

.Card__card___y-RN8 .Card__text___JXXYj .Card__title___nUX5s {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-align: left;
    display: block
}

.Card__card___y-RN8 .Card__text___JXXYj .Card__describe___Sbw5K {
    color: rgba(0,0,0,.6);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: left
}

.Card__card___y-RN8 .Card__text___JXXYj .Card__describe___Sbw5K i {
    margin-left: 4px
}

@media (min-width: 768px) {
    .Card__card___y-RN8 .Card__text___JXXYj {
        padding:16px 32px 24px
    }

    .Card__card___y-RN8 .Card__text___JXXYj .Card__title___nUX5s {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 4px
    }

    .Card__card___y-RN8 .Card__text___JXXYj .Card__describe___Sbw5K {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width: 1200px) {
    .Card__card___y-RN8:hover .Card__image-box___9UTWF .Card__image___1iFSE {
        transform:scale(1.05)
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, .1));
    background: #fff
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G {
        flex-direction:row
    }

    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G>div {
        flex: 0 0 50%
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__cover___eXEkr {
    position: relative
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__cover-outer___gFSf- {
    padding-bottom: 66.6666%
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__cover-inner___2YB\+a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__cover-inner___2YB\+a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0 0
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__cover-inner___2YB\+a img {
        border-radius:6px 0 0 6px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz {
    padding: 16px 24px;
    display: flex;
    align-items: center
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz {
        padding:0 72px 0 48px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz>div {
    width: 100%
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__product-tag___uauB9 {
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__product-tag___uauB9 {
        font-size:16px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__title___TfUYt {
    font-size: 24px;
    line-height: 28px;
    color: rgba(0,0,0,.85);
    font-weight: 600;
    margin-top: 4px
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__title___TfUYt {
        font-size:32px;
        line-height: 36px;
        margin-top: 16px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__title___TfUYt:first-child {
    margin-top: 0
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__description___PAZfl {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.65);
    margin-top: 8px
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__description___PAZfl {
        margin-top:16px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__price___RGuoX {
    margin-top: 16px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 20px
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__original-price___23t3y {
    color: rgba(0,0,0,.45)
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- {
    margin-top: 16px;
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- {
        margin-top:24px;
        flex-direction: row
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__btn___hm9nj {
    position: relative;
    display: inline-flex;
    height: 40px;
    width: auto;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    transition: all .3s ease;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 999px;
    padding: 0 16px;
    background: #262626;
    color: #fff;
    -webkit-tap-highlight-color: transparent
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__btn___hm9nj {
        padding:0 24px;
        font-size: 16px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__btn___hm9nj:focus,.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__btn___hm9nj:hover {
    background: #434343
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__btn___hm9nj:active {
    background: #1f1f1f
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__view-more___w0BvF {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.85);
    margin: 8px 0 0 0
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__view-more___w0BvF {
        margin:0 0 0 8px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__view-more___w0BvF:focus,.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__view-more___w0BvF:hover {
    background: rgba(0,0,0,.06)
}

.QuizProduct__container___cNqVi .QuizProduct__content___HQY4G .QuizProduct__product___OYFbz .QuizProduct__action___Wids- .QuizProduct__view-more___w0BvF:active {
    background: rgba(0,0,0,.15)
}

.QuizProduct__container___cNqVi .QuizProduct__recommend___pambn {
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
    padding: 0 8px
}

@media (min-width: 1200px) {
    .QuizProduct__container___cNqVi .QuizProduct__recommend___pambn {
        padding:0 16px
    }
}

.QuizProduct__container___cNqVi .QuizProduct__recommend___pambn div {
    font-weight: 600;
    color: rgba(0,0,0,.85)
}

.QuizProduct__container___cNqVi .QuizProduct__recommend___pambn p {
    color: rgba(0,0,0,.65);
    margin-top: 8px
}

.QuizResult__container___XVRyI:first-child {
    margin-top: 0
}

@media (min-width: 1200px) {
    .QuizResult__container___XVRyI:first-child {
        margin-top:48px
    }
}

.QuizResult__content___C1eNS {
    max-width: 1200px;
    margin: 0 24px
}

@media (min-width: 768px) {
    .QuizResult__content___C1eNS {
        margin:0 32px
    }
}

@media (min-width: 1200px) {
    .QuizResult__content___C1eNS {
        margin:0 auto
    }
}

.QuizResult__content___C1eNS .QuizResult__products___2jZLz>* {
    margin-top: 32px
}

@media (min-width: 1200px) {
    .QuizResult__content___C1eNS .QuizResult__products___2jZLz>* {
        margin-top:48px
    }
}

.QuizResult__content___C1eNS .QuizResult__products___2jZLz>:first-child {
    margin-top: 0
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx {
    display: flex;
    justify-content: center;
    margin-top: 32px
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx>* {
    margin-left: 24px
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx>:first-child {
    margin-left: 0
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    height: 32px;
    padding: 0 12px;
    color: rgba(0,0,0,.85);
    transition: all .3s ease;
    -webkit-tap-highlight-color: transparent
}

@media (min-width: 1200px) {
    .QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK {
        height:48px;
        padding: 0 16px
    }
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK:focus,.QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK:hover {
    background: rgba(0,0,0,.04)
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK:active {
    background: rgba(0,0,0,.06)
}

.QuizResult__content___C1eNS .QuizResult__action___XSZmx .QuizResult__btn___IyTSK span {
    margin-left: 8px
}

@font-face {
    font-family: kingsfont;
    src: url(//store-cdn.djiits.com/assets/v3/static/media/iconfont.f7ded2ca.eot);
    src: url(//store-cdn.djiits.com/assets/v3/static/media/iconfont.f7ded2ca.eot#iefix) format('embedded-opentype'),url(//store-cdn.djiits.com/assets/v3/static/media/iconfont.4c832548.woff) format('woff'),url(//store-cdn.djiits.com/assets/v3/static/media/iconfont.9195a930.ttf) format('truetype'),url(//store-cdn.djiits.com/assets/v3/static/media/iconfont.4eca4eae.svg#kingsfont) format('svg')
}

.iconfont__kingsfont___iJTra {
    font-family: kingsfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconfont__icon-check___WRNsH:before {
    content: "\e604"
}

.iconfont__icon-warning___52Om2:before {
    content: "\e605"
}

.iconfont__icon-search___UPuIs:before {
    content: "\e606"
}

.iconfont__icon-arrow-left___HYKrk:before {
    content: "\e601"
}

.iconfont__icon-arrow-right___9wEf0:before {
    content: "\e602"
}

.iconfont__icon-close___uTvi\+:before {
    content: "\e603"
}

.iconfont__icon-arrow-right-thin___toiYO:before {
    content: "\e607"
}

.iconfont__icon-arrow-left-thin___FVO-x:before {
    content: "\e608"
}

.iconfont__icon-cog___gXqeh:before {
    content: "\e60a"
}

.iconfont__icon-affirm___fdNdP:before {
    content: "\e60e"
}

.iconfont__icon-dji___ThDvq:before {
    content: "\e60f"
}

.iconfont__icon-official-plus___\+q4Xf:before {
    content: "\e62c"
}

.iconfont__icon-official-minus___i1nzN:before {
    content: "\e62d"
}

.iconfont__icon-official-close___K44qe:before {
    content: "\e62f"
}

.iconfont__icon-official-dropdown___oz7yq:before {
    content: "\e633"
}

.iconfont__icon-arrow-down___7PZRY:before {
    content: "\e60c"
}

.iconfont__icon-arrow-up___bcSSt:before {
    content: "\e612"
}

.iconfont__icon-official-warning___O\+E9w:before {
    content: "\e634"
}

.iconfont__icon-official-shelf___ImC-v:before {
    content: "\e635"
}

.iconfont__icon-info___GlRLX:before {
    content: "\e613"
}

.iconfont__icon-official-startover___P48cS:before {
    content: "\e63c"
}

.iconfont__icon-official-arrow-left___wSdnV:before {
    content: "\e63d"
}

.iconfont__icon-cart___PbNh-:before {
    content: "\e63e"
}

.iconfont__icon-print___xAuab:before {
    content: "\e63f"
}

.iconfont__icon-official-arrow-right___8pbSP:before {
    content: "\e640"
}

.style__modal___l59CO {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    height: 100%
}

.style__modal___l59CO.style__visible___4UulP {
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.style__modal___l59CO.style__visible___4UulP .style__modal-dialog___DKwwH {
    opacity: 1;
    transform: translateY(0);
    border-radius: 8px
}

.style__modal___l59CO .style__modal-mask___fPTiJ {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2)
}

.style__modal___l59CO .style__modal-dialog___DKwwH {
    position: relative;
    z-index: 1;
    width: 1000px;
    max-width: 100%;
    margin: 30px auto;
    opacity: 0;
    transform: translateY(-30px);
    transition: all .3s ease
}

.style__modal___l59CO .style__modal-dialog___DKwwH .style__modal-close___af8F\+ {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

@media (max-width: 767px) {
    .style__modal___l59CO .style__modal-dialog___DKwwH .style__modal-close___af8F\+ {
        right:16px;
        top: 16px;
        z-index: 1
    }

    .style__modal___l59CO .style__modal-dialog___DKwwH .style__modal-close___af8F\+ i {
        font-size: 24px!important
    }
}

.style__modal___l59CO .style__modal-dialog___DKwwH .style__modal-content___\+xiKS {
    background-color: #fff;
    border-radius: 8px
}

@media (max-width: 767px) {
    .style__modal___l59CO .style__modal-dialog___DKwwH .style__modal-content___\+xiKS {
        padding:20px
    }
}

.modal-open {
    overflow: hidden
}

.style__activeVideo___yYHPw .style__modal-mask___fPTiJ {
    background-color: #000
}

.style__activeVideo___yYHPw .style__modal-dialog___DKwwH .style__modal-content___\+xiKS {
    background-color: #000
}

@media (max-width: 768px) {
    .style__activeVideo___yYHPw .style__modal-dialog___DKwwH {
        position:absolute;
        height: 100vw
    }
}

@media (max-width: 767px) {
    .style__middle___ghPUi {
        padding:20px
    }
}

.AccessoriesCard__card___XQXBm {
    display: block;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(0)
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__video___y3Iyl:hover {
    cursor: zoom-in
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__image-box___L6mF1 {
    width: 100%;
    padding-bottom: calc(100% / 1.5);
    position: relative;
    overflow: hidden;
    display: block
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__image-box___L6mF1 .AccessoriesCard__image___uPgJ\+ {
    transition: all .6s ease;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV {
    display: block;
    padding: 24px 24px 72px;
    position: relative
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV .AccessoriesCard__title___Wfb29 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
    display: block
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV .AccessoriesCard__desc___yHRNG {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(0,0,0,.65)
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__price___YfQ8V {
    position: absolute;
    width: 100%;
    bottom: 24px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 20px;
    color: #232526
}

.AccessoriesCard__card___XQXBm .AccessoriesCard__price___YfQ8V .AccessoriesCard__original-price___btVVg {
    color: rgba(0,0,0,.45)
}

.AccessoriesCard__play-btn___1wkIE {
    background: rgba(0,0,0,.45);
    color: #fff;
    right: 15px;
    top: 15px;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    margin: 0;
    height: 48px;
    font-size: 16px;
    line-height: 20px;
    width: 48px;
    border: none;
    align-items: center;
    border-radius: 40px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    transition: all .3s ease;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.AccessoriesCard__play-btn___1wkIE:hover {
    background: rgba(0,0,0,.65)
}

.AccessoriesCard__play-btn___1wkIE i {
    font-size: 20px
}

@media (max-width: 767px) {
    .AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV {
        padding:16px 16px 52px
    }

    .AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV .AccessoriesCard__title___Wfb29 {
        font-size: 16px;
        line-height: 20px
    }

    .AccessoriesCard__card___XQXBm .AccessoriesCard__text___zgLhV .AccessoriesCard__desc___yHRNG {
        font-size: 14px;
        line-height: 24px
    }

    .AccessoriesCard__card___XQXBm .AccessoriesCard__price___YfQ8V {
        padding: 0 16px;
        bottom: 16px;
        font-size: 14px
    }

    .AccessoriesCard__play-btn___1wkIE {
        width: 32px;
        height: 32px;
        top: 16px;
        right: 16px
    }

    .AccessoriesCard__play-btn___1wkIE:hover {
        background: rgba(0,0,0,.45)
    }

    .AccessoriesCard__play-btn___1wkIE svg {
        width: 12px;
        height: 12px
    }
}

.style__cart___FJBKy {
    overflow: hidden
}

.style__link___fyQav {
    margin-top: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #0060ef;
    text-align: center
}

.style__link___fyQav:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .style__cart___FJBKy [data-cards-scroller-item] {
        --col-size:calc(var(--full-width) - 48px)
    }

    .style__link___fyQav {
        font-size: 14px;
        line-height: 24px;
        margin-top: 16px
    }

    .style__link___fyQav:hover {
        text-decoration: blink
    }
}

.UserWorksCard__scroller-item___UOUXw {
    display: flex;
    flex-direction: column;
    width: 1200px;
    word-break: break-all
}

.UserWorksCard__scroller-item___UOUXw .UserWorksCard__video-player-container___oyfbi {
    height: 600px;
    position: relative
}

.UserWorksCard__scroller-item___UOUXw .UserWorksCard__video-player-container___oyfbi .UserWorksCard__video-player___Ta4WL {
    height: 600px
}

.UserWorksCard__scroller-item___UOUXw .UserWorksCard__video-player-container___oyfbi .UserWorksCard__video-player-pointer___uPoBb {
    cursor: zoom-in
}

.UserWorksCard__product-card-container___qxUF8 {
    width: 368px;
    position: absolute;
    z-index: 2;
    display: none;
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    bottom: 24px;
    left: 24px;
    opacity: 0;
    transition: opacity .3s
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__product-image___\+RKu9 {
    height: 68px;
    width: 68px
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK {
    margin-left: 8px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    min-height: 68px
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__title___UN0tW {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    word-break: break-word
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__buy-container___OH4SF {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__buy-container___OH4SF .UserWorksCard__buy-btn___H2-BB {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: none;
    order: 1;
    flex-grow: 0
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__buy-container___OH4SF p[class^=Price__from-price] {
    font-size: 14px;
    line-height: 20px
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__buy-container___OH4SF .UserWorksCard__original-price___j2wXG {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,.65)
}

.UserWorksCard__product-card-container___qxUF8 .UserWorksCard__describe___1hItK .UserWorksCard__buy-container___OH4SF .UserWorksCard__price-text___BzzBO {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #232526
}

.UserWorksCard__product-mini-card-container___\+zCRR {
    display: none;
    padding: 6px 12px;
    max-width: calc(100% - 32px);
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 2;
    background: rgba(0,0,0,.65);
    border-radius: 4px;
    color: #fff;
    opacity: 0;
    transition: opacity,display .3s
}

.UserWorksCard__product-mini-card-container___\+zCRR .UserWorksCard__svg___oT3k6 {
    display: flex;
    align-items: center
}

.UserWorksCard__product-mini-card-container___\+zCRR .UserWorksCard__title___UN0tW {
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px
}

.UserWorksCard__product-mini-card-container___\+zCRR .UserWorksCard__title___UN0tW span {
    font-weight: 600
}

.UserWorksCard__product-card-container-show___PpYGB,.UserWorksCard__product-mini-card-container-show___lxPtp {
    opacity: 1;
    display: flex;
    align-items: center
}

.UserWorksCard__user-module___MpiQi {
    margin: 0 16px;
    font-size: 18px;
    line-height: 24px
}

.UserWorksCard__user-module___MpiQi .UserWorksCard__user-info___qb\+hX {
    display: flex;
    align-items: center;
    height: 32px;
    margin-top: 16px;
    color: rgba(0,0,0,.65)
}

.UserWorksCard__user-module___MpiQi .UserWorksCard__user-info___qb\+hX .UserWorksCard__user-image___sHDsY {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%
}

.UserWorksCard__user-module___MpiQi .UserWorksCard__describe___1hItK {
    margin-top: 8px;
    color: rgba(0,0,0,.85);
    word-break: break-word
}

.UserWorksCard__play-btn___aCakH {
    background: rgba(0,0,0,.45);
    color: #fff;
    right: 24px;
    top: 24px;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: center;
    margin: 0;
    height: 48px;
    font-size: 16px;
    line-height: 20px;
    width: 48px;
    border: none;
    align-items: center;
    border-radius: 40px;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    transition: all .3s ease;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.UserWorksCard__play-btn___aCakH:hover {
    background: rgba(0,0,0,.65)
}

.UserWorksCard__play-btn___aCakH i {
    font-size: 20px
}

@media (max-width: 1199px) {
    .UserWorksCard__scroller-item___UOUXw {
        width:100%
    }
}

@media (max-width: 767px) {
    .UserWorksCard__modal___5KDhx div[class^=style__modal-mask] {
        background:#232526
    }

    .UserWorksCard__modal___5KDhx div[class^=style__modal-body] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .UserWorksCard__scroller-item___UOUXw .UserWorksCard__video-player-container___oyfbi {
        height: 400px
    }

    .UserWorksCard__scroller-item___UOUXw .UserWorksCard__video-player-container___oyfbi .UserWorksCard__video-player___Ta4WL {
        height: 400px
    }

    .UserWorksCard__product-card-container___qxUF8 {
        width: calc(100% - 32px);
        margin: 0 16px;
        left: 0;
        bottom: 16px
    }

    .UserWorksCard__user-module___MpiQi {
        position: relative
    }

    .UserWorksCard__user-module___MpiQi .UserWorksCard__user-info___qb\+hX {
        font-size: 12px;
        line-height: 16px
    }

    .UserWorksCard__user-module___MpiQi .UserWorksCard__describe-mobile___aEFKq {
        font-size: 14px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 999;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .UserWorksCard__user-module___MpiQi .UserWorksCard__describe-show-more___attkF {
        line-height: 18px;
        transition: all .3s ease;
        position: absolute;
        padding: 0 16px;
        bottom: 0;
        right: 0;
        color: #0060ef;
        background: linear-gradient(270deg,#f0f1f2 83.06%,rgba(240,241,242,0) 106.45%)
    }

    .UserWorksCard__play-btn___aCakH {
        width: 32px;
        height: 32px;
        right: 16px;
        top: 16px
    }

    .UserWorksCard__play-btn___aCakH svg {
        width: 12px;
        height: 12px
    }
}

.UserWorks__user-works-container___Vsqe0 [data-cards-scroller-item] {
    --visible-cols: 1!important;
    --col-hint: 0!important
}

.UserWorks__user-works-container___Vsqe0 h2[class^=GroupHeader__title] {
    font-size: 32px;
    line-height: 40px
}

@media (max-width: 1199px) {
    .UserWorks__user-works-container___Vsqe0 [data-cards-scroller-item] {
        --col-size:calc(var(--full-width) - 64px)
    }
}

@media (max-width: 767px) {
    .UserWorks__user-works-container___Vsqe0 h2[class^=GroupHeader__title] {
        font-size:24px;
        line-height: 32px;
        font-weight: 600
    }

    .UserWorks__user-works-container___Vsqe0 [data-cards-scroller-item] {
        --col-size: calc(var(--full-width) - 48px)
    }
}

.Selection__selection-page___FuD6p .selection-section-module {
    margin-top: 24px
}

@media (min-width: 768px) {
    .Selection__selection-page___FuD6p .selection-section-module {
        margin-top:56px
    }
}

.Selection__selection-page___FuD6p h2 {
    font-weight: 600;
    color: #232526
}

@media (max-width: 767px) {
    .Selection__selection-page___FuD6p h2 {
        font-size:24px;
        line-height: 28px
    }
}

@media (min-width: 768px) {
    .Selection__selection-page___FuD6p h2 {
        font-size:32px;
        line-height: 40px
    }
}

@media (min-width: 1200px) {
    .Selection__selection-page___FuD6p h2 {
        font-size:32px;
        line-height: 40px
    }
}