.fh-ppc-click{width:100%;max-width:var(--fhpc-width,800px);margin:0 auto;background:var(--fhpc-bg,#51338b);border-radius:24px;overflow:hidden;isolation:isolate;font-family:Unbounded,Arial,sans-serif;font-weight:700}.fh-ppc-click *{box-sizing:border-box}.fhpc-stage{position:relative;width:100%;aspect-ratio:1;container-type:inline-size}.fh-ppc-click .fhpc-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;z-index:2;pointer-events:none}.fh-ppc-click .fhpc-trigger{position:absolute;z-index:4;inset:6%;width:88%;height:88%;border:0;border-radius:24px;padding:0;margin:0;background:transparent;box-shadow:none;cursor:pointer;color:inherit;appearance:none}.fh-ppc-click .fhpc-trigger:focus-visible{outline:3px solid #f4ca52;outline-offset:-4px}.fhpc-bubble{position:absolute;z-index:4;left:5%;top:7%;width:66%;padding:5%;border-radius:25px;background:linear-gradient(145deg,#fffefa,#e9e4df);color:#51338b;box-shadow:inset 3px 3px 5px #fff,inset -4px -4px 9px #c5bdb666,0 14px 26px #24153830;opacity:0;visibility:hidden;transform:translateY(15px) scale(.92);transform-origin:80% 100%;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.15),visibility .35s;overflow-wrap:anywhere}.fhpc-bubble:after{content:"";position:absolute;bottom:-14px;right:20%;width:28px;height:28px;background:#e9e4df;clip-path:polygon(0 0,100% 0,85% 100%)}.fhpc-label{font-size:10px;font-size:clamp(8px,1.7cqw,13px);letter-spacing:.08em;margin-bottom:12px}.fhpc-message{font-size:clamp(14px,3.7cqw,28px);line-height:1.35}.fh-ppc-click .fhpc-cta{display:inline-block;margin-top:18px;background:#ff544f;color:#fff;padding:12px 15px;border-radius:12px;font-size:clamp(9px,1.65cqw,13px);line-height:1.5;text-decoration:none;font-weight:700;box-shadow:inset 1px 2px 2px #ffffff50,0 4px 0 #cf3b3b}.fh-ppc-click a.fhpc-cta:hover{background:#ed4946;color:white}.fhpc-cta:focus-visible{outline:3px solid #1897a7;outline-offset:4px}
.fhpc-target{position:absolute;z-index:3;left:19%;top:35%;width:15%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fffefa,#ded9d4);box-shadow:inset 3px 3px 6px #fff,inset -4px -4px 8px #b5aaa755,0 12px 25px #23133026;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s}.fhpc-target span{width:32%;aspect-ratio:1;border:3px solid #1897a7;border-radius:50%;position:relative}.fhpc-target span:after{content:"";position:absolute;inset:28%;border-radius:50%;background:#1897a7}.fhpc-rings{position:absolute;left:19%;top:35%;width:15%;aspect-ratio:1;z-index:3;pointer-events:none}.fhpc-rings i{position:absolute;inset:0;border:4px solid #1897a7;border-radius:50%;opacity:0}.fhpc-rings i:nth-child(2){border-color:#f4ca52}.fhpc-cursor{position:absolute;z-index:6;left:72%;top:70%;width:10%;height:auto;opacity:0;pointer-events:none;filter:drop-shadow(3px 5px 3px #40204433);transform-origin:8% 5%}.fhpc-bubble{z-index:5;top:14%;width:70%;transform:scale(.16);transform-origin:31% 78%;transition:opacity .35s,transform .5s cubic-bezier(.2,.85,.25,1.1),visibility .35s}.fhpc-active .fhpc-target{opacity:1;transform:scale(1)}.fhpc-revealed .fhpc-target{opacity:0;transform:scale(1.15)}.fhpc-revealed .fhpc-bubble{opacity:1;visibility:visible;transform:scale(1)}.fhpc-active .fhpc-cursor{animation:fhpc-click 1800ms cubic-bezier(.25,.65,.3,1) both}.fhpc-active .fhpc-rings i{animation:fhpc-ring 800ms 850ms ease-out both}.fhpc-active .fhpc-rings i:nth-child(2){animation-delay:1020ms}@keyframes fhpc-click{0%{left:72%;top:70%;opacity:0;transform:scale(1)}12%{opacity:1}45%{left:26%;top:42%;transform:scale(1);opacity:1}52%{left:26%;top:42%;transform:scale(.82);opacity:1}61%{left:26%;top:42%;transform:scale(1);opacity:1}78%{left:30%;top:48%;opacity:1}100%{left:37%;top:55%;opacity:0}}@keyframes fhpc-ring{0%{opacity:0;transform:scale(.4)}15%{opacity:.85}100%{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion:reduce){.fhpc-active .fhpc-cursor,.fhpc-active .fhpc-rings i{animation:none}.fhpc-bubble,.fhpc-target{transition:none}}@media(max-width:480px){.fh-ppc-click{border-radius:16px}.fhpc-bubble{width:84%;left:5%;top:9%;padding:5%;border-radius:19px}.fhpc-label{margin-bottom:8px}.fh-ppc-click .fhpc-cta{margin-top:12px;padding:9px 11px}}
