/* Only the liquid-light waiting animation remains. Before Canvas starts, only the original logo is shown. */
.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;isolation:auto;contain:none;flex:none}
.tripelfy-loader .tripelfy-loader-mark{position:relative;z-index:1;display:block;width:70%;height:70%;border:0;border-radius:0;background:url('./tripelfy-loading-logo.png?v=20261101-fluid') center/contain no-repeat;mix-blend-mode:multiply;filter:none}
.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}
button>.tripelfy-loader--compact{margin-inline-start:.5rem;vertical-align:middle}
.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}
/* This static SVG exists only for real, measured progress; it never rotates. */
.tripelfy-measured-ring{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.tripelfy-loader[data-progress="measured"] .tripelfy-measured-ring{display:block}
.tripelfy-measured-ring circle{fill:none;stroke-width:5;stroke-linecap:round}
.tripelfy-progress-track{stroke:#dce8f5;stroke-width:3!important}
.tripelfy-measured-ring [data-progress-arc]{transition:stroke-dashoffset .28s ease}
.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,.tripelfy-loader--compact .tripelfy-loader-value{display:none}
.tripelfy-loader--compact .tripelfy-measured-ring circle{stroke-width:7}
@media(prefers-reduced-motion:reduce){.tripelfy-measured-ring [data-progress-arc]{transition:none}}
.tripelfy-loader-fluid{position:absolute;left:50%;top:50%;width:189.19%;height:189.19%;transform:translate(-50%,-50%);pointer-events:none}
.tripelfy-loader[data-progress="measured"] .tripelfy-loader-fluid{display:none}
.tripelfy-loader--compact .tripelfy-loader-fluid{width:160%;height:160%}
.tripelfy-loader[data-progress="measured"] .tripelfy-loader-mark{width:54%;height:54%;transform:translateY(-12%)}
.tripelfy-loader--compact[data-progress="measured"] .tripelfy-loader-mark{width:70%;height:70%;transform:none}
:root[data-theme="dark"] .tripelfy-loader:not(.tripelfy-progress-overlay .tripelfy-loader):not(.id-login-progress .tripelfy-loader) .tripelfy-loader-mark{mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg)}
