#techno-preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease-in-out}#techno-preloader.loaded{opacity:0;pointer-events:none}.techno-loader-box{background:#fff;padding:25px;width:200px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.techno-logo{height:auto;margin-bottom:15px;display:flex;justify-content:center;transition:width 0.3s ease}.techno-logo img{width:100%;height:auto;display:block;object-fit:contain}.techno-dots{display:flex;gap:10px;height:25px;margin-top:5px}.dot{width:7px;height:7px;border-radius:50%;animation-duration:0.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dot-1{animation-name:bounce-1}.dot-2{animation-name:bounce-2}.dot-3{animation-name:bounce-1}@keyframes bounce-1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce-2{0%,100%{transform:translateY(-8px)}50%{transform:translateY(0)}}.opacity-value{margin-left:10px;font-weight:700}input[type="range"]{width:200px;vertical-align:middle}input[type="number"]{width:80px}