.programmatic-step{max-width:1440px;margin:0 auto;padding:64px 108px 164px}@media (max-width: 767px){.programmatic-step{padding:24px}}.programmatic-step .arrow{position:absolute;width:0px;height:1px;background:var(--neutral-60, #B3BAC6);z-index:1;pointer-events:none}.programmatic-step .arrow:hover{z-index:10}.programmatic-step .arrow .info{position:absolute;bottom:-webkit-calc(100% + 1rem);bottom:-moz-calc(100% + 1rem);bottom:calc(100% + 1rem);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1.5rem;height:1.5rem;cursor:pointer;pointer-events:auto}.programmatic-step .arrow .info__label{position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid #001A41;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;font-size:12px;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.programmatic-step .arrow .info__caption{position:absolute;background:#001A41;border-radius:1rem;color:white;font-size:12px;left:50%;-webkit-transform:translate(-50%, -webkit-calc(-100% - 1rem));-moz-transform:translate(-50%, -moz-calc(-100% - 1rem));-ms-transform:translate(-50%, calc(-100% - 1rem));transform:translate(-50%, calc(-100% - 1rem));text-align:center;opacity:0;-webkit-transition:ease-in-out opacity 500ms;-moz-transition:ease-in-out opacity 500ms;transition:ease-in-out opacity 500ms;width:0;height:0;overflow:hidden}.programmatic-step .arrow .info:hover .info__caption{width:250px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.25rem 2rem;opacity:1}.programmatic-step .arrow::after,.programmatic-step .arrow::before{content:'';width:7px;height:7px;background:var(--neutral-60, #B3BAC6);position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:none}.programmatic-step .arrow::after{right:-5px;-webkit-clip-path:polygon(0 0, 0% 100%, 100% 50%);clip-path:polygon(0 0, 0% 100%, 100% 50%)}.programmatic-step .arrow::before{left:-5px;-webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%);clip-path:polygon(100% 0, 0 50%, 100% 100%)}.programmatic-step .arrow.arrow__right::after{display:block}.programmatic-step .arrow.arrow__left::before{display:block}.programmatic-step .arrow.arrow__active{background:#FF0025;z-index:10}.programmatic-step .arrow.arrow__active::before,.programmatic-step .arrow.arrow__active::after{background:#FF0025}.programmatic-step .arrow.arrow__active .info__label{background:#001A41;color:white}.programmatic-step .arrow.arrow__active .info__caption{width:250px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.25rem 2rem;opacity:1}.programmatic-step__title{max-width:335px;font-family:'telkomsel-bartik-regular';font-size:28px;line-height:40px;margin-bottom:1rem}.programmatic-step__content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:1.25rem;margin-top:7.5rem}@media (max-width: 767px){.programmatic-step__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:2rem}}.programmatic-step__content .content-card{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;aspect-ratio:1.9/1;border-radius:1.25rem;background:var(--shades-red-5, #FFF5F6);position:relative;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:relative}@media (max-width: 767px){.programmatic-step__content .content-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;aspect-ratio:none;height:auto}.programmatic-step__content .content-card .arrow{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.programmatic-step__content .content-card .arrow .info{-webkit-transform:rotate(-90deg) translateY(-10px);-moz-transform:rotate(-90deg) translateY(-10px);-ms-transform:rotate(-90deg) translateY(-10px);transform:rotate(-90deg) translateY(-10px)}}.programmatic-step__content .content-card__item{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;position:relative}@media (max-width: 767px){.programmatic-step__content .content-card__item{height:150px}}.programmatic-step__content .content-card__item .item__icon{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin:0 auto;width:48px;height:48px}.programmatic-step__content .content-card__item .item__name{text-align:center;position:absolute;left:50%;top:56px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;font-size:12px}@media (max-width: 767px){.programmatic-step__content .content-card__item .item__name{position:relative;top:auto;left:auto;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.programmatic-step__content .main-content{position:relative;width:235px;min-width:235px;min-height:235px}@media (max-width: 767px){.programmatic-step__content .main-content{width:100%;height:160px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}}.programmatic-step__content .main-content__top{text-align:center;position:absolute;bottom:100%;width:100%}@media (max-width: 767px){.programmatic-step__content .main-content__top{bottom:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;left:15%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.programmatic-step__content .main-content__top .top-icon{width:48px;height:48px;margin:0  auto}.programmatic-step__content .main-content__top .top-label{font-size:12px;margin-top:8px;white-space:nowrap}@media (max-width: 767px){.programmatic-step__content .main-content__top .top-label span{display:none}}.programmatic-step__content .main-content__bottom{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:relative}@media (max-width: 767px){.programmatic-step__content .main-content__bottom{width:100%;height:100%}}.programmatic-step__content .main-content__bottom .bottom-main{text-align:center;font-size:12px}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:first-child{left:0;width:-webkit-calc((235px / 2) - 50px);width:-moz-calc((235px / 2) - 50px);width:calc((235px / 2) - 50px)}@media (max-width: 767px){.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:first-child{left:50%;-webkit-transform:rotate(90deg) translateY(-webkit-calc(((160px / 2) - 20px) / 2));-moz-transform:rotate(90deg) translateY(-moz-calc(((160px / 2) - 20px) / 2));-ms-transform:rotate(90deg) translateY(calc(((160px / 2) - 20px) / 2));transform:rotate(90deg) translateY(calc(((160px / 2) - 20px) / 2));width:-webkit-calc((160px / 2) - 20px);width:-moz-calc((160px / 2) - 20px);width:calc((160px / 2) - 20px);top:1.5rem}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:first-child .info{-webkit-transform:rotate(-90deg) translateY(-7.5px);-moz-transform:rotate(-90deg) translateY(-7.5px);-ms-transform:rotate(-90deg) translateY(-7.5px);transform:rotate(-90deg) translateY(-7.5px)}}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(2){right:0;width:-webkit-calc((235px / 2) - 50px);width:-moz-calc((235px / 2) - 50px);width:calc((235px / 2) - 50px)}@media (max-width: 767px){.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(2){-webkit-transform:rotate(90deg) translateY(-webkit-calc(((160px / 2) - 30px) / 2));-moz-transform:rotate(90deg) translateY(-moz-calc(((160px / 2) - 30px) / 2));-ms-transform:rotate(90deg) translateY(calc(((160px / 2) - 30px) / 2));transform:rotate(90deg) translateY(calc(((160px / 2) - 30px) / 2));width:-webkit-calc((160px / 2) - 30px);width:-moz-calc((160px / 2) - 30px);width:calc((160px / 2) - 30px);bottom:2rem;left:50%}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(2) .info{-webkit-transform:rotate(-90deg) translateY(-10px);-moz-transform:rotate(-90deg) translateY(-10px);-ms-transform:rotate(-90deg) translateY(-10px);transform:rotate(-90deg) translateY(-10px)}}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(3){right:0;width:-webkit-calc((235px / 2) - 60px);width:-moz-calc((235px / 2) - 60px);width:calc((235px / 2) - 60px);top:-webkit-calc((235px / 2) - 80px);top:-moz-calc((235px / 2) - 80px);top:calc((235px / 2) - 80px);left:-webkit-calc((235px / 2) - 30px);left:-moz-calc((235px / 2) - 30px);left:calc((235px / 2) - 30px);-webkit-transform:rotate(90deg) translateY(100%);-moz-transform:rotate(90deg) translateY(100%);-ms-transform:rotate(90deg) translateY(100%);transform:rotate(90deg) translateY(100%)}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(3) .info{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);left:30%}@media (max-width: 767px){.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(3){-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px);width:-webkit-calc((160px / 2) - 30px);width:-moz-calc((160px / 2) - 30px);width:calc((160px / 2) - 30px);left:-webkit-calc(10% + 52px);left:-moz-calc(10% + 52px);left:calc(10% + 52px);top:50%}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:nth-child(3) .info{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:last-child{background-color:white;bottom:1rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:last-child::after{display:none}@media (max-width: 767px){.programmatic-step__content .main-content__bottom .bottom-arrow .arrow:last-child{top:50%;-webkit-transform:translate(5px, 20px);-moz-transform:translate(5px, 20px);-ms-transform:translate(5px, 20px);transform:translate(5px, 20px);left:-webkit-calc(50% + 55px);left:-moz-calc(50% + 55px);left:calc(50% + 55px)}}@media (max-width: 767px){.programmatic-step__content .main-content__bottom .bottom-arrow{width:100%;position:absolute;height:100%}}

/*# sourceMappingURL=maps/enterprise/widgets/programmatic-step.css.map */