@layer components{.how-module__ek88Ia__pay{aspect-ratio:1/.94;perspective:60rem;width:100%;position:relative;container-type:inline-size}.how-module__ek88Ia__layer{position:absolute;inset:0}.how-module__ek88Ia__payGlow{background:radial-gradient(closest-side, rgb(var(--accent-rgb) / .5), rgb(var(--accent-rgb) / 0) 72%);filter:blur(1.5rem);border-radius:50%;position:absolute;inset:8% -2% 0 18%}.how-module__ek88Ia__payCookie{--c:linear-gradient(160deg, var(--accent-a), var(--accent-b));aspect-ratio:1;width:74%;top:5%;left:22%}.how-module__ek88Ia__payCard{z-index:2;width:36%;animation:6.4s ease-in-out 1.6s infinite how-module__ek88Ia__payBob;position:absolute;top:32%;left:1%}.how-module__ek88Ia__payCardIn{animation:how-module__ek88Ia__payCardIn 1.2s var(--ease-land) .15s both;position:relative;rotate:-11deg}@keyframes how-module__ek88Ia__payCardIn{0%{opacity:0;translate:-55% 18%;rotate:-36deg}to{opacity:1;translate:0;rotate:-11deg}}@keyframes how-module__ek88Ia__payBob{0%,to{translate:0}50%{translate:0 -1.6cqw}}.how-module__ek88Ia__payTag{z-index:5;color:var(--ink);white-space:nowrap;animation:how-module__ek88Ia__payTagPop .9s var(--ease-pop) 1.2s both;background:linear-gradient(#fff,#f3f0fa);border-radius:2.4cqw;flex-direction:column;align-items:flex-start;gap:.4cqw;padding:1.4cqw 2.3cqw 1.6cqw;line-height:1;display:inline-flex;position:absolute;bottom:13%;left:-12%;transform:translateZ(0)rotate(-8deg);box-shadow:inset 0 1px #fff,0 0 0 max(1px,.3cqw) #ffffff8c,0 1.4cqw 3cqw -.8cqw #0c063c8c}.how-module__ek88Ia__payTag small{color:var(--brand-ink);font-size:max(.65rem,1.8cqw);font-weight:700}.how-module__ek88Ia__payTag b{letter-spacing:-.03em;font-size:max(1rem,4.4cqw);font-weight:800}@keyframes how-module__ek88Ia__payTagPop{0%{rotate:-32deg;scale:0}to{rotate:-8deg;scale:1}}.how-module__ek88Ia__cal{z-index:3;width:57%;position:absolute;top:7%;left:33%}.how-module__ek88Ia__calDrop{animation:how-module__ek88Ia__calDrop 1s var(--ease-land) .3s both;position:relative;rotate:5deg}@keyframes how-module__ek88Ia__calDrop{0%{opacity:0;translate:0 -34%;rotate:24deg}to{opacity:1;translate:0;rotate:5deg}}.how-module__ek88Ia__calSheet{background:linear-gradient(#fff,#f3f7ff);border-radius:4cqw;box-shadow:inset 0 1px #fff,0 0 0 max(1px,.15cqw) #1015280f,0 3cqw 6cqw -2cqw #08145a8c}.how-module__ek88Ia__calBack2,.how-module__ek88Ia__calBack1{transform-origin:50% 100%;position:absolute;inset:0}.how-module__ek88Ia__calBack2{opacity:.8;animation:how-module__ek88Ia__calFan2 .8s var(--ease-pop) 1.05s both;translate:-5% 2%;rotate:-9deg}.how-module__ek88Ia__calBack1{opacity:.92;animation:how-module__ek88Ia__calFan1 .8s var(--ease-pop) .95s both;translate:-2.5% 1%;rotate:-4.5deg}@keyframes how-module__ek88Ia__calFan2{0%{translate:0;rotate:none}}@keyframes how-module__ek88Ia__calFan1{0%{translate:0;rotate:none}}.how-module__ek88Ia__calPage{aspect-ratio:1/1.08;position:relative}.how-module__ek88Ia__calTop{background:linear-gradient(145deg, var(--brand-hi), var(--brand) 55%, var(--brand-lo));color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:4cqw 4cqw 0 0;place-items:center;height:23%;font-size:5cqw;font-weight:800;display:grid;box-shadow:inset 0 -.4cqw #00000024}.how-module__ek88Ia__calRing{background:linear-gradient(90deg,#55607f,#101528 60%,#2c3452);border-radius:999px;width:3cqw;height:7.6cqw;position:absolute;top:-2.6cqw;translate:-50%;box-shadow:0 .5cqw 1cqw #0000004d}.how-module__ek88Ia__calBody{flex-direction:column;justify-content:center;align-items:center;gap:2.4cqw;height:77%;padding-bottom:1.5cqw;display:flex}.how-module__ek88Ia__calWeekday{letter-spacing:-.01em;color:var(--ink-3);font-size:4.4cqw;font-weight:700}.how-module__ek88Ia__calDay{letter-spacing:-.06em;color:var(--ink);padding:0 1cqw;font-size:25cqw;font-weight:800;line-height:.86;position:relative}.how-module__ek88Ia__calCircle{pointer-events:none;width:148%;height:120%;position:absolute;top:-11%;left:-24%;overflow:visible}.how-module__ek88Ia__calCircle path{stroke:var(--accent-b);stroke-width:5.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:how-module__ek88Ia__calDraw .95s var(--ease-soft) 1.2s forwards}@keyframes how-module__ek88Ia__calDraw{to{stroke-dashoffset:0}}.how-module__ek88Ia__calStamp{z-index:2;background:linear-gradient(180deg, var(--accent-a), var(--accent-b));color:var(--accent-ink);letter-spacing:-.03em;box-shadow:inset 0 .4cqw 0 #ffffff8c, 0 1.2cqw 2.6cqw -.6cqw rgb(var(--accent-rgb) / .85);animation:how-module__ek88Ia__calStamp .8s var(--ease-pop) 1.75s both;border-radius:2.2cqw;align-items:center;gap:1cqw;padding:1.3cqw 2.5cqw 1.5cqw 1.8cqw;font-size:5.6cqw;font-weight:800;line-height:1;display:inline-flex;position:absolute;bottom:7%;right:-11%;rotate:-12deg}.how-module__ek88Ia__calStamp svg{width:.95em;height:.95em}@keyframes how-module__ek88Ia__calStamp{0%{opacity:0;rotate:-34deg;scale:2.4}to{opacity:1;rotate:-12deg;scale:1}}.how-module__ek88Ia__bit{aspect-ratio:1;background:var(--c);opacity:0;animation:how-module__ek88Ia__bitOut .9s var(--ease-pop) var(--d,1.9s) forwards;border-radius:999px;position:absolute;scale:0}.how-module__ek88Ia__bit[data-ring]{border:.55cqw solid var(--c);background:0 0}@keyframes how-module__ek88Ia__bitOut{0%{opacity:0;translate:-4cqw 3cqw;scale:0}to{opacity:1;translate:0;scale:1}}.how-module__ek88Ia__listScreen{background:linear-gradient(#fff,#eef3ff);flex-direction:column;gap:1.8cqw;padding:10.5cqw 2.2cqw 2.4cqw;display:flex}.how-module__ek88Ia__listHead{background:var(--ink);opacity:.85;border-radius:999px;width:52%;height:2.6cqw;margin:0 0 .6cqw 1.2cqw;display:block}.how-module__ek88Ia__listRow{box-shadow:0 0 0 .2cqw #1015280f, 0 .8cqw 1.6cqw -1cqw rgb(var(--brand-rgb) / .4);background:#fff;border-radius:2.2cqw;align-items:center;gap:1.5cqw;padding:1.2cqw;display:flex}.how-module__ek88Ia__listThumb{flex:none;width:6.2cqw}.how-module__ek88Ia__listLines{flex-direction:column;flex:1;gap:1cqw;min-width:0;display:flex}.how-module__ek88Ia__listLines i{background:#10152824;border-radius:999px;height:1.4cqw;display:block}.how-module__ek88Ia__listLines i:first-child{width:92%}.how-module__ek88Ia__listLines i:last-child{opacity:.7;width:56%}.how-module__ek88Ia__listTick{aspect-ratio:1;background:var(--fr-buying);color:#fff;border-radius:999px;flex:none;place-items:center;width:5cqw;display:grid;scale:.001}.how-module__ek88Ia__listTick svg{width:64%;height:64%}[data-active=true] .how-module__ek88Ia__listTick{animation:how-module__ek88Ia__tickPop .6s var(--ease-pop) calc(.35s + var(--i,0) * .22s) forwards}@keyframes how-module__ek88Ia__tickPop{0%{scale:.001}to{scale:1}}.how-module__ek88Ia__sendBtn{background:linear-gradient(180deg, var(--accent-a), var(--accent-b));height:7cqw;color:var(--accent-ink);box-shadow:0 .8cqw 1.6cqw -.6cqw rgb(var(--accent-rgb) / .8);border-radius:999px;place-items:center;margin-top:auto;display:grid}.how-module__ek88Ia__sendBtn svg{width:3.6cqw;height:3.6cqw}[data-active=true] .how-module__ek88Ia__sendBtn{animation:3.4s ease-in-out 1.3s infinite how-module__ek88Ia__sendPress}@keyframes how-module__ek88Ia__sendPress{0%,16%,to{scale:1}8%{scale:.9}}.how-module__ek88Ia__trail{opacity:0;width:100%;height:100%;transition:opacity .6s .4s;position:absolute;inset:0;overflow:visible}[data-active=true] .how-module__ek88Ia__trail{opacity:1}.how-module__ek88Ia__plane{filter:drop-shadow(0 1.2cqw 1.4cqw #1208464d);width:21%;position:absolute;top:1%;left:71%}.how-module__ek88Ia__plane svg{width:100%;height:auto;display:block;overflow:visible}[data-active=true] .how-module__ek88Ia__plane{animation:3.4s ease-in-out 1.3s infinite how-module__ek88Ia__planeFly}@keyframes how-module__ek88Ia__planeFly{0%,8%{opacity:0;translate:-58% 70%;rotate:14deg;scale:.45}20%{opacity:1}48%,72%{opacity:1;translate:0;rotate:none;scale:1}92%,to{opacity:0;translate:46% -46%;rotate:-8deg;scale:.8}}@media (prefers-reduced-motion:reduce){.how-module__ek88Ia__payCard,.how-module__ek88Ia__payCardIn,.how-module__ek88Ia__payTag,.how-module__ek88Ia__calDrop,.how-module__ek88Ia__calBack2,.how-module__ek88Ia__calBack1,.how-module__ek88Ia__calStamp,[data-active=true] .how-module__ek88Ia__sendBtn,[data-active=true] .how-module__ek88Ia__plane{animation:none}.how-module__ek88Ia__calCircle path{stroke-dashoffset:0;animation:none}.how-module__ek88Ia__bit{opacity:1;animation:none;scale:1}.how-module__ek88Ia__listTick,[data-active=true] .how-module__ek88Ia__listTick{animation:none;scale:1}}}