.tripelfy-loader{--tripelfy-loader-size:96px;display:grid;place-items:center;min-height:136px;min-width:0;padding:20px;box-sizing:border-box;vertical-align:middle;flex-shrink:0}
.tripelfy-loader-symbol{position:relative;display:grid;place-items:center;width:var(--tripelfy-loader-size);height:var(--tripelfy-loader-size);pointer-events:none}
.tripelfy-loader-mark{position:relative;z-index:1;display:block;width:60%;height:60%;max-width:none;object-fit:contain;border:0;border-radius:18%;background:transparent;filter:drop-shadow(0 4px 10px #237af512)}
.tripelfy-loader-track{position:absolute;inset:3px;border:1.5px solid #2785ff1c;border-radius:50%;box-shadow:0 0 24px 4px #499bff09}
.tripelfy-loader-orbit{position:absolute;inset:3px;border-radius:50%;animation:tripelfy-loader-orbit 1.15s linear infinite;will-change:transform}
.tripelfy-loader-orbit::before{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#3898ff55;border-right-color:#3898ff1c;border-radius:50%;transform:rotate(-35deg)}
.tripelfy-loader-dot{position:absolute;left:calc(50% - 5px);top:-4px;width:10px;height:10px;border-radius:50%;background:#2585ff;box-shadow:0 0 0 4px #2585ff10,0 2px 8px #2585ff45}
.tripelfy-loader--page{--tripelfy-loader-size:132px;min-height:180px;padding:22px}
.tripelfy-loader--compact{--tripelfy-loader-size:32px;display:inline-grid;min-height:36px;padding:2px;min-width:36px}
.tripelfy-loader--compact .tripelfy-loader-track{border-width:1px;inset:1px;box-shadow:none}.tripelfy-loader--compact .tripelfy-loader-orbit{inset:1px}.tripelfy-loader--compact .tripelfy-loader-orbit::before{border-width:1px}.tripelfy-loader--compact .tripelfy-loader-dot{width:5px;height:5px;top:-2px;left:calc(50% - 2.5px);box-shadow:0 0 0 2px #2585ff10}
@keyframes tripelfy-loader-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tripelfy-loader-orbit{animation:none;will-change:auto}}
button>.tripelfy-loader--compact{margin-inline-start:.5rem;vertical-align:middle}

/* The original logo remains crisp while all content behind it is softened. */
.tripelfy-progress-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#082b57;outline:none;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:progress;box-sizing:border-box}
.tripelfy-progress-overlay::backdrop{background:transparent}
body[data-tripelfy-progress-active] .tripelfy-loader{opacity:0}
body[data-tripelfy-progress-active] .tripelfy-progress-overlay .tripelfy-loader{opacity:1}
.tripelfy-progress-overlay .tripelfy-loader{--tripelfy-loader-size:148px;min-height:196px;padding:24px}
.tripelfy-progress-overlay .tripelfy-loader-mark{width:68%;height:68%;filter:drop-shadow(0 8px 24px #0d285526)}
.tripelfy-progress-overlay .tripelfy-loader-dot{background:#087bff;box-shadow:0 0 0 5px #087bff18,0 3px 12px #087bff55}

/* Code-drawn mark and measured arc; unknown work has no fabricated percentage. */
.tripelfy-loader-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg);animation:tripelfy-ring-turn 1.4s linear infinite}
.tripelfy-loader-ring circle{fill:none;stroke-width:5;stroke-linecap:round}
.tripelfy-progress-track{stroke:#dce8f5;stroke-width:3!important}
.tripelfy-loader-ring [data-progress-arc]{transition:stroke-dashoffset .28s ease}
.tripelfy-loader[data-progress="measured"] .tripelfy-loader-ring{animation:none}
.tripelfy-loader .tripelfy-loader-mark{position:relative;display:flex;align-items:center;justify-content:center;font:850 calc(var(--tripelfy-loader-size)*.59)/1 system-ui,sans-serif;letter-spacing:-.08em;text-indent:-.05em;color:#142e55;background:none;border-radius:0;filter:none;transform:translateY(-6%);width:65%;height:65%}
.tripelfy-loader-brand-dot{position:absolute;width:12%;height:12%;border-radius:50%;background:#1ab9c5;right:10%;bottom:18%}
.tripelfy-loader-value{position:absolute;bottom:14%;left:0;right:0;text-align:center;font:750 calc(var(--tripelfy-loader-size)*.11)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#163967;letter-spacing:.02em}
.tripelfy-loader:not([data-progress="measured"]) .tripelfy-loader-value{display:none}
.tripelfy-loader--compact .tripelfy-loader-value{display:none}
.tripelfy-loader--compact .tripelfy-loader-ring circle{stroke-width:7}
@keyframes tripelfy-ring-turn{to{transform:rotate(270deg)}}
@media(prefers-reduced-motion:reduce){.tripelfy-loader-ring{animation:none}.tripelfy-loader-ring [data-progress-arc]{transition:none}}

/* Keep the orbit in a fixed local coordinate space, including WebKit's first paint.
   The more specific rules also win over a late cached copy of the shared CSS. */
.tripelfy-loader .tripelfy-loader-symbol{isolation:isolate;contain:layout;flex:none}
.tripelfy-loader-symbol>.tripelfy-loader-orbit{display:block;box-sizing:border-box;width:calc(var(--tripelfy-loader-size) - 6px);height:calc(var(--tripelfy-loader-size) - 6px);transform-origin:50% 50%;transform:translate3d(0,0,0) rotate(0turn);transition:none;animation:tripelfy-discover-fixed-orbit 1.15s linear infinite;backface-visibility:hidden}
.tripelfy-loader--compact .tripelfy-loader-symbol>.tripelfy-loader-orbit{width:calc(var(--tripelfy-loader-size) - 2px);height:calc(var(--tripelfy-loader-size) - 2px)}
.tripelfy-loader-orbit>.tripelfy-loader-dot{display:block;transition:none}
@keyframes tripelfy-discover-fixed-orbit{from{transform:translate3d(0,0,0) rotate(0turn)}to{transform:translate3d(0,0,0) rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.tripelfy-loader-symbol>.tripelfy-loader-orbit{animation:none;will-change:auto}}
