.ab{aspect-ratio:300/230;background:#fafafc var(--dots-on-light) 0 0 / var(--dots) var(--dots);width:100%;font-family:var(--font-body);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 24px 50px -20px #0009;container-type:inline-size}.ab>*{position:absolute}.ab__card{border:1.5px solid var(--pb-slate-200);background:#fff;border-radius:3.33cqw;align-items:center;gap:3cqw;width:88%;padding:0 4cqw;display:flex;left:6%}.ab__lines{gap:.8cqw;min-width:0;display:grid}.ab__lines b{font:600 3.9cqw/1.1 var(--font-body);color:var(--pb-ink-950);white-space:nowrap}.ab__lines small,.ab__link>small{font:3.2cqw/1.1 var(--font-body);color:var(--pb-slate-500);white-space:nowrap}.ab__tick{width:3.6cqw;height:3.6cqw}.ab__app{height:23%;top:6%}.ab__avatar{aspect-ratio:1;background:var(--pb-coral-500);border-radius:50%;flex:none;width:8.5cqw}.ab__status{margin-left:auto;display:grid}.ab__status em{font:normal 600 3.2cqw/1 var(--font-body);white-space:nowrap;border-radius:99px;grid-area:1/1;justify-content:center;align-items:center;gap:.8cqw;padding:1.4cqw 2.6cqw;display:flex}.ab__review{background:var(--pb-slate-200);color:var(--pb-navy-800)}.ab__ok{background:var(--pb-lime-400);color:var(--pb-ink-950);opacity:0}.ab__link{flex-direction:column;justify-content:center;align-items:stretch;gap:1.8cqw;height:31%;top:35%}.ab__field{border:1.5px solid var(--pb-blue-500);background:#1e90ff0f;border-radius:2.4cqw;align-items:center;gap:2cqw;height:10cqw;padding:0 1.2cqw 0 3cqw;display:flex}.ab__url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 3.4cqw/1 var(--font-body);color:var(--pb-ink-950);flex:1;overflow:hidden}.ab__copy{aspect-ratio:1;background:var(--pb-blue-500);color:#fff;border-radius:1.8cqw;flex:none;place-items:center;width:7.6cqw;display:grid;position:relative}.ab__copy svg{grid-area:1/1;width:4.2cqw;height:4.2cqw}.ab__copy .ab__tick{opacity:0}.ab__toast{background:var(--pb-ink-950);color:#fff;font:600 3cqw/1 var(--font-body);opacity:0;border-radius:1.6cqw;padding:1.3cqw 2.4cqw;position:absolute;bottom:calc(100% + 2.4cqw);right:-1cqw}.ab__sale{opacity:0;height:22%;top:72%}.ab__coin{aspect-ratio:1;background:var(--pb-blue-500);color:#fff;width:8.5cqw;font:normal 700 4.2cqw/1 var(--font-body);border-radius:50%;flex:none;place-items:center;display:grid}.ab__earn{background:var(--pb-lime-400);color:var(--pb-ink-950);font:700 4.2cqw/1 var(--font-body);border-radius:99px;margin-left:auto;padding:1.6cqw 2.8cqw}.ab__ptr{filter:drop-shadow(0 2px 3px #14191f4d);opacity:0;width:max(22px,8cqw);height:auto;top:22%;left:70%}.ab__p{opacity:0;transform:translateY(8px)scale(.96)}.pof.is-in .ab__p{opacity:1;transition:opacity .4s var(--ease-out), transform .5s var(--ease-spring);transform:none}.pof.is-in .ab__link{transition-delay:.15s}.pof.is-in .ab__ptr{opacity:1;animation:ab-ptr 8s var(--ease-in-out) 1s infinite}.pof.is-in .ab__review{animation:8s 1s infinite ab-review}.pof.is-in .ab__ok{animation:ab-ok 8s var(--ease-spring) 1s infinite}.pof.is-in .ab__copy{animation:8s 1s infinite ab-press}.pof.is-in .ab__copyicon{animation:8s 1s infinite ab-icon}.pof.is-in .ab__copy .ab__tick{animation:8s 1s infinite ab-tick}.pof.is-in .ab__toast{animation:ab-toast 8s var(--ease-out) 1s infinite}.pof.is-in .ab__sale{animation:ab-sale 8s var(--ease-spring) 1s infinite}.pof.is-in .ab__earn{animation:ab-earn 8s var(--ease-spring) 1s infinite}@keyframes ab-ptr{0%,8%{top:22%;left:70%}14%,18%{top:22%;left:80%}32%,46%{top:57%;left:86%}60%,92%{top:96%;left:62%}to{top:22%;left:70%}}@keyframes ab-review{0%,17%{opacity:1}20%,95%{opacity:0}98%,to{opacity:1}}@keyframes ab-ok{0%,17%{opacity:0;transform:scale(.8)}21%,95%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes ab-press{0%,36%,42%,to{transform:none}39%{transform:scale(.88)}}@keyframes ab-icon{0%,39%{opacity:1}40%,62%{opacity:0}64%,to{opacity:1}}@keyframes ab-tick{0%,39%{opacity:0}40%,62%{opacity:1}64%,to{opacity:0}}@keyframes ab-toast{0%,39%{opacity:0;transform:translateY(4px)}42%,56%{opacity:1;transform:none}60%,to{opacity:0}}@keyframes ab-sale{0%,54%{opacity:0;transform:translateY(14%)}60%,93%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes ab-earn{0%,60%{transform:scale(.6)}66%{transform:scale(1.12)}70%,to{transform:none}}.pof.is-still .ab__review{opacity:0}.pof.is-still .ab__ok,.pof.is-still .ab__sale{opacity:1}.pof.is-still .ab__ptr{opacity:1;top:57%;left:86%}
