.ug-mainframewrapper{width:100%;height:100%;position:absolute;z-index:3;background-color:#00000096;display:flex;justify-content:center;align-items:center}
.ug-mainframe__container{width:95%;height:95%;border-radius:25px 5px;position:relative;display:flex;justify-content:center;align-items:center;gap:15px}
.ug-mainframe__saver{position:absolute;right:68px;top:15px;height:2rem;border-radius:5px;transition:all 0.4s linear;background-color:#35964d;cursor:pointer;z-index:4;padding:5px;align-content:center;color:white;padding-left:10px;padding-right:10px}
.ug-mainframe__saver:hover{background-color:#50d06f}
.ug-mainframe__closer{position:absolute;right:15px;top:15px;width:2rem;height:2rem;border-radius:50%;background-color:#ffffff;transition:all 0.4s linear;cursor:pointer;z-index:4;background-image:url(/resources/img/main/ug-search-clear.svg);background-position:center;background-repeat:no-repeat;background-size:cover}
.ug-mainframe__closer:hover{background-color:#e388ff47}
.ug-mainframe-photos__area{width:70%;height:70%;background-image:url(https://crm.metragegroup.com/uploads/contents/objects/live/24300/Resize/1727935181-7004580.jpg);background-position:center;background-repeat:no-repeat;background-size:contain}
.promptBox{height:100px;width:100px;transform:translate(-50%,-50%);position:absolute;top:50%;left:55%;opacity:1;transition:300ms;pointer-events:none;z-index:1000}
.tapperoo{height:48px;width:100px;position:absolute;top:-5px;left:50px;border-radius:100px;background-color:#fff;z-index:-1;animation:tapperoo 3s infinite}
@keyframes tapperoo{0%{height:25%;width:25%}
 50%{height:5%;width:35%;opacity:0;transform:translate(-250%)}
 100%{opacity:0}
}
#tap-gesture{position:absolute;transform:rotate(30deg);animation:handMove 3s infinite}
@keyframes handMove{0%{transform:rotate(30deg)}
 50%{transform:translate(-60%,-10%) rotate(-30deg) scale(0.9)}
 100%{transform:rotate(30deg)}
}
.ug-mainframearrow_left{width:50px;height:50px;background-image:url('/resources/img/main/arrow-stdug.svg');background-position:center;background-repeat:no-repeat;background-size:70%;border-radius:50%;transition:all 0.4s linear;transform:rotate(180deg);cursor:pointer}
.ug-mainframearrow_left:hover{background-color:#c200ff47}
.ug-mainframearrow_right{width:50px;height:50px;background-image:url('/resources/img/main/arrow-stdug.svg');background-position:center;background-repeat:no-repeat;background-size:70%;border-radius:50%;transition:all 0.4s linear;cursor:pointer}
.ug-mainframearrow_right:hover{background-color:#c200ff47}
@media (min-width:310px) and (max-width:500px){.ug-mainframe-photos__area{width:100%;height:100%}
}