@layer components{.u001{--cao:44px;--blob:.14;--u001-nen:var(--kinh-nen-xanh);--u001-loang:var(--kinh-loang-dam);--u001-chu:#fff;--u001-tich-nen:#fff;--u001-tich-chu:#0054a6;isolation:isolate;place-items:center;display:grid;position:relative}.u001-trong{--blob:.2;--u001-nen:var(--kinh-nen);--u001-loang:var(--kinh-loang);--u001-chu:var(--ux-ink);--u001-tich-nen:var(--ux-accent);--u001-tich-chu:#fff}.u001-mag,.u001-float{place-items:center;width:100%;display:grid}.u001:not(.is-thay) .u001-blobs i{animation-play-state:paused}.u001-btn{width:100%;height:var(--cao);isolation:isolate;color:var(--u001-chu);background-color:var(--u001-nen);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:inset 0 1.5px 0 #ffffff73,inset 0 12px 16px -12px #fff6,inset 0 -12px 20px -14px #ffffff4d,inset 0 0 0 1px #ffffff38,0 14px 28px -14px var(--kinh-bong),0 3px 8px -4px var(--kinh-bong);transition:width .7s var(--ux-ease),transform .35s var(--ux-spring),box-shadow .4s var(--ux-ease);border:0;border-radius:999px;padding:0;display:block;position:relative;overflow:hidden}.u001-trong .u001-btn{box-shadow:inset 0 1.5px 0 var(--kinh-sang-mep),inset 0 -12px 20px -14px var(--kinh-chan-mep),inset 0 0 0 1px var(--kinh-vien),0 14px 28px -14px var(--kinh-bong),0 3px 8px -4px var(--kinh-bong)}.u001-loang{z-index:-1;border-radius:inherit;pointer-events:none;background:var(--u001-loang);position:absolute;inset:0}.u001-blobs{z-index:-2;pointer-events:none;position:absolute;inset:0}.u001-blobs i{opacity:var(--blob);border-radius:50%;animation:12s ease-in-out infinite alternate u001-drift;position:absolute}.u001-blobs i:first-child{background:radial-gradient(closest-side,#0072ce,#0000);width:150px;height:130px;top:-90%;left:4%}.u001-blobs i:nth-child(2){background:radial-gradient(closest-side,#0054a6,#0000);width:160px;height:118px;animation-delay:-4s;bottom:-90%;right:4%}.u001-blobs i:nth-child(3){width:92px;height:92px;opacity:calc(var(--blob) * .7);background:radial-gradient(closest-side,#93c5fd,#0000);animation-delay:-8s;top:-60%;left:44%}@keyframes u001-drift{0%{transform:translate(-10px,-6px)scale(1)}to{transform:translate(12px,8px)scale(1.12)}}.u001-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29 0%,#fff0 48%);position:absolute;inset:0}.u001-trong .u001-btn:before{background:linear-gradient(#ffffff52 0%,#fff0 48%)}.u001-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s var(--ux-ease);background:radial-gradient(110px 60px at var(--mx,50%) var(--my,0%),#ffffff47,transparent 70%);position:absolute;inset:0}.u001-btn:hover{transform:translateY(-1px)}.u001-btn:hover:after{opacity:1}.u001-btn:active{transform:scale(.97)}.u001-btn:focus-visible{outline:2px solid var(--ux-accent);outline-offset:6px}.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{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:8px;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.u001-done{opacity:0;filter:blur(4px);transform:translateY(14px)}.u001-done b{background:var(--u001-tich-nen);width:30px;height:30px;color:var(--u001-tich-chu);box-shadow:0 0 0 6px color-mix(in srgb,var(--u001-tich-nen) 22%,transparent);border-radius:50%;place-items:center;display:grid}.u001-done svg{stroke-width:2.8px;width:16px;height:16px}.u001-done path{stroke-dasharray:24;stroke-dashoffset:24px;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{stroke-width:2.4px;width:100%;height:100%;animation:1s linear infinite u001-rot}@keyframes u001-rot{to{transform:rotate(360deg)}}.u001[data-state=load] .u001-btn{width:var(--cao);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(--kinh-sang),inset 0 0 0 1px var(--kinh-vien),0 26px 44px -22px var(--kinh-bong),0 0 52px -8px color-mix(in srgb,var(--ux-accent-2) 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}}