.cf-hv{--cf-hv-badge:130px;--cf-hv-dot:44px;position:relative;height:620px;width:100%}
.cf-hv__photo{--cf-hv-fade:rgba(6,6,6,.85);position:absolute;top:0;right:0;bottom:0;left:40px;border-radius:300px 300px 30px 30px;overflow:hidden;background:var(--e-global-color-rc_card,#141414)}
.cf-hv__photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.25) contrast(1.05)}
.cf-hv__photo.has-fade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,var(--cf-hv-fade));pointer-events:none}
.cf-hv__bubble{position:absolute;z-index:2;max-width:290px;padding:16px 20px;border-radius:20px;font-size:15px;line-height:1.5;border:1px solid transparent;box-shadow:0 20px 50px -15px rgba(0,0,0,.7);animation:cf-hv-pop .7s cubic-bezier(.34,1.56,.64,1) both}
.cf-hv__bubble small{display:block;margin-bottom:4px;font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.cf-hv__bubble--them{background:var(--e-global-color-rc_card2,#1b1b1c);color:#e6e6e6;border-color:rgba(255,255,255,.08);border-bottom-left-radius:6px}
.cf-hv__bubble--me{background:var(--e-global-color-primary,#FF014F);color:#fff;border-bottom-right-radius:6px}
.cf-hv__typing{display:flex;gap:4px;margin-top:6px}
.cf-hv__typing i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;animation:cf-hv-ty 1.2s infinite}
.cf-hv__typing i:nth-child(2){animation-delay:.15s}.cf-hv__typing i:nth-child(3){animation-delay:.3s}
.cf-hv__badge{position:absolute;bottom:20px;left:0;z-index:3;width:var(--cf-hv-badge);height:var(--cf-hv-badge);display:grid;place-items:center;border-radius:50%;background:var(--e-global-color-rc_bg,#060606);border:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}
.cf-hv__badge>svg{position:absolute;inset:0;width:100%;height:100%;animation:cf-hv-rot 14s linear infinite}
.cf-hv__badge text{font-family:var(--e-global-typography-primary-font-family,'Rajdhani'),sans-serif;font-weight:600;font-size:11px;letter-spacing:.32em;text-transform:uppercase;fill:#fff}
.cf-hv__dot{position:relative;width:var(--cf-hv-dot);height:var(--cf-hv-dot);border-radius:50%;background:var(--e-global-color-primary,#FF014F);color:#fff;display:grid;place-items:center;transition:background-color .3s,transform .3s}
.cf-hv__dot svg,.cf-hv__dot i{width:40%;height:40%;font-size:calc(var(--cf-hv-dot) * .4)}
.cf-hv__dot svg{stroke:currentColor}
a.cf-hv__badge:hover .cf-hv__dot{transform:scale(1.08)}
@keyframes cf-hv-pop{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
@keyframes cf-hv-ty{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes cf-hv-rot{to{transform:rotate(360deg)}}
@media (max-width:1024px){.cf-hv{height:540px;max-width:520px;margin-inline:auto}}
@media (max-width:767px){.cf-hv{height:440px;--cf-hv-badge:104px;--cf-hv-dot:38px}.cf-hv__photo{left:20px}.cf-hv__bubble{max-width:230px;font-size:14px;padding:12px 16px}}
@media (prefers-reduced-motion:reduce){.cf-hv__bubble,.cf-hv__badge>svg,.cf-hv__typing i{animation:none}}