.steps{--fill-0: #091125;--fill-1: rgba(217, 227, 229, .1);--fill-2: #2995ff;--blue-grad: linear-gradient(0deg, rgba(29, 144, 255, 1) 0%, rgba(40, 178, 255, 1) 100%);--blue-btn: linear-gradient(0deg, rgba(0, 98, 245, 1) 10%, rgba(39, 142, 242, 1) 100%);--card-bg: rgba(255, 255, 255, .05);--card-stroke: 2px solid rgba(29, 144, 255, .5);--green: #46c72c;min-height:auto;overflow:hidden;box-sizing:border-box;background:#0a112f!important}.steps .main-title{position:relative;text-align:center;color:#fff;font-size:24px;font-weight:700;z-index:2}.steps .step-cards-container{display:none}.steps .video-box{position:relative;width:335px;height:185px;margin:20px auto 0;background:var(--fill-1);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2}.steps__video{width:100%;height:100%;object-fit:cover}.steps .video-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(40,178,255,.12) 1px,transparent 1px);background-size:14px 14px;opacity:.5;pointer-events:none}.steps .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--blue-grad);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px #28b2ff8c;cursor:pointer;z-index:2;flex-shrink:0}.steps .play-btn:after{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:4px}.steps .step-card{position:relative;width:293px;margin:45px auto 0;background:var(--card-bg);border:2px solid rgba(29,144,255,.5);border-radius:5px;box-shadow:inset 0 0 28px -9px #007cff;z-index:2;overflow:visible;padding-bottom:24px}.steps .step-card:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:157px;height:45px;background:url(./ru-custom-steps-step-bg.9ad1af20.png) no-repeat center / contain;z-index:10}.steps .step-number{position:absolute;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;color:#fff;z-index:11;white-space:nowrap}.steps .step-label{text-align:center;padding-top:60px;font-size:14px;font-weight:700;color:#2995ff}.steps .step-instruction{text-align:center;padding:10px 20px 4px;font-size:14px;font-weight:400;color:#fff;line-height:18px;max-width:200px;margin:0 auto;min-height:68px}.steps .step-slider{position:relative;width:100%;overflow:hidden;margin-top:16px}.steps .step-slider-track{display:flex;transition:transform .4s ease}.steps .step-slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center;padding:0 10px;box-sizing:border-box}.steps .step-slide img{width:100%;max-width:260px;height:auto;border-radius:8px}.steps .page-dots{display:flex;justify-content:center;gap:20px;margin:32px 0 40px;position:relative;z-index:2}.steps .dot{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:opacity .3s ease}.steps .dot{opacity:.2}.steps .dot.active{opacity:1}.steps .dot:hover{opacity:.8}.steps .bottom-fade{position:absolute;bottom:0;left:0;width:100%;height:160px;background:linear-gradient(to top,#091125 0%,transparent 100%);pointer-events:none;z-index:1}@media(min-width:768px){.steps{background-size:100vw 100vh}.steps .main-title{font-size:36px}.steps .video-box{width:688px;height:387px;margin:24px auto 0;border-radius:7px}.steps .video-dots{background-size:18px 18px}.steps .play-btn{width:72px;height:72px}.steps .play-btn:after{border-width:13px 0 13px 22px;margin-left:5px}.steps .step-card{width:333px;height:394px;margin:40px auto 0;padding-bottom:32px}.steps .step-number{font-size:14px;top:0}.steps .step-label{font-size:22px;padding-top:44px}.steps .step-instruction{font-size:16px;line-height:20px;padding:12px 28px 8px;min-height:80px}.steps .step-slide img{max-width:380px}.steps .page-dots{gap:24px;margin:40px 0 50px}.steps .dot{width:14px;height:14px}}@media(min-width:1024px){.steps{height:auto;width:100vw}.steps .main-title{font-size:36px}.steps .video-box{width:944px;height:588px;margin:24px auto 0;border-radius:7px}.steps .video-dots{background-size:20px 20px}.steps .play-btn{width:80px;height:80px}.steps .play-btn:after{border-width:15px 0 15px 26px;margin-left:6px}.steps .step-card,.steps .page-dots{display:none}.steps .step-cards-container{display:flex;justify-content:center;gap:38px;margin:15px auto 0;width:100%;max-width:957px}.steps .step-card-1024{position:relative;width:203px;height:230px;background:#ffffff0d;border:1.4px solid rgba(29,144,255,.5);border-radius:3.5px;box-shadow:inset 0 0 20px -6px #007cff;overflow:visible;flex-shrink:0}.steps .step-card-1024:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:109px;height:31px;background:url(./ru-custom-steps-step-bg.9ad1af20.png) no-repeat center / contain;z-index:10;opacity:.59}.steps .step-card-1024 .step-number{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#fff;z-index:11;white-space:nowrap}.steps .step-card-1024 .step-label{text-align:center;padding-top:35px;font-size:10px;font-weight:700;color:#2995ff}.steps .step-card-1024 .step-instruction{text-align:center;padding:6px 12px 0;font-size:10px;font-weight:400;color:#fff;line-height:11px;max-width:140px;margin:0 auto;min-height:auto}.steps .step-card-1024 .step-img-box{position:relative;width:189px;height:132px;margin:10px auto 0;background:#fdfdfd;border:.8px solid;border-image:linear-gradient(0deg,#2affaa,#2773f3) 1;border-radius:4px;overflow:hidden}.steps .step-card-1024 .step-img-box img{width:100%;height:100%;object-fit:cover;border-radius:4px}}@media(min-width:1920px){.steps{width:100vw}.steps .main-title{font-size:48px}.steps .video-box{width:1200px;height:675px;margin:16px auto 0;border-radius:10px}.steps .video-dots{background-size:24px 24px}.steps .play-btn{width:100px;height:100px;box-shadow:0 0 50px #28b2ffb3}.steps .play-btn:after{border-width:18px 0 18px 32px;margin-left:8px}.steps .step-card,.steps .page-dots{display:none}.steps .step-cards-container{display:flex;justify-content:center;gap:36px;margin:30px auto 0;width:100%;max-width:951px}.steps .step-card-1024{position:relative;width:293px;height:355px;background:#ffffff0d;border:2px solid rgba(29,144,255,.5);border-radius:5px;box-shadow:inset 0 0 28.6px -9px #007cff;overflow:visible;flex-shrink:0}.steps .step-card-1024:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:157px;height:45px;background:url(./ru-custom-steps-step-bg.9ad1af20.png) no-repeat center / contain;z-index:10;opacity:.59}.steps .step-card-1024 .step-number{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#fff;z-index:11;white-space:nowrap}.steps .step-card-1024 .step-label{text-align:center;padding-top:66px;font-size:14px;font-weight:700;color:#2995ff}.steps .step-card-1024 .step-instruction{text-align:center;font-size:14px;font-weight:400;color:#fff;line-height:16px;max-width:198px;margin:0 auto;min-height:54px}.steps .step-card-1024 .step-img-box{position:relative;width:273px;height:191px;margin:8px auto 0;background:#fdfdfd;border:1.15px solid;border-image:linear-gradient(0deg,#2affaa,#2773f3) 1;border-radius:5.76px;overflow:hidden}.steps .step-card-1024 .step-img-box img{width:100%;height:100%;object-fit:cover;border-radius:5.76px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/ru-custom-steps.css.map */