*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}body{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100%;overflow:hidden}a{color:inherit;text-decoration:none}.chat-container{background-color:#000;display:flex;flex-direction:column;height:100vh;max-width:400px;overflow:hidden;padding:80px 0 20px;position:relative;width:100%}.header-title-wrapper{height:45px;left:0;position:absolute;text-align:center;top:105px;width:100%}.header-title-wrapper .header-title{color:#fff;display:inline-block;font-size:24px;margin-bottom:20px;margin-left:auto;margin-right:auto;text-align:center;transform:rotate(-12deg)}.bell-animation{animation:bellShake 4s ease-in-out forwards;display:inline-block}@keyframes bellShake{0%,to{transform:rotate(-12deg)}10%,30%,50%,70%,90%{transform:rotate(-15deg) translateX(-2px)}20%,40%,60%,80%{transform:rotate(-8deg) translateX(2px)}}.chat-messages{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:0 20px}.chat-header-incoming{background-image:url(../assets/header.jpg);background-position:50%;background-size:cover;border-radius:15px;margin:70px 20px 20px;overflow:hidden;width:calc(100% - 30px)}.chat-header-incoming .chat-header-incoming-inner{align-items:center;background-color:rgba(0,0,0,.6);display:flex;padding:15px;width:100%}.chat-header-incoming .profile-image{border-radius:50%;height:60px;margin-right:10px;position:relative;width:60px}.chat-header-incoming .profile-image img{height:100%;object-fit:cover;width:100%}.chat-header-incoming .company-badge{bottom:0;height:20px;position:absolute;right:0;width:20px}.chat-header-incoming .company-badge img{height:auto;max-width:100%}.chat-header-incoming .header-text{flex:1;margin-left:10px}.chat-header-incoming .header-name{color:#fff;font-size:20px;font-weight:700}.chat-header-incoming .header-status{color:hsla(0,0%,100%,.8);font-size:16px}.message{border-radius:15px;margin-bottom:15px;max-width:80%;padding:10px 15px;position:relative;word-wrap:break-word}.message.sam{align-self:flex-start;background:transparent linear-gradient(129deg,#f3e500,#80bc00) 0 0 no-repeat padding-box;color:#000;position:relative}.message.sam.link-message{margin-bottom:30px;padding-bottom:20px}.message.sam.link-message .message-text{margin-bottom:5px}.message.sam.link-message .message-link-button{bottom:-18px;display:inline-block;margin-top:5px;position:absolute;right:20px}.message.sam.link-message .image-container{margin:-10px -15px 5px}.message.customer{align-self:flex-end;background-color:#b5b5b5;color:#000}.message.system{align-self:center;background-color:hsla(0,0%,78%,.2);border-radius:6px;box-shadow:none;color:hsla(0,0%,39%,.7);font-size:.9em;margin-bottom:15px;margin-top:15px;max-width:90%;padding:5px 15px;text-align:center}.message.system i{font-style:italic}.message-content{font-size:16px;line-height:1.4}.message img,.message video{border-radius:10px;display:block;overflow:hidden;width:100%}.message .gif-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:100%;object-fit:contain}.message .image-container{border-radius:15px;margin:0;overflow:hidden;padding:4px}.message.image-message,.message.video-message{padding:0}.message.has-reaction{margin-bottom:22px}.message-reaction{background-color:#fff;border-radius:12px;bottom:-16px;box-shadow:0 1px 3px rgba(0,0,0,.2);font-size:16px;padding:3px 6px;position:absolute;right:10px}.notification-bullet{background-color:red;border-radius:50%;color:#fff;display:inline-block;font-size:14px;font-weight:700;height:20px;line-height:20px;margin-left:5px;text-align:center;width:20px}.video-play-button{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:2}.video-play-button:before{border-bottom:12px solid transparent;border-left:18px solid #fff;border-top:12px solid transparent;content:"";height:0;margin-left:5px;width:0}.video-container{position:relative}.video-container .video-thumbnail{cursor:pointer;display:block;z-index:1}.video-container .message-video{border-radius:15px;display:block;max-height:220px;width:100%}.customer-input{align-items:flex-start;align-self:flex-end;background-color:#b5b5b5;border-radius:15px;display:flex;margin-bottom:15px;min-height:40px;position:relative;transition:all .3s ease;width:70%}.customer-input.pulsating{animation:pulseShadow 2s infinite}.customer-input .text-reply{background:transparent;border:0;color:#000;font-family:inherit;font-size:16px;height:40px;line-height:20px;max-height:120px;outline:none;overflow-y:hidden;padding:10px;resize:none;width:calc(100% - 40px)}.customer-input .text-reply::placeholder{color:#444}.typing-indicator{align-items:center;background:#444!important;display:flex;min-height:25px;min-width:40px;opacity:1;padding:5px 15px;position:relative}.typing-indicator .dot-animation{display:inline-block;margin-left:4px;min-width:15px;position:relative}.typing-indicator .dot-animation:after{animation:typingDots 1.2s steps(3,start) infinite;content:"."}.typing-indicator:after,.typing-indicator:before{content:none;display:none}.typing-indicator span:not(.dot-animation){display:none}@keyframes typingDots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}@keyframes pulseShadow{0%{box-shadow:0 0 10px 4px rgba(164,201,0,.6)}50%{box-shadow:0 0 20px 4px #e2df00}to{box-shadow:0 0 10px 4px rgba(164,201,0,.6)}}.send-button{align-items:center;background-color:#444;background-image:url(../assets/send.png);background-position:50% 50%;background-repeat:no-repeat;background-size:23px auto;border-radius:50%;bottom:2px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:2px;width:36px}.message-link-button,.predefined-button{align-self:flex-end;background-color:#444;border:none;border-radius:20px;color:#fff;display:inline-block;font-size:14px;margin-top:5px;padding:8px 15px;text-decoration:none}.predefined-button-arrow{background-color:#444;background-image:url(../assets/send.png);background-position:50% 50%;background-repeat:no-repeat;background-size:23px auto;display:inline-block;height:24px;margin-left:5px;vertical-align:middle;width:24px}.scenario-buttons{background-color:#000;border-top:1px solid #666;display:flex;justify-content:space-around;padding:15px}.scenario-buttons .scenario-button{background-color:#444;border:none;border-radius:20px;color:#fff;display:inline-block;font-size:14px;min-width:80px;padding:8px 15px;text-align:center;text-decoration:none}.scenario-buttons .scenario-button:hover{background-color:#5c5c5c}.scenario-buttons .scenario-button:active{background-color:#303030}.popup-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:100%}.popup-content .popup-close-button{align-items:center;background:transparent;border:none;border-radius:50%;color:#444;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;line-height:24px;margin:0;padding:0;position:absolute;right:10px;top:10px;width:30px;z-index:5}.popup-content .popup-close-button:hover{background-color:rgba(0,0,0,.05);color:#000}.popup-content h3{color:#000;font-size:24px;font-weight:700;margin-bottom:15px}.popup-content p{color:#444;font-size:16px;line-height:1.5;margin-bottom:20px}.popup-content .loading-indicator{align-items:center;display:flex;flex-direction:column;margin:20px 0}.popup-content .loading-indicator .spinner{animation:spin 1s linear infinite;border:4px solid rgba(128,188,0,.2);border-radius:50%;border-top-color:#80bc00;height:40px;margin-bottom:15px;width:40px}.popup-content .loading-indicator p{margin-bottom:0}.popup-content .success-message{padding:20px;text-align:center}.popup-content .success-message h3{color:#80bc00;margin-bottom:15px}.popup-content .success-message p{margin-bottom:0}.popup-content .error-popup-message{padding:20px;text-align:center}.popup-content .error-popup-message h3{color:red;margin-bottom:15px}.popup-content .error-popup-message p{margin-bottom:15px}.popup-content .error-popup-message p:last-of-type{background-color:rgba(255,0,0,.05);border-radius:6px;color:#333;font-size:14px;margin-bottom:20px;padding:5px}.popup-content .error-popup-message button{display:inline-block}.confirmation-form{margin-bottom:20px;margin-top:20px}.confirmation-form .form-field{margin-bottom:15px}.confirmation-form .form-field label{color:#333;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.confirmation-form .form-field label.required:after{color:red;content:"*";margin-left:3px}.confirmation-form .form-field input,.confirmation-form .form-field textarea{border:1px solid #b5b5b5;border-radius:6px;font-size:16px;padding:5px 10px;width:100%}.confirmation-form .form-field input:focus,.confirmation-form .form-field textarea:focus{border-color:#80bc00;box-shadow:0 0 0 2px rgba(128,188,0,.25);outline:none}.confirmation-form .form-field input.validation-failed,.confirmation-form .form-field textarea.validation-failed{border-color:red;outline:none}.confirmation-form .form-field textarea{min-height:80px;resize:vertical}.confirmation-form .form-field.privacy-field{align-items:flex-start;display:flex;margin-top:20px}.confirmation-form .form-field.privacy-field input[type=checkbox]{margin-right:10px;margin-top:3px;width:auto}.confirmation-form .form-field.privacy-field input[type=checkbox].validation-failed{outline:2px solid red;outline-offset:1px}.confirmation-form .form-field.privacy-field label{display:inline;font-weight:400;margin-bottom:0}.confirmation-form .form-field.privacy-field label a{color:#80bc00;text-decoration:underline}.confirmation-form .form-field.privacy-field label a:hover{color:#66a000}.popup-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.popup-buttons .popup-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;padding:5px 20px;transition:background-color .3s}.popup-buttons .popup-button.confirm{background-color:#80bc00;color:#fff}.popup-buttons .popup-button.confirm:hover{background-color:#66a000}.popup-buttons .popup-button.cancel{background-color:#b5b5b5;color:#333}.popup-buttons .popup-button.cancel:hover{background-color:#989898}.preload-indicator{align-items:center;background-color:rgba(0,0,0,.85);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1010}.preload-indicator .spinner{animation:spin 1s linear infinite;border:5px solid rgba(128,188,0,.2);border-radius:50%;border-top-color:#80bc00;height:50px;margin-bottom:15px;width:50px}.preload-indicator p{color:#fff;font-size:16px;margin-top:15px}@keyframes spin{to{transform:rotate(1turn)}}