.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--body-bg);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-out}.preloader.fade-out{opacity:0}.clothing-animation{position:relative;width:200px;height:200px}.clothing-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.clothing-item.active{animation:popAndSpin .8s forwards}.clothing-item i{font-size:80px;color:var(--primary-color);filter:drop-shadow(0 3px 5px rgba(0,0,0,.1))}.loading-text{position:absolute;bottom:-40px;left:0;width:100%;text-align:center;font-size:16px;color:var(--secondary-color);font-weight:600;letter-spacing:4px;animation:pulse 1s infinite}.loading-bar{position:absolute;bottom:-60px;left:0;width:100%;height:4px;background-color:#eee;border-radius:2px;overflow:hidden}.loading-progress{height:100%;width:0;background-color:var(--primary-color);animation:loading 1s ease-in-out infinite;border-radius:2px}@keyframes popAndSpin{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-45deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(0)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(45deg)}}@keyframes loading{0%{width:0}to{width:100%}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}