/* Dymek PerfoState (dymek.js): ciemny dymek ze strzałką, płynne pojawienie się, zawsze w obrębie ekranu. */
.ps-dymek{position:fixed;z-index:80;display:none;max-width:min(300px,calc(100vw - 16px));padding:9px 12px;border-radius:8px;background:var(--ink, #161616);color:#fff;font:400 13px/1.45 Inter,Arial,sans-serif;letter-spacing:0;text-align:left;box-shadow:0 10px 28px rgb(22 22 22 / 22%);pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity 160ms ease,transform 200ms cubic-bezier(.22,1,.36,1)}
.ps-dymek[data-strona="pod"]{transform:translateY(-4px) scale(.98)}
/* Widoczny dymek przyjmuje kursor: można na niego najechać i czytać (WCAG 1.4.13), dymek.js chowa go z opóźnieniem. */
.ps-dymek--widoczny{opacity:1;transform:none!important;pointer-events:auto}
.ps-dymek__strzalka{position:absolute;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg)}
.ps-dymek[data-strona="nad"] .ps-dymek__strzalka{bottom:-5px}
.ps-dymek[data-strona="pod"] .ps-dymek__strzalka{top:-5px}
[data-dymek]{cursor:help}
a[data-dymek],button[data-dymek]{cursor:pointer}
@media(prefers-reduced-motion:reduce){.ps-dymek{transition:none;transform:none!important}}
@media print{.ps-dymek{display:none!important}}