.ResourceBanner{border:1px solid var(--color_red_main);background:#fff;border-radius:10px;margin-bottom:40px;padding:22px 42px 22px 35px;position:relative}@media (max-width:1140px){.ResourceBanner{margin-bottom:30px;padding:22px 15px}}@media (max-width:520px){.ResourceBanner{margin-bottom:25px;padding:15px}}@media (max-width:460px){.ResourceBanner{padding:15px 10px 15px 5px}}.ResourceBanner-close{border:1px solid var(--color_black_45);color:var(--color_black_70);z-index:10;background:#fff;border-radius:100%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;position:absolute;top:-10px;right:-10px}.ResourceBanner-close svg{width:12px;height:12px;transition:inherit;display:block}.ResourceBanner-close:hover{background-color:var(--color_red_main);border-color:var(--color_red_main);color:#fff}.ResourceBanner_wrap{justify-content:flex-start;align-items:flex-end;gap:40px;display:flex}@media (max-width:1140px){.ResourceBanner_wrap{gap:20px}}@media (max-width:640px){.ResourceBanner_wrap{align-items:center}}@media (max-width:460px){.ResourceBanner_wrap{gap:10px}}.ResourceBanner-img{flex:0 0 152px;min-width:152px}@media (max-width:1024px){.ResourceBanner-img{flex:0 0 130px;min-width:130px}}@media (max-width:520px){.ResourceBanner-img{flex:0 0 95px;min-width:95px}}@media (max-width:380px){.ResourceBanner-img{flex:0 0 80px;min-width:80px}}.ResourceBanner-img img{object-fit:cover;object-position:top;width:100%;height:132px;margin-top:-38px;margin-bottom:-22px;display:block}@media (max-width:1024px){.ResourceBanner-img img{height:113px}}@media (max-width:640px){.ResourceBanner-img img{height:auto;margin:-16px 0}}.ResourceBanner-main{flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}@media (max-width:640px){.ResourceBanner-main{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:520px){.ResourceBanner-main{width:100%}}.ResourceBanner-title{color:var(--color_black_main);margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.2}@media (max-width:1024px){.ResourceBanner-title{margin-bottom:0}}@media (max-width:640px){.ResourceBanner-title{font-size:16px}}@media (max-width:520px){.ResourceBanner-title{font-size:13px}}.ResourceBanner-text{color:var(--color_black_70)}@media (max-width:640px){.ResourceBanner-text{font-size:14px}}@media (max-width:520px){.ResourceBanner-text{font-size:12px;line-height:1.2}}@media (max-width:460px){.ResourceBanner-text{font-size:10px}}.ResourceBanner-sub{margin-bottom:0}@media (max-width:1024px){.ResourceBanner-sub--hide{display:none}}.ResourceBanner-sub svg{object-fit:contain;vertical-align:text-bottom;width:18px;height:20px}.ResourceBanner-btns{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:640px){.ResourceBanner-btns{flex-flow:wrap;justify-content:flex-start}}@media (max-width:460px){.ResourceBanner-btns{gap:8px 12px}}.ResourceBanner-btns .ResourceBanner-btns-howTo{color:var(--color_red_main)}@media (max-width:460px){.ResourceBanner-btns .ResourceBanner-btns-howTo{font-size:12px}}@media (max-width:520px){.ResourceBanner-btns .ResourceBanner-btns-grab{padding:8px 14px;font-size:12px}}.ResourceBanner-resources{align-self:center;align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:1024px){.ResourceBanner-resources{margin-top:8px}}.ResourceBanner-resources li{opacity:0;margin:0;padding:5px 10px 0;animation:.3s forwards showAddedResourceBanner;display:block;position:relative}.ResourceBanner-resources li:nth-child(2n){animation-delay:.5s}.ResourceBanner-resources li:nth-child(3n){animation-delay:1s}.ResourceBanner-resources li:nth-child(4n){animation-delay:1.5s}.ResourceBanner-resources li img{width:36px;height:36px;display:block}.ResourceBanner-resources li span{background:var(--color_red_main);color:#fff;border-radius:100%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex;position:absolute;top:0;right:0}.ResourceBanner .CountDownTimer{color:var(--color_red_main);font-size:36px;font-weight:700;line-height:1}@media (max-width:640px){.ResourceBanner .CountDownTimer{font-size:28px}}@media (max-width:389px){.ResourceBanner .CountDownTimer{font-size:24px}}.ResourceBanner-series{justify-content:flex-start;align-items:center;gap:40px;display:flex}@media (max-width:1140px){.ResourceBanner-series{gap:20px}}@media (max-width:640px){.ResourceBanner-series{align-items:center}}@media (max-width:460px){.ResourceBanner-series{gap:10px}}.ResourceBanner-series__days{background-color:var(--color_red_main);color:#fff;opacity:0;text-align:center;transform-origin:50%;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:120px;height:120px;line-height:1.1;animation:.45s ease-out forwards daysGrowResourceBanner;display:flex;overflow:hidden;transform:scale(0)}.ResourceBanner-series__days b{opacity:0;font-size:36px;font-weight:700;animation:.35s ease-out .3s forwards daysContentInResourceBanner;display:block;transform:translateY(6px)}.ResourceBanner-series__days span{opacity:0;font-size:14px;font-weight:500;animation:.35s ease-out .38s forwards daysContentInResourceBanner;display:block;transform:translateY(6px)}@media (max-width:1140px){.ResourceBanner-series__days{width:90px;height:90px}.ResourceBanner-series__days b{font-size:28px}.ResourceBanner-series__days span{font-size:10px}}@media (max-width:389px){.ResourceBanner-series__days{width:72px;height:72px}}.ResourceBanner-series__info{flex:1}.ResourceBanner-series__list{grid-template-columns:repeat(7,1fr);gap:16px;max-width:300px;margin-bottom:8px;display:grid;position:relative}@media (max-width:389px){.ResourceBanner-series__list{gap:2px}}.ResourceBanner-series__list-line{background-color:var(--color_red_main);z-index:2;border-radius:5px;height:9px;animation:.6s ease-in-out forwards moveRightResourceBanner;position:absolute;bottom:10px;right:70%}@media (max-width:389px){.ResourceBanner-series__list-line{height:7px;bottom:8px}}.ResourceBanner-series__list:before{background-color:var(--color_black_30);content:"";z-index:1;border-radius:5px;height:9px;position:absolute;bottom:10px;left:5px;right:5px}@media (max-width:389px){.ResourceBanner-series__list:before{height:7px;bottom:8px}}.ResourceBanner-series__list-item{z-index:5;position:relative}.ResourceBanner-series__list-item small{color:var(--color_black_60);text-align:center;font-size:10px;display:block}@media (max-width:389px){.ResourceBanner-series__list-item small{font-size:8px}}.ResourceBanner-series__list-item b{text-align:center;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.2;display:block}@media (max-width:389px){.ResourceBanner-series__list-item b{font-size:12px}}.ResourceBanner-series__list-item span{justify-content:center;align-items:center;height:30px;padding:4px;display:flex;position:relative}@media (max-width:389px){.ResourceBanner-series__list-item span{height:24px}}.ResourceBanner-series__list-item span:before{border:1px solid var(--color_black_40);content:"";z-index:10;background-color:#fff;border-radius:100%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:389px){.ResourceBanner-series__list-item span:before{width:16px;height:16px}}.ResourceBanner-series__list-item span svg{color:#fff;z-index:15;width:10px;height:10px;display:block;position:relative}@media (max-width:389px){.ResourceBanner-series__list-item span svg{width:8px;height:8px}}.ResourceBanner-series__list-item--active span:before{background-color:var(--color_red_main);border-color:var(--color_red_main)}.ResourceBanner-series__list-item--current span:before{border-color:var(--color_black_40);transform-origin:50%;background-color:#fff;animation:.45s ease-out .6s forwards currentDotGrowResourceBanner}.ResourceBanner-series__list-item--current span:after{border:1px dashed var(--color_red_main);content:"";transform-origin:50%;z-index:10;border-radius:100%;width:30px;height:30px;animation-name:currentRingScaleInResourceBanner,currentRingSpinResourceBanner,currentRingSpinInfiniteResourceBanner;animation-duration:.6s,1.4s,6s;animation-timing-function:ease-out,ease-out,linear;animation-iteration-count:1,1,infinite;animation-direction:normal,normal,normal;animation-play-state:running,running,running;animation-delay:.6s;animation-fill-mode:forwards,forwards,none;animation-timeline:auto,auto,auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}@media (max-width:389px){.ResourceBanner-series__list-item--current span:after{width:24px;height:24px}}.ResourceBanner-series__list-item--current span svg{opacity:0;transform-origin:50%;animation:.35s ease-out .6s forwards currentIconInResourceBanner;transform:scale(3)}.ResourceBanner-series__bonus{text-align:center;align-items:center;gap:8px;display:flex}.ResourceBanner-series__bonus p{margin-bottom:0;font-size:14px;font-weight:500;line-height:1.4;display:block}.ResourceBanner-series__bonus b{color:var(--color_red_main);font-size:24px;font-weight:500;display:block}@media (max-width:1140px){.ResourceBanner-series__bonus b{font-size:18px}}@media (max-width:389px){.ResourceBanner-series__bonus p{font-size:13px}}.ResourceBanner-series__btns{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:525px){.ResourceBanner-series__btns{display:none}}.ResourceBanner-series__btns .ResourceBanner-series__btns-howTo{color:var(--color_red_main)}@media (max-width:460px){.ResourceBanner-series__btns .ResourceBanner-series__btns-howTo{font-size:12px}}.ResourceBanner--modal{padding:22px 15px;margin-bottom:0!important}@media (max-width:520px){.ResourceBanner--modal{padding:15px}}@media (max-width:460px){.ResourceBanner--modal{padding:15px 10px 15px 5px}}.ResourceBanner--modal .ResourceBanner-close{display:none}.ResourceBanner--modal .ResourceBanner_wrap{gap:20px}@media (max-width:460px){.ResourceBanner--modal .ResourceBanner_wrap{gap:10px}}.ResourceBanner--modal .ResourceBanner-img{flex:0 0 130px;min-width:130px}@media (max-width:520px){.ResourceBanner--modal .ResourceBanner-img{flex:0 0 95px;min-width:95px}}@media (max-width:380px){.ResourceBanner--modal .ResourceBanner-img{flex:0 0 80px;min-width:80px}}.ResourceBanner--modal .ResourceBanner-img img{height:113px}@media (max-width:640px){.ResourceBanner--modal .ResourceBanner-img img{height:auto;margin:-16px 0}}@keyframes moveRightResourceBanner{0%{right:70%}to{right:50%}}@keyframes showAddedResourceBanner{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes currentIconInResourceBanner{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}@keyframes currentDotGrowResourceBanner{0%{border-color:var(--color_black_40);opacity:.4;background-color:#fff;transform:translate(-50%,-50%)scale(.15)}70%{background-color:var(--color_red_main);border-color:var(--color_red_main);opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{background-color:var(--color_red_main);border-color:var(--color_red_main);opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes currentRingScaleInResourceBanner{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes currentRingSpinResourceBanner{0%{transform:translate(-50%,-50%)scale(1)rotate(0)}to{transform:translate(-50%,-50%)scale(1)rotate(480deg)}}@keyframes currentRingSpinInfiniteResourceBanner{0%{transform:translate(-50%,-50%)scale(1)rotate(480deg)}to{transform:translate(-50%,-50%)scale(1)rotate(840deg)}}@keyframes daysGrowResourceBanner{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes daysContentInResourceBanner{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:480px){.ResourceBannerModal .modal__content{flex-direction:column;justify-content:flex-start;display:flex}}.ResourceBannerModal__wrap{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.ResourceBannerModal__footer{justify-content:center;margin-top:24px;display:flex}@media (max-width:480px){.ResourceBannerModal__footer{margin-top:16px}}.ResourceBannerModal__title{align-items:center;min-height:36px;margin-bottom:25px;font-size:26px;font-weight:700;display:flex}@media (max-width:640px){.ResourceBannerModal__title{font-size:21px}}@media (max-width:480px){.ResourceBannerModal__title{margin-bottom:15px}}@media (max-width:389px){.ResourceBannerModal__title{font-size:18px}}.ResourceBannerModal__text{min-height:48px;margin-bottom:16px}@media (max-width:480px){.ResourceBannerModal__text{font-size:13px}}.ResourceBannerModal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ResourceBannerModal__step{margin-bottom:auto}.ResourceBannerModal__item{background-color:var(--color_black_10);border-radius:10px;min-height:185px;padding:20px 48px;overflow:hidden}@media (max-width:767px){.ResourceBannerModal__item{padding:20px}}@media (max-width:480px){.ResourceBannerModal__item{min-height:150px;padding:20px 8px;font-size:12px}}@media (max-width:360px){.ResourceBannerModal__item{min-height:168px}}.ResourceBannerModal__item-image{width:54px;height:54px;margin:0 auto 20px;position:relative}.ResourceBannerModal__item-image canvas,.ResourceBannerModal__item-image img{display:block}.ResourceBannerModal__item-image__black{opacity:1;transform-origin:50%;height:100%;transition:opacity 2s;position:absolute;top:-3px;left:0;transform:scale(1.4)}.ResourceBannerModal__item-image__black--active{opacity:0}.ResourceBannerModal__item-image__black-failure{transform-origin:50%;height:100%;transform:scale(1.4)}.ResourceBannerModal__item-image__diamond{opacity:0;height:100%;transition:opacity 2s}.ResourceBannerModal__item-image__diamond--active{opacity:1}.ResourceBannerModal__item-image--canvas{width:74px;height:74px;margin-top:-10px;margin-bottom:10px}.ResourceBannerModal__item-image--canvas-1{width:94px;height:94px;margin-top:-25px;margin-bottom:5px}.ResourceBannerModal__item-text{text-align:center;max-width:395px;margin:0 auto}.ResourceBannerModal__item-text--red{color:var(--color_red_main)}.ResourceBannerModal__item-text--blue{color:var(--color_blue_main)}.ResourceBannerModal__item-text a{color:var(--color_red_main)}.ResourceBannerModal__btn-right{margin-left:auto}