.pills-images-and-text{padding:20px 15px}.pills-images-and-text-container h2{color:#054566;text-align:center;font-size:20px;font-weight:800;line-height:28px;margin-bottom:12px}.pills-container{display:flex;align-items:center;gap:8px;overflow-x:scroll;margin-bottom:12px;padding:5px 20px 10px 2px;margin-right:10px;width:100vw}.pills-container .pill{color:#1e1f20;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;border-radius:20px;border:1px solid #dcdcdc;padding:8px;transition:border .2s ease-in-out}.pills-container .pill:last-child{margin-right:10px}.pills-container .pill.active{border:2px solid #ffd3a5}.pills-container .pill:hover{cursor:pointer}.pills-images-and-text-container .subtitle{color:#2e2e2e;text-align:center;font-size:14px;font-weight:400;line-height:20px;width:100%;max-width:500px;margin:0 auto}.pills-images-and-text-content{visibility:hidden;opacity:0;position:absolute;transition:opacity .5ss ease,visibility 0s linear .5ss}.pills-images-and-text-content.active{visibility:visible;opacity:1;position:static;transition:opacity .5ss ease,visibility 0s linear .5ss}.pills-images-and-text-content .images-container{margin:40px auto;display:flex;flex-direction:column;align-items:center;height:190px;overflow:hidden}.pills-images-and-text-content .images-container img{width:340px;border-radius:12px;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .5s ease-in-out,transform .5s ease-in-out,visibility 0s linear .5s;height:0px}.pills-images-and-text-content .images-container video{width:340px;border-radius:12px;object-fit:cover}.pills-images-and-text-content.active .images-container img.active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s;height:190px;object-fit:cover}.pills-images-and-text-content .steps-container{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:0 auto}.pills-images-and-text-content .steps-container .step{display:flex;gap:15px;padding:12px;border-radius:16px;border:2px solid transparent;background:transparent;transition:border .5s ease,background .5s ease}.pills-images-and-text-content .steps-container .step:not(.active):hover{border:2px solid gray;box-shadow:4px 4px 8px #0003}.pills-images-and-text-content .steps-container .step:hover{cursor:pointer}.pills-images-and-text-content .steps-container .step.active{border:2px solid #054566;background:linear-gradient(90deg,#c0e1f266,#9abf9233 45.5%,#c0e1f266)}.pills-images-and-text-content .steps-container .step .number{display:flex;width:40px;height:40px;padding:8px 16px;justify-content:center;align-items:center;border-radius:20px;background-color:#054566;color:#fff}.pills-images-and-text-content .steps-container .step h3{color:#054566;font-size:14px;font-weight:700;line-height:20px;margin-bottom:0}.pills-images-and-text-content .steps-container .step p{color:#054566;font-size:12px;font-weight:400;line-height:16px;margin-bottom:0}.pills-images-and-text-content .steps-container a{display:flex;padding:12px 16px;justify-content:center;align-items:center;color:#fff;font-size:16px;font-weight:600;line-height:20px;width:fit-content;border-radius:8px;background-color:#054566;margin:40px auto 0}.pills-images-and-text-content .steps-container a:hover{background-color:#003f55}.pills-images-and-text-content .video-container{display:none;position:relative}.pills-images-and-text-content .video-container:hover{cursor:pointer}.pills-images-and-text-content .video-container.active{display:flex}.pills-images-and-text-content .video-container .icon-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width: 450px){.pills-container{justify-content:center}}@media screen and (min-width: 1024px){.pills-images-and-text{padding:50px 60px}.pills-images-and-text-container h2{font-size:32px;font-weight:800;line-height:40px;margin-bottom:24px}.pills-container{overflow:hidden;margin-bottom:24px;max-width:100%}.pills-container .pill{font-size:16px;line-height:24px;padding:8px 16px}.pills-images-and-text-container .subtitle{font-size:18px;line-height:24px;max-width:100%}.pills-images-and-text-content{max-width:1200px;margin-top:40px;margin-left:auto;margin-right:auto}.pills-images-and-text-content.active{display:flex;gap:40px}.pills-images-and-text-content .images-container{margin:0;height:500px}.pills-images-and-text-content .images-container img{width:645px;height:0px;border-radius:20px}.pills-images-and-text-content .images-container video{width:645px;border-radius:20px;height:500px}.pills-images-and-text-content .steps-container a{margin-left:0;margin-top:80px;padding:12px 20px;font-size:18px;font-weight:500;line-height:24px}.pills-images-and-text-content .steps-container .step h3{font-size:16px;font-weight:700;line-height:24px}.pills-images-and-text-content .steps-container .step p{font-size:14px;line-height:20px}.pills-images-and-text-content.active .images-container img.active{height:500px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/pills-images-and-text.css.map */