.nativechat-launcher-icon-open,
 .nativechat-launcher-icon-close {
   position: fixed;
   right: 30px;
   bottom: 15px;
   z-index: 9999;
   cursor: pointer;
   width: 60px;
   height: 60px;
   cursor: pointer;
   transform-origin: center;
 }

 .nativechat-launcher-icon-open {
   background: url("./chat-open.svg") center no-repeat;
   background-size: contain;
 }

 .nativechat-launcher-icon-close {
   background: url("./chat-close.svg") center no-repeat;
   background-size: contain;
   display: none;
 }

 .nativechat-launcher-modal {
   position: fixed;
   width: 400px;
   height: 600px;
   right: 30px;
   bottom: 90px;
   background: #fff;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
   padding: 0;
   z-index: 998;
   border-radius: 6px;
 }

 .nativechat-launcher-modal iframe {
   width: 100%;
   height: 100%;
   border: none;
 }

 .nativechat-intro-message {
     position: fixed;
     right: 100px;
     bottom: 25px;
     z-index: 9999;
     padding: 1rem;
     border-radius: 6px;
     width: 240px;
     transform-origin: center;
     background: #fff;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
     border: 1px solid #dbdbd9;
     font-family: Arial, Helvetica, sans-serif;
 }

 .nativechat-intro-message:after,
 .nativechat-intro-message:before {
     left: 100%;
     bottom: 14px;
     border: solid transparent;
     content: "";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .nativechat-intro-message:after {
     border-color: rgba(255, 255, 255, 0);
     border-left-color: #ffffff;
     border-width: 7px;
     margin-top: -7px;
 }

 .nativechat-intro-message:before {
     border-color: rgba(219, 219, 217, 0);
     border-left-color: #dbdbd9;
     border-width: 8px;
     margin-top: -8px;
 }

 .nativechat-intro-message .nativechat-intro-icon-close {
     background-color: #fff;
     width: 24px;
     height: 24px;
     position: absolute;
     top: -25px;
     left: 250px;
     display: inline-block;
     cursor: pointer;
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath class='icon' d='M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z'/%3E%3C/svg%3E ");
 }

 .nativechat-intro-message .nativechat-intro-icon-close .icon {
     fill: #aaaaaa;
 }

 .nativechat-intro-message .nativechat-intro-icon-close:hover .icon {
     fill: #666666;
 }

 @media only screen and (min-device-width: 325px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
   .nativechat-launcher-modal {
     top: 0;
     left: 0;
     right: 0;
     bottom: 180px;
     width: auto;
     height: auto;
     box-shadow: none;
   }
 }