.u001{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ux-ink:var(--navy);--ux-accent:var(--navy);--ux-mint:#119c72;--ux-ease:cubic-bezier(.2, .8, .2, 1);--ux-spring:cubic-bezier(.34, 1.45, .64, 1);--g1:#ffffffa8;--g2:#ffffff29;--g3:#fff6;--hi:#fffffff2;--rim:#ffffffa6;--drop:#4630a06b;--blob:.55;--u001-w:252px;--u001-h:78px;--u001-fs:18px;isolation:isolate;pointer-events:none;width:340px;max-width:100%;height:240px;font-family:var(--font-be-vietnam), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--ux-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative}.dark .u001{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ux-ink:#f4f0e8;--ux-accent:#b7a4ff;--ux-mint:#7ee8c0;--g1:#fff3;--g2:#ffffff08;--g3:#ffffff1a;--hi:#ffffff80;--rim:#ffffff29;--drop:#000000bf;--blob:.5}.u001,.u001 *,.u001 :before,.u001 :after{box-sizing:border-box}.u001 button{font:inherit;color:inherit;cursor:pointer}.u001.u001--sm{--u001-w:132px;--u001-h:46px;--u001-fs:15px;width:auto;height:auto}.u001-blobs{z-index:-1;pointer-events:none;position:absolute;inset:0}.u001-blobs i{filter:blur(30px);opacity:var(--blob);border-radius:50%;animation:12s ease-in-out infinite alternate u001-drift;position:absolute}.u001-blobs i:first-child{background:#8b6cff;width:150px;height:130px;top:44px;left:30px}.u001-blobs i:nth-child(2){background:#33b6ff;width:160px;height:118px;animation-delay:-4s;bottom:34px;right:24px}.u001-blobs i:nth-child(3){width:92px;height:92px;opacity:calc(var(--blob) * .7);background:#3be0b0;animation-delay:-8s;top:36px;left:150px}@keyframes u001-drift{0%{transform:translate(-10px,-6px)scale(1)}to{transform:translate(12px,8px)scale(1.12)}}.u001-mag{transition:translate .8s var(--ux-spring)}.u001-float{animation:6s ease-in-out infinite u001-float}@keyframes u001-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.u001-btn{width:var(--u001-w);height:var(--u001-h);isolation:isolate;pointer-events:auto;color:var(--ux-ink);background:linear-gradient(150deg, var(--g1), var(--g2) 55%, var(--g3));-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:inset 0 1.5px 0 var(--hi), inset 0 -12px 20px -14px var(--hi), inset 0 0 0 1px var(--rim), 0 26px 44px -22px var(--drop), 0 3px 8px -4px var(--drop);transition:width .7s var(--ux-ease), transform .55s var(--ux-spring), box-shadow .6s var(--ux-ease);border:0;border-radius:999px;padding:0;display:block;position:relative;overflow:hidden}.u001-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#fff0);border-radius:999px;height:42%;position:absolute;top:7%;left:9%;right:9%}.u001-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s var(--ux-ease);background:radial-gradient(130px 70px at var(--mx,50%) var(--my,0%), #fff6, transparent 70%);position:absolute;inset:0}.u001-btn:hover:after{opacity:1}.u001-btn:active{transform:scale(1.03,.92)}.u001-btn:focus-visible{outline:2px solid var(--ux-accent);outline-offset:6px}.u001-btn:disabled,.u001-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.u001-sheen{pointer-events:none;width:38%;transition:transform 1.1s var(--ux-ease);background:linear-gradient(100deg,#0000,#ffffff73 50%,#0000);position:absolute;top:-40%;bottom:-40%;left:0;transform:translate(-150%)skew(-12deg)}.u001-btn:hover .u001-sheen{transform:translate(300%)skew(-12deg)}.u001-txt,.u001-done{font-size:var(--u001-fs);letter-spacing:-.025em;white-space:nowrap;transition:opacity .35s var(--ux-ease), transform .55s var(--ux-ease), filter .4s var(--ux-ease);justify-content:center;align-items:center;gap:10px;font-weight:680;display:flex;position:absolute;inset:0}.u001-txt svg{width:1.1em;height:1.1em}.u001-done{opacity:0;filter:blur(4px);transform:translateY(14px)}.u001-done b{background:var(--ux-mint);color:#fff;width:30px;height:30px;box-shadow:0 0 0 6px color-mix(in srgb, var(--ux-mint) 22%, transparent);border-radius:50%;place-items:center;display:grid}.u001-done svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.u001-done path{stroke-dasharray:18;stroke-dashoffset:18px;transition:stroke-dashoffset .5s var(--ux-ease) .3s}.u001-spin{opacity:0;width:30px;height:30px;transition:opacity .35s var(--ux-ease), transform .6s var(--ux-spring);margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;transform:scale(.5)}.u001-spin svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:100%;height:100%;animation:1s linear infinite u001-rot}.u001-spin circle{stroke-dasharray:1 56;animation:1.4s ease-in-out infinite u001-arc}@keyframes u001-rot{to{transform:rotate(360deg)}}@keyframes u001-arc{0%,to{stroke-dasharray:1 56}50%{stroke-dasharray:38 19}}.u001[data-state=load] .u001-btn{width:var(--u001-h);cursor:progress}.u001[data-state=load] .u001-txt{opacity:0;filter:blur(5px);transform:translateY(-14px)}.u001[data-state=load] .u001-spin{opacity:1;transform:none}.u001[data-state=ok] .u001-btn{transition-timing-function:var(--ux-spring);box-shadow:inset 0 1.5px 0 var(--hi), inset 0 0 0 1px var(--rim), 0 26px 44px -22px var(--drop), 0 0 52px -8px color-mix(in srgb, var(--ux-mint) 70%, transparent)}.u001[data-state=ok] .u001-txt{opacity:0;filter:blur(5px);transform:translateY(-14px)}.u001[data-state=ok] .u001-done{opacity:1;filter:none;transform:none}.u001[data-state=ok] .u001-done path{stroke-dashoffset:0}.u001-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.u001,.u001 *,.u001 :before,.u001 :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}