[modal]{display:flex;justify-content:center;align-items:center}[modal],[modal]>.dim{position:absolute;width:100%;height:100%}[modal]>.dim{background-color:rgba(0,0,0,.7);left:0;top:0;right:auto;bottom:auto}[modal]>.panel{position:relative;border-radius:20px;width:100%;height:auto;overflow:hidden;box-shadow:0 3px 6px 0 #000;max-height:100%}[modal]>.panel>.header{padding-top:40px;padding-right:20px;padding-bottom:0;padding-left:20px;position:relative}[modal]>.panel>.header .close{position:absolute;right:20px;top:20px;left:auto;bottom:auto;z-index:100}[modal]>.panel>.header .close svg{display:block}[modal]>.panel>.scroll-area{overflow-y:scroll}[modal]>.panel.normal,[modal]>.panel>.scroll-area{padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}[modal]>.panel.normal>.header{padding-top:22px;padding-right:0;padding-bottom:12px;padding-left:0;border-bottom:1px solid #ebebf0;margin-bottom:15px}[modal]>.panel.normal>.header .close{right:0}[modal]>.panel.normal>.header h2{font-size:16px}[modal]>.panel.normal .scroll-area{padding-top:0;padding-right:0;padding-bottom:30px;padding-left:0}[modal]>.panel.medium{padding-bottom:40px}[modal]>.panel.medium .scroll-area{padding-top:0;padding-right:26px;padding-bottom:0;padding-left:26px}[modal].light>.panel{background-color:#fff}[modal].light>.panel>.header .close svg .stroke-target{stroke:#191919}[modal].dark>.panel{background-color:#161a1d}[modal].dark>.panel>.header .close svg .stroke-target{stroke:#fff}[modal].transparent>.panel.large{background-color:transparent;box-shadow:none;border-radius:0}[modal].transparent>.panel.large>.header{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0}[modal].transparent>.panel.large>.header .close{right:0;top:24px;left:auto;bottom:auto}[modal].transparent>.panel.large>.header svg{background-color:#ebebf0;border-radius:4px}[modal].transparent>.panel.large>.header svg .stroke-target{stroke:#a4a3ae}[modal].transparent>.panel.large .scroll-area{padding:0}@media (min-width:414px){[modal]{padding:10px}[modal]>.panel{width:394px}}@media (min-width:768px){[modal]>.panel.large{width:460px}[modal]>.panel.large>.header{padding-top:40px;padding-right:40px;padding-bottom:0;padding-left:40px}[modal]>.panel.large>.scroll-area{padding-top:0;padding-right:40px;padding-bottom:0;padding-left:40px}}[toggle-button]{width:38px;height:20px;display:inline-block;vertical-align:top;position:relative;background-image:url(/shared/img/bg/btn-toggle-bg.svg);background-repeat:no-repeat;background-size:contain;background-color:transparent}[toggle-button].on>span>span{background-color:#fff}[toggle-button]>span{width:calc(100% - 6px);height:100%;margin-left:auto;margin-right:auto;display:block;position:relative}[toggle-button]>span>span{width:14px;height:14px;border-radius:7px;background-color:#d8d8d8;z-index:1;margin-top:3px;transition:background-color .5s}[toggle-button]>i,[toggle-button]>span>span{position:absolute;display:block;left:0;top:0;right:auto;bottom:auto}[toggle-button]>i{width:37px;height:20px;background-image:url(/shared/img/bg/btn-toggle-active.svg);background-repeat:no-repeat;background-size:contain;opacity:0}[toggle-edit-view]{overflow:hidden;position:relative}[toggle-edit-view].edit{border-bottom:1px solid #191919}[toggle-edit-view].edit>a{height:40px;line-height:40px;cursor:pointer}[toggle-edit-view].edit .btn-toggle{position:absolute;right:0;top:10px;left:auto;bottom:auto;pointer-events:none;z-index:3}[toggle-edit-view].edit.on .contents-box-holder .box{overflow:hidden}[toggle-edit-view].list>a{width:100%;height:40px;background-color:#16191d;text-align:left;color:#fff;line-height:40px;box-sizing:border-box;padding-left:20px;position:relative;margin-bottom:10px}[toggle-edit-view].list>a:after{content:"";display:block;position:absolute;width:24px;height:24px;background-image:url(/shared/img/icon/Arrow-Active.svg);background-repeat:no-repeat;background-size:contain;right:10px;top:7px;left:auto;bottom:auto;transition:transform .3s;opacity:.4;transform:rotate(-90deg)}[toggle-edit-view].list.on a:after{transform:rotate(90deg)}[toggle-edit-view].list .contents-box-holder{text-align:left}[toggle-edit-view].list .contents-box-holder .box{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px}[toggle-edit-view]>a{position:relative;display:block}[toggle-edit-view] .contents-box-holder{transition:height .3s;overflow:hidden}[disband-team-alert-modal]{display:flex;justify-content:center;align-items:center;z-index:1000}[disband-team-alert-modal],[disband-team-alert-modal]>.dim{position:absolute;width:100%;height:100%;left:0;top:0;right:auto;bottom:auto}[disband-team-alert-modal]>.dim{background-color:rgba(0,0,0,.7)}[disband-team-alert-modal]>.panel{padding:16px;width:335px;display:block;position:relative;border-radius:20px;background-color:#fff;text-align:center}[disband-team-alert-modal]>.panel>.header{padding-top:24px;padding-right:0;padding-bottom:0;padding-left:0;position:relative}[disband-team-alert-modal]>.panel>.header .close{position:absolute;right:0;top:0;left:auto;bottom:auto;z-index:100}[disband-team-alert-modal]>.panel>.header .close svg{display:block}[disband-team-alert-modal]>.panel>.header [color-button]{height:48px;border-radius:12px;font-size:16px}[disband-team-alert-modal]>.panel h3{margin-top:10px;font-size:20px;line-height:26px}[disband-team-alert-modal]>.panel p{margin-top:20px;margin-bottom:40px;font-size:16px;line-height:26px}[disband-team-alert-modal]>.panel .btn-wrapper{display:flex}[disband-team-alert-modal]>.panel .btn-wrapper>*{flex:1}[disband-team-alert-modal].light>.panel{background-color:#fff}[disband-team-alert-modal].light>.panel>.header .close svg .stroke-target{stroke:#191919}[arena-team-list-item]{border-top:1px solid #2c2c2c;position:relative;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px}[arena-team-list-item].active .header-wrapper{padding-bottom:8px}[arena-team-list-item].active .header-wrapper [avatar]{width:48px;height:48px}[arena-team-list-item].active .member-list-wrapper{overflow:hidden;border-top:1px solid #2c2c2c;padding-top:8px;padding-bottom:24px}[arena-team-list-item].active .member-list-wrapper .member{position:relative;float:left;width:50%;margin-top:10px;cursor:pointer}[arena-team-list-item].active .member-list-wrapper .member .member-image{position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1;width:32px;height:32px;margin-right:10px;vertical-align:middle}[arena-team-list-item].active .member-list-wrapper .member .member-image>img{vertical-align:middle}[arena-team-list-item].active .member-list-wrapper .member .member-image [avatar]{width:32px;height:32px;border-radius:16px}[arena-team-list-item].active .member-list-wrapper .member .member-image .chain{position:absolute;width:15px;height:15px;right:0;top:-2px;left:auto;bottom:auto}[arena-team-list-item].active .member-list-wrapper .member .member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:40px;padding-right:10px;font-size:14px;line-height:32px}[arena-team-list-item].exclude{opacity:.3}[arena-team-list-item]:hover{background-color:hsla(0,0%,100%,.1)}[arena-team-list-item]:first-of-type{border-top:0}[arena-team-list-item] .header-wrapper{display:flex;align-items:center;display:wrap;flex-wrap:wrap;margin-right:auto}[arena-team-list-item] .header-wrapper .avatar{position:relative;margin-right:16px;overflow:hidden;cursor:pointer}[arena-team-list-item] .header-wrapper .avatar,[arena-team-list-item] .header-wrapper .avatar [avatar]{display:inline-block;width:48px;height:48px;border-radius:4px;transition:width .2s,height .2s}[arena-team-list-item] .header-wrapper .dummy-data{display:block;position:absolute;left:0;bottom:0;right:auto;top:auto;z-index:2;width:100%;font-size:9px;text-align:center;background-color:#000}[arena-team-list-item] .header-wrapper .info .team-name{display:inline-block;max-width:240px;font-weight:700;color:#bcbcbc;font-size:13px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:font-size .2s,color .2s}[arena-team-list-item] .header-wrapper .info .exclude-type{display:inline-block;margin-left:7px;color:#eee;font-size:13px;vertical-align:middle}[arena-team-list-item] .header-wrapper .info .my-badge{display:inline-block;color:#bcbcbc;height:18px;line-height:14.5px;font-size:10px;margin-left:16px;border:1px solid #bcbcbc;border-radius:2px;padding-right:8px;padding-left:8px}[arena-team-list-item] .header-wrapper .info .leader-name{display:block;color:#777;font-size:12px;font-weight:400}[arena-team-list-item] .header-wrapper .info .leader-name:before{content:"";display:block;width:14px;height:14px;background-image:url(/img/arena/ico_leader_dark.svg);background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin-right:4px}[arena-team-list-item] .header-wrapper .detail-btn{position:relative;color:#777;font-size:12px;margin-top:3px;padding-top:3px;padding-bottom:3px;cursor:pointer;z-index:5}[arena-team-list-item] .header-wrapper .detail-btn:hover{color:#fff;font-weight:700}[arena-team-list-item] .header-wrapper .deck-manage-btn{height:32px;line-height:30px;border-radius:16px;margin-right:20px}[arena-team-list-item] .header-wrapper .header-info{margin-right:auto}[arena-team-list-item] .sub-info{width:100%;margin-top:21px;text-align:right}[arena-team-list-item] .sub-info .deck-manage-btn{height:35px;font-size:12px;line-height:35px}[arena-team-list-item] .sub-info .detail-view-btn{display:inline-block;height:32px;margin-right:16px;padding-top:0;padding-right:16px;padding-bottom:0;padding-left:16px;font-size:12px;line-height:30px;border-radius:16px}[arena-team-list-item] .sub-info>span{display:inline-block;text-align:right}[arena-team-list-item] .sub-info .status{margin-bottom:3px;font-size:13px}[arena-team-list-item] .sub-info .status.apply-ready{color:#e5bb30}[arena-team-list-item] .sub-info .status.apply-complete{color:#12d5a3}[arena-team-list-item] .sub-info .status.checkin-ready{color:#d97b3d}[arena-team-list-item] .sub-info .status.checkin-complete{color:#cc3535}[arena-team-list-item] .sub-info .checkin-time{margin-left:10px;font-size:12px;color:#777}@media (min-width:768px){[arena-team-list-item].active{max-height:244px}[arena-team-list-item].active .header-wrapper .avatar,[arena-team-list-item].active .header-wrapper .avatar [avatar]{width:64px;height:64px}[arena-team-list-item].active .header-wrapper .info .team-name{font-size:16px;color:#fff}[arena-team-list-item].active .member-list-wrapper{padding-left:20px;padding-right:20px}[arena-team-list-item].active .member-list-wrapper .member{width:33.33333%}[arena-team-list-item] .sub-info{width:auto;max-width:none;margin-top:0}}@media (min-width:1024px){[arena-team-list-item].active .header-wrapper .avatar>[avatar]>img{cursor:pointer}}.no-shrink{flex-shrink:0}[arena-info-team] .search{padding-top:24px}[arena-info-team] .search [text-input]{height:36px;border-radius:6px}[arena-info-team] .search [text-input]:after{background-color:hsla(0,0%,100%,.1)}[arena-info-team] .search [text-input].focus:after{background-color:#fff}[arena-info-team] .search [text-input]>input{background-color:hsla(0,0%,100%,.04);color:#fff;font-size:13px}[arena-info-team] .search [text-input]>input::-moz-placeholder{color:hsla(0,0%,100%,.5)}[arena-info-team] .search [text-input]>input::placeholder{color:hsla(0,0%,100%,.5)}[arena-info-team] h4{font-size:16px;margin-top:40px;margin-right:0;margin-bottom:24px;margin-left:0}[arena-info-team] h4>span{display:block;margin-top:12px}[arena-info-team] h4>span>button{color:#fff;opacity:.5;position:relative;vertical-align:top}[arena-info-team] h4>span>button:before{content:"|";display:inline-block;vertical-align:top;opacity:.5;color:#fff;margin-top:-1px;margin-right:6px;margin-bottom:0;margin-left:6px}[arena-info-team] h4>span>button:first-of-type:before{content:none}[arena-info-team] h4>span>button.on{opacity:1}[arena-info-team] .none-data{padding-top:70px;padding-right:0;padding-bottom:70px;padding-left:0;color:#aaa;text-align:center}[arena-info-team] .more-btn{padding-right:50px;padding-left:50px;display:block;margin-left:auto;margin-right:auto;margin-top:20px}@media (min-width:1260px){[arena-info-team] h4{font-size:16px;display:flex;align-items:center}[arena-info-team] h4>span{display:inline-block;margin-left:auto}[arena-info-team] h4>span>button{font-size:14px}[arena-info-team] h4>span>button:before{padding-top:0;padding-right:10px;padding-bottom:0;padding-left:10px}}