/* Vlastny popis (tooltip) na celom webe: namiesto title prehliadaca tmava bublina ako pri odznakoch komikov. Spusta ho tip.js. */
.om-tip{position:absolute;left:0;top:0;z-index:100000;display:flex;flex-direction:column;gap:2px;max-width:min(280px,calc(100vw - 16px));padding:7px 10px;border-radius:6px;background:#231A1C;color:#FFFFFF;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 12px rgba(35,26,28,.18)}
.om-tip.is-below{transform:translateY(-3px)}
.om-tip.is-on{opacity:1;transform:none}
.om-tip::after{content:"";position:absolute;left:var(--om-tip-x,50%);top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#231A1C}
.om-tip.is-below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#231A1C}
.om-tip-l{font:600 10px/1.2 "DM Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.om-tip-n{font:600 13px/1.25 "DM Sans",system-ui,sans-serif;color:#FFFFFF;overflow-wrap:anywhere}
@media (max-width:767px){.om-tip{padding:6px 8px}.om-tip-n{font-size:12px}}
@media (prefers-reduced-motion:reduce){.om-tip{transition:none}}
@media print{.om-tip{display:none}}