.battle-reward .popup_box .popup_box-container{border-radius:24px}.battle-reward .popup_box .popup_box-container .popup_box-container-content{flex-direction:column;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options{background-color:#161921;flex-shrink:0;height:186px;padding:24px 32px 32px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options.small{height:100px}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options.small{height:100px}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom{align-items:center;width:100%;margin-bottom:24px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .level-box{margin-right:8px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right{width:calc(100% - 78px)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-level{justify-content:space-between;width:100%;margin-bottom:12px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-level .G_Text .G_Text-content{font-size:16px;font-weight:700}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-level .G_Text .G_Text-content b{color:#fccb13;font-size:14px;font-style:normal;font-weight:600}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-bar{background-color:#161921;border-radius:8px;width:100%;height:26px;position:relative;overflow:hidden}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-bar .bar-progress{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);opacity:.25;height:100%}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-bar .bar-info{justify-content:space-between;align-items:center;width:100%;height:100%;padding:6px 10px;display:flex;position:absolute;top:0;left:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .bottom-right-bar .bar-info .G_Text .G_Text-content{font-size:12px;font-weight:600}@media only screen and (width<=1300px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom{height:max-content}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .level-bottom .level-top{display:none}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .options-nav{display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .options-nav .nav-list{width:calc(100% + 16px);margin:-8px;display:flex}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .options-nav .nav-list .G_Button:not(.square){width:calc(100% - 16px)}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-options .options-nav .nav-list .G_Button{margin:8px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .case-pass-reward{flex-shrink:0;width:100%;overflow:hidden}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-g4-banner{flex-shrink:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary{flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:32px;display:grid;position:relative;overflow:hidden}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary{padding:32px 0}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share{justify-content:space-between;align-items:center;margin:24px 0 0;display:flex;position:relative}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share{display:none}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-desc{align-items:center;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-desc .desc-icon{background-color:#8892a5;width:20px;min-width:20px;margin-right:10px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-desc .desc-text .G_Text-content{color:#8892a5;font-size:14px;font-weight:600}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link{border:1px solid #2e394f;border-radius:8px;align-items:center;width:max-content;height:44px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-text{width:300px;margin-left:12px;margin-right:24px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-text .G_Text-content{font-size:16px;font-weight:600}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link{width:100%}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-text{width:calc(100% - 80px)}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-btn{cursor:pointer;background-color:#31bbff33;border:1px solid #31bbff;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin:-1px -1px -1px 0;transition:all .3s;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-btn:hover{background-color:#31bbff59}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summay-share .share-link .link-btn .btn-icon{width:14px;min-width:14px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-bg{aspect-ratio:356/282;opacity:.04;pointer-events:none;z-index:1;background-color:#fccb13;width:356px;position:absolute;top:40px;right:-40px;-webkit-mask-image:url(../../img/icon/crown.svg);mask-image:url(../../img/icon/crown.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-bg.purple{aspect-ratio:1;background-color:#b055ff;top:150px;right:-70px;-webkit-mask-image:url(../../img/icon/gift.svg);mask-image:url(../../img/icon/gift.svg);width:280px!important}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-bg.blue{aspect-ratio:1;background-color:#31bbff;top:40px;right:-30px;transform:rotate(235deg);-webkit-mask-image:url(../../img/icon/battle.svg);mask-image:url(../../img/icon/battle.svg);width:200px!important}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-radial{aspect-ratio:1;background-image:radial-gradient(49.27% 51.88% at 50% 0,#fccb1340 0,#fccb1300 100%);width:100%;position:absolute;top:-35%}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-radial{top:-15%}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-radial{filter:blur(20px);pointer-events:none;z-index:2;left:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-radial.purple{background-image:radial-gradient(49.27% 51.88% at 50% 0,#b055ff40 0,#b055ff00 100%)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-radial.blue{background-image:radial-gradient(49.27% 51.88% at 50% 0,#31bbff40 0,#31bbff00 100%)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header{z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header{padding:0 24px}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-icon{margin-bottom:20px;padding:6px;position:relative}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-icon .icon-rect{background:#fccb133d;border-radius:20px;width:67px;height:67px;transform:rotate(45deg)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-icon .icon-image{background-color:#fccb13;width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-title{margin-bottom:24px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-title .G_Text-content{font-size:32px;font-weight:700}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc{height:14px;margin-bottom:32px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content{color:#8892a5;font-size:20px;font-weight:600}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content b,.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content span{font-size:20px;font-weight:600}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content span{color:#31bbff}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content b{color:#64eb49}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content,.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content b,.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header .header-desc .G_Text-content span{font-size:16px}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header.purple .header-icon .icon-rect{background:#b055ff3d}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header.purple .header-icon .icon-image{background-color:#b055ff}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header.blue .header-icon .icon-rect{background:#31bbff3d}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-header.blue .header-icon .icon-image{background-color:#31bbff}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items{overscroll-behavior:contain;z-index:3;background-color:#101319;border-radius:16px;width:max-content;max-width:100%;min-height:0;margin:0 auto;padding:6px;position:relative;overflow:hidden auto}@media only screen and (width<=900px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items{border-radius:0;padding:6px 14px;background-color:#0000!important}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.full{width:100%}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list{flex-wrap:wrap;justify-content:flex-start;width:100%;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element{position:relative}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .gitem{background-color:#161921;width:100%;margin:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long{width:205px;margin:6px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem{aspect-ratio:215/175}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content{height:100%}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content .content-box .box-content .box-top{width:100%;max-width:100%;height:100%;max-height:calc(100% - 32px)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content .content-box .box-content .box-top .box-image{width:100%;max-width:100%;height:100%;max-height:100%}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content .content-box .box-content .box-top .box-image .image-logo{height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content .content-box .box-content .box-top .box-image .image-item{width:auto;height:calc(100% + 24px);left:50%;transform:translateY(-50%)translate(-50%)translateZ(0)translateZ(0)}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.long .gitem .item-content .content-box .box-content .box-bottom{position:absolute;bottom:0;left:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element:not(.long){width:calc(25% - 12px);margin:6px}@media only screen and (width<=750px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element:not(.long){width:calc(33.3333% - 12px)}}@media only screen and (width<=560px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element:not(.long){width:calc(50% - 12px)}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0c0e14e6;border:1px solid #1b1f2b;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover.block{opacity:0!important;pointer-events:none!important}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .hover-nav{padding:0 15px 15px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .hover-nav .G_Button{margin-top:8px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .hover-nav .G_Button *{pointer-events:none}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar{width:100%;padding:15px 15px 0;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .item-condition{color:#8892a5;text-align:center;justify-content:center;align-items:center;width:max-content;height:12px;margin-left:auto;font-size:12px;font-style:normal;font-weight:700;line-height:12px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .box-status{align-items:center;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .box-status .status-circle{border-radius:100%;width:10px;height:10px;margin-right:5px;display:flex}@keyframes rott{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .box-status .status-circle img{width:10px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .box-status .status-circle img.status_3{animation:1.5s linear infinite rott}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bar .box-status .status-text{color:#8892a5;padding-bottom:1px;font-size:12px;font-style:normal;font-weight:600;line-height:12px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item{flex-direction:column;width:100%;margin-top:-10.5px;padding:0 15px;display:flex}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item>*{margin-bottom:12px}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item>:last-of-type{margin-bottom:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-weapon .G_Text-content{color:#bfbfbf;font-size:13px;font-weight:600}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-weapon .G_Text-content .stattrack{color:#fccb13;font-size:13px;font-weight:600;display:inline}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-condition .G_Text-content,.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-price .G_Text-content,.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-skin .G_Text-content{font-size:14px;font-weight:700}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-price{margin-bottom:0}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element .element-hover .bottom-item .item-price .G_Text-content:before{content:"";background-color:#fff;width:12px;height:12px;margin-bottom:-1px;margin-right:5px;display:inline-block;-webkit-mask-image:url(../../img/steam.svg);mask-image:url(../../img/steam.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain}@media only screen and (width>=541px){.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element:hover .element-hover{opacity:1;pointer-events:all}}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items .item-list .list-element.hover .element-hover{opacity:1}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big{background-color:#0000;width:100%;overflow:visible}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list{justify-content:center}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element{width:280px;aspect-ratio:unset!important}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element .gitem{background-color:#0000}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element .gitem .item-content .content-box .box-light{display:none}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element .gitem .item-content .content-box .box-content .box-bottom .bottom-item{align-items:center}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element .gitem .item-content .content-box .box-content .box-bottom .bottom-item .G_Text .G_Text-content{text-align:center}.battle-reward .popup_box .popup_box-container .popup_box-container-content .reward-summary .summary-items.big .item-list .list-element .element-hover{display:none}