html{height:100%;width:100%}body{margin:0;height:100%;width:100%}#root{display:flex;height:100%;position:absolute;width:100%}.aktify-webchat-windowed.MuiCard-root{margin:8px;height:calc(100% - 16px);width:calc(100% - 16px)}.aktify-webchat-fullscreen.MuiCard-root{border-radius:0;height:100%;width:100%}.dot-flashing{position:relative;width:6px;height:6px;background-color:#a9a9a9;border-radius:3px;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s;margin:6px 0 6px 9px}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-9px;width:6px;height:6px;background-color:#000;border-radius:3px;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:9px;width:6px;height:6px;background-color:#a9a9a9;border-radius:3px;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#000}50%,to{background-color:#a9a9a9}}button.aktify-header-callUs{border-color:#fff;border-radius:8px;color:#fff;height:36px;margin-right:12px;padding:7px 8px;text-transform:none}button.aktify-header-callUs:hover{border-color:#fff}button.aktify-header-callUs .material-icons{font-size:1rem}button.aktify-header-callUs .MuiButton-startIcon{padding-left:4px}.phone-frame{--phone-bezel-color: #1a1a1a;--phone-bezel-radius: 44px;--phone-bezel-width: 12px;--phone-screen-bg: #fff;font-family:Montserrat,sans-serif;position:relative;background:linear-gradient(135deg,#2a2a2a 0%,#1a1a1a 50%,#0a0a0a 100%);border-radius:var(--phone-bezel-radius);padding:var(--phone-bezel-width);width:100%;max-width:375px;height:100%;max-height:700px;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #333}.phone-frame-screen{background:var(--phone-screen-bg);border-radius:calc(var(--phone-bezel-radius) - var(--phone-bezel-width));flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.phone-dynamic-island{width:126px;height:36px;background:#000;border-radius:20px;flex-shrink:0}.phone-side-buttons{position:absolute;left:-2px;top:120px;display:flex;flex-direction:column;gap:10px}.phone-side-button{width:2px;height:24px;background:linear-gradient(90deg,#1a1a1a 0%,#333 100%);border-radius:2px 0 0 2px}.phone-side-button.mute{height:16px;margin-bottom:6px}.phone-power-button{position:absolute;right:-2px;top:150px;width:2px;height:50px;background:linear-gradient(270deg,#1a1a1a 0%,#333 100%);border-radius:0 2px 2px 0}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;font-size:15px;font-weight:600;color:#000;background:transparent}.phone-status-time{font-weight:600;font-size:16px;letter-spacing:-.3px}.phone-status-icons{display:flex;align-items:center;gap:5px}.phone-status-icons svg{width:18px;height:18px}.phone-chat-header{display:flex;flex-direction:column;align-items:center;padding:0 16px 20px;position:absolute;top:38px;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 100%)}.phone-chat-header-info{display:flex;flex-direction:column;align-items:center;position:relative}.phone-chat-header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px #0000001a;position:relative;z-index:2}.phone-chat-header-name{font-size:13px;font-weight:700;color:#000;background:#fff;padding:4px 12px;border-radius:14px;box-shadow:0 1px 3px #0000001a;margin-top:0;position:relative;z-index:1}.phone-chat-header-buttons{position:absolute;right:8px;top:12px;display:flex;gap:8px}.phone-call-button{width:32px;height:32px;border-radius:50%;border:none;background:#fff;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;padding:0}.phone-call-button:hover{opacity:.7}.phone-call-button svg{width:18px;height:18px;color:#8e8e93}.phone-messages-area{flex:1;overflow-y:auto;padding:90px 16px 70px;display:flex;flex-direction:column;scroll-behavior:smooth;background:#fff}.phone-message{max-width:75%;margin-bottom:6px;position:relative}.phone-message-user{align-self:flex-end;margin-left:auto}.phone-message-agent{align-self:flex-start;margin-right:auto}.phone-message-user+.phone-message-agent,.phone-message-agent+.phone-message-user{margin-top:8px}.phone-message-bubble{padding:8px 12px;border-radius:18px;font-size:15px;font-weight:500;line-height:1.35;word-wrap:break-word;position:relative}.phone-message-user .phone-message-bubble{background:#e9e9eb;color:#000;border-bottom-right-radius:4px}.phone-message-agent .phone-message-bubble{background:#DD2424;color:#fff;border-bottom-left-radius:4px}.phone-message-user .phone-message-bubble{border-bottom-right-radius:4px}.phone-message-agent .phone-message-bubble{border-bottom-left-radius:4px}.phone-message-sequential .phone-message-bubble{border-radius:18px}.phone-agent-name{font-size:11px;font-weight:700;color:#8e8e93;margin-bottom:2px;margin-left:12px;padding-top:4px}.phone-typing-indicator{display:flex;align-items:center;gap:3px;padding:6px 4px}.phone-typing-indicator .dot{width:6px;height:6px;background:rgba(255,255,255,.7);border-radius:50%;animation:phoneTypingDot 1.4s ease-in-out infinite}.phone-typing-indicator .dot:nth-child(2){animation-delay:.2s}.phone-typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes phoneTypingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.phone-input-bar{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 8px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 40%,rgba(255,255,255,1) 70%);z-index:10}.phone-input-field{width:100%;border:1px solid #c6c6c8;border-radius:18px;padding:8px 40px 8px 12px;font-size:16px;font-weight:600;outline:none;resize:none;max-height:100px;line-height:1.4;font-family:inherit;background:#fff;box-sizing:border-box}.phone-input-field:focus{border-color:#dd2424}.phone-input-field::placeholder{color:#8e8e93}.phone-send-button{position:absolute;right:14px;bottom:18px;width:28px;height:28px;border-radius:50%;border:none;background-color:#dd2424;cursor:pointer;display:flex;align-items:center;justify-content:center}.phone-send-button:hover{opacity:.85}.phone-send-button svg{width:14px;height:14px;color:#fff}.phone-form-message{background:#f2f2f7;border-radius:18px;padding:16px;max-width:85%;margin:8px 0}.phone-form-message input,.phone-form-message .MuiTextField-root,.phone-form-message .MuiTextField-root .MuiInputBase-root{background:#fff;border-radius:8px}.phone-cta-container{display:flex;flex-direction:column;height:100%}.phone-cta-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.phone-cta-message{background:#e9e9eb;border-radius:18px;padding:16px 20px;font-size:15px;line-height:1.4;max-width:280px;margin-bottom:24px}.phone-cta-button{padding:12px 48px;border-radius:24px;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.phone-cta-button:hover{opacity:.9}.phone-close-container{height:100%;display:flex;flex-direction:column}.phone-close-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.phone-close-content:hover{opacity:.9}.phone-close-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.phone-close-icon svg{width:32px;height:32px;color:#fff}.phone-close-text{font-size:14px;color:#8e8e93}.phone-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#bf3729;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}@media (max-width: 400px){.phone-frame{--phone-bezel-radius: 36px;--phone-bezel-width: 8px}.phone-dynamic-island{width:100px;height:28px;top:8px}.phone-status-bar{padding:6px 20px;font-size:13px}}.phone-submitted-form,.phone-expired-form{background:#f2f2f7;border-radius:18px;padding:12px 16px;text-align:center;font-size:14px;color:#3c3c43;margin:8px 0}.phone-messages-area [data-testid=response-suggestion]{padding:4px 0!important;align-items:flex-end!important}.phone-messages-area [data-testid=response-suggestion]>div{border:1.5px solid #DD2424!important;border-radius:18px!important;box-shadow:none!important;padding:8px 14px!important;background:#fff!important;margin:3px 0 3px auto!important}.phone-messages-area [data-testid=response-suggestion]>div:hover{background:rgba(221,36,36,.08)!important}.phone-messages-area [data-testid=response-suggestion] .MuiTypography-root{font-family:Montserrat,sans-serif!important;font-weight:500!important;font-size:14px!important;color:#dd2424!important}