/* Chat28 — site chatbot widget (shared front asset, v853).
 * One markup (partials/chat.tpl), four looks as root modifiers
 * (.chat28--minimal | --bubble | --avatar | --bar), five positions
 * (data-position right | left | center | edge | header), list-item link
 * styles (data-links card | pill | text) and a dark token set
 * (data-theme="dark"). Theme through the --chat28-* properties — set them
 * on `.chat28` in the site's sections.css, never by editing this file.
 * The defaults read the 28x design tokens with plain fallbacks so the
 * widget is usable on a site that has none.
 * The token defaults sit in :where() at ZERO specificity on purpose: this
 * file is linked at the end of <body>, after the site's stylesheets, so a
 * plain `.chat28{…}` here would beat the site's `.chat28{…}` by source
 * order. Keep every default inside :where(). */
:where(.chat28){
  --chat28-accent:var(--color-accent,#16a07f);
  --chat28-accent-ink:var(--color-accent-dark,var(--chat28-accent)); /* the accent that carries TEXT (AA on white: #0e7a5f) */
  --chat28-accent-contrast:var(--color-accent-contrast,#fff);
  --chat28-bg:var(--color-bg,#fff);
  --chat28-bg-alt:var(--color-bg-alt,#f5f6f8);
  --chat28-accent-tint:color-mix(in srgb,var(--chat28-accent) 12%,var(--chat28-bg));
  --chat28-text:var(--color-text,#363d45);
  --chat28-heading:var(--color-heading,var(--chat28-text));
  --chat28-muted:var(--color-muted,#6b7480);
  --chat28-border:var(--color-border,#e4e7ec);
  --chat28-border-strong:var(--color-border-strong,#cfd4db);
  --chat28-error:var(--color-error,#c0392f);
  --chat28-error-bg:var(--color-error-bg,#fbeeec);
  --chat28-font:var(--font-body,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  --chat28-fs:15px;
  --chat28-radius:16px;                        /* panel, teaser */
  --chat28-bubble-radius:14px;                 /* message bubbles */
  --chat28-radius-control:999px;               /* launcher pill, "Nov pogovor", link pills; the composer row takes min(this, 25px) */
  --chat28-radius-button:50%;                  /* icon buttons: close, send, teaser close, the card's ↗ badge */
  --chat28-radius-card:10px;                   /* list-item cards (data-links="card") */
  --chat28-offset:20px;
  --chat28-offset-y:var(--chat28-offset);      /* raise above a cookie bar */
  --chat28-z:1050;
  --chat28-launcher-size:56px;
  --chat28-label-max:16ch;
  --chat28-panel-w:380px;--chat28-panel-h:600px;
  --chat28-drawer-w:400px;--chat28-bar-w:440px;
  --chat28-head-bg:var(--chat28-bg);--chat28-head-text:var(--chat28-heading);
  --chat28-bot-bg:var(--chat28-bg);
  --chat28-user-bg:var(--chat28-accent-ink);--chat28-user-text:var(--chat28-accent-contrast);
  --chat28-link:var(--chat28-accent-ink);
  --chat28-avatar-size:40px;--chat28-avatar-bg:var(--chat28-accent-tint);
  --chat28-shadow:0 8px 24px rgba(18,22,27,.10),0 24px 64px rgba(18,22,27,.12);
  --chat28-shadow-launcher:0 2px 6px rgba(18,22,27,.12),0 8px 24px rgba(18,22,27,.18);
  --chat28-focus-ring:0 0 0 2px var(--chat28-bg),0 0 0 4px var(--chat28-accent-ink);
  --chat28-dur:220ms;--chat28-dur-fast:160ms;--chat28-ease:cubic-bezier(.2,.7,.2,1);
}
.chat28{
  position:fixed;right:var(--chat28-offset);bottom:var(--chat28-offset-y);z-index:var(--chat28-z);
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;
  font-family:var(--chat28-font);font-size:var(--chat28-fs);line-height:1.5;color:var(--chat28-text);
  pointer-events:none;box-sizing:border-box;
}
.chat28[hidden]{display:none}
.chat28 *,.chat28 *::before,.chat28 *::after{box-sizing:border-box}
.chat28>*{pointer-events:auto}
.chat28 button{font:inherit;cursor:pointer}
.chat28 :is(button,a):focus-visible{outline:none;box-shadow:var(--chat28-focus-ring)}
/* positions */
.chat28[data-position="left"]{right:auto;left:var(--chat28-offset);align-items:flex-start}
.chat28[data-position="center"]{left:var(--chat28-offset);align-items:center}
.chat28[data-position="edge"],.chat28[data-position="header"]{right:0;top:0;bottom:0;justify-content:center;gap:0}
.chat28[data-position="header"] .chat28__toggle{display:none}
/* launcher */
.chat28__toggle{display:inline-flex;align-items:center;gap:10px;min-height:var(--chat28-launcher-size);padding:0 20px 0 16px;border:0;border-radius:var(--chat28-radius-control);background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast);font-weight:600;line-height:1.2;box-shadow:var(--chat28-shadow-launcher),inset 0 0 0 1px rgba(255,255,255,.18);transition:transform var(--chat28-dur) var(--chat28-ease),box-shadow var(--chat28-dur) var(--chat28-ease)}
.chat28__toggle:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(18,22,27,.14),0 12px 28px rgba(18,22,27,.2),inset 0 0 0 1px rgba(255,255,255,.18)}
.chat28__toggle:focus-visible{box-shadow:var(--chat28-focus-ring),var(--chat28-shadow-launcher)}
.chat28__toggle-icon{width:24px;height:24px;flex:none;display:grid;place-items:center}
.chat28__toggle-icon svg{width:100%;height:100%}
.chat28__toggle-label{max-width:var(--chat28-label-max);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat28__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat28.is-open .chat28__toggle,.chat28.is-open .chat28__teaser{display:none}
/* teaser — shown by --bubble / --avatar once JS adds .is-visible */
.chat28__teaser{display:none;align-items:flex-start;gap:6px;max-width:260px;padding:10px 6px 10px 14px;background:var(--chat28-bg);color:var(--chat28-text);border:1px solid var(--chat28-border);border-radius:var(--chat28-radius);box-shadow:var(--chat28-shadow);position:relative;animation:chat28-rise var(--chat28-dur) var(--chat28-ease) both}
.chat28__teaser::after{content:"";position:absolute;right:22px;bottom:-7px;width:12px;height:12px;background:var(--chat28-bg);border-right:1px solid var(--chat28-border);border-bottom:1px solid var(--chat28-border);transform:rotate(45deg)}
.chat28[data-position="left"] .chat28__teaser::after{right:auto;left:22px}
.chat28__teaser-text{margin:0;font-size:14px;line-height:1.4;padding-top:4px}
.chat28__teaser-close{flex:none;width:32px;height:32px;border:0;border-radius:var(--chat28-radius-button);background:transparent;color:var(--chat28-muted);display:grid;place-items:center}
.chat28__teaser-close svg{width:16px;height:16px}
.chat28__teaser-close:hover{background:var(--chat28-bg-alt);color:var(--chat28-text)}
.chat28--bubble .chat28__teaser.is-visible,.chat28--avatar .chat28__teaser.is-visible{display:flex}
/* panel */
.chat28__panel{display:none;flex-direction:column;width:var(--chat28-panel-w);height:var(--chat28-panel-h);max-height:calc(100vh - 2*var(--chat28-offset));background:var(--chat28-bg);color:var(--chat28-text);border:1px solid var(--chat28-border);border-radius:var(--chat28-radius);box-shadow:var(--chat28-shadow);overflow:hidden;transform-origin:bottom right}
.chat28[data-position="left"] .chat28__panel{transform-origin:bottom left}
.chat28[data-position="center"] .chat28__panel{transform-origin:bottom center}
.chat28.is-open .chat28__panel{display:flex;animation:chat28-rise var(--chat28-dur) var(--chat28-ease) both}
.chat28.is-closing .chat28__panel{animation:chat28-rise var(--chat28-dur-fast) var(--chat28-ease) reverse both}
@keyframes chat28-rise{from{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes chat28-slide{from{opacity:0;transform:translateX(16px)}}
@keyframes chat28-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chat28__head{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 8px 8px 16px;background:var(--chat28-head-bg);color:var(--chat28-head-text);border-bottom:1px solid var(--chat28-border)}
.chat28__heading{flex:1;min-width:0}
.chat28__title{margin:0;font-size:16px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.chat28__subtitle{margin:2px 0 0;font-size:12px;line-height:1.3;color:var(--chat28-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chat28__new{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 10px;border:1px solid var(--chat28-border);border-radius:var(--chat28-radius-control);background:transparent;color:inherit;font-size:13px;font-weight:500;white-space:nowrap}
.chat28__new svg{width:16px;height:16px}
.chat28__new:hover{border-color:var(--chat28-accent-ink);color:var(--chat28-accent-ink);background:var(--chat28-accent-tint)}
.chat28.is-ended .chat28__new{border-color:var(--chat28-accent-ink);background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast)}
.chat28__close{width:44px;height:44px;border:0;border-radius:var(--chat28-radius-button);background:transparent;color:var(--chat28-muted);display:grid;place-items:center}
.chat28__close svg{width:20px;height:20px}
.chat28__close:hover{background:var(--chat28-bg-alt);color:var(--chat28-text)}
/* log */
.chat28__log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;background:var(--chat28-bg-alt);display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--chat28-border-strong) transparent}
.chat28__msg{position:relative;max-width:85%;padding:10px 14px;border-radius:var(--chat28-bubble-radius);overflow-wrap:anywhere;hyphens:manual}
.chat28__msg--bot{align-self:flex-start;background:var(--chat28-bot-bg);border:1px solid var(--chat28-border);border-bottom-left-radius:4px}
.chat28__msg--user{align-self:flex-end;background:var(--chat28-user-bg);color:var(--chat28-user-text);border-bottom-right-radius:4px}
.chat28__msg--user .chat28__body{white-space:pre-wrap}
.chat28__msg--user+.chat28__msg--bot,.chat28__msg--bot+.chat28__msg--user{margin-top:6px}
.chat28__msg p,.chat28__msg ul{margin:0}
.chat28__msg :is(p,ul)+:is(p,ul){margin-top:8px}
.chat28__msg ul{padding-left:18px}
.chat28__msg li+li{margin-top:6px}
.chat28__msg a{color:var(--chat28-link);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--chat28-link) 40%,transparent);border-radius:2px;transition:text-decoration-color var(--chat28-dur-fast)}
.chat28__msg a:hover{text-decoration-color:currentColor}
.chat28__msg a[target="_blank"]::after{content:" ↗";font-size:.85em}
/* a link that ENDS a list item → its own line, as a pill (data-links="pill" or absent) */
.chat28__msg li>a:last-child:not(:first-child){display:flex;width:fit-content;align-items:center;gap:6px;margin-top:6px;padding:0 12px;min-height:34px;border:1px solid var(--chat28-accent-ink);border-radius:var(--chat28-radius-control);font-size:13px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;color:var(--chat28-accent-ink);transition:background var(--chat28-dur-fast)}
.chat28__msg li>a:last-child:not(:first-child)::after{content:"→"}
.chat28__msg li>a:last-child:not(:first-child):hover{background:var(--chat28-accent-tint)}
/* data-links="text": own line, ordinary inline-link style, with ↗ */
.chat28[data-links="text"] .chat28__msg li>a:last-child:not(:first-child){border:0;padding:0;min-height:0;margin-top:4px;font-size:inherit;line-height:inherit;border-radius:2px;gap:3px;color:var(--chat28-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--chat28-link) 40%,transparent)}
.chat28[data-links="text"] .chat28__msg li>a:last-child:not(:first-child)::after{content:"↗";font-size:.9em}
.chat28[data-links="text"] .chat28__msg li>a:last-child:not(:first-child):hover{background:none;text-decoration-color:currentColor}
/* data-links="card" (default): the whole item is one clickable card (stretched link), only the ↗ badge shows; the link text stays for screen readers */
.chat28[data-links="card"] .chat28__msg ul{list-style:none;padding:0;display:grid;gap:8px}
.chat28[data-links="card"] .chat28__msg li{position:relative;padding:10px 46px 10px 12px;border:1px solid var(--chat28-border);border-radius:var(--chat28-radius-card);background:var(--chat28-bg-alt);transition:border-color var(--chat28-dur-fast),background var(--chat28-dur-fast)}
.chat28[data-links="card"] .chat28__msg li+li{margin-top:0}
.chat28[data-links="card"] .chat28__msg li:hover{border-color:var(--chat28-accent-ink);background:var(--chat28-accent-tint)}
.chat28[data-links="card"] .chat28__msg li>a:last-child:not(:first-child){position:static;display:inline;width:auto;margin:0;padding:0;min-height:0;border:0;font-size:0;line-height:0;text-decoration:none;color:var(--chat28-link)}
.chat28[data-links="card"] .chat28__msg li>a:last-child:not(:first-child)::before{content:"↗";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:var(--chat28-radius-button);background:var(--chat28-accent-tint);color:var(--chat28-link);font-size:16px;line-height:28px;font-weight:600;text-align:center}
.chat28[data-links="card"] .chat28__msg li>a:last-child:not(:first-child)::after{content:"";position:absolute;inset:0;border-radius:var(--chat28-radius-card)}
.chat28[data-links="card"] .chat28__msg li:has(a:hover)>a::before{background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast)}
.chat28[data-links="card"] .chat28__msg li>a:focus-visible{box-shadow:none}
.chat28[data-links="card"] .chat28__msg li>a:focus-visible::after{box-shadow:var(--chat28-focus-ring)}
/* a link on the title (first child) keeps the inline style */
.chat28__msg li>a:first-child{font-weight:600}
.chat28__msg--error{background:var(--chat28-error-bg);color:var(--chat28-error);border-color:transparent;font-size:14px}
/* typing — fixed footprint (the v845 ::after dots inherited overflow-wrap:anywhere and stacked vertically) */
.chat28__msg--typing{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-height:42px;color:var(--chat28-muted);font-size:14px}
.chat28__dots{display:inline-flex;gap:4px;width:26px;flex:none}
.chat28__dots i{width:6px;height:6px;border-radius:50%;background:var(--chat28-accent);opacity:.35;animation:chat28-dot 1.2s ease-in-out infinite}
.chat28__dots i:nth-child(2){animation-delay:.2s}.chat28__dots i:nth-child(3){animation-delay:.4s}
.chat28__typing-label{margin:0}
/* composer */
.chat28__composer{padding:10px 12px 6px;background:var(--chat28-bg);border-top:1px solid var(--chat28-border)}
.chat28__turnstile{display:none;justify-content:center;margin-bottom:10px}
.chat28__turnstile.is-visible{display:flex}
.chat28__row{display:flex;align-items:flex-end;gap:6px;padding:3px 3px 3px 14px;border:1px solid var(--chat28-border-strong);border-radius:min(var(--chat28-radius-control),25px);background:var(--chat28-bg);transition:border-color var(--chat28-dur-fast),box-shadow var(--chat28-dur-fast)}
.chat28__row:focus-within{border-color:var(--chat28-accent-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat28-accent) 30%,transparent)}
.chat28__row:has(.chat28__input:disabled){background:var(--chat28-bg-alt);border-style:dashed}
.chat28__input{flex:1;min-width:0;border:0;background:transparent;resize:none;font:inherit;line-height:24px;padding:10px 0;min-height:44px;max-height:120px;color:inherit;outline:none}
.chat28__input::placeholder{color:var(--chat28-muted)}
.chat28__input:disabled{color:var(--chat28-muted)}
.chat28__send{flex:none;width:44px;height:44px;border:0;border-radius:var(--chat28-radius-button);background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast);display:grid;place-items:center;transition:background var(--chat28-dur-fast)}
.chat28__send svg{width:22px;height:22px}
.chat28__send:hover{background:var(--chat28-accent)}
.chat28__send:disabled{background:var(--chat28-border);color:var(--chat28-muted);cursor:not-allowed}
.chat28__note{margin:6px 6px 0;font-size:13px;line-height:1.4;color:var(--chat28-muted)}
.chat28__note:empty,.chat28__note[hidden]{display:none}
.chat28__foot{margin:0;padding:6px 16px 10px;font-size:12px;line-height:1.4;color:var(--chat28-muted);text-align:center;background:var(--chat28-bg)}
.chat28__foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* avatar element — present everywhere, shown by the avatar look (and by .has-avatar) */
.chat28__avatar{display:none;flex:none;width:var(--chat28-avatar-size);height:var(--chat28-avatar-size);border-radius:50%;overflow:hidden;background:var(--chat28-avatar-bg);color:var(--chat28-accent-ink)}
.chat28__avatar img,.chat28__avatar svg{display:block;width:100%;height:100%;object-fit:cover}
.chat28__avatar .chat28__avatar-fallback{padding:22%}
/* ---- minimal + uploaded avatar (root class .has-avatar) ---- */
.chat28--minimal.has-avatar .chat28__toggle{padding-left:8px}
.chat28--minimal.has-avatar .chat28__toggle .chat28__avatar{display:block;width:40px;height:40px}
.chat28--minimal.has-avatar .chat28__toggle-icon{display:none}
.chat28--minimal.has-avatar .chat28__head .chat28__avatar{display:block}
/* ---- look: bubble ---- */
.chat28--bubble .chat28__toggle{width:var(--chat28-launcher-size);height:var(--chat28-launcher-size);padding:0;justify-content:center}
.chat28--bubble .chat28__toggle-icon{width:28px;height:28px}
.chat28--bubble .chat28__toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---- look: avatar ---- */
.chat28--avatar .chat28__toggle{position:relative;width:var(--chat28-launcher-size);height:var(--chat28-launcher-size);padding:0;justify-content:center;background:var(--chat28-bg);box-shadow:var(--chat28-shadow-launcher),0 0 0 2px var(--chat28-accent-ink)}
.chat28--avatar .chat28__toggle:focus-visible{box-shadow:var(--chat28-focus-ring),var(--chat28-shadow-launcher)}
.chat28--avatar .chat28__toggle .chat28__avatar{display:block;width:100%;height:100%}
.chat28--avatar .chat28__toggle-icon{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;padding:4px;border-radius:50%;background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast);border:2px solid var(--chat28-bg)}
.chat28--avatar .chat28__toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.chat28--avatar .chat28__head .chat28__avatar{display:block}
:is(.chat28--avatar,.chat28.has-avatar) .chat28__head .chat28__new{width:40px;padding:0;justify-content:center;gap:0}
:is(.chat28--avatar,.chat28.has-avatar) .chat28__head .chat28__new svg{width:18px;height:18px}
:is(.chat28--avatar,.chat28.has-avatar) .chat28__head .chat28__new .chat28__new-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.chat28--avatar .chat28__msg--bot{margin-left:32px}
.chat28--avatar .chat28__msg--bot .chat28__avatar{display:block;position:absolute;left:-32px;top:0;width:24px;height:24px}
.chat28--avatar .chat28__msg--bot+.chat28__msg--bot .chat28__avatar{visibility:hidden}
/* ---- look: bar (bottom-centre "ask" bar; use with data-position="center") ---- */
:where(.chat28--bar){--chat28-panel-w:460px}
.chat28--bar .chat28__toggle{width:min(var(--chat28-bar-w),100%);height:var(--chat28-launcher-size);padding:0 8px 0 20px;justify-content:space-between;background:var(--chat28-bg);color:var(--chat28-text);font-weight:400;border:1px solid var(--chat28-border-strong);box-shadow:var(--chat28-shadow)}
.chat28--bar .chat28__toggle:hover{border-color:var(--chat28-accent-ink)}
.chat28--bar .chat28__toggle-label{max-width:none;flex:1;text-align:left;color:var(--chat28-muted)}
.chat28--bar .chat28__toggle-icon{order:2;width:40px;height:40px;padding:9px;border-radius:var(--chat28-radius-button);background:var(--chat28-accent-ink);color:var(--chat28-accent-contrast)}
/* ---- position: edge (vertical tab + full-height drawer); header = the same drawer, opened by any [data-chat28-open] ---- */
.chat28[data-position="edge"] .chat28__toggle{writing-mode:vertical-rl;transform:rotate(180deg);min-height:0;padding:18px 0;width:48px;justify-content:center;border-radius:0 var(--chat28-radius) var(--chat28-radius) 0;box-shadow:var(--chat28-shadow-launcher)}
.chat28[data-position="edge"] .chat28__toggle:hover{transform:rotate(180deg) translateX(0)}
.chat28[data-position="edge"] .chat28__toggle-icon{transform:rotate(180deg)}
.chat28[data-position="edge"] .chat28__toggle-label{max-width:24ch}
.chat28[data-position="edge"] .chat28__panel,.chat28[data-position="header"] .chat28__panel{position:absolute;top:0;right:0;bottom:0;width:var(--chat28-drawer-w);height:auto;max-height:none;border-radius:0;border-width:0 0 0 1px;transform-origin:right center}
.chat28[data-position="edge"].is-open .chat28__panel,.chat28[data-position="header"].is-open .chat28__panel{animation-name:chat28-slide}
/* ---- dark token set (zero specificity too: a site's .chat28{…} still wins) ---- */
:where(.chat28[data-theme="dark"]){--chat28-bg:#1b222b;--chat28-bg-alt:#14181d;--chat28-text:#e6e9ed;--chat28-heading:#fff;--chat28-muted:#aeb6bf;--chat28-border:#303a46;--chat28-border-strong:#45515f;--chat28-bot-bg:#232d38;--chat28-link:color-mix(in srgb,var(--chat28-accent) 65%,#fff);--chat28-error:#f1a19a;--chat28-error-bg:#3a2320;--chat28-focus-ring:0 0 0 2px var(--chat28-bg),0 0 0 4px var(--chat28-link)}
/* ---- phones: the panel becomes a full-screen sheet ---- */
@media (max-width:575.98px){
  .chat28.is-open .chat28__panel{position:fixed;inset:0;width:auto;height:auto;max-height:none;border:0;border-radius:0}
  .chat28.is-open .chat28__composer{padding-bottom:calc(6px + env(safe-area-inset-bottom))}
  .chat28__msg{max-width:88%}
  .chat28--bar .chat28__toggle{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .chat28 *,.chat28 *::before{animation:none!important;transition:none!important}
  .chat28__dots i:nth-child(1){opacity:.35}.chat28__dots i:nth-child(2){opacity:.6}.chat28__dots i:nth-child(3){opacity:1}
}