#how .of-tip-bubble{box-sizing:border-box;width:320px;max-width:100%;padding:16px 18px;border:1px solid #ebebec;border-radius:14px;background:#fff;color:#6b7280;box-shadow:0 6px 24px rgb(0 0 0 / 10%),0 2px 6px rgb(0 0 0 / 4%);bottom:calc(100% + 12px);font-size:13px;line-height:20px;text-align:left}
#how .of-tip-bubble .of-tooltip-title{display:block;margin:0 0 6px;color:#2e2e2e;font-size:15px;line-height:22px;font-weight:600}
#how .of-tip-bubble .of-tooltip-copy{display:block;white-space:normal}
#how .of-tip-bubble::before{content:'';position:absolute;bottom:-6px;left:var(--tooltip-arrow-x,136px);width:10px;height:10px;background:#fff;border-right:1px solid #ebebec;border-bottom:1px solid #ebebec;transform:translateX(-50%) rotate(45deg)}
#how .of-tip-bubble::after{height:14px}