@charset "UTF-8";
/* https://ditoday.com/wp-content/themes/ditoday2025/inc/cx/stylesheets/anim.css */
@keyframes ht-1-bg{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:1}40%{opacity:1}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-1-bg{position:absolute;top:0;left:0;width:100%;animation:ht-1-bg 7s ease 0s infinite}@keyframes ht-1-arrow{0%{opacity:1}10%{opacity:1}20%{opacity:1}30%{opacity:1}40%{opacity:1}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-1-arrow{position:absolute;width:4%;top:60%;left:52%;animation:ht-1-arrow 7s ease 0s infinite}@keyframes ht-1-box{0%{opacity:1}10%{opacity:0}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-1-box{position:absolute;width:20%;top:52%;left:40%;animation:ht-1-box 7s ease 0s infinite}@keyframes ht-1-bg2{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:1}70%{opacity:1}80%{opacity:1}90%{opacity:1}100%{opacity:0}}#uxheatmap-features-detail .ht-1-bg2{position:absolute;top:0;left:0;width:100%;animation:ht-1-bg2 7s ease 0s infinite}@keyframes ht-1-box2{0%{opacity:0}10%{opacity:0}20%{opacity:0}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:1}80%{opacity:0}90%{opacity:1}100%{opacity:0}}#uxheatmap-features-detail .ht-1-box2{position:absolute;width:46%;top:20%;left:53%;animation:ht-1-box2 7s ease 0s infinite}#uxheatmap-features-detail .ht-1-box2-1{position:absolute;width:46%;top:49.5%;left:1.5%;animation:ht-1-box2 7s ease 0s infinite}#uxheatmap-features-detail .ht-2-bg{position:absolute;top:0;left:0;width:100%}@keyframes ht-2-arrow{0%{left:60%;top:65%}20%{left:83%;top:35%}100%{left:83%;top:35%}}#uxheatmap-features-detail .ht-2-arrow{position:absolute;width:4%;top:85%;left:83%;animation:ht-2-arrow 7s ease 0s infinite}@keyframes ht-2-box{0%{opacity:0}25%{opacity:0}50%{opacity:1}62%{opacity:0}75%{opacity:1}87%{opacity:0}100%{opacity:1}}#uxheatmap-features-detail .ht-2-box{position:absolute;width:15.3%;top:24%;left:74.5%;animation:ht-2-box 7s ease 0s infinite}@keyframes ht-4-bg1{0%{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}100%{opacity:0}}@keyframes ht-3-bg{0%{opacity:1}40%{opacity:1}50%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-3-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ec0047;animation:ht-3-bg 10s ease 0s infinite}@keyframes ht-3-btn{0%{opacity:1}25%{width:59%}30%{width:50%}35%{width:59%}40%{opacity:1}50%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-3-btn{position:absolute;top:50%;left:50%;width:59%;transform:translate(-50%,-50%);animation:ht-3-btn 10s ease 0s infinite}@keyframes ht-3-arrow{0%{opacity:1}15%{top:55%}40%{opacity:1}50%{opacity:0}100%{opacity:0;top:55%}}#uxheatmap-features-detail .ht-3-arrow{position:absolute;width:4%;top:90%;left:50%;animation:ht-3-arrow 10s ease 0s infinite}@keyframes ht-3-bg2{0%{opacity:0}50%{opacity:0}60%{opacity:1;top:0%}90%{opacity:1}100%{opacity:0;top:-107%}}#uxheatmap-features-detail .ht-3-bg2{position:relative;width:100%;animation:ht-3-bg2 10s ease 0s infinite}#uxheatmap-features-detail .ht-3-bg2-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#uxheatmap-features-detail .ht-4-bg1{position:absolute;top:0;left:0;width:100%;animation:ht-4-bg1 7s ease 0s infinite}@keyframes ht-4-bg2{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:0}}#uxheatmap-features-detail .ht-4-bg2{position:absolute;top:0;left:0;width:100%;animation:ht-4-bg2 7s ease 0s infinite}@keyframes ht-4-bg3{0%{opacity:0}25%{opacity:0}50%{opacity:0}75%{opacity:0}100%{opacity:1}}#uxheatmap-features-detail .ht-4-bg3{position:absolute;top:0;left:0;width:100%;animation:ht-4-bg3 7s ease 0s infinite}