.champion-img-timeline{width:100%;min-height:100vh;background:#fff}.champion-img-timeline .banner{width:100%;height:3.2rem;margin-top:.64rem;background:url(../../public/img/ssrd_banner.632daaee.png) no-repeat;background-size:cover}.champion-img-timeline .timeline-vertical{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:0 2.3rem;box-sizing:border-box;margin-top:.44rem}.champion-img-timeline .timeline-vertical .timeline-date-block{display:flex;align-items:flex-start;margin-bottom:1.2rem;position:relative;width:100%}.champion-img-timeline .timeline-vertical .timeline-date-block:before{content:"";position:absolute;left:1.2rem;top:.16rem;height:calc(100% + 1.2rem);width:0;border-left:.02rem dashed #6d8f85;z-index:1;transform:translateX(.16rem)}.champion-img-timeline .timeline-vertical .timeline-date-block:last-child:before{height:.16rem}.champion-img-timeline .timeline-vertical .timeline-date-block:last-child{margin-bottom:.6rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-left{width:1.2rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-left .timeline-date{font-size:.18rem;font-weight:700;color:#222;text-align:center}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-middle{display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:3;width:.32rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-middle .timeline-dot{width:.32rem;height:.32rem;background:url(data:image/jpeg;base64,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) no-repeat;background-size:contain;position:relative;z-index:3}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right{flex:1;margin-left:.2rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .competition-tags{display:flex;flex-wrap:wrap;margin-bottom:.4rem;margin-left:.12rem;gap:.12rem .12rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .competition-tags .competition-tag{background:#06cb94;padding:.08rem .24rem;box-sizing:border-box;border-radius:.02rem;color:#fff;font-size:.16rem;font-weight:500;display:inline-flex;align-items:center;position:relative;margin:0 .2rem;line-height:1.4;transform:translateZ(0);backface-visibility:hidden}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .competition-tags .competition-tag:before{content:"";position:absolute;top:50%;left:-.176rem;transform:translateY(-50%);border-width:.181rem .181rem .181rem 0;border-style:solid;border-color:transparent #06cb94 transparent transparent;transform:translateY(-50%) translateZ(0)}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .competition-tags .competition-tag:after{content:"";position:absolute;top:50%;right:-.179rem;transform:translateY(-50%);border-width:.181rem 0 .181rem .181rem;border-style:solid;border-color:transparent transparent transparent #06cb94;transform:translateY(-50%) translateZ(0)}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row{display:flex;flex-wrap:wrap}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img{width:6.34rem;height:2.69rem;margin-bottom:0;position:relative}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container{width:100%;height:100%;perspective:10rem;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container.flipped{transform:rotateX(180deg)}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-back,.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front{background:url(../../public/img/card.ad5ccba0.png);background-size:100% 100%;padding:0 .6rem 0 .4rem;box-sizing:border-box}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .front-left{width:1.85rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .front-right{flex:1;margin-left:.2rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .avatar{width:1.85rem;height:1.18rem;position:relative}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .avatar .avatar_img{width:.65rem;height:.65rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;position:absolute;top:.23rem;left:.6rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .avatar .avatar_frame{width:1.85rem;height:1.18rem;position:relative;top:0;left:0;-o-object-fit:contain;object-fit:contain}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .star{display:flex}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .star .star_item{width:.24rem;height:.24rem;margin:0 .02rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .team-name{height:.28rem;display:flex;align-items:center;font-size:.18rem;font-weight:500;color:#001811;background:url(../../public/img/bs.da6c1dd8.svg) no-repeat;background-size:contain;padding-left:.4rem;box-sizing:border-box;position:relative;margin-left:.1rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .team-name img{width:.9rem;height:.73rem;position:absolute;top:-.18rem;left:-.3rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .team-competition{color:#001811;font-size:.16rem;margin-top:.2rem}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-front .winner{font-size:.16rem;color:#efaf25}.champion-img-timeline .timeline-vertical .timeline-date-block .timeline-right .team-list-row .team_item_img .img-card .card-container .card-back{background:url(../../public/img/card_rel.dbb24b17.png);background-size:100% 100%;color:#fff;transform:rotateX(180deg);flex-direction:column;align-items:flex-start;padding:.3rem .5rem;box-sizing:border-box;text-align:left;font-size:.16rem;line-height:1.5;justify-content:center}