body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"UniviaPro";src:url(/static/media/UniviaPro-Regular.bae8e83c.ttf) format("truetype")}@font-face{font-family:"Intro";src:url(/static/media/Intro.48c9dd6d.otf) format("opentype")}body{margin:0;font-family:"UniviaPro";width:100%;overflow:hidden}.broadcast,body{background:transparent}.broadcast{width:1280px;height:720px;position:relative;background-size:cover;-webkit-transform-origin:0 0;transform-origin:0 0}.main{width:340px;height:50px;position:fixed;top:20px;left:20px;display:flex;align-items:center}.main.noTimer{width:260px}.main:before{bottom:0;background:radial-gradient(circle,#201133 0,#35245d 35%,#12061b 100%);border-radius:4px;opacity:.9;z-index:-1}.main:after,.main:before{content:"";position:absolute;left:0;right:0;top:0}.main:after{height:25px;background:#fff;opacity:.12;z-index:2}.main .time{width:80px;color:#fff;box-sizing:border-box;padding-left:10px;font-size:22px;padding-top:2px}.main.noTimer .time{display:none}.main .score{font-size:36px;padding-top:3px;width:90px;text-align:center;color:#fff;letter-spacing:3px;font-family:"Intro";white-space:nowrap}.main .team{width:85px;box-sizing:border-box;padding-left:12px;position:relative}.main .team .color{position:absolute;width:6px;height:25px;top:0;left:0;background:#fff}.main .team .color:nth-child(2){top:unset;bottom:0}.main .team:last-child .color{right:0;left:unset}.main .team:last-child .color:first-child{border-top-right-radius:3px;top:0}.main .team:last-child .color:nth-child(2){border-bottom-right-radius:3px;bottom:0;top:25px}.main .team .emb{position:relative;overflow:hidden;height:50px}.main .team .emb img{height:80px;top:-15px;position:absolute;-webkit-mask-image:url(/static/media/mask46.12f25dc7.svg);-webkit-mask-size:cover;-webkit-transform:rotate(-7deg);transform:rotate(-7deg);opacity:.11}.main .team:last-child .emb img{-webkit-transform:rotate(7deg);transform:rotate(7deg)}.main .team .name{position:absolute;top:0;left:0;right:0;text-align:right;font-size:24px;color:#fff;padding-top:12px;padding-right:7px}.main .team:last-child .name{text-align:left;padding-left:7px;padding-right:unset}.event,.stat{width:340px;display:flex;align-items:center;height:40px;position:absolute;top:80px;left:20px;background:radial-gradient(circle,#201133 0,#35245d 35%,#12061b 100%);border-radius:4px}.stat{-webkit-animation:elSlideIn 6s ease-in-out 0s 1 normal forwards;animation:elSlideIn 6s ease-in-out 0s 1 normal forwards}.stat.static{-webkit-animation:none;animation:none}.stat .label{box-sizing:border-box;width:165px;color:#fff;text-align:right;padding-right:12px;padding-top:4px;font-size:19px}.stat .value{font-size:25px;color:#fff;letter-spacing:2px;padding-top:3px;width:90px;text-align:center}.event{height:80px;position:relative;-webkit-animation:elSlideIn 10s ease-in-out 0s 1 normal forwards;animation:elSlideIn 10s ease-in-out 0s 1 normal forwards;overflow:hidden}@-webkit-keyframes elSlideIn{0%{opacity:0;-webkit-transform:translateX(-250px);transform:translateX(-250px)}15%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}}@keyframes elSlideIn{0%{opacity:0;-webkit-transform:translateX(-250px);transform:translateX(-250px)}15%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}}.stat{display:flex}.event .icon{width:44px;box-sizing:border-box;padding-left:12px}.event .photo{width:80px;text-align:center;overflow:hidden}.event .photo img{margin-top:18px;width:80px;-webkit-mask-image:url(/static/media/mask46.12f25dc7.svg);-webkit-mask-size:80px;-webkit-mask-position:top center}.event .content{box-sizing:border-box;width:216px;padding-left:10px;color:#fff}.event .content>div:nth-child(2){white-space:nowrap}.event .content>div:last-child{opacity:.7;font-size:13px}.event:after,.event:before{content:"";position:absolute;bottom:0;top:0;width:80px;-webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);background:hsla(0,0%,100%,.07);left:30px}.event:after{left:55px;bottom:0;top:0;background:hsla(0,0%,100%,.11);-webkit-animation:stripeLeft 2.2s ease-in-out 0s 1 normal forwards;animation:stripeLeft 2.2s ease-in-out 0s 1 normal forwards}.event:before{top:0;bottom:0;-webkit-animation:stripeRight 2.2s ease-in-out 0s 1 normal forwards;animation:stripeRight 2.2s ease-in-out 0s 1 normal forwards}@-webkit-keyframes stripeLeft{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes stripeLeft{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes stripeRight{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes stripeRight{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.promo{position:absolute;bottom:30px;right:30px}.promo img{width:120px;border-radius:4px}.split-score{opacity:0;visibility:hidden}._skin-kofl .main{position:relative;background:radial-gradient(circle,#201133 0,#35245d 35%,#12061b 100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px;width:460px;height:56px;box-sizing:border-box}._skin-kofl .main:before{background:#fa3f00;left:-7px;right:-7px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}._skin-kofl .main:after{height:28px;opacity:.31;left:-7px;right:-7px}._skin-kofl .time{width:144px;left:calc(50% - 72px);bottom:-6px;background-image:url(/static/media/slot.b26d6a28.png);background-position-y:-.5px;background-size:cover;padding-top:9px;font-size:23px;z-index:5;color:#160a23;font-weight:700;border-bottom-left-radius:8px;border-bottom-right-radius:8px}._skin-kofl .team,._skin-kofl .time{position:absolute;top:0;text-align:center}._skin-kofl .team{width:110px;background-color:#00606c;bottom:0;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._skin-kofl .team .name{padding:unset;top:unset;left:unset;right:unset}._skin-kofl .team:nth-child(2){left:48px;padding-left:14px;border-bottom-left-radius:16px}._skin-kofl .team:nth-child(4){right:48px;padding-right:14px;border-bottom-right-radius:16px}._skin-kofl .team .color{width:9px;height:28px;z-index:6}._skin-kofl .score{opacity:0}._skin-kofl .main .team:nth-child(4) .color:first-child{border-top-right-radius:0}._skin-kofl .main .team:nth-child(4) .color:nth-child(2){border-bottom-right-radius:13px;top:28px}._skin-kofl .main .team:nth-child(4) .color{left:unset;right:0}._skin-kofl .main .team:nth-child(2) .color:nth-child(2){border-bottom-left-radius:13px}._skin-kofl .split-score{position:absolute;opacity:1;visibility:visible;color:#fff;font-size:30px;font-weight:700;width:48px;text-align:center}._skin-kofl .split-score._h{left:0}._skin-kofl .split-score._a{right:0}._skin-kofl .main .team:after{content:"";width:90px;background:#011001;height:4.4px;position:absolute;bottom:0}._skin-kofl .main .team:nth-child(4):after{right:40px;border-top-right-radius:35px}._skin-kofl .main .team:nth-child(2):after{left:40px;border-top-left-radius:35px}._skin-kofl .event,._skin-kofl .stat{width:284px;left:108px;top:76px;border-radius:0;border-bottom-right-radius:60px;border-bottom-left-radius:60px;background:linear-gradient(0deg,#afafb4,rgba(98,93,97,.8463760504201681) 20%,#f1f3f0)}._skin-kofl .event{top:22px;max-height:0;-webkit-animation:personEvtFlow 11s ease-in-out 0s 1 normal forwards;animation:personEvtFlow 11s ease-in-out 0s 1 normal forwards}._skin-kofl .event .content{width:188px}._skin-kofl .event .photo{width:54px;text-align:center;overflow:hidden;border-radius:12px}._skin-kofl .event .photo img{margin-top:6px;width:54px;border-radius:12px;-webkit-mask-image:none}._skin-kofl .event>div{color:#160a23}._skin-kofl .stat.static .label,._skin-kofl .stat.static .value{width:unset;color:#111;font-weight:700;padding-top:6px;font-size:17px}._skin-kofl .stat.static{justify-content:center}@-webkit-keyframes personEvtFlow{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);max-height:0}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:250px}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:100px}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:0}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);max-height:0}}@keyframes personEvtFlow{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);max-height:0}25%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:250px}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:100px}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);max-height:0}to{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);max-height:0}}.arena-broadcast{padding-top:20px;box-sizing:border-box}.arena-main{flex-direction:column;position:relative;height:unset;width:200px;height:142px;margin:5px 25px;opacity:.73}.arena-main:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;background:url(/static/media/metal.a9fb83ea.jpg);background-size:cover;border-radius:8px;z-index:0}.arena-main_content{position:relative;z-index:1;border-radius:6px;background-color:#000;background-image:linear-gradient(147deg,#33013b,#571065 74%);box-shadow:0 9px 13px 0 rgb(39 106 158/17%),0 10px 15px 0 rgb(21 21 21/14%)}.arena-item{display:flex;height:29px;align-items:center;width:100%;border-bottom:1px solid #480b59;position:relative}.arena-item.head,.arena-item:last-child{border-bottom:none}.arena-item.head{height:24px;justify-content:flex-end}.arena-item.head .label{width:50px;color:#fff;font-weight:700;text-align:center;font-size:14px}.arena-item .team{width:calc(100% - 100px)}.arena-item .team span{font-size:13px;font-weight:700;color:#fff;background:#1e0026;padding:3px 6px 1px;max-width:80%;white-space:nowrap;margin-left:10%;box-sizing:border-box;border-radius:3px}.arena-item .value{width:50px;text-align:center;font-weight:700;color:#fff;font-size:18px;text-shadow:1px 1px #030101,-1px -1px #333}.arena-item.head .time{background-color:#f94327;background-image:linear-gradient(316deg,#f94327,#ff7d14 74%);padding:7px 0 4px;border-radius:4px;width:100px;position:absolute;top:-16px;left:-16px;font-weight:700;color:#33013b;font-size:19px;box-sizing:border-box;text-align:center}.arena-item.head .time:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:hsla(0,0%,100%,.09)}.arena-item.active:after{bottom:0;background:hsla(0,0%,100%,.17)}.arena-item.active:after,.arena-item:before{content:"";position:absolute;left:0;right:0;top:0}.arena-item:before{height:14.5px;background:hsla(0,0%,100%,.04)}.arena-item.head:before{content:none}.arena-item .colors{position:absolute;right:-8px;top:0;height:29px;width:9px;background:#ccc;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .3s linear}.arena-item .colors>div{width:100%;height:14.5px}.arena-item.active .colors{opacity:1;visibility:visible}.arena-element{position:fixed;width:260px;height:70px;border-radius:8px;top:20px;left:calc(50% - 130px);background-color:#f94327;background-image:linear-gradient(316deg,#f94327,#ff7d14 74%);display:flex;padding:10px;box-sizing:border-box;box-shadow:0 9px 13px 0 rgb(39 106 158/17%),0 10px 15px 0 rgb(21 21 21/14%);align-items:center;opacity:.81;-webkit-animation:elSlideBottom 6s ease-in-out 0s 1 normal forwards;animation:elSlideBottom 6s ease-in-out 0s 1 normal forwards}.arena-element .emblem{position:relative}.arena-element .emblem-inner{border-radius:5px;width:84px;height:84px;background:#fff;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.arena-element .emblem-inner img{height:96px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.arena-element .info{padding-left:12px;height:60px;display:flex;flex-direction:column;justify-content:center}.arena-element .info>div:first-child{font-size:26px;color:#fff;font-weight:700;text-shadow:1px 1px #e33715,-1px -1px #f26a3f}.arena-element .info>div:last-child{font-size:20px;font-weight:700;color:#33013b;max-width:150px;white-space:nowrap}@-webkit-keyframes elSlideBottom{0%{opacity:0;-webkit-transform:translateY(-150px);transform:translateY(-150px)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-300px);transform:translateY(-300px)}}@keyframes elSlideBottom{0%{opacity:0;-webkit-transform:translateY(-150px);transform:translateY(-150px)}15%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-300px);transform:translateY(-300px)}}
/*# sourceMappingURL=main.ee2f4453.chunk.css.map */