#preloader{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);pointer-events:auto;will-change:opacity}
#preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}
.pl-loader{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}

.pl-blurred-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.pl-caption{margin-top:14px;color:rgba(255,255,255,0.95);font-size:12px;font-weight:300;padding:6px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:0.4px}
.pl-dot{position:absolute;width:12px;height:12px;border-radius:50%;top:50%;left:50%;margin:-6px 0 0 -6px;box-shadow:0 0 8px rgba(255,255,255,.2)}
.pl-dot-white{background:#fff;animation:pl-orbit 3s ease-in-out infinite}
.pl-dot-teal{background:#008080;animation:pl-orbit 3s ease-in-out infinite -1s}
.pl-dot-navy{background:#000080;animation:pl-orbit 3s ease-in-out infinite -2s}
@keyframes pl-orbit{0%{transform:rotate(0) translateX(15px) rotate(0)}50%{transform:rotate(180deg) translateX(30px) rotate(-180deg)}100%{transform:rotate(360deg) translateX(15px) rotate(-360deg)}}