.viewer__template-loading{z-index:4;color:#e6eaf0;font-family:var(--modal-font,sans-serif);text-align:center;pointer-events:none;background:#0c0e12b8;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;font-weight:400;line-height:1.5;display:flex;position:absolute;inset:0}.viewer__template-loading--route{z-index:79;background:#0c0e12f0;position:fixed}.viewer__template-loading-group{display:inline-flex;position:relative}.viewer__template-loading-content,.viewer__template-loading-shine{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.viewer__template-loading-content{opacity:.7}.viewer__template-loading-icon,.viewer__template-loading-icon-space{flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.viewer__template-loading-icon svg{width:100%;height:100%;display:block}.viewer__template-loading-icon svg [stroke]:not([stroke=none]){stroke:currentColor!important}.viewer__template-loading-icon svg [fill]:not([fill=none]){fill:currentColor!important}.viewer__template-loading-shine{color:#fff;animation:2.4s ease-in-out infinite template-content-sweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 38%,#000 48% 52%,#0000 62%);mask-image:linear-gradient(105deg,#0000 38%,#000 48% 52%,#0000 62%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes template-content-sweep{0%,10%{-webkit-mask-position:100% 0;mask-position:100% 0}85%,to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.viewer__template-loading-shine{animation:none;display:none}.viewer__template-loading-content{opacity:1}}.viewer__template-loading-icon{position:relative}.viewer__template-loading-animation{display:block;position:absolute;inset:0}.viewer__template-loading-icon[data-animation-ready=true]>.viewer__template-loading-fallback{visibility:hidden}