[user-profile-body] .base-info{overflow:hidden;padding-top:8px;padding-right:0;padding-bottom:8px;padding-left:0;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1)}[user-profile-body] .base-info .area{overflow:hidden;float:left;width:calc(50% - 5px);padding-top:0;padding-right:5px;padding-bottom:0;padding-left:5px}[user-profile-body] .base-info .area:last-child{margin-left:10px}[user-profile-body] .base-info .area>span{font-size:13px;line-height:24px}[user-profile-body] .base-info .area .label{float:left;color:hsla(0,0%,100%,.5)}[user-profile-body] .base-info .area .value{float:right;color:hsla(0,0%,100%,.8)}[user-profile-body] .provider-list{margin-top:20px;padding-top:0;padding-right:5px;padding-bottom:0;padding-left:5px;padding-bottom:20px}[user-profile-body] .provider-list>li{overflow:hidden;padding-top:2px;padding-right:0;padding-bottom:2px;padding-left:0}[user-profile-body] .provider-list>li>label{font-size:11px;line-height:35px;color:hsla(0,0%,100%,.5)}[user-profile-body] .provider-list>li>label [cdn-img]{width:20px;height:20px;margin-left:3px;vertical-align:middle;background-color:hsla(0,0%,100%,.8);border-radius:50%}[user-profile-body] .provider-list>li .copy-inp{position:relative}[user-profile-body] .provider-list>li .copy-inp .copy-icon{position:absolute;right:5px;top:5px;left:auto;bottom:auto;z-index:1;width:25px;height:25px;opacity:.5;border-radius:50%;cursor:pointer;transition:background-color .2s}[user-profile-body] .provider-list>li .copy-inp .copy-icon:active{background-color:hsla(0,0%,100%,.2)}[user-profile-body] .provider-list>li .copy-inp .copy-icon svg{width:22px;height:22px;vertical-align:middle}[user-profile-body] .provider-list>li .copy-inp [text-input]{height:35px;border-radius:6px}[user-profile-body] .provider-list>li .copy-inp [text-input]:after{display:none}[user-profile-body] .provider-list>li .copy-inp [text-input] input{height:35px;padding-right:32px;border-bottom:0;font-size:12px;line-height:35px;color:hsla(0,0%,100%,.5)}[user-profile-body].light .base-info{border-top:1px solid #ebebf0;border-bottom:1px solid #ebebf0;padding-top:8px;padding-right:0;padding-bottom:8px;padding-left:0}[user-profile-body].light .base-info .area{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px}[user-profile-body].light .base-info .area .label{color:#787781}[user-profile-body].light .base-info .area .value{color:#191919}[user-profile-body].light .provider-list>li>label{color:#1a1d21}[user-profile-body].light .provider-list>li .copy-inp [text-input]>input{color:#787781;background-color:#ebebf0}[user-profile-body].light .provider-list>li .copy-inp .copy-icon path{stroke:#787781}[user-profile-modal][modal]>.panel.normal{max-width:350px;padding:20px;border-radius:6px}[user-profile-modal][modal]>.panel.normal .header{margin-bottom:0;padding:0;border-bottom:0}[user-profile-modal][modal]>.panel.normal .header .close{top:0}[user-profile-modal][modal]>.panel.normal .header .profile{margin-bottom:15px;text-align:center}[user-profile-modal][modal]>.panel.normal .header .profile .avatar{position:relative;width:72px;height:72px;margin-left:auto;margin-right:auto;border-radius:50%;overflow:hidden}[user-profile-modal][modal]>.panel.normal .header .profile .avatar [avatar]{width:72px;height:72px;vertical-align:middle}[user-profile-modal][modal]>.panel.normal .header .profile .name{padding-top:8px;font-size:16px;color:#fff}[user-profile-modal][modal]>.panel.normal .header .profile .name>em{vertical-align:middle}[user-profile-modal][modal]>.panel.normal .header .profile .name>img{width:16px;height:16px;margin-right:4px;margin-left:4px;vertical-align:middle;margin-top:2px}[user-profile-modal][modal]>.panel.normal .header .profile .name>img.flag{width:20px;height:20px}[user-profile-modal][modal]>.panel.normal>.scroll-area{max-height:70vh!important}[user-profile-modal][modal]>.panel.normal .detail-view-btn{width:100%}[user-profile-modal][modal].light .panel .header .profile>.name{color:#191919;font-weight:700}[user-profile-modal][modal].light .panel [color-button]{height:48px;border-radius:24px;margin-bottom:20px}@media (min-width:1024px){[user-profile-modal][modal] .panel .header .profile .avatar>[avatar]>img{cursor:pointer}[user-profile-modal][modal] .panel .scroll-area{max-height:400px!important}}[hearth-deck-detail]{padding-top:12px;padding-right:20px;padding-bottom:32px;padding-left:20px;background-image:linear-gradient(180deg,rgba(22,25,29,.5),#16191d);border-radius:6px}[hearth-deck-detail] .staggered-fade-enter-to{opacity:1;transition:all .2s ease}[hearth-deck-detail] .staggered-fade-enter-active{transition:all .8s}[hearth-deck-detail] .staggered-fade-enter{opacity:0;transform:translateX(-2.5em)}[hearth-deck-detail] .staggered-fade-leave-to{opacity:0}[hearth-deck-detail]>header{padding-bottom:12px;margin-bottom:32px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center}[hearth-deck-detail]>header.loaded{margin-bottom:0;border:none}[hearth-deck-detail]>header>h3{font-size:16px;color:#fff}[hearth-deck-detail]>header>button{border-radius:4px;opacity:.5}[hearth-deck-detail]>header>button:hover{opacity:1;background-color:hsla(0,0%,100%,.1)}[hearth-deck-detail]>header>button.copy-btn{margin-left:auto}[hearth-deck-detail]>header>button.copy-btn:after{content:"";display:block;width:24px;height:24px;background-image:url(/img/icon/ico_copy_clipboard.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>header>button.delete-btn{margin-left:12px}[hearth-deck-detail]>header>button.delete-btn:after{content:"";display:block;width:24px;height:24px;background-image:url(/img/icon/ico_trash.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>.not-registered{color:#a4a3ae}[hearth-deck-detail]>.hero-wrapper{transform:translateX(-20px);position:relative;margin-bottom:16px}[hearth-deck-detail]>.hero-wrapper>span{position:absolute;right:-28px;bottom:12px;left:auto;top:auto;font-size:11px;display:inline-block;color:#000;height:16px;line-height:16px;border-radius:12px;padding-top:0;padding-right:6px;padding-bottom:0;padding-left:6px;background-image:linear-gradient(180deg,#c9c9c9 1%,#b1b5bc)}[hearth-deck-detail]>.deck-info-wrapper{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:hsla(0,0%,100%,.8);margin-bottom:16px}[hearth-deck-detail]>.deck-info-wrapper .count-info:before{background-image:url(/img/icon/arena/hearthStone/ico_cards.svg)}[hearth-deck-detail]>.deck-info-wrapper .count-info:before,[hearth-deck-detail]>.deck-info-wrapper .dust-info:before{content:"";display:block;width:15px;height:20px;background-repeat:no-repeat;background-size:contain;margin-right:4px;display:inline-block;vertical-align:middle}[hearth-deck-detail]>.deck-info-wrapper .dust-info:before{background-image:url(/img/icon/arena/hearthStone/ico_dust.svg)}[hearth-deck-detail]>.mana-graph{width:270px;height:135px;margin-top:0;margin-right:auto;margin-bottom:24px;margin-left:auto;background-color:#16191d;display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-right:24px;padding-bottom:0;padding-left:24px}[hearth-deck-detail]>.mana-graph>li{font-size:13px;text-align:center}[hearth-deck-detail]>.mana-graph>li .mana-count{color:hsla(0,0%,100%,.8);margin-bottom:2px}[hearth-deck-detail]>.mana-graph>li .mana-bar{width:14px;height:80px;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column-reverse}[hearth-deck-detail]>.mana-graph>li .mana-bar:hover{border:1px solid hsla(0,0%,100%,.3)}[hearth-deck-detail]>.mana-graph>li .mana-bar:hover>div,[hearth-deck-detail]>.mana-graph>li .mana-bar:hover~.mana-key{filter:brightness(140%)}[hearth-deck-detail]>.mana-graph>li .mana-bar>div{width:100%;background-color:#12d5a3}[hearth-deck-detail]>.mana-graph>li .mana-key{color:#12d5a3}[hearth-deck-detail]>.cards>.card{color:#fff;position:relative}[hearth-deck-detail]>.cards>.card .cover{width:70px;height:30px;position:absolute;right:60px;top:0;left:auto;bottom:auto;z-index:1}[hearth-deck-detail]>.cards>.card.odd-card{background-color:#1f2226}[hearth-deck-detail]>.cards>.card.odd-card .cover{background-image:linear-gradient(270deg,rgba(48,51,55,0),#1f2226 50%)}[hearth-deck-detail]>.cards>.card.even-card{background-color:#303337}[hearth-deck-detail]>.cards>.card.even-card .cover{background-image:linear-gradient(270deg,rgba(48,51,55,0),#303337 50%)}[hearth-deck-detail]>.cards>.card .card-cost{display:inline-block;width:35px;height:30px;line-height:28px;text-align:center;vertical-align:middle;position:absolute;left:-10px;top:0;right:auto;bottom:auto}[hearth-deck-detail]>.cards>.card.COMMON .card-cost{background-image:url(/img/arena/hearthStone/ico_deck_common.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>.cards>.card.RARE .card-cost{background-image:url(/img/arena/hearthStone/ico_deck_rare.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>.cards>.card.EPIC .card-cost{background-image:url(/img/arena/hearthStone/ico_deck_epic.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>.cards>.card.LEGENDARY .card-cost{background-image:url(/img/arena/hearthStone/ico_deck_legendary.svg);background-repeat:no-repeat;background-size:contain}[hearth-deck-detail]>.cards>.card .card-name{overflow:hidden;text-after-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-left:34px;width:80%;height:30px;line-height:28px;vertical-align:middle}[hearth-deck-detail]>.cards>.card>img{-o-object-position:20px -60px;object-position:20px -60px;width:150px;height:30px;opacity:.4;position:absolute;right:0;top:0;left:auto;bottom:auto}[hearth-deck-detail]>.cards>.card .card-count{display:inline-block;position:absolute;right:3px;top:3px;left:auto;bottom:auto;width:24px;height:24px;line-height:24px;border-radius:4px;color:#12d5a3;background-color:hsla(0,0%,100%,.2);vertical-align:middle;text-align:center}[hearth-deck-detail]>.cards .card+.card{margin-top:2px}[hearth-deck-detail] .hovered-card-info{position:absolute;z-index:2}[hearth-deck-detail] .hovered-card-info>img{width:180px;height:255px}[hearth-deck-manager-modal] .panel.large{width:100%}[hearth-deck-manager-modal] .panel.large .header{padding-top:40px;padding-right:20px;padding-bottom:20px;padding-left:20px}[hearth-deck-manager-modal] .panel.large .header>h2{color:#fff;position:absolute;left:20px;top:18px;right:auto;bottom:auto;font-size:20px}[hearth-deck-manager-modal] .panel.large .header .input-wrapper{padding-top:20px;position:relative}[hearth-deck-manager-modal] .panel.large .header .input-wrapper .my-deck-btn{position:absolute;right:56px;top:28px;left:auto;bottom:auto;padding-top:2px;padding-right:6px;padding-bottom:2px;padding-left:6px;color:#fff;border:1px solid #fff;font-size:12px;border-radius:4px}[hearth-deck-manager-modal] .panel.large .header .input-wrapper .refresh-btn{position:absolute;right:30px;top:32px;left:auto;bottom:auto}[hearth-deck-manager-modal] .panel.large .header .input-wrapper .refresh-btn:before{content:"";display:block;width:16px;height:16px;background-image:url(/img/icon/bracket/icon-refresh.svg);background-repeat:no-repeat;background-size:contain;opacity:.8}[hearth-deck-manager-modal] .panel.large .header .input-wrapper>ul{position:absolute;width:100%;max-height:200px;left:0;top:60px;right:auto;bottom:auto;z-index:10;background-color:#222;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border-radius:0 0 10px 10px;overflow:scroll}[hearth-deck-manager-modal] .panel.large .header .input-wrapper>ul>li{cursor:pointer;color:#fff;height:50px;font-size:14px;line-height:40px}[hearth-deck-manager-modal] .panel.large .scroll-area{padding:0}[hearth-deck-manager-modal] .panel.large .scroll-area .deck-wrapper{position:relative;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px;min-height:650px;background-image:url(/img/bracket/bg_deck_wrap.jpg);background-repeat:no-repeat;background-size:contain;background-size:cover}[hearth-deck-manager-modal] .panel.large .scroll-area .deck-wrapper>h3{font-size:18px;color:#fff;margin-bottom:16px}[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .stroke-target{stroke:#fff}[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-next,[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-prev{width:24px;height:24px;opacity:.5}[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-next.swiper-button-disabled,[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-prev.swiper-button-disabled{opacity:.1}.no-touch [hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-next:hover:not(.hover-disable),.no-touch [hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-prev:hover:not(.hover-disable),[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-next:active,[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-prev:active{opacity:1}[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-prev{right:24px;top:-40px;left:auto;bottom:auto}[hearth-deck-manager-modal] .panel.large [slider] .swiper-navigation .swiper-button-next{right:0;top:-40px;left:auto;bottom:auto}[hearth-deck-manager-modal] .panel.large [slider] .swiper-container .swiper-navigation .swiper-button-next,[hearth-deck-manager-modal] .panel.large [slider] .swiper-container .swiper-navigation .swiper-button-prev{width:24px;height:24px}[hearth-deck-manager-modal] .panel.large [slider] .swiper-container .swiper-wrapper .swiper-slide,[hearth-deck-manager-modal] .panel.large [slider] .swiper-container .swiper-wrapper .swiper-slide [hearth-deck]{width:335px}@media (min-width:1260px){[hearth-deck-manager-modal] .panel.large{width:852px}}.no-shrink{flex-shrink:0}[disqualified-detail-modal] .success{fill:#12d5a3}[disqualified-detail-modal] .fail{fill:#e9b718}[disqualified-detail-modal]>.panel.medium>.header{line-height:54px}[disqualified-detail-modal]>.panel.medium>.header>.refresh-btn{position:absolute;right:20px;top:20px;left:auto;bottom:auto}[disqualified-detail-modal]>.panel.medium>.header>.refresh-btn:after{width:16px;height:16px;content:"";display:block;background-image:url(/img/icon/ico_initialize.svg);background-repeat:no-repeat;background-size:contain}[disqualified-detail-modal]>.panel.medium>.header>.close{display:none}[disqualified-detail-modal]>.panel.medium>.header>[avatar]{width:54px;height:54px;border-radius:4px;margin-right:4px;vertical-align:middle}[disqualified-detail-modal]>.panel.medium>.header>.team-name{display:inline-block;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:hsla(0,0%,100%,.8);vertical-align:middle}[disqualified-detail-modal]>.panel.medium>.scroll-area{text-align:center;padding-top:0;padding-right:21px;padding-bottom:0;padding-left:21px}[disqualified-detail-modal]>.panel.medium>.scroll-area .warnings{margin-top:12px;margin-bottom:12px;height:58px;line-height:58px;border:1px solid #e5bb30;border-radius:4px;font-size:13px;color:#e5bb30;text-align:center;vertical-align:middle}[disqualified-detail-modal]>.panel.medium>.scroll-area .warnings.pending{margin-top:35px;margin-right:0;margin-bottom:35px;margin-left:0}[disqualified-detail-modal]>.panel.medium>.scroll-area [color-button]{width:135px;height:40px;line-height:38px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view]{margin-bottom:8px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view].on>a{border-radius:12px 12px 0 0}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view]>a{height:48px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);background-color:#16191d;margin-bottom:0}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view]>a [avatar]{width:32px;height:32px;border-radius:16px;vertical-align:middle;margin-right:8px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view]>a .nickname{vertical-align:middle}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view]>a:after{top:12px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view].list .box{padding:0}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view] .content-wrapper{background-color:#242a32;padding-top:0;padding-right:12px;padding-bottom:0;padding-left:12px;border-radius:0 0 12px 12px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view] .content-wrapper>li{display:flex;align-items:center;justify-content:space-between;height:40px;color:#12d5a3;font-size:13px}[disqualified-detail-modal]>.panel.medium>.scroll-area [toggle-edit-view] .content-wrapper>li.fail{color:#e9b718}