[data-opine-web-callout]{--opine-callout-radius:12px;box-sizing:border-box;border-radius:var(--opine-callout-radius);border:1px solid #7f7f7f33;position:relative;overflow:visible;box-shadow:0 4px 16px #00000012}[data-opine-web-callout][data-opine-callout-size=panel]{--opine-callout-radius:24px;box-shadow:0 16px 55px #0003}[data-opine-web-callout]:before{z-index:1;top:0;left:var(--opine-callout-arrow-x,50%);border-top:inherit;border-left:inherit;background:inherit;content:"";pointer-events:none;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}[data-opine-web-callout][data-opine-callout-arrow=bottom]:before{border-top:0;border-right:inherit;border-bottom:inherit;border-left:0;top:auto;bottom:0;transform:translate(-50%,50%)rotate(45deg)}[data-opine-callout-content]{box-sizing:border-box;max-height:inherit;border-radius:inherit;padding:16px;overflow-y:auto}[data-opine-callout-action]{border-radius:calc(var(--opine-callout-radius) - 1px);white-space:nowrap;padding:9px 12px;font:14px SunghyunSans-Regular,sans-serif}[data-opine-web-callout]:is(:hover,:focus-within) [data-opine-callout-action]{text-underline-offset:3px;text-decoration:underline}