.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}.designWidget{position:absolute;overflow:hidden;z-index:1000;bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:all .3s}.designWidget:hover .content .header{z-index:999;opacity:1}.designWidget:hover .content .headerOverlay{z-index:998;opacity:1}.designWidget .content{position:relative;width:100%;height:100%;padding:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.designWidget .content .header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px;opacity:0}.designWidget .content .header .icon{cursor:pointer}.designWidget .content .footer{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.designWidget .content .footer .text-container{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.5)}.designWidget .content .footer .text-container .text{font-size:14px;color:#fff;font-weight:500;filter:drop-shadow(2px 3px 3px #000)}.designWidget .content .footer-content{display:flex;width:100%;justify-content:center;align-items:center;gap:5px}.designWidget .content .footer-content img{width:40px}.designWidget .content .footer-content p{font-size:8px;color:#fff}.designWidget .content .footerOverlay{position:absolute;left:0;width:100%;background:#000;z-index:-1;bottom:0;height:20%;background:linear-gradient(0deg,#000000a8 50%,#09097900 100%)}.designWidget .content .headerOverlay{position:absolute;left:0;width:100%;background:#000;z-index:-1;top:0;height:30%;background:linear-gradient(0deg,#09097900 10%,#000000a8 100%);opacity:0}.designWidget .content .media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.designWidget .content .media img,.designWidget .content .media video{border-radius:5px;width:100%;height:100%;transition:all .3s}.designWidget .content .media img.fill,.designWidget .content .media video.fill{object-fit:fill}.designWidget .content .media img.cover,.designWidget .content .media video.cover{object-fit:cover}.designWidget .content .media img.contain,.designWidget .content .media video.contain{object-fit:contain}.designWidget .content .media img.circle,.designWidget .content .media video.circle{border-radius:50%}.designWidget .content .play{border:none;outline:none;background-color:transparent;filter:drop-shadow(0 0 .75rem crimson);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer}.designWidget.left{left:10px}.designWidget.right{right:10px}.designWidget.rectangle{width:150px;height:210px;border-radius:10px}.designWidget.circle{height:190px;width:190px;border-radius:50%}.designWidget.circle .content .header{padding:20px 5px 0;width:70%}.designWidget.circle .content .footer{width:75%;margin-bottom:5px;gap:5px}.designWidget.circle .content .footer .footer-content{flex-direction:column}.designWidget.circle .content .footer .text-container{padding-bottom:5px}.designWidget.square{width:190px;height:100px;border-radius:5px}.designWidget.button{height:50px;width:190px;border-radius:50px}.designWidget.button .content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.designWidget.button .content img{border-radius:50%;height:40px!important;width:40px!important}.designWidget.button .content>p{font-size:14px;position:unset;transform:unset;text-align:center}
