.chat-widget{--chat-teema:#a61d1e;--chat-teema-tumma:#911919;--chat-teksti:#333;--chat-hailea:#777;--chat-reuna:#ddd;--chat-tausta:#fbfbfb;--chat-kupla:#ffffff;--chat-virhe-tausta:#fdf1f1;--chat-virhe-reuna:#e7bcbc;--chat-virhe-teksti:#8a2020;--chat-pyoristys:10px;--chat-korkeus:55vh;border:1px solid var(--chat-reuna);border-radius:var(--chat-pyoristys);overflow:hidden;color:var(--chat-teksti)}.chat-widget *,.chat-widget ::after,.chat-widget ::before{box-sizing:border-box}.chat-widget button,.chat-widget form,.chat-widget label,.chat-widget textarea{margin:0}.chat-widget-viestit{height:var(--chat-korkeus);min-height:320px;overflow-y:auto;padding:20px;background:var(--chat-tausta)}.chat-widget-viesti{max-width:80%;margin-bottom:12px;border-radius:12px;line-height:1.55em;overflow-wrap:anywhere}.chat-widget-viesti .chat-widget-sisalto{padding:12px 16px}.chat-widget-viesti.kayttaja{margin-left:auto;background:var(--chat-teema);color:#fff;border-bottom-right-radius:3px;white-space:pre-wrap}.chat-widget-viesti.botti{background:var(--chat-kupla);border:1px solid #e3e3e3;border-bottom-left-radius:3px}.chat-widget-viesti.aloitus{background:var(--chat-tausta);border-style:dashed}.chat-widget-viesti.virhe{background:var(--chat-virhe-tausta);border:1px solid var(--chat-virhe-reuna);color:var(--chat-virhe-teksti);max-width:100%}.chat-widget-viesti.tyhja .chat-widget-sisalto{color:var(--chat-hailea);font-style:italic}.chat-widget-kirjoittaa{display:flex;gap:4px;align-items:center;padding:14px 16px}.chat-widget-viesti.botti .chat-widget-sisalto:empty{padding:0}.chat-widget-kirjoittaa span{width:7px;height:7px;border-radius:50%;background:#b5b5b5;animation:chat-widget-pomppu 1.3s ease-in-out infinite}.chat-widget-kirjoittaa span:nth-child(2){animation-delay:.18s}.chat-widget-kirjoittaa span:nth-child(3){animation-delay:.36s}@keyframes chat-widget-pomppu{0%,100%,60%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}@media (prefers-reduced-motion:reduce){.chat-widget-kirjoittaa span{animation:chat-widget-havahdys 1.3s ease-in-out infinite}@keyframes chat-widget-havahdys{0%,100%,60%{opacity:.35}30%{opacity:1}}}.chat-widget-yhteystiedot{padding:0 16px 12px 16px;font-size:.9em}.chat-widget-yhteystiedot a{color:inherit;text-decoration:underline}.chat-widget-sisalto>:first-child{margin-top:0}.chat-widget-sisalto>:last-child{margin-bottom:0}.chat-widget-sisalto p{margin:0 0 12px 0}.chat-widget-sisalto ol,.chat-widget-sisalto ul{margin:0 0 12px 0;padding-left:22px}.chat-widget-sisalto li{margin-bottom:5px}.chat-widget-sisalto h3,.chat-widget-sisalto h4,.chat-widget-sisalto h5,.chat-widget-sisalto h6{margin:15px 0 8px 0;font-weight:500;font-size:1.1em;color:var(--chat-teema)}.chat-widget-sisalto code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f1f1;padding:1px 5px;border-radius:4px;font-size:.92em}.chat-widget-sisalto pre{background:#f1f1f1;padding:12px;border-radius:6px;overflow-x:auto;margin:0 0 12px 0}.chat-widget-sisalto pre code{background:0 0;padding:0}.chat-widget-sisalto a{color:var(--chat-teema);text-decoration:underline}.chat-widget-peukut{display:flex;gap:4px;padding:0 12px 10px 12px}.chat-widget-peukku{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:0 0;color:#aaa;cursor:pointer;transition:150ms}.chat-widget-peukku svg{width:15px;height:15px;fill:currentColor}.chat-widget-peukku i{font-size:15px;line-height:1}.chat-widget-peukku.negatiivinen svg{transform:rotate(180deg)}.chat-widget-peukku:hover{color:var(--chat-teema);background:#f5f5f5;transition:150ms}.chat-widget-peukku.valittu{color:var(--chat-teema);border-color:var(--chat-teema)}.chat-widget-peukku:focus-visible{outline:2px solid var(--chat-teema);outline-offset:1px}.chat-widget-tila{height:22px;line-height:22px;padding:0 20px;font-size:.9em;color:var(--chat-hailea);background:var(--chat-tausta);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-widget-lomake{display:flex;gap:10px;align-items:flex-end;padding:15px 20px 10px 20px;border-top:1px solid #eee;background:#fff}.chat-widget-syote{width:100%;resize:none;border:1px solid var(--chat-reuna);border-radius:8px;padding:11px 14px 20px 14px;font:inherit;font-size:1em;line-height:1.4em;max-height:160px;color:var(--chat-teksti);overflow-y:hidden}.chat-widget-syote:focus{outline:0;border-color:var(--chat-teema)}.chat-widget-laheta{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--chat-teema);color:#fff;border:none;border-radius:8px;padding:0;font:inherit;cursor:pointer;transition:.2s}.chat-widget-laheta svg{width:18px;height:18px;fill:currentColor}.chat-widget-laheta i{font-size:17px}.chat-widget-laheta:focus-visible{outline:2px solid var(--chat-teema);outline-offset:2px}.chat-widget-laheta:hover:not(:disabled){background:var(--chat-teema-tumma);transition:.2s}.chat-widget-laheta:disabled{background:#bbb;cursor:default}.chat-widget-piilotettu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chat-widget-kentta{position:relative;flex:1;min-width:0;display:flex}.chat-widget-laskuri{position:absolute;right:10px;bottom:5px;font-size:.75em;color:#aaa;pointer-events:none;opacity:0;transition:opacity 150ms}.chat-widget-laskuri.nakyvissa{opacity:1}.chat-widget-laskuri.vahissa{color:var(--chat-teema);font-weight:500}.chat-widget-turnstile{padding:0 20px;background:#fff;line-height:0;font-size:0}.chat-widget-tietosuoja{padding:0 20px 12px 20px;background:#fff;font-size:.75em;line-height:1.45;color:#999;text-align:center}.chat-widget-tietosuoja a{color:inherit;text-decoration:underline}.chat-widget-tietosuoja a:hover{color:var(--chat-teema)}@media (max-width:700px){.chat-widget{--chat-korkeus:60vh}.chat-widget-viesti{max-width:92%}.chat-widget-viestit{min-height:260px;padding:15px}.chat-widget-lomake{padding:12px 15px 8px 15px;gap:8px}.chat-widget-tietosuoja{padding:0 15px 10px 15px}.chat-widget-turnstile{padding:0 15px}.chat-widget-tila{padding:0 15px}.chat-widget-syote{font-size:16px}}.chat-widget-kuplatila{position:fixed;right:var(--chat-kupla-reuna,20px);bottom:var(--chat-kupla-alareuna,20px);z-index:9000;border:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.chat-widget-avaus{order:2;width:58px;height:58px;border:none;border-radius:50%;background:var(--chat-teema);color:#fff;cursor:pointer;box-shadow:0 0 0 3px #fff,0 4px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:.2s}.chat-widget-avaus:hover{background:var(--chat-teema-tumma);transform:scale(1.05);box-shadow:0 0 0 3px #fff,0 6px 22px rgba(0,0,0,.42);transition:.2s}.chat-widget-avaus svg{width:26px;height:26px;fill:currentColor}.chat-widget-avaus i{font-size:24px}.chat-widget-avaus:focus-visible{outline:3px solid var(--chat-teema);outline-offset:3px}.chat-widget-paneeli{order:1;width:440px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--chat-reuna);border-radius:var(--chat-pyoristys);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.18);animation:chat-widget-avautuu 180ms ease-out}@media (prefers-reduced-motion:reduce){.chat-widget-paneeli{animation:none}}@keyframes chat-widget-avautuu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-widget-ylapalkki{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:var(--chat-teema);color:#fff}.chat-widget-nimiosa{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-widget-nimi{font-weight:500;line-height:1.25}.chat-widget-alaotsikko{font-size:.8em;opacity:.85;line-height:1.25}.chat-widget-sulje{background:0 0;border:none;color:#fff;font-size:24px;line-height:1;padding:0 4px;cursor:pointer;border-radius:4px}.chat-widget-sulje:focus-visible{outline:2px solid #fff;outline-offset:1px}.chat-widget-kuplatila .chat-widget-viestit{height:46vh;min-height:240px;max-height:420px}@media (max-width:700px){.chat-widget-kuplatila{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px}.chat-widget-paneeli{width:auto;max-width:none;box-shadow:0 10px 100px rgba(0,0,0,.58)}.chat-widget-kuplatila .chat-widget-viestit{height:58vh;max-height:none}.chat-widget-kuplatila.auki .chat-widget-avaus{display:none}}