.guide-holder{width:100%;max-width:792px;max-height:570px;aspect-ratio:792/570;display:block;margin:0 auto}.guide-holder.desktop{max-height:536px;max-width:834px;aspect-ratio:834/536}.guide-holder.mobile{max-height:800px;max-width:360px;aspect-ratio:360/800}.guide-wrapper{width:792px;max-height:570px;aspect-ratio:792/570;position:relative;border:26px solid #000;border-radius:18px;transform-origin:left top}.guide-wrapper.desktop{width:834px;max-height:536px;aspect-ratio:834/536;position:relative;border:26px solid #000;border-radius:18px;transform-origin:left top}.guide-wrapper.mobile{width:360px;max-height:800px;aspect-ratio:360/800;position:relative;border:12px solid #000;border-radius:16px;transform-origin:left top}.guide-wrapper>a.guide-start{position:absolute;width:64px;height:64px;top:calc(50% - 32px);left:calc(50% - 32px);background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;border-radius:50%;z-index:10}.guide-wrapper>.guide-inner{width:100%;height:100%;position:absolute;overflow:hidden}.guide-wrapper>.guide-inner>.guide-item{width:100%;height:100%;overflow:hidden;position:absolute;top:100%}.guide-wrapper>.guide-inner>.guide-item.ready{animation:item-ready 1s;animation-fill-mode:forwards;filter:brightness(.5)}.guide-wrapper>.guide-inner>.guide-item.done,.guide-wrapper>.guide-inner>.guide-item.play{opacity:1;top:0;right:0}.guide-wrapper>.guide-inner>.guide-item.done{animation:item-done 1s;animation-fill-mode:forwards}.guide-item .guide-ov{background:0 0;position:absolute;inset:0;z-index:4;transform:translateX(-100%)}.guide-item .guide-ov-focus{background:0 0;position:absolute;z-index:4;border-radius:8px}.guide-item.play .guide-ov{animation:overlay .5s;animation-fill-mode:forwards}.guide-item.play .guide-ov-focus{animation:overlay-focus .5s;animation-fill-mode:forwards}.guide-item>.guide-toast,.guide-item>.guide-toast-stop{padding:12px 16px;background:#fff;border:.5px solid #ccc;box-shadow:0 0 5px 1px rgba(0,0,0,.19);border-radius:12px;width:70%;position:absolute;z-index:3;left:15%;top:-124px;opacity:0;height:100px}.guide-item.play>.guide-toast{animation:guide-toast 4s;animation-fill-mode:forwards}.guide-item.play>.guide-toast-stop{animation:guide-toast-stop 2s;animation-fill-mode:forwards}.guide-item>.guide-toast-stop>p,.guide-item>.guide-toast>p{margin:0 0 8px 0;font-size:14px;line-height:1.2;color:#141414}.guide-item>img.gi-base{width:100%;min-height:100%;object-fit:cover}.guide-wrapper.mobile .guide-item>img.gi-base{object-fit:unset;height:auto}.guide-item .guide-balloon{background:rgba(0,0,0,.8);padding:12px 16px;-webkit-backface-visibility:hidden;border-radius:4px;width:fit-content;height:fit-content;position:absolute;z-index:5;color:#fff;opacity:0}.guide-item .guide-toast-alt{background:rgba(0,0,0,.8);padding:12px 16px;-webkit-backface-visibility:hidden;border-radius:4px;width:fit-content;height:fit-content;position:absolute;z-index:5;color:#fff;opacity:0;bottom:-120px}.guide-item.play .guide-balloon{animation:speech-baloon-showing 1s;animation-fill-mode:forwards}.guide-item.play .guide-toast-alt{animation:guide-toast-alt 3s;animation-fill-mode:forwards}.guide-item .guide-balloon::after{content:'';position:absolute;display:block;width:0;height:0;right:-20px;top:calc(50% - 10px);border:10px solid transparent;border-left:10px solid rgba(0,0,0,.8);z-index:2}.guide-item .guide-balloon.top::after{right:calc(50% - 10px);top:calc(50% - 42px);border:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.8);z-index:2}.guide-item .guide-balloon.left::after{right:unset;left:-20px;top:calc(50% - 10px);border:10px solid transparent;border-right:10px solid rgba(0,0,0,.8);z-index:2}.guide-item .mj-pulse{background:0 0;display:block;position:absolute;top:24px;right:24px;width:36px;height:36px;border-radius:50%;border:6px solid rgba(253,176,34,.55);opacity:0;cursor:pointer;z-index:5}.guide-item.play .mj-pulse{animation:pulsing 1s infinite}.guide-item .guide-blocker{background:#fff;position:absolute;z-index:5}a.cc-control{display:flex;width:fit-content;padding:6px 8px;border-radius:4px;background:#333;color:#fff;gap:0 8px;align-items:center;font-size:15px;margin:12px auto}label.demo-title{font-family:'Open Sans';color:#525252;font-size:18px;font-weight:600;line-height:28px;text-align:center}.mj-bimbingan-icon-small-card{width:unset!important;max-width:100%!important;margin-bottom:0!important;border-radius:unset!important}@keyframes pulsing{0%{opacity:0;transform:scale(1)}25%{opacity:.5;transform:scale(1.15)}50%{opacity:1;transform:scale(1.25)}100%{opacity:.1;transform:scale(1.5)}}@keyframes guide-toast{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(148px)}80%{opacity:1;transform:translateY(148px)}100%{opacity:0;transform:translateY(0)}}@keyframes guide-toast-stop{0%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(148px)}}@keyframes guide-toast-alt{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-180px)}80%{opacity:1;transform:translateY(-180px)}100%{opacity:0;transform:translateY(0)}}@keyframes speech-baloon-showing{0%{opacity:0}100%{opacity:1}}@keyframes overlay{0%{transform:translateX(-100%);background:0 0;opacity:0}100%{transform:translateX(0);background:rgba(0,0,0,.5);opacity:1}}@keyframes overlay-focus{0%{opacity:0;transform:translateY(-120px);box-shadow:none}100%{box-shadow:0 0 0 100vmax rgba(0,0,0,.4);opacity:1;transform:translateY(0)}}@keyframes item-done{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}@keyframes item-ready{0%{opacity:0;transform:translateY(0)}100%{opacity:1;transform:translateY(-100%)}}