.koolak-faq-chat-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.koolak-faq-chat{overflow:hidden;border:1px solid #e2e6ed;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgb(21 27 38 / .08)}.koolak-faq-chat__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;color:#fff;background:#151319}.koolak-faq-chat__agent{display:flex;align-items:center;gap:12px}.koolak-faq-chat__agent strong,.koolak-faq-chat__agent small{display:block}.koolak-faq-chat__agent strong{font-size:14px}.koolak-faq-chat__agent small{margin-top:3px;color:rgb(255 255 255 / .58);font-size:10px}.koolak-faq-chat__avatar{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--brand,#d5004d);font-weight:900}.koolak-faq-chat__avatar span{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid #151319;border-radius:50%;background:#10b981}.koolak-faq-chat__status{padding:6px 10px;border-radius:8px;color:#fff;background:color-mix(in srgb,var(--brand,#d5004d) 35%,transparent);font-size:10px;font-weight:800}.koolak-faq-chat__screen{height:330px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:24px;background:#f8fafc;scroll-behavior:smooth}.koolak-chat-message{width:100%;display:flex;flex-direction:column}.koolak-chat-message>div{max-width:86%;padding:13px 15px;border-radius:18px;font-size:12px;line-height:1.9;white-space:pre-line}.koolak-chat-message small{margin-top:4px;color:#9aa2af;font-size:9px}.koolak-chat-message--agent{align-items:flex-start}.koolak-chat-message--agent>div{border:1px solid #e1e6ed;border-top-right-radius:5px;color:#273142;background:#fff}.koolak-chat-message--agent small{margin-right:5px}.koolak-chat-message--user{align-items:flex-end}.koolak-chat-message--user>div{border-top-left-radius:5px;color:#fff;background:var(--brand,#d5004d)}.koolak-chat-message--user small{margin-left:5px}.koolak-faq-chat__questions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px;border-top:1px solid #e7eaf0;background:#fff}.koolak-faq-chat__questions button{padding:11px 14px;border:1px solid #dfe4eb;border-radius:12px;color:#485367;background:#f8fafc;text-align:right;font-size:12px;font-weight:750;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.koolak-faq-chat__questions button:hover{border-color:var(--brand,#d5004d);color:var(--brand,#d5004d);background:#fff}.koolak-faq-chat__questions button:disabled{cursor:wait;opacity:.55}.koolak-chat-typing{width:fit-content;display:flex;gap:4px;padding:12px 14px;border:1px solid #e1e6ed;border-radius:16px;background:#fff}.koolak-chat-typing span{width:6px;height:6px;border-radius:50%;background:#9aa2af;animation:koolakFaqTyping 1s infinite ease-in-out}.koolak-chat-typing span:nth-child(2){animation-delay:.15s}.koolak-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes koolakFaqTyping{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@supports not (color:color-mix(in srgb,red 10%,transparent)){.koolak-faq-chat__status{background:rgb(213 0 77 / .32)}}@media (max-width:920px){.koolak-faq-chat-layout{grid-template-columns:1fr;gap:42px}}@media (max-width:680px){.koolak-faq-chat{border-radius:22px}.koolak-faq-chat__header{align-items:flex-start;padding:17px}.koolak-faq-chat__status{display:none}.koolak-faq-chat__screen{height:300px;padding:16px}.koolak-faq-chat__questions{display:grid;grid-template-columns:1fr;padding:14px}.koolak-faq-chat__questions button{width:100%}}