.preloader{position:fixed;top:0;left:0;width:100%;height:100svh;background-color:var(--base-200);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path;overflow:hidden;z-index:9999}.progress-bar{position:absolute;top:0;left:0;width:100%;height:7px;background-color:var(--accent-1,var(--base-500));transform:scaleX(0);transform-origin:left;will-change:transform}.preloader-images{top:45%;left:50%;transform:translate(-50%,-50%);width:25rem;height:25rem;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.preloader-images,.preloader-images .img{position:absolute;will-change:clip-path;overflow:hidden}.preloader-images .img{width:100%;height:100%;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);border-radius:.75rem}.preloader-images .img img{position:relative;width:100%;height:100%;object-fit:cover;transform:scale(2);will-change:transform}@media (max-width:1000px){.preloader-images{width:20rem;height:20rem}}@media screen and (max-width:768px){.preloader-images{width:16rem;height:16rem;top:40%}.preloader-images .img{border-radius:.5rem}.progress-bar{height:5px}}@media screen and (max-width:480px){.preloader-images{width:14rem;height:14rem}.progress-bar{height:4px}}