.loader{position:relative}.loader.loader-foreground{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(47,79,79,.9) 0,rgba(76,119,84,.9) 100%);z-index:9999;display:flex;flex-direction:row;justify-content:center;align-items:center}.loader.loader-inline{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(247,249,247,.95) 0,rgba(76,119,84,.1) 100%);z-index:100;display:flex;flex-direction:row;justify-content:center;align-items:center}.loader-animation{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;position:relative}.loader-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8rem;position:relative}.loader-container::before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4c7754,transparent);animation:loader-line 2s ease-in-out infinite}.loader-circle{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#2f4f4f 0,#4c7754 100%);box-shadow:0 0 10px rgba(76,119,84,.3);animation:loader-bounce 1.4s ease-in-out infinite both;position:relative}.loader-circle::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,#2f4f4f,#4c7754);z-index:-1;animation:loader-glow 2s ease-in-out infinite}.loader-circle:nth-child(1){animation-delay:-.32s}.loader-circle:nth-child(1)::before{animation-delay:-.32s}.loader-circle:nth-child(2){animation-delay:-.16s}.loader-circle:nth-child(2)::before{animation-delay:-.16s}.loader-circle:nth-child(3){animation-delay:0s}.loader-circle:nth-child(3)::before{animation-delay:0s}.loader-circle:nth-child(4){animation-delay:.16s}.loader-circle:nth-child(4)::before{animation-delay:.16s}.loader-circle:nth-child(5){animation-delay:.32s}.loader-circle:nth-child(5)::before{animation-delay:.32s}.loader-text{color:#2c3e2f;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;font-weight:600;text-align:center;animation:loader-pulse 2s ease-in-out infinite;text-shadow:0 0 10px rgba(76,119,84,.3);position:relative}.loader-text::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:linear-gradient(135deg,#2f4f4f 0,#4c7754 100%);animation:loader-underline 1.5s ease-in-out infinite}@keyframes loader-bounce{0%,100%,80%{transform:scale(0) rotate(0);opacity:.5}40%{transform:scale(1) rotate(180deg);opacity:1}}@keyframes loader-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes loader-glow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes loader-line{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes loader-underline{0%,100%{width:0;opacity:0}50%{width:30px;opacity:1}}.demo-section{margin-top:2rem;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#f7f9f7}.demo-buttons{display:flex;gap:1rem;margin-bottom:1rem}.demo-buttons .btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s linear}.demo-buttons .btn.btn-primary{background-color:#2f4f4f;color:#fff}.demo-buttons .btn.btn-primary:hover{background-color:rgba(47,79,79,.1)}.demo-buttons .btn.btn-secondary{background-color:#4c7754;color:#fff}.demo-buttons .btn.btn-secondary:hover{background-color:rgba(76,119,84,.1)}.demo-buttons .btn.btn-outline{background-color:transparent;color:#2f4f4f;border:1px solid #2f4f4f}.demo-buttons .btn.btn-outline:hover{background-color:#2f4f4f;color:#fff}.demo-container{position:relative;padding:1rem;background-color:#fff;border-radius:4px}
/*# sourceMappingURL=loader.css.map */