.chatt{--c-yta:#1A1A1C;--c-text:#F2F1ED;--c-linje:#34343A;--c-bubbla:#34343A;--c-knapp:#F2F1ED;--c-knapptext:#1A1A1C;--c-accent:#D5FC44;flex-direction:column;gap:1rem;height:100%;color:var(--c-text)}.chatt,.chatt-rader{display:flex;min-height:0}.chatt-rader{flex:1 1;overflow-y:auto;flex-direction:column;gap:1.25rem;padding-right:.25rem}.chatt .chatt-tom,.ral .chatt-tom{margin:0;font-size:.8125rem;line-height:1.7;color:currentColor;opacity:.62}.chatt-du{background:var(--c-bubbla);border-radius:16px;padding:1rem 1.1rem}.chatt-du p{margin:0;font-size:.9375rem;line-height:1.6;opacity:.85}.chatt-ai{display:flex;flex-direction:column;gap:.9rem}.chatt-ai p{margin:0;font-size:.875rem;line-height:1.7;white-space:pre-wrap}.chatt-steg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.chatt-steg li{display:flex;align-items:center;gap:.7rem;font-size:.875rem;opacity:.6;position:relative;animation:chatt-tona 1.8s ease-in-out infinite}.chatt-steg li:not(:last-child):after{content:"";position:absolute;left:.56rem;top:1.5rem;height:.6rem;width:1px;background:var(--c-linje)}.chatt-ikon{width:1.15rem;height:1.15rem;flex-shrink:0;border-radius:4px;border:1px solid;opacity:.75;position:relative}.chatt-ikon:after,.chatt-ikon:before{content:"";position:absolute;background:currentColor;opacity:.9}.chatt-ikon.metod:before{left:.2rem;right:.2rem;top:.3rem;height:1px}.chatt-ikon.metod:after{left:.2rem;right:.4rem;top:.55rem;height:1px}.chatt-ikon.falt{border-radius:50%}.chatt-ikon.falt:before{left:.5rem;right:.5rem;top:.2rem;bottom:.2rem}.chatt-ikon.beslut:before{left:.25rem;top:.5rem;width:.25rem;height:1px;transform:rotate(45deg)}.chatt-ikon.beslut:after{left:.42rem;top:.46rem;width:.42rem;height:1px;transform:rotate(-45deg)}.chatt-steg li:nth-child(2){animation-delay:.25s}.chatt-steg li:nth-child(3){animation-delay:.5s}@keyframes chatt-tona{0%,to{opacity:.35}50%{opacity:.75}}.chatt-forslag{border:1px solid var(--c-linje);border-radius:14px;padding:.9rem;gap:.6rem}.chatt-forslag,.chatt-in{display:flex;flex-direction:column}.chatt-in{border:1px solid var(--c-linje);border-radius:16px;padding:.75rem;gap:.5rem;background:var(--c-yta)}.chatt-in textarea,.ral .chatt-in textarea{width:100%;background:transparent;border:0;border-radius:0;padding:0;color:var(--c-text);font:inherit;font-size:.875rem;line-height:1.55;resize:none}.chatt-in textarea::placeholder{color:currentColor;opacity:.4}.chatt-in textarea:focus{outline:none}.chatt-in-fot{display:flex;align-items:center;justify-content:space-between}.chatt-in{padding:.75rem .75rem .6rem}.chatt-bifoga{width:2rem;height:2rem;border-radius:50%;border:0;background:none;color:var(--c-text);opacity:.5;font-size:1.1rem;display:grid;place-items:center;cursor:pointer;transition:opacity .15s ease-out}.chatt-bifoga:hover{opacity:1}.chatt-bifoga:focus-visible{outline:2px solid #D5FC44;outline-offset:2px}.chatt-skicka{width:2rem;height:2rem;border-radius:50%;border:0;background:var(--c-knapp);color:var(--c-knapptext);font-size:.9rem;display:grid;place-items:center;cursor:pointer;transition:opacity .15s ease-out}.chatt-skicka:disabled{opacity:.3;cursor:default}.chatt-skicka:not(:disabled):hover{background:var(--c-accent)}@media (prefers-reduced-motion:reduce){.chatt-steg li{animation:none;opacity:.6}.chatt-bifoga,.chatt-skicka{transition:none}}.chatt-handelse{margin:0;font-size:.8125rem;line-height:1.55;color:var(--c-accent);opacity:.85;border-left:2px solid var(--c-accent);padding-left:.75rem}.ral .chatt{--c-yta:var(--pb-kort);--c-accent:var(--pb-text);--c-text:var(--pb-text);--c-linje:var(--pb-rand);--c-bubbla:var(--pb-panel);--c-knapp:var(--pb-text);--c-knapptext:var(--pb-bg)}.ral .chatt-in:focus-within{border-color:#212125}.designfraga{border:1px solid var(--c-linje,#34343a);border-radius:14px;padding:.9rem;display:flex;flex-direction:column;gap:.6rem;font-size:.8125rem}.designfraga p{margin:0;line-height:1.5}.designfraga textarea{width:100%;padding:.6rem;border-radius:10px;resize:vertical;background:transparent;color:inherit;border:1px solid var(--c-linje,#34343a);font:inherit;font-size:.8125rem}.designfraga-svar{display:flex;flex-wrap:wrap;gap:.5rem}.designfraga-knapp{flex:1 1 auto;padding:.5rem .9rem;border-radius:999px;cursor:pointer;background:transparent;color:inherit;border:1px solid var(--c-linje,#34343a);font:inherit;font-size:.8125rem}.designfraga-knapp:focus-visible,.designfraga-knapp:hover:not(:disabled){border-color:currentColor}.designfraga-knapp:disabled{opacity:.4;cursor:default}.designfraga-tack{margin:0;font-size:.8125rem;opacity:.62}.designfraga-fel{color:#E5695A}