html{background-color:#1e1e1e}body{background-color:#1e1e1e;background-image:url("/img/pages/mystiq-fusion/main/v3/image/watermark.png");background-size:200px}.main{padding-top:170px;overflow:hidden}.container{max-width:1280px;padding:0}.anchor{position:relative;top:-124px}@media(max-width: 1200px){main{border-radius:0}}@media(max-width: 992px){.main{padding-top:136px}}@media(max-width: 768px){.main{padding-top:98px}}@media(max-width: 576px){.anchor{position:relative;top:-90px}}.mf-button{padding:16px;border-radius:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;border:1px solid #1e1e1e;background:#3082ff;position:relative;overflow:hidden;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mf-button::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:12px;-webkit-box-shadow:0 2px 0 0 #FFFFFF40 inset;box-shadow:0 2px 0 0 #FFFFFF40 inset}.mf-button::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border-radius:12px;-webkit-box-shadow:0 -2px 0 0 #00000040 inset;box-shadow:0 -2px 0 0 #00000040 inset}.mf-button.secondary{border:none;background-color:#1E1E1E33}.mf-button.secondary::after,.mf-button.secondary::before{display:none}.mf-button.green{background:-webkit-gradient(linear, left top, left bottom, from(#00B100), to(#00F700));background:-o-linear-gradient(top, #00B100 0%, #00F700 100%);background:linear-gradient(180deg, #00B100 0%, #00F700 100%)}.mf-button.gray{background:#FFFFFF1A}.mf-button.red{background:-webkit-gradient(linear, left top, left bottom, from(#FF0014), to(#FF4B52));background:-o-linear-gradient(top, #FF0014 0%, #FF4B52 100%);background:linear-gradient(180deg, #FF0014 0%, #FF4B52 100%)}.mf-button.disabled{opacity:.5;pointer-events:none}.mf-button.medium{padding:13px 36px}.mf-button.small{padding:8px 16px}.mf-button__icon{width:24px;height:24px}.mf-button__icon img{width:100%;height:100%}.mf-button__icon.left{margin-right:8px}.mf-button-anchor{font-family:Noto Sans;font-weight:900;font-size:20px;line-height:24px;letter-spacing:0;text-align:center;color:#fff}.direction-rtl .mf-button__icon.left{margin-right:0;margin-left:8px}.heroes-calculator .container{max-width:1080px}.heroes-calculator__title{font-family:Noto Sans;font-weight:900;font-size:48px;line-height:56px;letter-spacing:-1px;text-align:center}.heroes-calculator__description{font-family:Noto Sans;font-weight:900;font-size:24px;line-height:32px;letter-spacing:-1px;text-align:center;margin-top:24px}.heroes-calculator__wrapper{width:100%;max-width:732px;padding:16px;border-radius:30px;background-color:#FFFFFF1A;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;margin:24px auto 0}.heroes-calculator__wrapper::before,.heroes-calculator__wrapper::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:1;border-radius:30px}.heroes-calculator__wrapper::before{-webkit-box-shadow:0px -2px 0px 0px #0000001A inset;box-shadow:0px -2px 0px 0px #0000001A inset}.heroes-calculator__wrapper::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF1A inset;box-shadow:0px 2px 0px 0px #FFFFFF1A inset}.heroes-calculator__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.heroes-calculator__head-title{font-family:Noto Sans;font-weight:900;font-size:18px;line-height:22px;letter-spacing:0}.heroes-calculator__head-buttons{margin-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-calculator__head-button{margin-left:16px}.heroes-calculator__head-button:first-child{margin-left:0}.heroes-calculator__content{position:relative;z-index:2}.heroes-calculator__results{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.heroes-calculator__results-item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px;background-color:#1E1E1E80;border-radius:12px;padding:8px}.heroes-calculator__results-item:first-child{margin-left:0}.heroes-calculator__results-item-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.heroes-calculator__results-item-icon{width:20px;height:20px}.heroes-calculator__results-item-icon img{width:100%;height:100%}.heroes-calculator__results-item-value{margin-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-calculator__results-item-value span{font-family:Noto Sans;font-weight:900;font-size:18px;line-height:22px;letter-spacing:0px}.heroes-calculator__results-item-coin{margin-left:4px;width:16px;height:16px}.heroes-calculator__results-item-coin img{width:100%;height:100%}.heroes-calculator__results-item-title{text-align:center;margin-top:8px;font-family:Noto Sans;font-weight:800;font-size:10px;line-height:12px;letter-spacing:0px;text-transform:uppercase}.heroes-calculator__inner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.heroes-calculator__item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px;position:relative}.heroes-calculator__item:first-child{margin-left:0}.heroes-calculator__item .hero-icon{display:none}.heroes-calculator__item.empty{position:relative}.heroes-calculator__item.empty a::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;content:""}.heroes-calculator__item.empty .hero-image,.heroes-calculator__item.empty .heroes-calculator__item-close,.heroes-calculator__item.empty .heroes-calculator__item-lvl{display:none}.heroes-calculator__item.empty .hero-icon{display:-webkit-box;display:-ms-flexbox;display:flex}.heroes-calculator__item-close{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background-color:#1e1e1e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:5;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.heroes-calculator__item-close .close-image{width:16px;height:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.heroes-calculator__item-close .swap-image{display:none;width:16px;height:16px}.heroes-calculator__item-close.disabled{opacity:.5;pointer-events:none}.js-heroes-remove-temp,.js-hero-replacement-remove{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.heroes-calculator__item-lvl{position:absolute;z-index:5;bottom:-4px;right:-4px;background:-o-radial-gradient(50% 50%, 50% 50%, #EAACD3 0%, #B486CA 49.5%, #7669BB 100%);background:radial-gradient(50% 50% at 50% 50%, #EAACD3 0%, #B486CA 49.5%, #7669BB 100%);border-radius:100px;font-family:Noto Sans;font-weight:900;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;vertical-align:middle;border:1px solid #1e1e1e}.heroes-calculator__item-lvl::before,.heroes-calculator__item-lvl::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:2;border-radius:30px}.heroes-calculator__item-lvl::before{-webkit-box-shadow:0px 1px 0px 0px #1e1e1e;box-shadow:0px 1px 0px 0px #1e1e1e}.heroes-calculator__item-lvl::after{background-color:rgba(30,30,30,.2);z-index:1}.heroes-calculator__item-lvl span{padding:2px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:3}.heroes-calculator__item-lvl span::before,.heroes-calculator__item-lvl span::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:2;border-radius:30px}.heroes-calculator__item-lvl span::before{-webkit-box-shadow:0px -2px 0px 0px #0000001A inset;box-shadow:0px -2px 0px 0px #0000001A inset}.heroes-calculator__item-lvl span::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF1A inset;box-shadow:0px 2px 0px 0px #FFFFFF1A inset}.heroes-calculator__item-image{width:100%}.heroes-calculator__item-image-box{width:100%;padding-bottom:100%;height:0;overflow:hidden;position:relative;border-radius:12px;background-color:#FFFFFF1A;border:2px solid #1e1e1e}.heroes-calculator__item-image-box::before,.heroes-calculator__item-image-box::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:4;border-radius:12px}.heroes-calculator__item-image-box::before{-webkit-box-shadow:0px -2px 0px 0px #0000001A inset;box-shadow:0px -2px 0px 0px #0000001A inset}.heroes-calculator__item-image-box::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF1A inset;box-shadow:0px 2px 0px 0px #FFFFFF1A inset}.heroes-calculator__item-image-box .hero-image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}.heroes-calculator__item-image-box .hero-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2;width:24px;height:24px}.heroes-calculator__stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:16px}.heroes-calculator__stats-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-calculator__stats-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:16px;-webkit-box-flex:1;-ms-flex:1;flex:1}.heroes-calculator__stats-item:first-child{margin-left:0}.heroes-calculator__stats-item-title{font-family:Noto Sans;font-weight:900;font-size:16px;line-height:22px;letter-spacing:0;color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content}.heroes-calculator__stats-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:8px}.heroes-calculator__stats-wrapper.disabled{opacity:.5;pointer-events:none}.heroes-calculator__stats-chevron{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.heroes-calculator__stats-chevron.right{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.heroes-calculator__stats-chevron img{width:100%;height:100%}.heroes-calculator__stats-chevron.disabled{opacity:.5;pointer-events:none}.heroes-calculator__stats-value{margin:0 8px;padding:4px 16px;border-radius:12px;background-color:#fff;position:relative;font-family:Noto Sans;font-weight:900;font-size:16px;line-height:22px;letter-spacing:0;color:#1e1e1e}.heroes-calculator__stats-value input{font-family:Noto Sans;font-weight:900;font-size:16px;line-height:22px;letter-spacing:0;color:#1e1e1e;border:none;outline:none;padding:0;position:relative;z-index:2;width:50px;text-align:center}.heroes-calculator__stats-value::before,.heroes-calculator__stats-value:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.heroes-calculator__stats-value::before{-webkit-box-shadow:0px -2px 0px 0px #00000040 inset;box-shadow:0px -2px 0px 0px #00000040 inset}.heroes-calculator__stats-value::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF40 inset;box-shadow:0px 2px 0px 0px #FFFFFF40 inset}.ranks-item{display:none;width:22px;height:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.ranks-item img{height:100%}.ranks-item.active{display:-webkit-box;display:-ms-flexbox;display:flex}.direction-rtl .heroes-calculator__head-buttons{margin-left:0;margin-right:8px}.direction-rtl .heroes-calculator__head-button{margin-left:0;margin-right:16px}.direction-rtl .heroes-calculator__head-button:first-child{margin-left:0;margin-right:0}.direction-rtl .heroes-calculator__results-item{margin-left:0;margin-right:16px}.direction-rtl .heroes-calculator__results-item:first-child{margin-left:0;margin-right:0}.direction-rtl .heroes-calculator__results-item-value{margin-left:0;margin-right:8px}.direction-rtl .heroes-calculator__results-item-coin{margin-left:0;margin-right:4px}.direction-rtl .heroes-calculator__item{margin-left:0;margin-right:16px}.direction-rtl .heroes-calculator__item:first-child{margin-left:0;margin-right:0}.direction-rtl .heroes-calculator__item-close{right:auto;left:-4px}.direction-rtl .heroes-calculator__item-lvl{right:auto;left:-4px}.direction-rtl .heroes-calculator__stats-item{margin-left:0;margin-right:16px}.direction-rtl .heroes-calculator__stats-item:first-child{margin-left:0;margin-right:0}.direction-rtl .heroes-calculator__stats-wrapper{margin-left:0;margin-right:8px}.direction-rtl .heroes-calculator__stats-chevron img{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@media(max-width: 992px){.heroes-calculator__title,.heroes-calculator__description{padding:0 16px}}@media(max-width: 576px){.heroes-calculator__stats{-ms-flex-wrap:wrap;flex-wrap:wrap}.heroes-calculator__stats-title,.heroes-calculator__stats-wrapper{width:100%;margin-left:0}.heroes-calculator__stats-wrapper{margin-top:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.heroes-calculator__stats-item{width:100%;margin-left:0;margin-top:8px;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-calculator__stats-item:first-child{margin-top:0}.heroes-calculator__stats-item .heroes-calculator__stats-wrapper{margin-top:0;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heroes-calculator__results{-ms-flex-wrap:wrap;flex-wrap:wrap}.heroes-calculator__results-item{margin-left:0;-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;margin-top:8px}.heroes-calculator__results-item:first-child{margin-top:0}.direction-rtl .heroes-calculator__stats-title,.direction-rtl .heroes-calculator__stats-wrapper{margin-right:0;margin-left:0}.direction-rtl .heroes-calculator__stats-item{margin-right:0;margin-left:0;margin-top:8px}.direction-rtl .heroes-calculator__stats-item .heroes-calculator__stats-wrapper{margin-right:8px;margin-left:0}.direction-rtl .heroes-calculator__results-item{margin-left:0;margin-right:0}}.heroes-list{margin-top:40px}.heroes-list__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.heroes-list__title{font-family:Noto Sans;font-weight:900;font-size:24px;line-height:32px;letter-spacing:-1px;color:#fff}.heroes-list__sort{margin-left:8px;position:relative;z-index:5}.heroes-list__sort.open .heroes-list__sort-chevron svg{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.heroes-list__sort-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 48px 8px 16px;background-color:#FFFFFF1A;border-radius:12px;position:relative;cursor:pointer}.heroes-list__sort-button::before,.heroes-list__sort-button::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:12px}.heroes-list__sort-button::before{-webkit-box-shadow:0px -2px 0px 0px #00000040 inset;box-shadow:0px -2px 0px 0px #00000040 inset}.heroes-list__sort-button::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF40 inset;box-shadow:0px 2px 0px 0px #FFFFFF40 inset}.heroes-list__sort-list{position:absolute;top:calc(100% + 8px);right:0;z-index:5;background-color:#1e1e1e;border-radius:12px;overflow:hidden;min-width:100%;display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.heroes-list__sort-list::before,.heroes-list__sort-list::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:12px;z-index:1}.heroes-list__sort-list::before{-webkit-box-shadow:0px -2px 0px 0px #00000040 inset;box-shadow:0px -2px 0px 0px #00000040 inset}.heroes-list__sort-list::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF40 inset;box-shadow:0px 2px 0px 0px #FFFFFF40 inset}.heroes-list__sort-list-wrapper{background-color:#FFFFFF1A;width:100%;position:relative;z-index:2}.heroes-list__sort-item{font-family:Noto Sans;font-weight:900;font-size:20px;line-height:24px;letter-spacing:0;color:#fff;padding:8px 16px;-webkit-transition:background-color .15s;-o-transition:background-color .15s;transition:background-color .15s;cursor:pointer}.heroes-list__sort-item.active{background-color:#FFFFFF1A}.heroes-list__sort-item:hover{background-color:#FFFFFF1A}.heroes-list__sort-value{font-family:Noto Sans;font-weight:900;font-size:20px;line-height:24px;letter-spacing:0;color:#fff}.heroes-list__sort-chevron{position:absolute;top:50%;right:16px;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.heroes-list__sort-chevron svg{fill:#fff;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;-o-transition:transform .15s;transition:transform .15s;transition:transform .15s, -webkit-transform .15s}.heroes-list__inner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-168px;margin-left:-16px;padding-top:204px;-ms-flex-wrap:wrap;flex-wrap:wrap}.heroes-list__item{margin-left:16px;margin-top:168px;width:calc(25% - 16px);padding:16px;border-radius:30px;position:relative}.heroes-list__item:hover .heroes-list__item-background{opacity:.5}.heroes-list__item .heroes-list__item-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:28px;opacity:.2;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.heroes-list__item.common .heroes-list__item-background{background:-o-radial-gradient(50.15% 50%, 79.19% 47.92%, #00fdb5 0%, #00ac92 100%);background:radial-gradient(79.19% 47.92% at 50.15% 50%, #00fdb5 0%, #00ac92 100%)}.heroes-list__item.rare .heroes-list__item-background{background:-o-radial-gradient(52.08% 50%, 47.12% 48.61%, #5cb5ff 0%, #0082fc 100%);background:radial-gradient(47.12% 48.61% at 52.08% 50%, #5cb5ff 0%, #0082fc 100%)}.heroes-list__item.mystical .heroes-list__item-background{background:-o-radial-gradient(50% 50%, 43.75% 43.75%, #ff00a4 0%, #dd00a7 100%);background:radial-gradient(43.75% 43.75% at 50% 50%, #ff00a4 0%, #dd00a7 100%)}.heroes-list__item.legendary .heroes-list__item-background{background:-o-radial-gradient(50% 51.39%, 50% 68.22%, #ffea00 0%, #ff4b00 100%);background:radial-gradient(50% 68.22% at 50% 51.39%, #ffea00 0%, #ff4b00 100%)}.heroes-list__item .heroes-list__item-temp{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:30px;background:-o-radial-gradient(51.39% 52.08%, 53.02% 63.19%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 98%);background:radial-gradient(53.02% 63.19% at 51.39% 52.08%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 98%)}.heroes-list__item::before,.heroes-list__item::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:28px;z-index:1}.heroes-list__item::before{-webkit-box-shadow:0px -2px 0px 0px #0000001A inset;box-shadow:0px -2px 0px 0px #0000001A inset}.heroes-list__item::after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF1A inset;box-shadow:0px 2px 0px 0px #FFFFFF1A inset}.heroes-list__item .heroes-list__item-button.button-remove{display:none}.heroes-list__item.active .heroes-list__item-button.button-remove{display:block}.heroes-list__item.active .heroes-list__item-button.button-add{display:none}.heroes-list__item.active .heroes-list__item-background::before{content:"";position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);border:4px solid rgba(255,255,255,.5);border-radius:32px;top:-4px;left:-4px}.heroes-list__item-box{position:relative;z-index:2}.heroes-list__item-image{width:100%;position:relative;z-index:1;pointer-events:none}.heroes-list__item-image-box{height:0;width:100%;padding-bottom:34%;pointer-events:none}.heroes-list__item-image-box img,.heroes-list__item-image-box .anim-hero{position:absolute;bottom:-60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:400px;max-height:400px;pointer-events:none}.heroes-list__item-image-box img{bottom:-95px;left:60%}.heroes-list__item-image-box .anim-hero{width:350px;height:350px}.heroes-list__item-name{font-family:Noto Sans;font-weight:900;font-size:24px;line-height:32px;letter-spacing:-1px;text-align:center;color:#fff;margin-top:16px}.heroes-list__item-description{font-family:Noto Sans;font-weight:900;font-size:14px;line-height:20px;letter-spacing:0;text-align:center;color:#fff}.heroes-list__item-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-8px;margin-top:-8px;padding-top:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.heroes-list__item-role{margin-top:8px;margin-left:8px;padding:4px 8px 4px 4px;border-radius:80px;background-color:#1E1E1E80;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-list__item-role-icon{width:16px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.heroes-list__item-role-icon img{width:100%;height:100%}.heroes-list__item-role-name{margin-left:4px;font-family:Noto Sans;font-weight:900;font-size:14px;line-height:20px;letter-spacing:0;color:#fff}.heroes-list__item-buttons{margin-top:16px;width:100%;position:relative;z-index:2}.heroes-list__item-button{width:100%;margin-top:16px;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.heroes-list__item-button:first-child{margin-top:0}.heroes-list__item-button .mf-button{width:100%}.heroes-list__item-button.disabled{opacity:.5;pointer-events:none}.direction-rtl .heroes-list__sort{margin-right:8px;margin-left:0}.direction-rtl .heroes-list__sort-list{right:auto;left:0}.direction-rtl .heroes-list__sort-button{padding:8px 16px 8px 48px}.direction-rtl .heroes-list__sort-chevron{right:auto;left:16px}.direction-rtl .heroes-list__item-role{padding:4px 4px 4px 8px}.direction-rtl .heroes-list__item-role-name{margin-right:4px;margin-left:0}@media(max-width: 992px){.heroes-list__item{width:calc(33.3333333333% - 16px)}.heroes-list__head{padding:0 16px}}@media(max-width: 768px){.heroes-list{margin-top:40px}.heroes-list__item{width:calc(50% - 16px)}}@media(max-width: 576px){.heroes-list__title{text-align:center}.heroes-list__head{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 16px}.heroes-list__sort{margin-left:0;width:100%;margin-top:16px}.heroes-list__inner{margin-left:0;padding-top:120px;margin-top:0}.heroes-list__item{width:100%;margin-left:0;margin-top:120px}.heroes-list__item:first-child{margin-top:0}.heroes-list__item-image-box .anim-hero{width:350px;height:350px}.direction-rtl .heroes-list__sort{margin-left:0;margin-right:0}.direction-rtl .heroes-list__inner{margin-left:0;margin-right:0}.direction-rtl .heroes-list__item{margin-left:0;margin-right:0}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;display:none}.modal.share .heroes-calculator__item-close,.modal.share .heroes-calculator__item-lvl{display:none}.modal.replacement .heroes-calculator__item{cursor:pointer;-webkit-animation:shaking 1.5s infinite;animation:shaking 1.5s infinite}.modal.replacement .heroes-calculator__item-lvl{display:none}.modal.replacement .close-image{display:none}.modal.replacement .swap-image{display:block}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1;cursor:pointer}.modal-box{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-content{max-width:537px;width:100%;position:relative;z-index:2;padding:16px;border-radius:30px;background-color:#2f2f2f}.modal-content::before,.modal-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px;z-index:1}.modal-content:before{-webkit-box-shadow:0px -2px 0px 0px #0000001A inset;box-shadow:0px -2px 0px 0px #0000001A inset}.modal-content:after{-webkit-box-shadow:0px 2px 0px 0px #FFFFFF1A inset;box-shadow:0px 2px 0px 0px #FFFFFF1A inset}.modal-content__wrapper{position:relative;z-index:2}.modal-title{font-family:Noto Sans;font-weight:900;font-size:18px;line-height:22px;letter-spacing:0px;text-align:center}.modal-link{padding:14px 16px;background-color:#f5f5f5;margin-top:16px;border:2px solid #1e1e1e;border-radius:12px}.modal-link span{font-family:Noto Sans;font-weight:900;font-size:16px;line-height:22px;letter-spacing:0;text-align:center;color:#1e1e1e;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.modal-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.modal-button{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px}.modal-button:first-child{margin-left:0}.modal-button .mf-button{width:100%;position:relative}.modal-button .mf-button .mf-button__icon,.modal-button .mf-button .mf-button-anchor{-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.modal-button .mf-button.copy .mf-button__icon,.modal-button .mf-button.copy .mf-button-anchor{opacity:0}.modal-button .mf-button.copy .mf-button__success{opacity:1}.modal-button .mf-button.copy .mf-button__success .mf-button__icon,.modal-button .mf-button.copy .mf-button__success .mf-button-anchor{opacity:1}.modal-button .mf-button__success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.modal-close{position:absolute;top:-24px;right:-24px;width:32px;height:32px;border-radius:50%;background-color:#1e1e1e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.modal-close img{width:24px;height:24px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media(max-width: 576px){.modal-close{top:-4px;right:-4px}.modal-buttons{-ms-flex-wrap:wrap;flex-wrap:wrap}.modal-button{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;margin-left:0;margin-top:8px}.modal-button:first-child{margin-top:0}}@-webkit-keyframes shaking{10%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}20%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg)}30%{-webkit-transform:translate(-1px, -1px) rotate3d(0, 0, 1, 2deg);transform:translate(-1px, -1px) rotate3d(0, 0, 1, 2deg)}40%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg)}50%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}60%{-webkit-transform:translate(1px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(1px, 0px) rotate3d(0, 0, 1, -2deg)}70%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, 2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, 2deg)}80%{-webkit-transform:translate(0px, 1px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 1px) rotate3d(0, 0, 1, -2deg)}90%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}}@keyframes shaking{10%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}20%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg)}30%{-webkit-transform:translate(-1px, -1px) rotate3d(0, 0, 1, 2deg);transform:translate(-1px, -1px) rotate3d(0, 0, 1, 2deg)}40%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, -2deg)}50%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}60%{-webkit-transform:translate(1px, 0px) rotate3d(0, 0, 1, -2deg);transform:translate(1px, 0px) rotate3d(0, 0, 1, -2deg)}70%{-webkit-transform:translate(0px, 0px) rotate3d(0, 0, 1, 2deg);transform:translate(0px, 0px) rotate3d(0, 0, 1, 2deg)}80%{-webkit-transform:translate(0px, 1px) rotate3d(0, 0, 1, -2deg);transform:translate(0px, 1px) rotate3d(0, 0, 1, -2deg)}90%{-webkit-transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg);transform:translate(1px, 1px) rotate3d(0, 0, 1, 2deg)}}