.vyxel-anim-container{width:100%;max-width:100%;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.vyxel-anim-canvas-wrapper{aspect-ratio:860/620;background:radial-gradient(circle at 50% 25%,#f4f8ff 0%,#e8f0fe 50%,#dbe7fa 100%);border:1px solid #b9d4f5b3;border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #0f234b14,0 10px 20px -6px #0f234b0a,inset 0 1px 2px #ffffffe6}.vyxel-anim-container.vyxel-bare{width:100%;max-width:none;height:100%}.vyxel-anim-container.vyxel-bare .vyxel-anim-canvas-wrapper{overflow:visible;box-shadow:none!important;aspect-ratio:auto!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;max-height:none!important}.vyxel-anim-svg{pointer-events:none;width:100%;height:100%;max-height:100%;display:block}.vyxel-folder-group{transition:transform .9s cubic-bezier(.16,1,.3,1)}.vyxel-folder-back{filter:drop-shadow(0 18px 36px #0a1e5029)}.vyxel-folder-front-wrap{transform-origin:430px 580px;will-change:transform;transition:transform 1.1s cubic-bezier(.34,1.25,.64,1)}.vyxel-anim-container[data-phase=opening] .vyxel-folder-front-wrap,.vyxel-anim-container[data-phase=document-out] .vyxel-folder-front-wrap,.vyxel-anim-container[data-phase=otp] .vyxel-folder-front-wrap,.vyxel-anim-container[data-phase=verified] .vyxel-folder-front-wrap{transform:perspective(1000px)rotateX(-28deg)scaleY(.9)translateY(8px)}.vyxel-anim-container[data-phase=signing] .vyxel-folder-front-wrap,.vyxel-anim-container[data-phase=signed] .vyxel-folder-front-wrap{transform:perspective(1000px)rotateX(-32deg)scaleY(.88)translateY(24px)}.vyxel-anim-container[data-phase=document-in] .vyxel-folder-front-wrap{transform:perspective(1000px)rotateX(-26deg)scaleY(.92)translateY(8px)}.vyxel-anim-container[data-phase=closed] .vyxel-folder-front-wrap,.vyxel-anim-container[data-phase=success] .vyxel-folder-front-wrap{transform:perspective(1000px)rotateX(0)scaleY(1)translateY(0)}.vyxel-document-wrap{transform-origin:430px 350px;will-change:transform, opacity;transition:transform 1.15s cubic-bezier(.22,1,.36,1),opacity .7s}.vyxel-anim-container[data-phase=closed] .vyxel-document-wrap,.vyxel-anim-container[data-phase=opening] .vyxel-document-wrap{opacity:0;transform:translateY(220px)scale(.92)}.vyxel-anim-container[data-phase=document-out] .vyxel-document-wrap,.vyxel-anim-container[data-phase=otp] .vyxel-document-wrap,.vyxel-anim-container[data-phase=verified] .vyxel-document-wrap{opacity:1;transform:translate(-155px,-170px)scale(.98)}.vyxel-anim-container[data-phase=signing] .vyxel-document-wrap,.vyxel-anim-container[data-phase=signed] .vyxel-document-wrap{opacity:1;transform:translateY(-235px)scale(1.08)}.vyxel-anim-container[data-phase=document-in] .vyxel-document-wrap{opacity:0;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity .5s .5s;transform:translateY(220px)scale(.92)}.vyxel-anim-container[data-phase=success] .vyxel-document-wrap{opacity:0;transform:translateY(220px)scale(.9)}.vyxel-verification-card{transform-origin:620px 300px;will-change:transform, opacity;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .45s}.vyxel-anim-container[data-phase=closed] .vyxel-verification-card,.vyxel-anim-container[data-phase=opening] .vyxel-verification-card,.vyxel-anim-container[data-phase=document-out] .vyxel-verification-card{opacity:0;pointer-events:none;transform:translate(45px)scale(.88)}.vyxel-anim-container[data-phase=otp] .vyxel-verification-card,.vyxel-anim-container[data-phase=verified] .vyxel-verification-card{opacity:1;transform:translate(0)scale(1)}.vyxel-anim-container[data-phase=signing] .vyxel-verification-card,.vyxel-anim-container[data-phase=signed] .vyxel-verification-card,.vyxel-anim-container[data-phase=document-in] .vyxel-verification-card,.vyxel-anim-container[data-phase=success] .vyxel-verification-card{opacity:0;pointer-events:none;transform:translate(35px)scale(.88)}.vyxel-otp-channel-email{transition:opacity .4s,transform .4s}.vyxel-otp-channel-phone{transition:opacity .4s .15s,transform .4s .15s}.vyxel-anim-container[data-phase=closed] .vyxel-otp-channel-email,.vyxel-anim-container[data-phase=opening] .vyxel-otp-channel-email,.vyxel-anim-container[data-phase=document-out] .vyxel-otp-channel-email,.vyxel-anim-container[data-phase=closed] .vyxel-otp-channel-phone,.vyxel-anim-container[data-phase=opening] .vyxel-otp-channel-phone,.vyxel-anim-container[data-phase=document-out] .vyxel-otp-channel-phone{opacity:0;transform:translateY(10px)}.vyxel-anim-container[data-phase=otp] .vyxel-otp-channel-email,.vyxel-anim-container[data-phase=verified] .vyxel-otp-channel-email,.vyxel-anim-container[data-phase=otp] .vyxel-otp-channel-phone,.vyxel-anim-container[data-phase=verified] .vyxel-otp-channel-phone{opacity:1;transform:translateY(0)}.vyxel-otp-dot-circle{transform-origin:50%;transition:transform .28s cubic-bezier(.34,1.56,.64,1),fill .25s,filter .25s}.vyxel-otp-dot-circle.active-dot{fill:#06f;filter:drop-shadow(0 0 8px #0066ffb3);animation:.35s cubic-bezier(.34,1.56,.64,1) vyxel-dot-bounce}@keyframes vyxel-dot-bounce{0%{transform:scale(.5)}60%{transform:scale(1.4)}to{transform:scale(1)}}.vyxel-verification-success-badge{transform-origin:635px 440px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .35s}.vyxel-anim-container[data-phase=verified] .vyxel-verification-success-badge{opacity:1;transform:scale(1)}.vyxel-anim-container:not([data-phase=verified]) .vyxel-verification-success-badge{opacity:0;transform:scale(.6)}.vyxel-signature-path{stroke-dasharray:600;stroke-dashoffset:600px;stroke-linecap:round;stroke-linejoin:round;will-change:stroke-dashoffset}.vyxel-anim-container[data-phase=signing] .vyxel-signature-path{animation:2s cubic-bezier(.45,.05,.55,.95) forwards vyxel-draw-signature}.vyxel-anim-container[data-phase=signed] .vyxel-signature-path,.vyxel-anim-container[data-phase=document-in] .vyxel-signature-path,.vyxel-anim-container[data-phase=success] .vyxel-signature-path{stroke-dashoffset:0}.vyxel-anim-container[data-phase=closed] .vyxel-signature-path,.vyxel-anim-container[data-phase=opening] .vyxel-signature-path,.vyxel-anim-container[data-phase=document-out] .vyxel-signature-path,.vyxel-anim-container[data-phase=otp] .vyxel-signature-path,.vyxel-anim-container[data-phase=verified] .vyxel-signature-path{stroke-dashoffset:600px}@keyframes vyxel-draw-signature{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}.vyxel-pen-wrap{transform-origin:0 0;will-change:transform, opacity;pointer-events:none;transition:opacity .35s}.vyxel-anim-container[data-phase=signing] .vyxel-pen-wrap{opacity:1;animation:2s cubic-bezier(.45,.05,.55,.95) forwards vyxel-pen-writing-track}.vyxel-anim-container:not([data-phase=signing]) .vyxel-pen-wrap{opacity:0;transform:translate(360px)rotate(-18deg)}@keyframes vyxel-pen-writing-track{0%{transform:translate(350px,10px)rotate(-16deg)scale(.95)}12%{transform:translate(35px,78px)rotate(-10deg)scale(1)}25%{transform:translate(85px,78px)rotate(-14deg)}40%{transform:translate(125px,74px)rotate(-8deg)}55%{transform:translate(172px,76px)rotate(-15deg)}70%{transform:translate(250px,70px)rotate(-9deg)}85%{transform:translate(310px,72px)rotate(-16deg)}95%{transform:translate(315px,68px)rotate(-10deg)}to{transform:translate(365px,20px)rotate(-22deg)scale(.95)}}.vyxel-signature-success-badge{transform-origin:195px 65px;will-change:transform, opacity;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s}.vyxel-anim-container[data-phase=signed] .vyxel-signature-success-badge{opacity:1;transform:scale(1)}.vyxel-anim-container:not([data-phase=signed]) .vyxel-signature-success-badge{opacity:0;transform:scale(0)}.vyxel-final-success-wrap{transform-origin:430px 310px;will-change:transform, opacity;transition:transform .6s cubic-bezier(.34,1.4,.64,1),opacity .45s}.vyxel-anim-container[data-phase=success] .vyxel-final-success-wrap{opacity:1;transform:scale(1)}.vyxel-anim-container:not([data-phase=success]) .vyxel-final-success-wrap{opacity:0;pointer-events:none;transform:scale(.85)}.vyxel-success-pulse-ring{transform-origin:50%;animation:2s cubic-bezier(.2,.8,.4,1) infinite vyxel-pulse-ring}@keyframes vyxel-pulse-ring{0%{r:44;opacity:.8}to{r:88;opacity:0}}.vyxel-anim-controls{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:20px;display:flex}.vyxel-replay-button{letter-spacing:.01em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0062ff 0%,#00d2ff 100%);border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 14px -2px #0062ff66,0 2px 6px -1px #00d2ff40}.vyxel-replay-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 22px -2px #0062ff7a,0 4px 10px -1px #00d2ff52}.vyxel-replay-button:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px -1px #0062ff66}.vyxel-replay-icon{width:16px;height:16px;transition:transform .5s}.vyxel-replay-button:hover .vyxel-replay-icon{transform:rotate(-180deg)}.vyxel-phase-indicator{letter-spacing:.06em;text-transform:uppercase;color:#475569;background:#ffffffe6;border:1px solid #cbd5e1cc;border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #0000000d}:is(.dark .vyxel-phase-indicator){color:#cbd5e1;background:#1e293bcc;border-color:#334155b3}