:root{--ofm-tip-surface:#2b2960;--ofm-tip-border:rgba(255,255,255,0.14);--ofm-tip-text:#ffffff;--ofm-tip-text-muted:rgba(255,255,255,0.8);--ofm-tip-accent:#9b00d9;--ofm-tip-layer:298}.ofm-tip{z-index:var(--ofm-tip-layer);box-sizing:border-box;display:flex;align-items:flex-start;gap:4px;width:max-content;max-width:min(290px,calc(100vw - 32px));padding:12px 6px 12px 14px;border:1px solid var(--ofm-tip-border);border-radius:12px;color:var(--ofm-tip-text);box-shadow:0 16px 40px rgba(0,0,0,.45);text-align:left;top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.ofm-tip,.ofm-tip__arrow{position:absolute;background:var(--ofm-tip-surface)}.ofm-tip__arrow{width:14px;height:14px;transform:rotate(45deg);top:-8px;left:calc(50% - 7px);border-top:1px solid var(--ofm-tip-border);border-left:1px solid var(--ofm-tip-border);border-radius:2px 0 0 0}.ofm-tip__text{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px;line-height:1.45;color:var(--ofm-tip-text-muted)}.ofm-tip__head{display:flex;align-items:center;gap:8px}.ofm-tip__title{color:var(--ofm-tip-text);font-weight:700}.ofm-tip__badge{padding:3px 7px;border-radius:999px;background:var(--ofm-tip-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ofm-tip__close,.ofm-tip__close:is(:hover,:focus){flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-6px;padding:0;border:none;border-radius:50%;background:transparent;color:rgba(255,255,255,.75);cursor:pointer}.ofm-tip__close:focus-visible{outline:2px solid #fff;outline-offset:2px}