.ocla-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999998;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.ocla-spinner-overlay.visible{opacity:1;pointer-events:all}.ocla-spinner-overlay--default{background-color:rgb(255 255 255 / .85)}.ocla-spinner-overlay--blur{background-color:#fff0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ocla-spinner-overlay--none{background-color:#fff0}.spinner-half-ring{width:12px;height:12px;border-radius:50%;background:#fff0;animation:ocla-rotate 1.2s infinite linear}.spinner-dot-ring{display:inline-block;position:relative;width:40px;height:40px}.spinner-dot-ring div{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border:4px solid var(--ocla-spinner-color);border-radius:50%;animation:ocla-dot-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--ocla-spinner-color) #fff0 #fff0 #fff0}.spinner-dot-ring div:nth-child(1){animation-delay:-0.45s}.spinner-dot-ring div:nth-child(2){animation-delay:-0.3s}.spinner-dot-ring div:nth-child(3){animation-delay:-0.15s}.spinner-material-ui{width:36px;height:36px;border:4px solid rgb(0 0 0 / .1);border-left-color:var(--ocla-spinner-color);border-radius:50%;animation:ocla-rotate 1s infinite linear}.spinner-comet{width:36px;height:36px;border:4px solid #fff0;border-top-color:var(--ocla-spinner-color);border-radius:50%;animation:ocla-rotate 0.8s infinite ease}.spinner-double-arc,.spinner-double-arc:after{width:36px;height:36px;border:4px solid var(--ocla-spinner-color);border-radius:50%;animation:ocla-rotate 1.5s infinite linear;border-color:var(--ocla-spinner-color) #fff0 var(--ocla-spinner-color) #fff0}.spinner-double-arc{position:relative}.spinner-double-arc:after{content:"";position:absolute;left:-4px;top:-4px;animation-direction:reverse}@keyframes ocla-rotate{to{transform:rotate(360deg)}}@keyframes ocla-dot-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--ocla-progress-bar-color:#0073aa;--ocla-progress-bar-height:5px;--ocla-click-animation-color:#0073aa;--ocla-click-animation-border-width:3px}#ocla-progress-bar{position:fixed;top:0;left:0;width:0%;height:var(--ocla-progress-bar-height);z-index:999999;background-color:var(--ocla-progress-bar-color);transition:width 15s cubic-bezier(.2,1,.2,1);box-shadow:0 1px 3px rgb(0 0 0 / .2)}#ocla-progress-bar.ocla-finished{opacity:0;transition:opacity 0.4s ease-out}#ocla-click-animation{position:fixed;width:35px;height:35px;border-style:solid;border-width:var(--ocla-click-animation-border-width);border-color:var(--ocla-click-animation-color);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:999998}#ocla-click-animation.animate{animation:var(--ocla-click-animation-name) var(--ocla-click-animation-duration,0.7s) ease-out forwards}@keyframes ocla-ripple{from{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(var(--ocla-click-animation-end-scale,2));opacity:0}}@keyframes ocla-explode{from{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:var(--ocla-click-animation-border-width)}to{transform:translate(-50%,-50%) scale(var(--ocla-click-animation-end-scale,1.5));opacity:0;border-width:0}}@keyframes ocla-fade-out{from{transform:translate(-50%,-50%) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:0}}#ocla-mouse-trail-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999997}